/* ==============================================
   DESIGN TOKEN COLOR PALETTE — MTF Redesign
   ============================================== */
:root {
	/* Blue / Navy — navigation, headers, footers, headings, buttons */
	--blue-50:  #F5F6F9;
	--blue-100: #E6E8EF;
	--blue-200: #CCD1DE;
	--blue-300: #B3BACE;
	--blue-400: #99A4BE;
	--blue-500: #808DAD;
	--blue-600: #67769D;
	--blue-700: #4D5F8D;
	--blue-800: #33487C;
	--blue-900: #242F5B;
	--blue-950: #151B34;

	/* Vivid Blue — primary CTA buttons, interactive highlights */
	--vblue-25:  #F6F9FF;
	--vblue-50:  #ECF2FE;
	--vblue-100: #D5E3FD;
	--vblue-200: #B6D0FC;
	--vblue-300: #88B3FA;
	--vblue-400: #578EF8;
	--vblue-500: #3273FF;
	--vblue-600: #2749EB;
	--vblue-700: #2036D4;
	--vblue-800: #1E2DA7;
	--vblue-900: #1D2B7F;
	--vblue-950: #141F57;

	/* Orange / Amber — affiliate banners, sheet-music CTAs, Patreon */
	--orange-50:  #FEF9E9;
	--orange-100: #FDEEC3;
	--orange-200: #FFD86C;
	--orange-300: #FBC354;
	--orange-400: #FAAA39;
	--orange-500: #F2872B;
	--orange-600: #D26121;
	--orange-700: #A9421A;
	--orange-800: #853318;
	--orange-900: #6B2A15;
	--orange-950: #3C160A;

	/* Surface / background aliases */
	--surface-page:     #FFFFFF;
	--surface-light:    var(--blue-50);   /* composer bio boxes, light sections */
	--surface-dark:     var(--blue-900);  /* Flutists section, Contribute, footer dark */
	--surface-dropdown: var(--blue-800);  /* dropdown panel background */
	--surface-nav:      #FFFFFF;          /* nav bar */
}

