#qx-section-69979 { padding-top : 22em; padding-right : 4em; padding-bottom : 9em; padding-left : 4em; background-color : rgba(255 ,  255,  255, 1); background-image : url("http://melodi.kyiv.ua/images//bckgr/693.png"); background-size : contain; background-position : center; background-repeat : repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-section-69979 .qx-shape-top path.qx-shape-fill { fill : rgba(255 ,  255,  255, 1);  } #qx-section-69979 .qx-shape-top svg { width : 100%; height : 70px;  } #qx-section-69979 .qx-shape-top { transform : scaleX(-1);  } #qx-section-69979 .qx-shape-bottom path.qx-shape-fill { fill : rgba(255 ,  255,  255, 1);  } #qx-section-69979 .qx-shape-bottom svg { width : 100%; height : 75px;  } #qx-section-69979 .qx-shape-bottom { z-index : 2;  } .qx-section-69979-background-overlay { background-color : rgba(255 ,  255,  255, 1);  } #qx-section-69979:hover .qx-section-69979-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-69979 { padding-top : 0em; padding-right : 0em; padding-bottom : 0em; padding-left : 0em;  } #qx-section-69979 .qx-shape-top svg { width : 100%; height : 100px;  } #qx-section-69979 .qx-shape-bottom svg { height : 100px;  }  } @media (max-width: 767px) { #qx-section-69979 { padding-top : 10em; padding-right : 1em; padding-bottom : 5em; padding-left : 1em;  } #qx-section-69979 .qx-shape-top svg { width : 100%; height : 40px;  } #qx-section-69979 .qx-shape-bottom svg { height : 40px;  }  } #qx-row-891271 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-891271-background-overlay {  } #qx-row-891271:hover .qx-row-891271-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-891271 {  }  } @media (max-width: 767px) { #qx-row-891271 {  }  } #qx-column-181272 > .qx-col-wrap { background : linear-gradient(231deg, rgba(0 ,  0,  0, 1) 0%,rgba(36 ,  36,  36, 1) 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-181272 { flex: 72%; max-width: 72%; } .qx-column-181272-background-overlay { background-image : url("http://melodi.kyiv.ua/images//main/drumsss.png"); background-size : contain; background-position : top; background-repeat : no-repeat; background-blend-mode : multiply; opacity : 1;  } #qx-column-181272:hover .qx-column-181272-background-overlay {  } #qx-column-181272 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-181272 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-181272 > .qx-col-wrap {  } #qx-column-181272 { flex: 66.67%; max-width: 66.67%; }  } @media (max-width: 767px) { #qx-column-181272 > .qx-col-wrap {  } #qx-column-181272 { flex: 100%; max-width: 100%; }  } #qx-text-26334 { padding-top : 2.2em; padding-bottom : 0em; padding-left : 0.7em; background : linear-gradient(180deg,  0%, 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Tinos; font-weight : 700; font-size : 3.6em; text-transform : uppercase; letter-spacing : 0.06em; text-shadow : rgba(0 ,  0,  0, 0.46) 2px 2px 6px; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-26334 {  }  } @media (max-width: 767px) { #qx-text-26334 { padding-top : 1.6em; font-size : 2.6em;  }  } #qx-text-721311 { padding-bottom : 1em; padding-left : 1.6em; background : linear-gradient(180deg,  0%, 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Open Sans; font-weight : 300; font-size : 1.5em; text-transform : uppercase; letter-spacing : 0.2em; text-align : left; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-721311 {  }  } @media (max-width: 767px) { #qx-text-721311 { font-size : 1em;  }  } #qx-column-311274 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-311274 { flex: 28%; max-width: 28%; } .qx-column-311274-background-overlay {  } #qx-column-311274:hover .qx-column-311274-background-overlay {  } #qx-column-311274 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-311274 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-311274 > .qx-col-wrap {  } #qx-column-311274 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-311274 > .qx-col-wrap {  } #qx-column-311274 { flex: 100%; max-width: 100%; }  } #qx-section-89790 { margin-top : -0.03em; padding-top : 5em; padding-right : 4em; padding-bottom : 5em; padding-left : 5em; background-color : rgba(255 ,  255,  255, 1); background-image : url("http://melodi.kyiv.ua/images//bckgr/wave.png"); background-size : cover; background-position : center; background-repeat : no-repeat; background-attachment : fixed; background-blend-mode : darken; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-89790-background-overlay { background-color : rgba(255 ,  255,  255, 1); opacity : 0.55;  } #qx-section-89790:hover .qx-section-89790-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-89790 { padding-top : 0em; padding-right : 0em; padding-bottom : 0em; padding-left : 0em;  }  } @media (max-width: 767px) { #qx-section-89790 { padding-top : 1em; padding-right : 1em; padding-bottom : 2em; padding-left : 1em;  }  } #qx-row-58850 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-58850-background-overlay {  } #qx-row-58850:hover .qx-row-58850-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-58850 {  }  } @media (max-width: 767px) { #qx-row-58850 {  }  } #qx-column-47851 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-47851 { flex: 100%; max-width: 100%; } .qx-column-47851-background-overlay {  } #qx-column-47851:hover .qx-column-47851-background-overlay {  } #qx-column-47851 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-47851 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-47851 > .qx-col-wrap {  } #qx-column-47851 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-47851 > .qx-col-wrap {  } #qx-column-47851 { flex: 100%; max-width: 100%; }  } #qx-heading-291391 { margin-top : 0px; padding-top : 2em; padding-bottom : 0em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-291391 h2 { font-family : Roboto; font-weight : 100; font-size : 3em; text-transform : uppercase; letter-spacing : 0.2em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-291391 { margin-bottom : 20px;  } #qx-heading-291391 h2 { font-size : 2.5em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-heading-291391 { margin-top : 0px; margin-right : 0px; margin-bottom : 0px; margin-left : 0px; padding-top : 3em; padding-bottom : 0em;  } #qx-heading-291391 h2 { font-size : 2em; line-height : 1.4em; letter-spacing : 0.07em;  }  } #qx-text-971097 { padding-bottom : 2em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Caveat; font-size : 1.5em; text-align : center; color : rgba(80 ,  34,  91, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-971097 {  }  } @media (max-width: 767px) { #qx-text-971097 { margin-top : 1em; font-size : 1.2em;  }  } #qx-row-54239 { margin-top : 1em; margin-bottom : 1em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-54239-background-overlay {  } #qx-row-54239:hover .qx-row-54239-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-54239 {  }  } @media (max-width: 767px) { #qx-row-54239 { margin-top : 1em;  }  } #qx-column-51298 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//bckgr/clef-aqua.png"); background-size : contain; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-51298 { flex: 20%; max-width: 20%; } .qx-column-51298-background-overlay {  } #qx-column-51298:hover .qx-column-51298-background-overlay { opacity : 0.26;  } #qx-column-51298 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-51298 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-51298 > .qx-col-wrap {  } #qx-column-51298 { flex: 20%; max-width: 20%; } #qx-column-51298 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-51298 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-51298 > .qx-col-wrap {  } #qx-column-51298 { flex: 100%; max-width: 100%; } #qx-column-51298 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-51298 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-image-3532 { transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-3532:hover { background-color : rgba(255 ,  255,  255, 0.18);  } #qx-image-3532 img,#qx-image-3532 svg { width : 100%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-3532 img,#qx-image-3532 svg,#qx-image-3532 i {  } #qx-image-3532 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); text-align : center; font-family : Tinos; font-size : 1em; text-transform : uppercase; line-height : 1em; letter-spacing : 0.2em; color : rgba(80 ,  34,  91, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-3532 svg,#qx-image-3532 i {  } #qx-image-3532 svg,#qx-image-3532 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-3532 {  } #qx-image-3532 img,#qx-image-3532 svg {  } #qx-image-3532 svg,#qx-image-3532 i {  } #qx-image-3532 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-image-3532 {  } #qx-image-3532 img,#qx-image-3532 svg {  } #qx-image-3532 svg,#qx-image-3532 i {  } #qx-image-3532 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } #qx-text-391279 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-391279 {  }  } @media (max-width: 767px) { #qx-text-391279 { margin-top : 1em; font-size : 0.8em;  }  } #qx-column-41653 > .qx-col-wrap { background-size : contain; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-41653 { flex: 20%; max-width: 20%; } .qx-column-41653-background-overlay {  } #qx-column-41653:hover .qx-column-41653-background-overlay {  } #qx-column-41653 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-41653 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-41653 > .qx-col-wrap {  } #qx-column-41653 { flex: 20%; max-width: 20%; } #qx-column-41653 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-41653 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-41653 > .qx-col-wrap {  } #qx-column-41653 { flex: 100%; max-width: 100%; } #qx-column-41653 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-41653 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-column-53307 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//bckgr/clef-aqua.png"); background-size : contain; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-53307 { flex: 20%; max-width: 20%; } .qx-column-53307-background-overlay {  } #qx-column-53307:hover .qx-column-53307-background-overlay {  } #qx-column-53307 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-53307 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-53307 > .qx-col-wrap {  } #qx-column-53307 { flex: 20%; max-width: 20%; } #qx-column-53307 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-53307 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-53307 > .qx-col-wrap {  } #qx-column-53307 { flex: 100%; max-width: 100%; } #qx-column-53307 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-53307 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-image-69727 { transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-69727:hover { background-color : rgba(255 ,  255,  255, 0.18);  } #qx-image-69727 img,#qx-image-69727 svg { width : 100%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-69727 img,#qx-image-69727 svg,#qx-image-69727 i {  } #qx-image-69727 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); text-align : center; font-family : Tinos; font-size : 1em; text-transform : uppercase; line-height : 1em; letter-spacing : 0.18em; color : rgba(80 ,  34,  91, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-69727 svg,#qx-image-69727 i {  } #qx-image-69727 svg,#qx-image-69727 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-69727 {  } #qx-image-69727 img,#qx-image-69727 svg {  } #qx-image-69727 svg,#qx-image-69727 i {  } #qx-image-69727 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-image-69727 {  } #qx-image-69727 img,#qx-image-69727 svg {  } #qx-image-69727 svg,#qx-image-69727 i {  } #qx-image-69727 .qx-figure-caption { font-size : 0.8em; line-height : 1.6em; letter-spacing : 0.1em;  }  } #qx-text-721536 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-721536 {  }  } @media (max-width: 767px) { #qx-text-721536 { margin-top : 1em; font-size : 0.8em;  }  } #qx-column-42660 > .qx-col-wrap { background-size : contain; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-42660 { flex: 20%; max-width: 20%; } .qx-column-42660-background-overlay {  } #qx-column-42660:hover .qx-column-42660-background-overlay {  } #qx-column-42660 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-42660 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-42660 > .qx-col-wrap {  } #qx-column-42660 { flex: 20%; max-width: 20%; } #qx-column-42660 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-42660 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-42660 > .qx-col-wrap {  } #qx-column-42660 { flex: 100%; max-width: 100%; } #qx-column-42660 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-42660 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-spacer-685639 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; height : 10px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-spacer-685639 { height : 10px;  }  } @media (max-width: 767px) { #qx-spacer-685639 { height : 15px;  }  } #qx-column-66313 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//bckgr/clef-aqua.png"); background-size : contain; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-66313 { flex: 20%; max-width: 20%; } .qx-column-66313-background-overlay {  } #qx-column-66313:hover .qx-column-66313-background-overlay {  } #qx-column-66313 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-66313 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-66313 > .qx-col-wrap {  } #qx-column-66313 { flex: 20%; max-width: 20%; } #qx-column-66313 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-66313 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-66313 > .qx-col-wrap { margin-right : 0%; margin-left : 0%;  } #qx-column-66313 { flex: 100%; max-width: 100%; } #qx-column-66313 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-66313 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-image-29805 { transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-29805:hover { background-color : rgba(255 ,  255,  255, 0.18);  } #qx-image-29805 img,#qx-image-29805 svg { width : 100%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-29805 img,#qx-image-29805 svg,#qx-image-29805 i {  } #qx-image-29805 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); text-align : center; font-family : Tinos; font-size : 1em; text-transform : uppercase; line-height : 1em; letter-spacing : 0.2em; color : rgba(80 ,  34,  91, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-29805 svg,#qx-image-29805 i {  } #qx-image-29805 svg,#qx-image-29805 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-29805 {  } #qx-image-29805 img,#qx-image-29805 svg {  } #qx-image-29805 svg,#qx-image-29805 i {  } #qx-image-29805 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-image-29805 {  } #qx-image-29805 img,#qx-image-29805 svg {  } #qx-image-29805 svg,#qx-image-29805 i {  } #qx-image-29805 .qx-figure-caption { font-size : 0.9em; line-height : 1.7em; letter-spacing : 0.25em;  }  } #qx-text-391556 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-391556 {  }  } @media (max-width: 767px) { #qx-text-391556 { margin-top : 1em; font-size : 0.8em;  }  } #qx-row-131674 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-131674-background-overlay {  } #qx-row-131674:hover .qx-row-131674-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-131674 {  }  } @media (max-width: 767px) { #qx-row-131674 {  }  } #qx-column-591675 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-591675 { flex: 100%; max-width: 100%; } .qx-column-591675-background-overlay {  } #qx-column-591675:hover .qx-column-591675-background-overlay {  } #qx-column-591675 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-591675 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-591675 > .qx-col-wrap {  } #qx-column-591675 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-591675 > .qx-col-wrap {  } #qx-column-591675 { flex: 100%; max-width: 100%; }  } #qx-text-581679 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-weight : 300; font-size : 0.8em; letter-spacing : 0.25em; text-align : right;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-581679 {  }  } @media (max-width: 767px) { #qx-text-581679 { font-size : 0.7em; letter-spacing : 0.2em;  }  } #qx-row-86525 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-86525-background-overlay {  } #qx-row-86525:hover .qx-row-86525-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-86525 {  }  } @media (max-width: 767px) { #qx-row-86525 {  }  } #qx-column-92526 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-92526 { flex: 100%; max-width: 100%; } .qx-column-92526-background-overlay {  } #qx-column-92526:hover .qx-column-92526-background-overlay {  } #qx-column-92526 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-92526 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-92526 > .qx-col-wrap {  } #qx-column-92526 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-92526 > .qx-col-wrap {  } #qx-column-92526 { flex: 100%; max-width: 100%; }  } #qx-heading-77527 { margin-top : 0px; padding-top : 3em; padding-bottom : 0em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-77527 h2 { font-family : Roboto; font-weight : 100; font-size : 5em; text-transform : uppercase; letter-spacing : 0.2em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-77527 { margin-bottom : 20px;  } #qx-heading-77527 h2 { font-size : 2.5em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-heading-77527 { margin-top : 0px; margin-right : 0px; margin-bottom : 0px; margin-left : 0px; padding-top : 3em; padding-bottom : 0em;  } #qx-heading-77527 h2 { font-size : 2.2em; line-height : 1.4em; letter-spacing : 0.07em;  }  } #qx-text-34528 { padding-bottom : 2em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Caveat; font-size : 1.5em; text-align : center; color : rgba(80 ,  34,  91, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-34528 {  }  } @media (max-width: 767px) { #qx-text-34528 { margin-top : 1em; font-size : 1.2em;  }  } #qx-row-17515 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-17515-background-overlay {  } #qx-row-17515:hover .qx-row-17515-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-17515 {  }  } @media (max-width: 767px) { #qx-row-17515 {  }  } #qx-column-30516 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-30516 { flex: 100%; max-width: 100%; } .qx-column-30516-background-overlay {  } #qx-column-30516:hover .qx-column-30516-background-overlay {  } #qx-column-30516 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-30516 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-30516 > .qx-col-wrap {  } #qx-column-30516 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-30516 > .qx-col-wrap {  } #qx-column-30516 { flex: 100%; max-width: 100%; }  } #qx-video-carousel-12517 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-video-carousel-12517 iframe#video-qx-video-carousel-12517 { height : 200px; width : 100%;  } #qx-video-carousel-12517 .qx-card-media-top { position : relative; overflow : hidden;  } #qx-video-carousel-12517 .qx-panel-wrapper { position : relative; overflow : hidden;  } #qx-video-carousel-12517 .qx-element-video-carousel__wrapper .qx-slider-items li { min-width : 1px;  } #qx-video-carousel-12517 .qx-video-meta .qx-video-author-name { color : rgba(0, 0, 0, 1); font-family : Caveat; font-size : 1.5em; margin-right : 15px;  } #qx-video-carousel-12517 .qx-video-meta { margin-top : 50px;  } #qx-video-carousel-12517 .qx-video-meta .qx-video-designation { color : rgba(0, 0, 0, 1); font-family : Tinos; text-transform : uppercase;  } #qx-video-carousel-12517 .qx-video-content { color : rgba(0, 0, 0, 1);  } #qx-video-carousel-12517 .qx-card-body {  } #qx-video-carousel-12517 .qx-card { border-width : 0px;  } #qx-video-carousel-12517 .qx-dotnav li * { background-color : rgba(80 ,  34,  91, 0.8); width : 15px; height : 15px;  } #qx-video-carousel-12517 .qx-dotnav li.qx-active * { background-color : rgba(80 ,  34,  91, 1);  } #qx-video-carousel-12517 .qx-dotnav li { padding-left : 12px; margin-top : 25px;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav-horizontal { display : flex; flex-wrap : wrap; list-style : none; margin-left : -12px;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav-horizontal li { padding-left : 12px;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav-horizontal li:first-child { padding-left : 0;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav-horizontal li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); width : 25px; height : 5px;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav-vertical { display : inline; list-style : none;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav-vertical li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); height : 25px; width : 5px;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav-vertical li:first-child { padding-top : 0;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav-vertical li { padding-top : 12px;  } #qx-video-carousel-12517 .bar-navigation .qx-barnav li.qx-active a { background-color : rgba(102, 102, 102, 0.6);  } #qx-video-carousel-12517 .qx-element-video-carousel__wrapper .playIcon { position : absolute; top : 50%; left : 50%; color : #fff; font-size : 70px; transform : translateX(-50%) translateY(-50%); cursor : pointer;  } #qx-video-carousel-12517 .qx-element-video-carousel__wrapper .playIcon a { color : #fff;  } #qx-video-carousel-12517 .qx-element-video-carousel__wrapper .playIcon a:hover { color : #fff; text-decoration : none;  } #qx-video-carousel-12517 .qx-element-video-carousel__wrapper { position : relative;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-video-carousel-12517 {  } #qx-video-carousel-12517 .qx-video-meta .qx-video-author-name {  } #qx-video-carousel-12517 .qx-card-body {  } #qx-video-carousel-12517 .qx-dotnav li { padding-left : 12px; margin-top : 25px;  }  } @media (max-width: 767px) { #qx-video-carousel-12517 {  } #qx-video-carousel-12517 .qx-video-meta .qx-video-author-name {  } #qx-video-carousel-12517 .qx-card-body {  } #qx-video-carousel-12517 .qx-dotnav li { padding-left : 10px; margin-top : 10px;  }  } #qx-section-82102 { margin-top : 0em; padding-top : 15em; padding-right : 0em; padding-bottom : 6em; padding-left : 4em; background-color : rgba(255 ,  255,  255, 1); background-image : url("http://melodi.kyiv.ua/images//bckgr/693.png"); background-size : contain; background-position : center; background-repeat : repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-section-82102 .qx-shape-top path.qx-shape-fill { fill : rgba(255 ,  255,  255, 1);  } #qx-section-82102 .qx-shape-top svg { width : 100%; height : 70px;  } .qx-section-82102-background-overlay { opacity : 0.48;  } #qx-section-82102:hover .qx-section-82102-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-82102 { padding-top : 8em; padding-right : 0em; padding-bottom : 4em; padding-left : 0em;  } #qx-section-82102 .qx-shape-top svg { height : 100px;  }  } @media (max-width: 767px) { #qx-section-82102 { padding-top : 10em; padding-right : 1em; padding-bottom : 5em; padding-left : 1em;  } #qx-section-82102 .qx-shape-top svg { height : 40px;  }  } #qx-row-932311 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-932311-background-overlay {  } #qx-row-932311:hover .qx-row-932311-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-932311 {  }  } @media (max-width: 767px) { #qx-row-932311 {  }  } #qx-column-402312 > .qx-col-wrap { background : linear-gradient(231deg, rgba(0 ,  0,  0, 1) 0%,rgba(36 ,  36,  36, 1) 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-402312 { flex: 65%; max-width: 65%; } .qx-column-402312-background-overlay {  } #qx-column-402312:hover .qx-column-402312-background-overlay {  } #qx-column-402312 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-402312 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-402312 > .qx-col-wrap {  } #qx-column-402312 { flex: 66.67%; max-width: 66.67%; }  } @media (max-width: 767px) { #qx-column-402312 > .qx-col-wrap {  } #qx-column-402312 { flex: 100%; max-width: 100%; }  } #qx-text-42313 { padding-top : 1em; padding-bottom : 0em; padding-left : 0.7em; background : linear-gradient(180deg,  0%, 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Tinos; font-weight : 700; font-size : 2.5em; text-transform : uppercase; letter-spacing : 0.06em; text-shadow : rgba(0 ,  0,  0, 0.46) 2px 2px 6px; color : rgba(255 ,  255,  128, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-42313 {  }  } @media (max-width: 767px) { #qx-text-42313 { font-size : 1.8em;  }  } #qx-text-842314 { padding-top : 1em; padding-bottom : 1em; padding-left : 2em; background : linear-gradient(180deg,  0%, 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Open Sans; font-weight : 400; font-size : 0.9em; text-transform : uppercase; line-height : 2.4em; letter-spacing : 0.1em; text-align : left; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-842314 {  }  } @media (max-width: 767px) { #qx-text-842314 { font-size : 0.8em;  }  } #qx-column-12315 > .qx-col-wrap { background-color : rgba(255 ,  255,  255, 0.7); background-image : url("http://melodi.kyiv.ua/images//main/DrumHandsS.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-12315 { flex: 35%; max-width: 35%; } .qx-column-12315-background-overlay {  } #qx-column-12315:hover .qx-column-12315-background-overlay {  } #qx-column-12315 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-12315 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-12315 > .qx-col-wrap {  } #qx-column-12315 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-12315 > .qx-col-wrap { padding-top : 7em; padding-bottom : 10em;  } #qx-column-12315 { flex: 100%; max-width: 100%; }  } #qx-section-63502 { padding-top : 3em; padding-right : 5em; padding-bottom : 3em; padding-left : 5em; background : linear-gradient(218deg, rgba(137 ,  64,  155, 1) 0%,rgba(80 ,  34,  91, 1) 90%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-63502-background-overlay {  } #qx-section-63502:hover .qx-section-63502-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-63502 { padding-top : 1.5em; padding-right : 0em; padding-bottom : 1.5em; padding-left : 0em;  }  } @media (max-width: 767px) { #qx-section-63502 { padding-top : 1em; padding-right : 1em; padding-bottom : 1em; padding-left : 1em;  }  } #qx-row-673505 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-673505-background-overlay {  } #qx-row-673505:hover .qx-row-673505-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-673505 {  }  } @media (max-width: 767px) { #qx-row-673505 {  }  } #qx-column-123506 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-123506 { flex: 100%; max-width: 100%; } .qx-column-123506-background-overlay {  } #qx-column-123506:hover .qx-column-123506-background-overlay {  } #qx-column-123506 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-123506 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-123506 > .qx-col-wrap {  } #qx-column-123506 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-123506 > .qx-col-wrap {  } #qx-column-123506 { flex: 100%; max-width: 100%; }  } #qx-text-63526 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Roboto; font-weight : 100; font-size : 1.9em; letter-spacing : 0.1em; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-63526 { font-size : 1.2em;  }  } @media (max-width: 767px) { #qx-text-63526 { font-size : 1em; text-align : center;  }  } #qx-section-1502 { margin-top : 0em; padding-top : 6em; padding-right : 4em; padding-bottom : 13em; padding-left : 0em; background-color : rgba(255 ,  255,  255, 1); background-image : url("http://melodi.kyiv.ua/images//bckgr/693.png"); background-size : contain; background-position : center; background-repeat : repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-section-1502 .qx-shape-bottom path.qx-shape-fill { fill : rgba(255 ,  255,  255, 1);  } #qx-section-1502 .qx-shape-bottom svg { width : 100%; height : 70px;  } .qx-section-1502-background-overlay { opacity : 0.48;  } #qx-section-1502:hover .qx-section-1502-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-1502 { padding-top : 8em; padding-right : 0em; padding-bottom : 4em; padding-left : 0em;  } #qx-section-1502 .qx-shape-bottom svg { height : 100px;  }  } @media (max-width: 767px) { #qx-section-1502 { padding-top : 5em; padding-right : 1em; padding-bottom : 10em; padding-left : 1em;  } #qx-section-1502 .qx-shape-bottom svg { height : 40px;  }  } #qx-row-17503 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-17503-background-overlay {  } #qx-row-17503:hover .qx-row-17503-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-17503 {  }  } @media (max-width: 767px) { #qx-row-17503 {  }  } #qx-column-22504 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//main/etnodrum-adult.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-22504 { flex: 35%; max-width: 35%;flex: 35%; max-width: 35%; } .qx-column-22504-background-overlay {  } #qx-column-22504:hover .qx-column-22504-background-overlay {  } #qx-column-22504 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-22504 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-22504 > .qx-col-wrap {  } #qx-column-22504 { flex: 50%; max-width: 50%;flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-22504 > .qx-col-wrap { padding-top : 10em; padding-bottom : 9em;  } #qx-column-22504 { flex: 100%; max-width: 100%;flex: 100%; max-width: 100%; }  } #qx-column-0629 > .qx-col-wrap { padding-left : 2em; background : linear-gradient(231deg, rgba(0 ,  0,  0, 1) 0%,rgba(36 ,  36,  36, 1) 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-0629 { flex: 65%; max-width: 65%;flex: 65%; max-width: 65%; } .qx-column-0629-background-overlay {  } #qx-column-0629:hover .qx-column-0629-background-overlay {  } #qx-column-0629 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-0629 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-0629 > .qx-col-wrap {  } #qx-column-0629 { flex: 50%; max-width: 50%;flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-0629 > .qx-col-wrap {  } #qx-column-0629 { flex: 100%; max-width: 100%;flex: 100%; max-width: 100%; }  } #qx-text-3630 { padding-top : 1em; padding-bottom : 0em; padding-left : 0.7em; background : linear-gradient(180deg,  0%, 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Tinos; font-weight : 700; font-size : 2.5em; text-transform : uppercase; letter-spacing : 0.06em; text-shadow : rgba(0 ,  0,  0, 0.46) 2px 2px 6px; color : rgba(206 ,  224,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-3630 {  }  } @media (max-width: 767px) { #qx-text-3630 { font-size : 1.8em;  }  } #qx-text-52631 { padding-top : 1em; padding-bottom : 1em; padding-left : 2em; background : linear-gradient(180deg,  0%, 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Open Sans; font-weight : 400; font-size : 0.9em; text-transform : uppercase; line-height : 2.4em; letter-spacing : 0.1em; text-align : left; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-52631 {  }  } @media (max-width: 767px) { #qx-text-52631 { font-size : 0.8em;  }  } #qx-section-221909 { margin-top : -0.3em; padding-top : 7em; padding-right : 2em; padding-bottom : 2em; padding-left : 2em; background-color : rgba(255 ,  255,  255, 1); background-image : url("http://melodi.kyiv.ua/images//bckgr/wave.png"); background-size : cover; background-position : center; background-repeat : no-repeat; background-attachment : fixed; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-221909-background-overlay { background-color : rgba(255 ,  255,  255, 1); opacity : 0.5;  } #qx-section-221909:hover .qx-section-221909-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-221909 { padding-top : 2em; padding-right : 0em; padding-bottom : 3em; padding-left : 0em;  }  } @media (max-width: 767px) { #qx-section-221909 { padding-top : 4em; padding-right : 0em; padding-bottom : 3em; padding-left : 0em;  }  } #qx-row-801200 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-801200-background-overlay {  } #qx-row-801200:hover .qx-row-801200-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-801200 {  }  } @media (max-width: 767px) { #qx-row-801200 {  }  } #qx-column-791201 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-791201 { flex: 100%; max-width: 100%; } .qx-column-791201-background-overlay {  } #qx-column-791201:hover .qx-column-791201-background-overlay {  } #qx-column-791201 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-791201 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-791201 > .qx-col-wrap {  } #qx-column-791201 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-791201 > .qx-col-wrap {  } #qx-column-791201 { flex: 100%; max-width: 100%; }  } #qx-heading-282892 { margin-bottom : 0em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-282892 h2 { font-family : Roboto; font-weight : 100; font-size : 6em; text-transform : uppercase; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-282892 {  } #qx-heading-282892 h2 { font-size : 5em;  }  } @media (max-width: 767px) { #qx-heading-282892 {  } #qx-heading-282892 h2 { font-size : 3em; letter-spacing : 0.1em;  }  } #qx-text-29318 { padding-top : 1em; padding-bottom : 2em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Caveat; font-weight : 400; font-size : 1.7em; line-height : 0.8em; text-align : center; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-29318 { padding-bottom : 0em;  }  } @media (max-width: 767px) { #qx-text-29318 { padding-bottom : 0.5em; font-size : 1.2em; line-height : 1em;  }  } #qx-row-54239 { margin-top : 1em; margin-bottom : 1em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-54239-background-overlay {  } #qx-row-54239:hover .qx-row-54239-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-54239 {  }  } @media (max-width: 767px) { #qx-row-54239 { margin-top : 1em;  }  } #qx-column-63240 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//bckgr/clef-aqua.png"); background-size : contain; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-63240 { flex: 20%; max-width: 20%;flex: 20%; max-width: 20%; } .qx-column-63240-background-overlay {  } #qx-column-63240:hover .qx-column-63240-background-overlay {  } #qx-column-63240 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-63240 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-63240 > .qx-col-wrap {  } #qx-column-63240 { flex: 20%; max-width: 20%;flex: 20%; max-width: 20%; } #qx-column-63240 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-63240 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-63240 > .qx-col-wrap {  } #qx-column-63240 { flex: 33%; max-width: 33%;flex: 33%; max-width: 33%; } #qx-column-63240 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-63240 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-image-361207 { transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-361207:hover { background-color : rgba(255 ,  255,  255, 0.18);  } #qx-image-361207 img,#qx-image-361207 svg { width : 45%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-361207 img,#qx-image-361207 svg,#qx-image-361207 i {  } #qx-image-361207 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); padding-top : 10px; text-align : center; font-family : Tinos; font-size : 1.7em; text-transform : uppercase; line-height : 1em; letter-spacing : 0.2em; text-shadow : rgba(255 ,  255,  255, 1) 0px 0px 5px; color : rgba(80 ,  34,  91, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-361207 svg,#qx-image-361207 i {  } #qx-image-361207 svg,#qx-image-361207 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-361207 {  } #qx-image-361207 img,#qx-image-361207 svg { width : 100%;  } #qx-image-361207 svg,#qx-image-361207 i {  } #qx-image-361207 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-image-361207 {  } #qx-image-361207 img,#qx-image-361207 svg { width : 60%;  } #qx-image-361207 svg,#qx-image-361207 i {  } #qx-image-361207 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } #qx-column-5380 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//bckgr/clef-aqua.png"); background-size : contain; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-5380 { flex: 20%; max-width: 20%;flex: 20%; max-width: 20%; } .qx-column-5380-background-overlay {  } #qx-column-5380:hover .qx-column-5380-background-overlay {  } #qx-column-5380 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-5380 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-5380 > .qx-col-wrap {  } #qx-column-5380 { flex: 20%; max-width: 20%;flex: 20%; max-width: 20%; } #qx-column-5380 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-5380 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-5380 > .qx-col-wrap {  } #qx-column-5380 { flex: 33%; max-width: 33%;flex: 33%; max-width: 33%; } #qx-column-5380 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-5380 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-image-58381 { transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-58381:hover { background-color : rgba(255 ,  255,  255, 0.18);  } #qx-image-58381 img,#qx-image-58381 svg { width : 45%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-58381 img,#qx-image-58381 svg,#qx-image-58381 i {  } #qx-image-58381 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); padding-top : 10px; text-align : center; font-family : Tinos; font-size : 1.7em; text-transform : uppercase; line-height : 1em; letter-spacing : 0.2em; text-shadow : rgba(255 ,  255,  255, 1) 0px 0px 5px; color : rgba(80 ,  34,  91, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-58381 svg,#qx-image-58381 i {  } #qx-image-58381 svg,#qx-image-58381 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-58381 {  } #qx-image-58381 img,#qx-image-58381 svg { width : 100%;  } #qx-image-58381 svg,#qx-image-58381 i {  } #qx-image-58381 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-image-58381 {  } #qx-image-58381 img,#qx-image-58381 svg { width : 60%;  } #qx-image-58381 svg,#qx-image-58381 i {  } #qx-image-58381 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } #qx-column-76301 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//bckgr/clef-aqua.png"); background-size : contain; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-76301 { flex: 20%; max-width: 20%;flex: 20%; max-width: 20%; } .qx-column-76301-background-overlay {  } #qx-column-76301:hover .qx-column-76301-background-overlay {  } #qx-column-76301 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-76301 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-76301 > .qx-col-wrap {  } #qx-column-76301 { flex: 20%; max-width: 20%;flex: 20%; max-width: 20%; } #qx-column-76301 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-76301 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-76301 > .qx-col-wrap {  } #qx-column-76301 { flex: 33%; max-width: 33%;flex: 33%; max-width: 33%; } #qx-column-76301 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-76301 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-image-311211 { margin-top : 3em; transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-311211:hover { background-color : rgba(255 ,  255,  255, 0.18);  } #qx-image-311211 img,#qx-image-311211 svg { width : 100%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-311211 img,#qx-image-311211 svg,#qx-image-311211 i {  } #qx-image-311211 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); padding-top : 20px; text-align : center; font-family : Tinos; font-size : 1.7em; text-transform : uppercase; line-height : 1em; letter-spacing : 0.2em; text-shadow : rgba(255 ,  255,  255, 1) 0px 0px 5px; color : rgba(80 ,  34,  91, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-311211 svg,#qx-image-311211 i {  } #qx-image-311211 svg,#qx-image-311211 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-311211 {  } #qx-image-311211 img,#qx-image-311211 svg {  } #qx-image-311211 svg,#qx-image-311211 i {  } #qx-image-311211 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-image-311211 { margin-top : 0em;  } #qx-image-311211 img,#qx-image-311211 svg {  } #qx-image-311211 svg,#qx-image-311211 i {  } #qx-image-311211 .qx-figure-caption { font-size : 0.8em; line-height : 1.6em; letter-spacing : 0.1em;  }  } #qx-column-9304 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//bckgr/clef-aqua.png"); background-size : contain; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-9304 { flex: 20%; max-width: 20%;flex: 20%; max-width: 20%; } .qx-column-9304-background-overlay {  } #qx-column-9304:hover .qx-column-9304-background-overlay {  } #qx-column-9304 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-9304 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-9304 > .qx-col-wrap {  } #qx-column-9304 { flex: 20%; max-width: 20%;flex: 20%; max-width: 20%; } #qx-column-9304 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-9304 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-9304 > .qx-col-wrap {  } #qx-column-9304 { flex: 50%; max-width: 50%;flex: 50%; max-width: 50%; } #qx-column-9304 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-9304 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-image-501215 { transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-501215:hover { background-color : rgba(255 ,  255,  255, 0.18);  } #qx-image-501215 img,#qx-image-501215 svg { width : 87%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-501215 img,#qx-image-501215 svg,#qx-image-501215 i {  } #qx-image-501215 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); padding-top : 20px; text-align : center; font-family : Tinos; font-size : 1.7em; text-transform : uppercase; line-height : 1em; letter-spacing : 0.2em; text-shadow : rgba(255 ,  255,  255, 1) 0px 0px 5px; color : rgba(80 ,  34,  91, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-501215 svg,#qx-image-501215 i {  } #qx-image-501215 svg,#qx-image-501215 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-501215 {  } #qx-image-501215 img,#qx-image-501215 svg { width : 100%;  } #qx-image-501215 svg,#qx-image-501215 i {  } #qx-image-501215 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-image-501215 {  } #qx-image-501215 img,#qx-image-501215 svg { width : 90%;  } #qx-image-501215 svg,#qx-image-501215 i {  } #qx-image-501215 .qx-figure-caption { font-size : 0.8em; line-height : 1.6em; letter-spacing : 0.1em;  }  } #qx-column-53307 > .qx-col-wrap { background-image : url("http://melodi.kyiv.ua/images//bckgr/clef-aqua.png"); background-size : contain; background-position : top; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-53307 { flex: 20%; max-width: 20%; } .qx-column-53307-background-overlay {  } #qx-column-53307:hover .qx-column-53307-background-overlay {  } #qx-column-53307 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-53307 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-53307 > .qx-col-wrap {  } #qx-column-53307 { flex: 20%; max-width: 20%; } #qx-column-53307 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-53307 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-53307 > .qx-col-wrap {  } #qx-column-53307 { flex: 100%; max-width: 100%; } #qx-column-53307 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-53307 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-image-711220 { transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-image-711220:hover { background-color : rgba(255 ,  255,  255, 0.18);  } #qx-image-711220 img,#qx-image-711220 svg { width : 55%; display : inline-block; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-711220 img,#qx-image-711220 svg,#qx-image-711220 i {  } #qx-image-711220 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); padding-top : 10px; text-align : center; font-family : Tinos; font-size : 1.7em; text-transform : uppercase; line-height : 1em; letter-spacing : 0.2em; text-shadow : rgba(255 ,  255,  255, 1) 0px 0px 5px; color : rgba(80 ,  34,  91, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-711220 svg,#qx-image-711220 i {  } #qx-image-711220 svg,#qx-image-711220 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-711220 {  } #qx-image-711220 img,#qx-image-711220 svg { width : 100%;  } #qx-image-711220 svg,#qx-image-711220 i {  } #qx-image-711220 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } @media (max-width: 767px) { #qx-image-711220 {  } #qx-image-711220 img,#qx-image-711220 svg { width : 55%;  } #qx-image-711220 svg,#qx-image-711220 i {  } #qx-image-711220 .qx-figure-caption { font-size : 0.8em; letter-spacing : 0.1em;  }  } #qx-section-93247 { padding-top : 7em; padding-right : 6em; padding-bottom : 10em; padding-left : 6em; background-color : rgba(255 ,  255,  255, 1); background-image : url("http://melodi.kyiv.ua/images//bckgr/wave.png"); background-size : cover; background-position : center; background-repeat : no-repeat; background-attachment : fixed; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-93247-background-overlay { background-color : rgba(255 ,  255,  255, 1); opacity : 0.5;  } #qx-section-93247:hover .qx-section-93247-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-93247 { padding-top : 4em; padding-right : 0em; padding-bottom : 4em; padding-left : 0em;  }  } @media (max-width: 767px) { #qx-section-93247 { padding-top : 0em; padding-right : 1em; padding-bottom : 4em; padding-left : 1em;  }  } #qx-row-412890 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-412890-background-overlay {  } #qx-row-412890:hover .qx-row-412890-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-412890 {  }  } @media (max-width: 767px) { #qx-row-412890 {  }  } #qx-column-362891 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-362891 { flex: 100%; max-width: 100%; } .qx-column-362891-background-overlay {  } #qx-column-362891:hover .qx-column-362891-background-overlay {  } #qx-column-362891 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-362891 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-362891 > .qx-col-wrap {  } #qx-column-362891 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-362891 > .qx-col-wrap { padding-right : 1em; padding-left : 1em;  } #qx-column-362891 { flex: 100%; max-width: 100%; }  } #qx-heading-41099 { margin-bottom : 0em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-41099 h2 { font-family : Roboto; font-weight : 100; font-size : 5.4em; text-transform : uppercase; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-41099 {  } #qx-heading-41099 h2 { font-size : 5em;  }  } @media (max-width: 767px) { #qx-heading-41099 {  } #qx-heading-41099 h2 { font-size : 2.3em; letter-spacing : 0.1px;  }  } #qx-text-303107 { padding-bottom : 2em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Caveat; font-weight : 400; font-size : 1.7em; text-align : center; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-303107 { padding-bottom : 0em;  }  } @media (max-width: 767px) { #qx-text-303107 { padding-bottom : 0.5em; font-size : 1.2em; line-height : 1em;  }  } #qx-row-67352 { padding-top : 0em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-67352-background-overlay {  } #qx-row-67352:hover .qx-row-67352-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-67352 {  }  } @media (max-width: 767px) { #qx-row-67352 {  }  } #qx-column-33355 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-33355 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } .qx-column-33355-background-overlay {  } #qx-column-33355:hover .qx-column-33355-background-overlay {  } #qx-column-33355 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-33355 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-33355 > .qx-col-wrap {  } #qx-column-33355 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } #qx-column-33355 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-33355 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } @media (max-width: 767px) { #qx-column-33355 > .qx-col-wrap {  } #qx-column-33355 { flex: 33.333%; max-width: 33.333%;flex: 33.333%; max-width: 33.333%; } #qx-column-33355 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-33355 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  }  } #qx-text-89356 { padding-top : 9px; padding-bottom : 9px; background-color : rgba(80 ,  34,  91, 1); border-style : solid; border-color : rgba(255 ,  255,  255, 1); border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Open Sans; font-weight : italic; font-size : 1em; font-style : italic; letter-spacing : 0.05em; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-89356 { font-size : 0.8em;  }  } @media (max-width: 767px) { #qx-text-89356 { font-size : 0.65em; line-height : 1.2em;  }  } #qx-column-20357 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-20357 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } .qx-column-20357-background-overlay {  } #qx-column-20357:hover .qx-column-20357-background-overlay {  } #qx-column-20357 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-20357 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-20357 > .qx-col-wrap {  } #qx-column-20357 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } #qx-column-20357 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-20357 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } @media (max-width: 767px) { #qx-column-20357 > .qx-col-wrap {  } #qx-column-20357 { flex: 33.333%; max-width: 33.333%;flex: 33.333%; max-width: 33.333%; } #qx-column-20357 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-20357 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  }  } #qx-text-82358 { padding-top : 9px; padding-bottom : 9px; background-color : rgba(80 ,  34,  91, 1); border-style : solid; border-color : rgba(255 ,  255,  255, 1); border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Open Sans; font-weight : italic; font-size : 1em; font-style : italic; letter-spacing : 0.05em; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-82358 { font-size : 0.8em;  }  } @media (max-width: 767px) { #qx-text-82358 { font-size : 0.65em; line-height : 1.2em;  }  } #qx-column-74361 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-74361 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } .qx-column-74361-background-overlay {  } #qx-column-74361:hover .qx-column-74361-background-overlay {  } #qx-column-74361 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-74361 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-74361 > .qx-col-wrap {  } #qx-column-74361 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } #qx-column-74361 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-74361 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } @media (max-width: 767px) { #qx-column-74361 > .qx-col-wrap {  } #qx-column-74361 { flex: 33.333%; max-width: 33.333%;flex: 33.333%; max-width: 33.333%; } #qx-column-74361 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-74361 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  }  } #qx-text-98362 { padding-top : 9px; padding-bottom : 9px; background-color : rgba(80 ,  34,  91, 1); border-style : solid; border-color : rgba(255 ,  255,  255, 1); border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Open Sans; font-weight : italic; font-size : 1em; font-style : italic; letter-spacing : 0.05em; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-98362 { font-size : 0.8em;  }  } @media (max-width: 767px) { #qx-text-98362 { font-size : 0.65em; line-height : 1.2em;  }  } #qx-row-531030 { padding-top : 1em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-531030-background-overlay {  } #qx-row-531030:hover .qx-row-531030-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-531030 {  }  } @media (max-width: 767px) { #qx-row-531030 {  }  } #qx-column-61033 > .qx-col-wrap { border-style : solid; border-color : rgba(255 ,  255,  255, 1); border-top-width : 0px; border-right-width : 1px; border-left-width : 1px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-61033 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } .qx-column-61033-background-overlay {  } #qx-column-61033:hover .qx-column-61033-background-overlay {  } #qx-column-61033 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-61033 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-61033 > .qx-col-wrap {  } #qx-column-61033 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } #qx-column-61033 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-61033 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } @media (max-width: 767px) { #qx-column-61033 > .qx-col-wrap {  } #qx-column-61033 { flex: 33.333%; max-width: 33.333%;flex: 33.333%; max-width: 33.333%; } #qx-column-61033 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-61033 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-text-581034 { padding-top : 13px; padding-bottom : 2px; background-color : rgba(206 ,  224,  255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Rubik; font-weight : 500; font-size : 1.6em; line-height : 1em; letter-spacing : 0.05em; text-align : center; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-581034 { padding-top : 12px; padding-bottom : 1px; font-size : 1.3em;  }  } @media (max-width: 767px) { #qx-text-581034 { padding-top : 11px; font-size : 1em;  }  } #qx-text-861035 { padding-top : 0px; padding-bottom : 10px; background-color : rgba(206 ,  224,  255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Open Sans; font-size : 0.8em; line-height : 1em; letter-spacing : 0.05em; text-align : center; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-861035 { padding-bottom : 12px; font-size : 0.7em; text-align : center;  }  } @media (max-width: 767px) { #qx-text-861035 { font-size : 0.5em;  }  } #qx-column-701036 > .qx-col-wrap { border-style : solid; border-color : rgba(255 ,  255,  255, 1); border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-701036 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } .qx-column-701036-background-overlay {  } #qx-column-701036:hover .qx-column-701036-background-overlay {  } #qx-column-701036 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-701036 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-701036 > .qx-col-wrap {  } #qx-column-701036 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } #qx-column-701036 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-701036 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } @media (max-width: 767px) { #qx-column-701036 > .qx-col-wrap {  } #qx-column-701036 { flex: 33.333%; max-width: 33.333%;flex: 33.333%; max-width: 33.333%; } #qx-column-701036 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-701036 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-text-251037 { padding-top : 13px; padding-bottom : 2px; background-color : rgba(206 ,  224,  255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Rubik; font-weight : 500; font-size : 1.6em; line-height : 1em; letter-spacing : 0.05em; text-align : center; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-251037 { padding-top : 12px; padding-bottom : 1px; font-size : 1.3em;  }  } @media (max-width: 767px) { #qx-text-251037 { padding-top : 11px; font-size : 1em;  }  } #qx-text-901038 { padding-top : 0px; padding-bottom : 10px; background-color : rgba(206 ,  224,  255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Open Sans; font-size : 0.8em; line-height : 1em; letter-spacing : 0.05em; text-align : center; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-901038 { padding-bottom : 12px; font-size : 0.7em; text-align : center;  }  } @media (max-width: 767px) { #qx-text-901038 { font-size : 0.5em;  }  } #qx-column-451039 > .qx-col-wrap { border-style : solid; border-color : rgba(255 ,  255,  255, 1); border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-451039 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } .qx-column-451039-background-overlay {  } #qx-column-451039:hover .qx-column-451039-background-overlay {  } #qx-column-451039 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-451039 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-451039 > .qx-col-wrap {  } #qx-column-451039 { flex: 33.33333%; max-width: 33.33333%;flex: 33.33333%; max-width: 33.33333%; } #qx-column-451039 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-451039 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } @media (max-width: 767px) { #qx-column-451039 > .qx-col-wrap {  } #qx-column-451039 { flex: 33.333%; max-width: 33.333%;flex: 33.333%; max-width: 33.333%; } #qx-column-451039 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 0px;  } #qx-column-451039 .qx-element-wrap+.qx-element-wrap { margin-top : 0px;  }  } #qx-text-31040 { padding-top : 19px; padding-bottom : 19px; background-color : rgba(206 ,  224,  255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Rubik; font-weight : 500; font-size : 1.6em; line-height : 1em; letter-spacing : 0.05em; text-align : center; color : rgba(0 ,  0,  0, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-31040 { padding-top : 18px; padding-bottom : 17px; font-size : 1.3em;  }  } @media (max-width: 767px) { #qx-text-31040 { padding-top : 16px; padding-bottom : 15px; font-size : 1em;  }  } #qx-section-761669 { padding-top : 13em; padding-right : 0em; padding-bottom : 7em; padding-left : 0em; background-image : url("http://melodi.kyiv.ua/images//bckgr/bongos.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; background-attachment : fixed; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-section-761669 .qx-shape-top path.qx-shape-fill { fill : rgba(255 ,  255,  255, 1);  } #qx-section-761669 .qx-shape-top svg { width : 100%; height : 70px;  } .qx-section-761669-background-overlay { background-color : rgba(80 ,  34,  91, 1); opacity : 0.3;  } #qx-section-761669:hover .qx-section-761669-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-761669 { padding-top : 4em; padding-right : 0em; padding-bottom : 4em; padding-left : 0em;  } #qx-section-761669 .qx-shape-top svg { height : 100px;  }  } @media (max-width: 767px) { #qx-section-761669 { padding-top : 4em; padding-right : 0em; padding-bottom : 4em; padding-left : 0em;  } #qx-section-761669 .qx-shape-top svg { height : 20px;  }  } #qx-row-96509 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-96509-background-overlay {  } #qx-row-96509:hover .qx-row-96509-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-96509 {  }  } @media (max-width: 767px) { #qx-row-96509 {  }  } #qx-column-19510 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-19510 { flex: 100%; max-width: 100%; } .qx-column-19510-background-overlay {  } #qx-column-19510:hover .qx-column-19510-background-overlay {  } #qx-column-19510 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-19510 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-19510 > .qx-col-wrap {  } #qx-column-19510 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-19510 > .qx-col-wrap {  } #qx-column-19510 { flex: 100%; max-width: 100%; }  } #qx-heading-261244 { margin-bottom : 2em; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-261244 h2 { font-family : Tinos; font-weight : 700; font-size : 3.5em; text-transform : uppercase; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-261244 { margin-top : 0em; margin-bottom : 1em;  } #qx-heading-261244 h2 { font-size : 2.2em;  }  } @media (max-width: 767px) { #qx-heading-261244 { margin-bottom : 0em;  } #qx-heading-261244 h2 { font-size : 1.5em;  }  } #qx-form-38182 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-form-38182 .qx-form-group { padding-right : calc( 10px/2 ); padding-left : calc( 10px/2 ); margin-bottom : 10px;  } #qx-form-38182 .qx-form-group.qx-form-group-0 { width : 100%;  } #qx-form-38182 .qx-form-group.qx-form-group-1 { width : 100%;  } #qx-form-38182 .form-submit path { fill : rgba(255 ,  255,  255, 1);  } #qx-form-38182 .form-submit svg { width : 25px; height : 25px;  } #qx-form-38182 .form-submit svg,#qx-form-38182 .form-submit i { margin-right : 10px;  } #qx-form-38182 .form-submit i { color : rgba(255 ,  255,  255, 1); font-size : 25px;  } #qx-form-38182 .qx-form-group label:first-child { font-size : 20px; color : rgba(0 ,  0,  0, 1); font-family : Open Sans; margin-bottom : 10px;  } #qx-form-38182 .form-wrapper .qx-form-control { min-height : 38px; font-size : 16px; color : rgba(0 ,  0,  0, 1); font-family : Roboto; font-weight : 300; border-width : 1px;  } #qx-form-38182 .qx-form-check .qx-form-check-input { margin-left : -20px;  } #qx-form-38182 .qx-form-check.qx-form-check-inline .qx-form-check-input { margin-left : 0px;  } #qx-form-38182 .form-submit { width : 100%;  } #qx-form-38182 .form-submit .qx-btn-block span { justify-content : center;  } #qx-form-38182 .form-submit button { color : rgba(255 ,  255,  255, 1); background-color : rgba(80 ,  34,  91, 1); transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; padding-top : 11px; padding-right : 11px; padding-bottom : 11px; padding-left : 11px; font-family : Tinos; font-weight : 400; font-size : 1.1em; text-transform : uppercase; letter-spacing : 0.1em;  } #qx-form-38182 .form-submit button:hover { color : rgba(255 ,  255,  255, 1); background-color : rgba(80 ,  34,  91, 1); border-style : solid; border-color : rgba(255 ,  255,  255, 1); border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-form-38182 {  } #qx-form-38182 .qx-form-group { margin-bottom : 10px;  } #qx-form-38182 .form-wrapper .qx-form-control {  } #qx-form-38182 .form-submit { width : 100%;  } #qx-form-38182 .form-submit button { padding-top : 15px; padding-right : 15px; padding-bottom : 15px; padding-left : 15px; font-size : 1em;  }  } @media (max-width: 767px) { #qx-form-38182 {  } #qx-form-38182 .qx-form-group { margin-bottom : 10px;  } #qx-form-38182 .form-wrapper .qx-form-control {  } #qx-form-38182 .form-submit { width : 100%;  } #qx-form-38182 .form-submit button { padding-top : 15px; padding-right : 15px; padding-bottom : 15px; padding-left : 15px; font-size : 0.7em;  }  }