@font-face {
	font-family: 'strawfordlight';
	src: url('font/roman/strawford-light-webfont.eot');
	src: url('font/roman/strawford-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/roman/strawford-light-webfont.woff2') format('woff2'),
	url('font/roman/strawford-light-webfont.woff') format('woff'),
	url('font/roman/strawford-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'strawfordregular';
	src: url('font/roman/strawford-regular-webfont.eot');
	src: url('font/roman/strawford-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/roman/strawford-regular-webfont.woff2') format('woff2'),
	url('font/roman/strawford-regular-webfont.woff') format('woff'),
	url('font/roman/strawford-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'strawfordmedium';
	src: url('font/roman/strawford-medium-webfont.eot');
	src: url('font/roman/strawford-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/roman/strawford-medium-webfont.woff2') format('woff2'),
	url('font/roman/strawford-medium-webfont.woff') format('woff'),
	url('font/roman/strawford-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'strawfordbold';
	src: url('font/roman/strawford-bold-webfont.eot');
	src: url('font/roman/strawford-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/roman/strawford-bold-webfont.woff2') format('woff2'),
	url('font/roman/strawford-bold-webfont.woff') format('woff'),
	url('font/roman/strawford-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'strawfordblack';
	src: url('font/roman/strawford-black-webfont.eot');
	src: url('font/roman/strawford-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/roman/strawford-black-webfont.woff2') format('woff2'),
	url('font/roman/strawford-black-webfont.woff') format('woff'),
	url('font/roman/strawford-black-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input,textarea,select{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}.clear{clear:both;}button{-webkit-appearance: none;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"]{
	-moz-appearance:textfield;
}
button, input[type=button]{
	-webkit-appearance: none; border-radius: 0;
}

hr{ border: none; border-top: 1px solid var(--blue-300); margin: 40px 0 0 0; width: 100%; }

h1, h2, nav, .logo{ font-family: 'strawfordregular', serif;}

.table{ display: table; border-collapse: collapse;}
.table-cell{ display: table-cell; vertical-align: top;}
.table-row{ display: table-r.rotationBlockow;}
html{ margin: 0; height: 100%;}
body{font-family: 'strawfordregular', sans-serif; font-size:14px; line-height:1.428571429; color:#000; background:#FFF; margin: 0;}
input, select, button, textarea{ font-family: 'IBM Plex Sans'; font-size: 14px; }

.wrapper{ max-width: 1170px; width: 100%; margin: 0 auto; position: relative;}
.wrapper.wrapper764{ max-width: 766px; }
.wrapper.wrapper1070{ max-width: 1070px; }
.galleryWrapper{ display: block; overflow: hidden; position: relative;}
.sliderWrapper{ max-width: 1366px; width: 100%; margin: 0 auto; position: relative;}
.center{ width: 100%; text-align: center;}

.hidden{ display: none;}
.prepEmail{ display: none;}
img{vertical-align: middle;}

.cookiesMsg{ position: fixed; bottom: 0; width: 100%; left: 0; background: var(--blue-950); padding: 20px 0; z-index: 500;}
.cookiesMsg .wrapper{ width: 425px;}
.cookiesMsg .table-cell:first-child{ color: #FFF; font-size: 12px; line-height: 16px; width: calc(100% - 80px); padding-right: 10px;}
.cookiesMsg .table-cell:first-child a{ color: #FFF; text-decoration: underline;}
.cookiesMsg .table-cell:last-child{ text-align: left;}
.cookiesMsg .table-cell:last-child .btn{ min-width: 60px;}

.btn{ text-decoration: none; color: var(--blue-950); font-size: 14px; line-height: 30px; padding: 0 25px; background: #FFF; display: inline-block; border: none; cursor: pointer;font-family: 'strawfordregular', sans-serif; position: relative; border-radius: 6px;}

.popupModal{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 520; overflow: hidden;}
.popupModal .popupMsg{ z-index: 521; position: absolute; top: 50%; left: 50%; background: #FFF; width: calc(100% - 46px); max-width: 430px; transform: translate(-50%, -50%); padding-top: 95px; text-align: center; color: #000; border-radius: 20px;}
.popupModal .popupMsg:before{ content: ""; width: 100%; height: 85px; background: url(images/Error.svg) no-repeat center top 35px; background-size: auto 47px; position: absolute; top: 0; left: 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.popupModal .popupMsg.success:before{ background: url(images/Sent.svg) no-repeat center top 35px;background-size: auto 47px;}
.popupModal .popupMsg h1{ font-size: 30px; margin: 0; color: #000; padding: 0;}
.popupModal .popupMsg div{ width: 100%; display: inline-block;}
.popupModal .popupMsg div p{ font-size: 16px; line-height: 22px; margin-bottom: 20px; color: #000;}
.popupModal .popupMsg div input[type=button]{ min-width: 110px; margin-bottom: 35px; background: var(--blue-900); color: #FFF;}


header, header.scrolled, .fpContentWrapper header.scrolled{ height: 80px; display: inline-block; width: 100%; position: fixed; top: 0px; left: 0; z-index: 300; background: var(--blue-50);}
header.innerHeader, header.innerHeader.scrolled{ height: 80px; position: fixed; left: unset; top: unset;}
header .wrapper, header.scrolled .wrapper, .fpContentWrapper header.scrolled .wrapper{ text-align: center; display: flex;height: 80px;align-items: center;justify-content: space-between;}
.fpContentWrapper header{ top: 40px; background: #F6F9FF; height: 105px;}
.fpContentWrapper header.innerHeader{ height: 105px;}
.fpContentWrapper header .wrapper{ height: 105px;}

.logo, .fpContentWrapper header.scrolled .logo{ display: flex;background: url(images/mfp-logo-blue.svg) no-repeat; height: 44px; width: 101px; background-size: auto 100%;}
.fpContentWrapper .logo{ height: 74px; width: 156px;}
.logo a{  color: #FFF; text-decoration: none; outline: none;  text-indent: -9999px; width: 100%; height: 100%; display: block; }

.innerHeader nav.mainMenu{margin-top: 0px; margin-bottom: 0px;}
nav.mainMenu{margin-right: 0; margin-top: 0px; text-align: center; display: flex; }
nav.mainMenu ul li:focus ul, nav.mainMenu ul li:hover ul { visibility: visible;opacity: 1;z-index: 1;transform: translateY(0%); }
nav.mainMenu ul, nav.mainMenu ul li { list-style-type: none; padding: 0; margin: 0; }
nav.mainMenu.diffMenu{ background: rgba(132, 153, 56, 0.6);}
nav.mainMenu.fixed{ position: fixed; top: 0; left: 0; z-index: 150;background: #FFF;}
nav.mainMenu > ul{ display: flex; justify-content: center; margin-right: 15px;}
nav.mainMenu > ul li{ display: flex; margin: 0 16px;}
nav.mainMenu > ul li:first-child{ margin-left: 0px;}
nav.mainMenu > ul li:last-child{ margin-right: 0px;}
nav.mainMenu > ul li a{ display: inline-block; font-size: 16px; color: #67769D; text-decoration: none; line-height: 33px;  font-family: 'strawfordbold', sans-serif;}
.fixed nav.mainMenu > ul li a, .static nav.mainMenu > ul li a{ line-height: 30px;}
nav.mainMenu > ul li a:hover, nav.mainMenu > ul li.active a{color: #151B34; border-bottom: 2px solid #151B34; }

nav.mainMenu > ul > li.instaMenu{ margin: 0 10px 0 10px;}
nav.mainMenu > ul > li.instaMenu > a{ text-indent: -9999px; width: 34px; height: 33px; background: url(images/IG.svg) no-repeat;}
nav.mainMenu > ul > li.fbMenu{ margin: 0 10px 0 10px;}
nav.mainMenu > ul > li.fbMenu > a{ text-indent: -9999px; width: 34px; height: 33px; background: url(images/FB.svg) no-repeat;}

.mobileMenuSelector{ margin: 0 0 0 10px;text-indent: -9999px; width: 34px; height: 33px; background: url(images/Menu-burger.svg) no-repeat;}
.mobileMenuSelector.opened{ background: url(images/close-17.svg) no-repeat;}

nav.mainMenu > ul > li.storeMenu{ margin: 0 10px 0 16px;}
nav.mainMenu > ul > li.storeMenu > a{ color: #FFF; border-radius: 5px; background: var(--blue-800); padding: 0 15px;}

nav.mainMenu > ul > li:hover ul{ display: block;}

nav.mainMenu ul ul { display: none;position: absolute;top: 34px;background-color: #FFF;min-width: 160px;box-shadow: 0px 8px 16px 0px #cecece;z-index: 1;text-align: left; padding: 10px 0; border-radius: 5px;}
.contentMenu ul{ right: 0;}
.static nav.mainMenu ul ul, .fixed nav.mainMenu ul ul{ top: 38px;}
nav.mainMenu ul ul li{ width: 100%; font-size: 16px; margin: 0; line-height: 19px; white-space: nowrap;}
nav.mainMenu ul ul li:hover{  background: #ECF2FE; }
nav.mainMenu ul ul li a, nav.mainMenu ul li.active li a, nav.mainMenu ul li:hover li a{  padding: 0 22px; line-height: 34px; text-decoration: none; font-family: 'strawfordregular', sans-serif; color: #151B34; }
nav.mainMenu ul li.active li a{ border-bottom: none;}
nav.mainMenu ul li.active li a:hover, nav.mainMenu ul li.active li a.active, nav.mainMenu ul li li:hover a{ font-family: 'strawfordregular', sans-serif; border: none; font-family: 'strawfordblack', sans-serif;}

.mobileMenuSelector{ display: none;}

nav.mainMenu ul li { position: relative; }

.headerBg{ width: 100%; height: 715px; background: #000000; }
.headerBg .table-cell{ text-align: center; vertical-align: middle; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.headerBg .table-cell img{ position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%);}
.rotationBlock{height: 715px; width: 100%; display: block; margin: 0 auto 0 auto; position: relative; z-index: 1; overflow: hidden; background: #000000;}
.rotationBlock.rotationBlock2{height: 658px; text-align: center;}
.rotationBlock.rotationBlock2 .headerBg{height: 658px; margin-top: 150px;}
.rotationBlock .rotatingImage{ width: 100%; display: inline-block; height: 100%; background-position: center bottom !important; background-color: #000000 !important;}
.rotationBlock .rotatingImage div.aReplace{ position: relative; width: 100%; height: 100%; display: block; }
.rotationBlock .rotatingImage div.aReplace .wrapper{ position: relative; width: 100%; height: 100%; display: block; }
.rotationBlock .rotatingImage div.aReplace .slogan{ position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.8); padding: 35px 40px; min-width: 635px; border-radius: 15px; color: #000; font-size: 20px; line-height: 24px; }
.rotationBlock .rotatingImage div p{ margin: 0; margin-bottom: 5px;}
.rotationBlock .rotatingImage div p:last-child{ margin-bottom:0;}
.rotationBlock .rotatingImage div strong{ font-size: 40px; font-family: strawfordblack; line-height: 44px;}
.cyclePagerWrapper { position: absolute; bottom: 50px; z-index: 120; width: 100%; text-align: center;}
.cycle-pager span { width: 14px; height: 14px; display: inline-block; cursor: pointer; text-indent:-9999px; margin-right: 25px; background: #FFF; border-radius: 50%;}
.cycle-pager span:last-child{ margin-right: 0px;}
.cycle-pager span.cycle-pager-active { background: var(--blue-800);}
.cycle-pager > * { cursor: pointer;}

.breadcrumb{ width: 100%; padding: 20px 0; float: left; margin-top: 80px;}
.breadcrumb.bc52{ background: var(--blue-900); color: #FFF;}
.breadcrumb.bc50{ background: #FFF;}
.breadcrumb a{ color: var(--blue-800); font-size: 12px; text-decoration: none; float: left; line-height: 12px;}
.breadcrumb.bc52 a{ color: #FFF;}
.breadcrumb li { float: left; line-height: 8px;}
.breadcrumb li:after { content: ">"; color: var(--blue-800); float: left; margin: 0 5px; position: relative; top: 1px;}
.breadcrumb.bc52 li:after { color: #FFF;}
.breadcrumb li:last-child:after { content: unset;}

.fpBlock{ width: 100%; float: left; padding: 20px 0 45px 0;}
.fpBlock.block48, .fpBlock.block56, .blockAuditions{ padding-bottom: 0; }
.fpBlock.block50{  background: #FFF;}
.fpBlock.block49{ padding-bottom: 0; padding-top: 0;}
.fpBlock.block54 .wrapper{ max-width: 748px; }
.fpBlock.block51 .wrapper{ max-width: 604px; text-align: center;}
.fpBlock.composerBlock .wrapper{  background: var(--blue-50); padding: 40px 40px; border-radius: 8px; max-width: calc(1170px - 80px);}
.fpBlock.blockRepertoure{ padding: 50px 0;}
.bg50 .fpBlock.blockRepertoure{ padding-top: 0;}
.fpBlock.blockRepertoure.openedReprertoire{ padding: 10px 0; background: #FFF; }
.fpBlock.blockFlutists{ padding: 50px 0; background: var(--blue-900); color: #FFF;}
.fpBlock.blockFlutists.rf52{ padding: 50px 0 50px 0;}
.fpBlock.teachingBlockList{ padding-top: 0;}
.fpBlock .preWrapper{  border-bottom: 2px solid #6c6160; margin-top: 0px; margin-bottom: 30px;}
.fpBlock .blockWrapper{  max-width: 1366px; }
.fpBlock .teachBlock{  margin-bottom: 35px; width: 100%; position: relative; float: left;}
.fpBlock .teachBlock h2{ font-size: 30px; }
.fpBlock .teachBlock div.image{display: flex; width: 775px; height: 420px;  justify-content: center; overflow: hidden;align-items: center;}
.fpBlock .teachBlock div.image img{align-self: center;}
.fpBlock .teachBlock div.blockDescr{position: absolute; right: 0; background: #640c0d;  top: 50%; transform: translate(0%, -50%); padding: 60px 210px 60px 40px; text-align: justify; width: 450px; }
.fpBlock .teachBlock:nth-child(2n) div.image{float: right;}
.fpBlock .teachBlock:nth-child(2n) div.blockDescr{right: unset; left:0; background: #440306; padding: 60px 40px 60px 210px;}

.fpBlock h1, .fpBlock h2, .fpBlock .heading{ font-size: 30px; line-height: 35px; margin-bottom: 25px; color: var(--blue-800); text-align: center; font-family: strawfordblack; }
.fpBlock.block52 h1, .fpBlock.block56 h1, .fpBlock.block48 h1{ text-align: center; }
.fpBlock td h1{ text-align: left; color: #000; text-transform: uppercase; margin-bottom: 30px;}
.fpBlock h3{ font-size: 30px; line-height: 32px; margin-bottom: 25px;font-family: strawfordblack;}
.fpBlock.block38 h1, .fpBlock.block38 h2, .blockFlutists .heading{ color: #fff;}
.blockFlutists .heading{ text-align: center; width: 100%; }
.blockFlutists.rf52 .heading{ margin-top: 25px;  }
.fpBlock.block49 .heading{ text-align: left; margin-bottom: 0;}
.fpBlock .descrImage{ float: left; margin: 0 35px 35px 0; }
.fpBlock .descrImage p{ display: block; margin: 0; }
.fpBlock .description{ font-size: 14px; line-height: 18px; text-align: justify;}
.fpBlock .description2{ display: none;}
.fpBlock p, .fpBlock li{ position: relative; z-index: 1;}
.fpBlock p{ display: table; margin-bottom: 18px;}
.fpBlock.block51 p{ text-align: center; margin: 0 auto 18px auto; width: 85%;}
.fpBlock a{ color: var(--blue-800); text-decoration: none; }
.fpBlock .article a, .fpBlock .descr a{ color: #EFC484; text-decoration: none; }
.fpBlock .flutistBio a{ color: #EFC484; text-decoration: none; }
.fpBlock em{ font-style: italic; }
.fpBlock strong{ font-weight: bold;}
.fpBlock ul{ margin-left: 17px;}
.fpBlock ul li{ list-style-type: disc; }
.fpBlock table{ width: 100%; table-layout: fixed; border-collapse: collapse;}
.fpBlock table td{ padding-right: 23px; padding-left: 23px; vertical-align: top; font-size: 16px; text-align: justify; line-height: 19px;}
.fpBlock table td:last-child{ padding-right: 0;}
.fpBlock table td:first-child{ padding-left: 0;}
.readMoreButton{ margin: 20px 0 0 0; background: none; text-decoration: underline; color: var(--blue-800); cursor: pointer;}
.readMoreButton:hover{ text-decoration: none;}
.readMoreButton.mobileOnly{ display: none;}

.fpBlock .catalogueTitle{ margin: 10px 0 10px 0; display: inline-block; width: 100%;}

.repertoireSelection{ display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; color: var(--blue-800); margin-top: 30px;}
.repertoireSelection > div{ position: relative;}
.repertoireSelection div > div.searchList{ border-radius: 5px; height: 455px; overflow: hidden; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding: 20px 0;}
.repertoireSelection div > div.selected{ height: 35px; margin-bottom: 5px; overflow: unset; padding: 0 20px; display: flex;align-items: center; cursor: pointer;justify-content: space-between; border-radius: 5px; }
.repertoireSelection div > div.selected:after{ content: ""; background: url(images/dropdown-01.svg) no-repeat; width: 9px; height: 16px; display: block;}
.repertoireSelection .repertoireComposition div.selected:after{ background: url(images/dropdown-blue-01.svg) no-repeat;}
.repertoireSelection div > div.selected p{ margin: 0;}
.repertoireSelection .repertoireCategory, .repertoireSelection .repertoireComposer{ display: flex; width: 24%; margin-right: 1%;flex-direction: column;}
.repertoireSelection .repertoireComposition{ display: flex; width: 50%;flex-direction: column;}
.repertoireSelection .repertoireCategory > div{ background: var(--blue-800); color: #FFF;}



.openedReprertoire .repertoireCategoryList, .openedReprertoire .repertoireComposerList, .openedReprertoire .repertoireCompositionList{ display: none; position: absolute; top: 45px; left: 0; width: 100%; z-index: 100; }
.openedReprertoire .repertoireCategoryList.dropped, .openedReprertoire .repertoireComposerList.dropped, .openedReprertoire .repertoireCompositionList.dropped, .repertoireSelection div > div.searchList.opened{ display: block;}


.repertoireSelection .repertoireComposer > div{ background: var(--blue-700); color: #FFF;}
.repertoireSelection .repertoireComposition > div{ background: var(--blue-100);}
.repertoireSelection p{ display: flex; margin: 0; line-height: 30px; cursor: pointer; align-items: center;}
.repertoireSelection .repertoireCategory p{ margin-bottom: 5px; padding: 0 25px 0 25px;}
.repertoireSelection .repertoireCategory p:hover{ font-family: 'strawfordblack'; color: #FFF; background: var(--blue-900); line-height: 30px;}
.repertoireSelection .repertoireCategory p.active{ font-family: 'strawfordblack'; line-height: 30px; color: #FFF; background: var(--blue-900)}
.repertoireSelection .repertoireCategory p.active span{  position: relative; }
.repertoireSelection .repertoireComposer p{ margin-bottom: 6px;line-height: 30px; padding: 0 25px 0 25px;}
.repertoireSelection .repertoireComposer p:hover, .repertoireSelection .repertoireComposer p.active{ color: #FFF; background: var(--blue-800); }
.repertoireSelection .repertoireComposition p{ margin-bottom: 6px; padding: 0 25px 0 25px; min-height: 32px;}
.repertoireSelection .repertoireComposition p a{ width: 90%; color:#808DAD}
.repertoireSelection .repertoireComposition p:hover, .repertoireSelection .repertoireComposition p.active {  background: #D5E3FD; }
.repertoireSelection .repertoireComposition p:hover a, .repertoireSelection .repertoireComposition p.active a{ color: #33487C; font-family: 'strawfordblack';}
.repertoireSelection .repertoireComposition p:before{ content: ""; background: url(images/Composition-light-active.svg) no-repeat; width: 38px; height: 24px; display: block; margin-right: 10px; background-size: 24px 24px;}
.repertoireSelection .repertoireComposition p:hover:before, .repertoireSelection .repertoireComposition p.active:before{ background: url(images/Composition-dark.svg) no-repeat;  background-size: 24px 24px;}
.repertoireSelection .repertoireComposition .selected p:before{ content: none;}


.openedReprertoire .selected p{ padding: 0 20px 0 0;}
.openedReprertoire .selected p:hover{ background: none; font-family: strawfordregular;}

.repertoire_output{ display: flex; width: 100%;justify-content: space-between;}
.repertoire_info{ display: flex; width: 100%; flex-direction: column;}
.repertoire_info .description{ text-align: left; }
.repertoire_info.hasRecordings { width: 66%; }
.repertoire_info.hasRecordings.multipleRecordings { width: 28%; }
.fpBlock .repertoire_info h1{ text-align: left; margin-bottom: 5px;}
.repertoire_info .author{ margin-bottom: 25px; }
.repertoire_recordings{ width: 30%; display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: 15px; align-content: flex-start;}
.repertoire_recordings.multi{ width: 64%;}
.repertoire_recordings .recording{ width: 100%; display: flex;flex-direction: column;align-content: space-between;}
.repertoire_recordings.multi .recording{ width: 43%; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid var(--blue-300);}
.repertoire_recordings .recording .flutist{ font-family: 'strawfordblack'; font-size: 16px; color: var(--blue-800); margin-bottom: 8px; }
.repertoire_recordings .recording .description{ margin: 0; }
.repertoire_recordings .recording .movements{ margin: 0; font-family: 'strawfordbold';}
.repertoire_recordings .recording .player{ margin-top: 10px; display: flex;}
.repertoire_recordings .recording .player .playerInner{ display: flex;width: 100%; justify-content: space-between;align-items: flex-start;}
.repertoire_recordings .recording .player .playerInner .playButton{ display: block; width: 25px; height: 26px; }
.repertoire_recordings .recording .player .playerProgressBar{ width: 70%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; }
.repertoire_recordings .recording .player .openSource{ width: 33px; }

.playerProgressBar .ui-widget.ui-widget-content{ background: #c4c4c4; border: none; border-radius: 3px;}
.playerProgressBar .ui-widget-header{ background: var(--blue-800);}
.playerProgressBar .ui-slider-horizontal{ height: 4px; }
.playerProgressBar .ui-state-default, .playerProgressBar .ui-widget-content .ui-state-default, .playerProgressBar .ui-widget-header .ui-state-default, .playerProgressBar .ui-button, html .playerProgressBar .ui-button.ui-state-disabled:hover, html .playerProgressBar .ui-button.ui-state-disabled:active, .playerProgressBarui-slider .ui-slider-handle{ border: none !important; background: var(--blue-800); border-radius: 50%; width: 13px; height: 13px; top: -4px; }

.bar{ width: 100%; margin-bottom: 3px; }

.composerData{ display: flex;}
.composerData h2{ font-size: 18px; line-height: 22px; text-align: left;}

.blockFlutists .wrapper h1{ color: #FFF;}
.letterFilter{ display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center; max-width: 970px; width: 100%; margin: 0 auto;}
.letterFilter .letter{ display: flex; width: 42px; height: 42px; background: var(--blue-800); color: #F5F6F9; border-radius: 50%;align-items: center; justify-content: center;font-size: 26px; font-family: 'strawfordregular'; margin: 0 13px 30px 13px; cursor: pointer;}
.letterFilter .letter a{ color: #FFF; text-decoration: none; width: 100%; height: 100%;  border-radius: 50%;align-items: center; justify-content: center;display: flex;}
.letterFilter .letter:hover, .letterFilter .letter.active{ background: #F5F6F9;color: var(--blue-800);  font-family: 'strawfordblack';}
.letterFilter .letter:hover a, .letterFilter .letter.active a{ color: var(--blue-800);}
.letterFilterResult, .flutistData{  display: flex; width: 100%;flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 510px; overflow: hidden; position: relative; }
.letterFilterResult .letterResult, .flutistData .flutistInfo{  display: flex; width: 100%; border-top: 1px solid var(--blue-600); padding: 45px 0;}
.letterFilterResult .letterResult .letter{  font-size: 74px; line-height: 74px;  font-family: 'strawfordlight'; width: 13%; color: #F5F6F9;}
.letterFilterResult .letterResult .flutistColumn{  display: flex; flex-wrap: wrap; width: 87%; height: fit-content;}
.letterFilterResult .letterResult .flutistColumn p{ margin: 0 0 8px 0; line-height: 12px; width: 33%;}
.letterFilterResult .letterResult .flutistColumn a{ color: #99A4BE; text-decoration: none;}
.letterFilterResult .letterResult .flutistColumn a:hover{ color: #CCD1DE;}

.flutistData .flutistInfo{ justify-content: space-between;}
.flutistData .flutistInfo .flutistImage{ width: 18%; }
.flutistData .flutistInfo .flutistImage p{ width: 190px; height: 190px; position:relative; border-radius: 50%;display: flex; overflow: hidden;}
.flutistData .flutistInfo .flutistImage p img{ height: 190px; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.flutistData .flutistInfo .flutistBio{ width: 39%; line-height: 16px; text-align: justify; }
.flutistData .flutistInfo .flutistBio h1{ text-align: left; margin-bottom: 15px; }
.flutistData .flutistInfo .flutistRecordings{ width: 36%; padding-top: 48px; overflow-y: auto; max-height: 300px;}

.flutistData .flutistInfo .flutistRecordings p{ margin-bottom: 6px; display: flex; width: 100%;align-items: center; line-height: 16px;}
.flutistData .flutistInfo .flutistRecordings p a{ color: #FFF; width: 90%;}
.flutistData .flutistInfo .flutistRecordings p:hover{ color: var(--blue-400); }
.flutistData .flutistInfo .flutistRecordings p:hover a{ color: var(--blue-400); }
.flutistData .flutistInfo .flutistRecordings p:before{ content: ""; background: url(images/Composition-white-01.svg) no-repeat; width: 30px; height: 24px; display: block; margin-right: 10px; background-size: 24px 24px;}
.flutistData .flutistInfo .flutistRecordings p:hover:before{ background: url(images/Composition-light-active.svg) no-repeat; background-size: 24px 24px;}

.inspirationList{ display: flex;flex-wrap: wrap; justify-content: flex-start;}
.inspirationElem{ display: flex; width: 28%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--blue-200); margin-right: 5%; }
.inspirationElem .thumb{ width: 100px; height: 100px; overflow: hidden; margin-right: 17px;}
.inspirationElem .descr{ display: flex; flex-direction: column; justify-content: space-between; font-size: 14px; max-width: 63%;}
.inspirationElem .title{  width: 100%; display: flex; flex-direction: column;}
.inspirationElem .title strong{ font-family: strawfordblack; font-size: 16px; color: var(--blue-800);width: 100%;}
.inspirationElem .title span{ margin-top: 5px; width: 100%;}
.inspirationElem a{ color: var(--blue-800); text-decoration: underline; }

.inspirationOutput{ display: flex;justify-content: space-between; flex-direction: row;}
.inspirationOutput .article{ display: flex; width: 70%;flex-direction: column;max-width: 748px;}
.inspirationOutput .article .mainImage{ margin-bottom: 45px;}
.inspirationOutput .article .mainImage img{  width: 100%; height: auto;}
.inspirationOutput .article .heading{ padding-bottom: 30px; margin-bottom: 30px;  border-bottom: 1px solid var(--blue-200); text-align: left;}
.inspirationOutput .article .heading p{ margin: 0; display: inline-block;}
.inspirationOutput .article .heading p.author{ text-align: left; font-size: 14px; font-family: "strawfordregular"; margin: 0;}
.inspirationOutput .article h1{ text-align: center; line-height: 35px; margin: 0; font-size: 30px; text-align: left; }
.inspirationOutput .otherInspirations{ display: flex; width: 28%;flex-direction: column;}
.inspirationOutput .otherInspirations .inspirationElem{ width: 100%;margin-right:0%;}

.competitionOutput{ display: flex;justify-content: space-between; flex-direction: row; align-items: flex-start;}
.competitionOutput .nav{ display: flex; width: 27%; background: var(--blue-800); color: #FFF; border-radius: 5px; padding: 22px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.competitionOutput .nav ul{ list-style: none; margin: 0; padding:0;}
.competitionOutput .nav ul li{ list-style-type: none; padding:0;}
.competitionOutput .nav ul li:last-child{ margin-bottom: 0;}
.competitionOutput .nav ul li a{ color: #FFF;}
.competitionOutput .nav ul li a:hover, .competitionOutput .nav ul li.active a{ color: var(--blue-400);}
.competitionOutput .output{ display: flex; width: 40%;flex-direction: column; align-items: flex-start; font-size: 14px; text-align: justify;}
.competitionOutput .output.noLaureats{ width: 70%;}
.competitionOutput .output h1{ font-size: 19px; line-height: 24px; text-align: left;}
.competitionOutput .output h2{ font-size: 19px; line-height: 24px; text-align: left;}
.competitionOutput .output hr{ margin: 0 0 20px 0; padding: 0;}
.competitionOutput .laureats{ display: flex; width: 27%; background: var(--blue-900); color: #FFF; border-radius: 5px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding: 33px 27px; flex-direction: column; align-items: flex-start;}
.competitionOutput .laureats h3{ font-size: 19px; color: #FFF; text-align: center; line-height: 24px;}
.competitionOutput .laureats .year{ font-size: 25px; line-height: 25px; width: 100%; margin-bottom: 15px;font-family: strawfordblack;}
.competitionOutput .laureats a{ color: #EFC484; margin: 0; display: inline-block;}
.competitionOutput .laureats a:hover{ text-decoration: underline; }
.competitionOutput .laureats .subtitle{ font-size: 16px; line-height: 25px; width: 100%; margin-bottom: 10px;font-family: strawfordblack;}
.competitionOutput .laureats .laureatList{  width: 100%;  margin-bottom: 10px;}
.competitionOutput .laureats .laureatList:after{  content: ""; border-bottom: 3px solid #FFF; width: 30px; margin-top: 25px; display: block; }
.competitionOutput .laureats .laureatList:last-child:after{  content: unset;}
.competitionOutput .laureats .laureat{  width: 100%;}
.competitionOutput .laureats .laureat a{  color: #FFF; text-decoration: underline; }
.competitionOutput .laureats .laureat a:hover{ text-decoration: none; }
.competitionOutput .laureats .laureat sup{font-size: 10px; line-height: 8px;}

.activeCompetition{ display: none;}

.blockAuditions{ margin-top:0;}
.auditionOutput{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.auditionOutput .audition{ display: flex; width: 28%;flex-direction: column; margin-bottom: 45px; padding-bottom: 15px; border-bottom: 1px solid var(--blue-200); }
.auditionOutput .audition .date{ font-size: 25px; line-height: 25px; margin-bottom: 15px;  font-family: strawfordblack; color: var(--blue-800);}
.auditionOutput .audition h1{ text-align: left; margin: 0; font-size: 14px; line-height: 16px; }
.auditionOutput .audition .countryCity{ margin: 15px 0; display: flex;line-height: 15px;align-items: center;}
.auditionOutput .audition .countryCity:before{  content: ""; background: url(images/pin-01.svg) no-repeat; width: 11px; height: 15px; display: block;margin-right: 5px;}
.auditionOutput .audition a{ text-decoration: underline; }
.auditionOutput .audition a:hover{ text-decoration: none; }

.pagination{ display: flex;justify-content: center;}
.pagination a, .pagination strong{ display: flex; width: 27px; height: 27px; border-radius: 50%; color: var(--blue-800); font-size: 19px; font-family: strawfordbold; align-items: center; justify-content: center; margin: 0 10px;}
.pagination strong, .pagination a:hover{ background: var(--blue-800); color: #FFF;}

::placeholder {  opacity: 1;}
:-ms-input-placeholder { }
::-ms-input-placeholder { }

.gallerySlider.slick-dotted.slick-slider{ margin-bottom: 0;}

.mCustomScrollBox{ width: 100%;}

.prevNext{ display: none;}

footer{ height: 80px; color: #67769D; width: 100%; background:#F6F9FF;}
footer .footerInner{ display: flex;align-items: center; justify-content: space-between; height: 80px;}
footer .footerInner ul{ display: flex;}
footer .footerInner ul li{ margin-right: 50px;}
footer .footerInner ul li:last-child{ margin-right: 0px;}
footer .footerInner ul li a{ text-decoration: none; color: #67769D; font-size: 14px;}
footer .footerInner ul li a:hover{ color: #151B34;}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background: url(images/scroll-zils-01.svg) no-repeat !important; height: 10px !important}
.letterFilterResult .mCSB_scrollTools .mCSB_buttonUp, .letterFilterResult .mCSB_scrollTools .mCSB_buttonDown, .letterFilterResult  .mCSB_scrollTools .mCSB_buttonLeft, .letterFilterResult  .mCSB_scrollTools .mCSB_buttonRight{ background: url(images/scroll-balts-01.svg) no-repeat !important; height: 10px !important}
.mCSB_scrollTools .mCSB_buttonUp{ transform: rotate(180deg);}


@media screen and (max-width: 1380px){
	.headerBg{ height: 100vh;}
	.headerBg .table-cell img{ top:0; transform: translate(-50%, 0); height: 100%;}
	.wrapper{ width: 94%;}
}

@media screen and (max-width: 1200px){
	.fpBlock.composerBlock .wrapper{ max-width: unset; width: calc(100% - 80px);}

}
@media screen and (max-width: 1120px){

	/* header .logo{background-size: 100px 113px;width: 100px; height: 113px; } */
	/* header{ height: 187px;} */
	.headerBg, .rotationBlock{ height: 614px; }
	.rotationBlock .rotatingImage div.aReplace .slogan{   }

	/* .imageGallery{ justify-content: center;} */
	/* .imageGallery div:nth-child(4n){ margin-right: 14px; } */
	/* .imageGallery div:nth-child(3n){ margin-right: 0px; } */

}

@media screen and (max-width: 1060px){
	/* nav.mainMenu ul li{ margin-right: 0px;} */
	/* nav.mainMenu ul li a{ padding: 0 4px;} */
	.headerBg{ height: 350px;}
	.rotationBlock{height: 350px;}
	.rotationBlock .wrapper{width: calc(100% - 26px);}
	/* .rotationBlock .rotatingImage div.aReplace .slogan{ font-size: 40px;}	 */

	.inspirationElem{ width: 31%; margin-right:3%;}
}

@media screen and (max-width: 1024px){

	.carouselBlock .slider .item{ width: 100% !important;}
	header, .fpContentWrapper header{ height: 50px; top: 0 !important; }
	header.innerHeader, header.innerHeader.scrolled, header, header.scrolled, .fpContentWrapper header.scrolled{ height: 50px; }
	.fpContentWrapper header.extraOpened{ background: var(--blue-50);}
	.fpContentWrapper header .wrapper, header .wrapper, header.scrolled .wrapper, .fpContentWrapper header.scrolled .wrapper{ height: 50px; }
	.fpContentWrapper .logo, .logo, .fpContentWrapper header.scrolled .logo{ width: 71px; height: 34px;  }

	header .wrapper{ position: unset; }

	.breadcrumb{ margin-top: 50px;}
	.mobileMenuSelector{ display: flex; }
	/* nav.mainMenu{ position: relative;} */
	nav.mainMenu > ul.contentMenu{ display: none;}
	nav.mainMenu > ul > li:hover ul{ display: none; }
	/* nav.mainMenu > ul.contentMenu.opened{ position: unset; } */
	nav.mainMenu > ul.contentMenu.opened{ display: flex; box-shadow: unset; width: 100%; position: absolute; left: 0; top:0;flex-direction: column; top: 50px; background: #FFF; margin-right: 0;}
	nav.mainMenu > ul.contentMenu.opened > ul{ display: flex; position: unset; visibility: visible;  opacity: 1;  z-index: 1; box-shadow: unset; border-radius: 0; flex-direction: column;align-items: center; top: 0; float: left; width: 100%;margin: -1px 0 0 0; padding: 0;}
	nav.mainMenu > ul.contentMenu.opened  li{ justify-content: center; flex-direction: column; align-items: center; margin: 0;}

	nav.mainMenu > ul.contentMenu.opened > .hasDropdown.active > ul, nav.mainMenu > ul.contentMenu.opened > .hasDropdown > ul.dropped{ display: flex; position: unset; visibility: visible;  opacity: 1;  z-index: 1; box-shadow: unset; border-radius: 0; flex-direction: column;align-items: center; top: 0; float: left; width: 100%;margin: -1px 0 0 0; padding: 0;}
	nav.mainMenu > ul.contentMenu.opened > .hasDropdown.active > ul a, nav.mainMenu > ul.contentMenu.opened > .hasDropdown > ul.dropped a{ font-family: "strawfordregular"; color: #000;}
	nav.mainMenu > ul.contentMenu.opened > .hasDropdown.active > ul .active a, nav.mainMenu > ul.contentMenu.opened > .hasDropdown > ul.dropped .active a{ color: var(--blue-400);}

	.cycle-pager{ width: auto; left: 10%; margin-left: 0;}
	.wrapper{width: calc(100% - 46px);}
	.cookiesMsg .wrapper{ width: calc(100% - 46px); display: block;}
	.cookiesMsg .table-cell, .cookiesMsg .table-cell:first-child, .cookiesMsg .table-cell:last-child{ display: block; width: 100%; text-align: center;}
	.cookiesMsg .table-cell:first-child{ margin-bottom: 18px;}

	.fpBlock table td img{ max-width: 100%; height: auto;}

	.contactsBlock .items .item{ margin: 0 20px 20px 0;}

	.repertoireSelection{ flex-direction: column;}
	.repertoireSelection .repertoireCategory, .repertoireSelection .repertoireComposer, .repertoireSelection .repertoireComposition{ width: 100%; margin-bottom: 5px; }
	.repertoireSelection .repertoireCategory > span, .repertoireSelection .repertoireComposer > span, .repertoireSelection .repertoireComposition > span{ height: 36px; padding: 0 15px 0 20px; font-size: 14px; color: #FFF; border-radius: 5px; display: flex; align-items: center; justify-content: space-between;}
	.repertoireSelection div > div.selected{ border-radius: 5px; margin-bottom: 0; }
	.repertoireSelection .repertoireCategory p, .repertoireSelection .repertoireComposition p{ padding:0;}
	.repertoireSelection p{ line-height: 14px;}
	.repertoireSelection .repertoireCategory > span.opened, .repertoireSelection .repertoireComposer > span.opened, .repertoireSelection .repertoireComposition > span.opened{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	.repertoireSelection div > div.selected.opened{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.repertoireSelection .repertoireCategory > span{ background: var(--blue-800);}
	.repertoireSelection .repertoireComposer > span{ background: var(--blue-700);}
	.repertoireSelection .repertoireComposition > span{ color: var(--blue-800); background: var(--blue-100);}
	.repertoireSelection .repertoireCategory > span:after, .repertoireSelection .repertoireComposer > span:after, .repertoireSelection .repertoireComposition > span:after{ content: ""; background: url(images/dropdown-01.svg) no-repeat; width: 9px; height: 16px; display: block;}
	.repertoireSelection .repertoireComposition > span:after{ background: url(images/dropdown-blue-01.svg) no-repeat;}

	.repertoireSelection div > div.searchList.opened p { min-height: 30px; margin: 0;}
	.repertoireSelection div > div.searchList.opened p span, .repertoireSelection div > div.searchList.opened p a{ padding: 0 25px;}
	.repertoireSelection div > div.searchList.opened .repertoireCategory p:hover{ font-family: 'strawfordblack';line-height: 30px;	color: #FFF;background: var(--blue-900);}

	.repertoireSelection div > div.searchList{ display: none;}
	.repertoireSelection div > div.searchList.opened{ display: block; border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0;position: absolute; z-index: 10; width: 100%; top: 36px;}

	.repertoire_output{ flex-direction: column;}
	.repertoire_info.hasRecordings.multipleRecordings, .repertoire_recordings{ width: 100% !important;}
	.repertoire_info.hasRecordings { width: 100%; }

	.repertoireSelection .repertoireComposition p:hover, .repertoireSelection .repertoireComposition p.active, .repertoireSelection .repertoireCategory p:hover{ background: none; font-family: strawfordregular;}
	.repertoireSelection .repertoireComposition p:before{ content: none;}

	.letterFilterResult .letterResult, .flutistData .flutistInfo{ flex-direction: column;}
	.flutistData .flutistInfo .flutistImage, .flutistData .flutistInfo .flutistBio, .flutistData .flutistInfo .flutistRecordings{ width: 100%;}
	.flutistData .flutistInfo .flutistRecordings{ padding-top: 0;}

	.flutistData .flutistInfo .flutistImage{ display: flex; justify-content: center;}
	.flutistData .flutistInfo .flutistBio h1{ text-align: center;}
	.flutistData{ height: auto;}
	.flutistData .flutistInfo .flutistRecordings{ max-height: unset; overflow-y: unset; display: flex; flex-direction: column; }
	.flutistData .flutistInfo .flutistRecordings p{ width: auto;}

	.competitionOutput{ flex-direction: column; }
	.competitionOutput .nav, .competitionOutput .output, .competitionOutput .laureats, .competitionOutput .output.noLaureats{ width: 100%; }
	.competitionOutput .laureats{ width: calc(100% + 46px); margin-left: -23px; border-radius: 0;}

	.activeCompetition{ height: 36px; padding: 0 15px 0 20px; font-size: 14px; color: #FFF; border-radius: 5px; display: flex; align-items: center; justify-content: space-between;background: var(--blue-800); width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; margin-bottom: 35px; }
	.activeCompetition.opened{ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
	.activeCompetition:after{ content: ""; background: url(images/dropdown-01.svg) no-repeat; width: 9px; height: 16px; display: block;}
	.activeCompetition.opened:after{ transform: rotate(90deg);}
	.competitionOutput .nav{ border-radius: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none; }
	.competitionOutput .nav.opened{ display: flex; position: absolute; top: 36px; z-index: 20;}

	.fpBlock.block48, .fpBlock.block56, .fpBlock.block51{ padding-top: 0; }
	.fpBlock.block49 .heading{ text-align: center; }
	.fpBlock.block51 h1, .fpBlock.block51 h2{ margin-bottom: 10px; }

}


@media screen and (max-width: 960px){
	.inspirationOutput{ flex-direction: column;}
	.inspirationOutput .article{ width: 100%; max-width: unset; }
	.inspirationOutput .otherInspirations .inspirationElem{ display: none;}
	.inspirationOutput .otherInspirations{ width: 100%;}
	.prevNext{ display: flex; justify-content: space-between; width: 100%;}
	.prevNext a{ text-decoration: underline; }
}

@media screen and (max-width: 840px){
	.headerBg{height: 180px;}
	.rotationBlock{height: 180px; margin-top: 50px; }
	.rotationBlock .rotatingImage div.aReplace .slogan{ font-size: 12px; line-height: 16px; padding: 17px 26px; width: 56%; min-width: unset; border-radius: 10px; }
	.rotationBlock .rotatingImage div strong{ font-size: 20px; line-height: 24px;}
	.headerBg .table-cell img{ width: 100%;}
	.cyclePagerWrapper{ bottom: 0; top: unset;}
	.cycle-pager span{ width: 7px; height: 7px; margin-right: 13px; }

	.letterFilter .letter{ width: 25px; height: 25px; font-size: 16px; line-height: 16px; margin: 0 7px 20px 8px}

	.letterFilterResult .letterResult .letter{ width: 100%; font-size: 48px; line-height: 48px; margin-bottoM: 15px; }
	.letterFilterResult .letterResult, .flutistData .flutistInfo{ flex-wrap: wrap;}
	.letterFilterResult .letterResult .flutistColumn{ width: 100%;}
	.letterFilterResult .letterResult .flutistColumn p{ width: 50%;}

	.auditionOutput .audition{ width: 45%; }

	.inspirationElem{ width: 48%; margin-right:2%;}
	.fpBlock.composerBlock .wrapper{ width: calc(100% - 40px); padding: 20px;š)
}

@media screen and (max-width: 745px){
	/* .headerBg{ height: 510px;} */
	/* .rotationBlock{height: 510px;} */
	/* .rotationBlock .rotatingImage div.aReplace .slogan{ font-size: 35px; line-height: 40px;} */
	/* .headerBg .table-cell img{ height: 100%;} */
	/* .cyclePagerWrapper { bottom: 47px; top: unset;} */
	.fpBlock .description{ font-size: 14px; line-height: 18px;}
	.fpBlock table, .fpBlock tbody, .fpBlock table tr, .fpBlock table td{ display: block; width: 100%; margin: 0; padding:0;}
	.fpBlock p{ margin-bottom: 23px;}
	.fpBlock li{ margin-bottom: 20px;}
	.fpBlock{ padding-top: 23px;}
	.fpBlock .form{ margin-bottom: 23px; }

	.galleryUsageSlider, .galleryProductSlider  { margin-top: 30px;}

	.fpBlock .descr48 td, .fpBlock .descr52 td{ display: none;}
	.fpBlock.block48 .readMoreButton, .fpBlock.block52 .readMoreButton{ margin-top: 0;}
	.fpBlock .descr48 td:first-child, .fpBlock .descr52 td:first-child{ display: inline-block;}
	.fpBlock .description.extraDescription{ max-height: 120px; overflow: hidden;  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);}
	.fpBlock .readMoreButton.mobileOnly{ display: block;}

	.productItems, .constructionItems{ width: 100%; }

	.fpBlock.blockInspirationList.opened{ padding-top: 0;}
	.fpBlock.blockInspirationList.opened .wrapper{ width: 100%;}

	.inspirationOutput .article .heading, .fpBlock .description, .prevNext{ width: 100%;margin: 0 auto;}
	iframe{ max-width: 100%;}
	.composer_info .description{ align-items: center; width: 100%;}
	.inspirationOutput .article h1{ font-size: 18px; line-height: 24px; }

	.fpBlock.block52 .wrapper .descr52, .fpBlock.block51 .wrapper .descr51, .fpBlock.block48 .wrapper .descr48, .fpBlock.block56 .wrapper .descr56{  -webkit-column-count: 1; /* Saf3, Chrome*/
		-webkit-column-gap: 0%; /* Saf3, Chrome*/
		-moz-column-count: 1; /* FF3.5+ */
		-moz-column-gap: 0%; /* FF3.5+ */
		column-count: 1; /* Opera 11+*/
		column-gap: 0%; /* Opera 11+*/}

	.block52 .wrapper{ width: 96%;}

	.constructionItems .item{ max-width: 210px; width: 47%;}
	.constructionItems.constructionSlider .item{ width: 100%;}
	.productItems .item{ max-width: 210px; width: 47%;}
	.productItems.productionSlider .item{ width: 100%;}

	.fpBlock h1, .fpBlock h2{ font-size: 18px; line-height: 22px; }



	.fpBlock h1, .fpBlock h2, .fpBlock .heading{ font-size: 18px; line-height: 24px;}
	.fpBlock .heading{ margin-bottom: 0;}
	.blockFlutists.rf52 .heading{ margin-bottom: 15px;}
	.auditionOutput .audition .date{ font-size: 20px; line-height: 20px; }
}


@media screen and (max-width: 640px){
	.defaultSlider .item{ width: 158px;height: 158px;}
	.slick-list{padding:0 20% 0 calc(20% + 18px) !important;}
	.defaultGallerySlider .slick-list{ padding:0 !important;}
	.defaultSlider a{ font-size: 15px; line-height: 21px;}
	.defaultSlider a:hover, .defaultSlider .active a{ box-shadow: 0px 0px 0px 5px #da1a22 inset;}

	.repertoire_recordings.multi .recording{ width: 100%;}
	.inspirationElem{ width: 100%; margin-right:0%;}

	footer{ height: auto;}
	footer .footerInner{ flex-direction: column; height: auto; padding-top: 25px; padding-bottom: 25px;}
	footer .footerInner ul{ flex-direction: column; align-items: center; margin-bottom: 15px;}
	footer .footerInner ul li{ margin: 0 0 8px 0;}
}

@media screen and (max-width: 570px){

	/* .imageGallery{ flex-direction: column; align-content: center} */
	/* .imageGallery div{ margin-right: 0px !important; } */

}
@media screen and (max-width: 560px){
	/* .fpBlock h1, .fpBlock h2{ font-size: 25px; line-height: 28px; margin-bottom: 23px;} */
	/* .fpBlock h3{ font-size: 25px; line-height: 28px;} */
	/* .contactsBlock .items{ width: 99%;} */
	/* .contactsBlock .items .item{ margin: 0 0 35px 0;} */

	.auditionOutput .audition{ width: 100%; }

	.mobileMenuSelector{ width: 26px; height: 22px;}
	nav.mainMenu > ul > li.fbMenu > a{ width: 22px; height: 22px;}
	nav.mainMenu > ul > li.instaMenu > a{ width: 22px; height: 22px;}
	nav.mainMenu > ul > li.storeMenu > a{ line-height: 22px; font-size: 10px; }
	nav.mainMenu > ul > li.storeMenu{ margin: 0 5px 0 7px; }
	nav.mainMenu > ul > li.instaMenu, nav.mainMenu > ul > li.fbMenu{ margin: 0 5px 0 5px;}
	nav.mainMenu > ul > li.contentMenu{ margin: 0 0 0 5px;}

	.letterFilter .letter{ margin: 0px 5px 18px 5px; }
}

@media screen and (max-width: 325px){

	/* .fpBlock img{ max-width: calc(100% + 46px); margin-left: -23px;} */
	/* .productItems .item.noImage span, .constructionItems .item.noImage span{ font-size: 14px; line-height: 16px;} */
}