.ctl-wrapper .ctl-vertical-wrapper .ctl-icon{-webkit-box-shadow:0 0 0 4px #fff,inset 0 0 0 2px rgba(0,0,0,.05),0 0 0 8px var(--ctw-line-bg);box-shadow:0 0 0 2px #fff,inset 0 0 0 2px rgba(0,0,0,.05),0 0 0 5px var(--ctw-line-bg)}.ctl-wrapper .ctl-vertical-wrapper{--ctw-ibx-position:0;--ctw-cbx-text-align:left;--ctw-cbx-img-order:2;max-width:1600px;padding:calc(var(--ctw-line-width) * 3) 10px;margin:0 auto}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.odd{--ctw-arw-bg:var( --ctw-first-story-color, var(--ctw-second-story-color, var(--ctw-cbx-title-color)))}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.even{--ctw-arw-bg:var(--ctw-second-story-color, var(--ctw-first-story-color, var(--ctw-cbx-title-color)))}.ctl-wrapper .ctl-vertical-wrapper.ctl-clean-skin .ctl-story.odd{--ctw-cbx-title-color:var(--ctw-first-story-color);--ctw-lbl-big-color:var(--ctw-first-story-color)}.ctl-wrapper .ctl-vertical-wrapper.ctl-clean-skin .ctl-story.even{--ctw-cbx-title-color:var(--ctw-second-story-color);--ctw-lbl-big-color:var(--ctw-second-story-color)}.ctl-wrapper .ctl-one-sided .ctl-story{--ctw-cbx-bottom-margin:50px}.ctl-wrapper .ctl-vertical-wrapper .ctl-end,.ctl-wrapper .ctl-vertical-wrapper .ctl-start{background-color:var(--ctw-line-bg);width:calc(var(--ctw-line-width) * 3);height:calc(var(--ctw-line-width) * 3);display:inline-block;position:absolute;left:calc(50% - var(--ctw-line-width) * 1.5);z-index:1;border-width:calc(var(--ctw-line-bd-width) * 1px);border-style:var(--ctw-line-bd-style);border-color:var(--ctw-line-bd-color);border-radius:calc(var(--ctw-ibx-radius) * 1%);-webkit-border-radius:calc(var(--ctw-ibx-radius) * 1%);-moz-border-radius:calc(var(--ctw-ibx-radius) * 1%);-ms-border-radius:calc(var(--ctw-ibx-radius) * 1%);-o-border-radius:calc(var(--ctw-ibx-radius) * 1%)}.ctl-wrapper .ctl-vertical-wrapper.ctl-content-empty:where(.ctl-start,.ctl-end,.ctl-timeline:before,.ctl-inner-line){display:none}.ctl-wrapper .ctl-post-timeline .ctl-end{bottom:inherit!important}.ctl-wrapper .ctl-vertical-wrapper:where(.ctl-start:after,.ctl-end:after){content:"";position:absolute;height:calc(var(--ctw-line-bd-width) * 1px + var(--ctw-line-width) * .1);width:calc(var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px);background-color:var(--ctw-line-bg);left:calc(50% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-start:after{bottom:calc(0px - var(--ctw-line-bd-width) * 1px)}.ctl-wrapper .ctl-vertical-wrapper .ctl-end:after{top:calc(0px - var(--ctw-line-bd-width) * 1px)}.ctl-wrapper .ctl-vertical-wrapper .ctl-timeline{position:relative;margin:0;padding:22px 0;display:flow-root;width:100%!important}.ctl-wrapper .ctl-vertical-wrapper .ctl-timeline:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - var(--ctw-line-width)/ 2);display:block;width:var(--ctw-line-width);background-color:var(--ctw-line-bg);border-width:0 calc(var(--ctw-line-bd-width) * 1px) 0 calc(var(--ctw-line-bd-width) * 1px);border-color:var(--ctw-line-bd-color)}.ctl-wrapper .ctl-vertical-wrapper .ctl-inner-line{position:absolute;top:0;bottom:0;left:calc(50% - var(--ctw-line-width)/ 2);display:block;width:var(--ctw-line-width);background-color:var(--ctw-line-filling-color);z-index:1;height:0;max-height:100%;transition:all .6 ease-in-out}.ctl-wrapper .ctl-vertical-wrapper .ctl-year{position:relative;margin:0 0 50px 0;justify-content:center;width:100%;z-index:2}.ctl-wrapper .ctl-vertical-wrapper .ctl-year:nth-child(2){margin:22px 0 50px 0}.ctl-wrapper .ctl-vertical-wrapper .ctl-year:first-child{margin-top:0!important}.ctl-wrapper .ctl-vertical-wrapper:where(.ctl-year-text:before,.ctl-year-text:after){height:calc(var(--ctw-ybx-bd-width) + var(--ctw-line-width) * .1);width:calc(var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px);left:calc(50% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-year-text:before{top:0}.ctl-wrapper .ctl-vertical-wrapper .ctl-year-text:after{bottom:0}.ctl-wrapper .ctl-vertical-wrapper .ctl-media.small{align-items:start;padding:15px 15px}.ctl-wrapper .ctl-vertical-wrapper .ctl-labels{justify-content:space-between;top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 - (var(--ctw-lbl-big-size)/ 2 - var(--ctw-ibx-size)/ 1.5));right:calc(100% + var(--ctw-ibx-size) * 2);text-align:var(--ctw-cbx-date-text-align);color:var(--ctw-arw-bg)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-labels{left:calc(100% + var(--ctw-ibx-size) * 2);text-align:left;color:var(--ctw-arw-bg)}.ctl-post-timeline.ctl-vertical-wrapper.ctl-vertical-left .ctl-story-left .ctl-labels{left:calc(100% + var(--ctw-ibx-size) * 2);text-align:left;right:auto}.ctl-wrapper .ctl-vertical-wrapper:where(.ctl-both-sided,.ctl-one-sided) .timeline-year~.ctl-story:nth-child(3){margin-top:0}.ctl-wrapper .ctl-vertical-wrapper:where(.ctl-both-sided,.ctl-one-sided) .ctl-story:nth-child(2){margin-top:50px}.ctl-wrapper .ctl-vertical-wrapper .ctl-icon{left:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 1.95);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position) + 7px)}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-icon{left:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 2)}.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-story.innerViewPort .ctl-icon{background-color:var(--ctw-line-filling-color)!important}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icon{left:auto;right:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 1.9)}.ctl-wrapper .ctl-vertical-wrapper .ctl-icondot{left:calc(var(--ctw-ibx-size) * .75 - var(--ctw-ibx-size) * 2);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 + var(--ctw-ibx-size)/ 2.5)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icondot{left:auto;right:calc(var(--ctw-ibx-size) * .76 - var(--ctw-ibx-size) * 2)}.ctl-wrapper .ctl-vertical-wrapper :where(.ctl-icondot:before,.ctl-icondot:after,.ctl-icon:before,.ctl-icon:after){height:calc(var(--ctw-ibx-bd-width) + var(--ctw-line-width) * .1);width:calc(var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px);left:calc(50% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px)/ 2)}.ctl-wrapper .ctl-vertical-wrapper:where(.ctl-icondot:before,.ctl-icon:before){top:calc(0px - var(--ctw-ibx-bd-width))}.ctl-wrapper .ctl-vertical-wrapper :where(.ctl-icondot:after,.ctl-icon:after){bottom:calc(0px - var(--ctw-ibx-bd-width))}.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow{background:linear-gradient(to top right,var(--ctw-arw-bg) 52%,transparent 48%);left:calc(var(--ctw-ibx-size)/ 7 - var(--ctw-ibx-size)/ 2.6 + var(--ctw-cbx-bd-left-width)/ 3);border-width:0 0 var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width);box-shadow:-4px 4px 8px -4px rgb(0,0,0,.4);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 + var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size)/ 7)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-bg-hover:hover .ctl-arrow{background:linear-gradient(to top right,var(--ctw-cbx-title-bg,var(--ctw-cbx-bg-hover)) 52%,transparent 48%)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-bg-hover.ctl-story-left:hover .ctl-arrow{background:linear-gradient(to bottom left,var(--ctw-cbx-title-bg,var(--ctw-cbx-bg-hover)) 52%,transparent 48%)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow{left:auto;right:calc(var(--ctw-ibx-size)/ 7 - var(--ctw-ibx-size)/ 2.5 + var(--ctw-cbx-bd-left-width)/ 3);background:linear-gradient(to bottom left,var(--ctw-arw-bg) 52%,transparent 48%);border-width:var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width) 0 0;box-shadow:4px -4px 8px -4px rgb(0,0,0,.4)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story{position:relative;width:calc(50% - var(--ctw-ibx-size));float:right;clear:both;z-index:2}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left{float:left}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content{box-shadow:var(--ctw-cbx-shadow);border-width:var(--ctw-cbx-bd-top-width) var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-bottom-width) var(--ctw-cbx-bd-right-width);border-radius:var(--ctw-cbx-radius-left);-webkit-border-radius:var(--ctw-cbx-radius-left);-moz-border-radius:var(--ctw-cbx-radius-left);-ms-border-radius:var(--ctw-cbx-radius-left);-o-border-radius:var(--ctw-cbx-radius-left)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left:hover .ctl-content,.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right:hover .ctl-content{box-shadow:var(--ctw-cbx-shadow);border-radius:var(--ctw-cbx-radius-left-hover);-webkit-border-radius:var(--ctw-cbx-radius-left-hover);-moz-border-radius:var(--ctw-cbx-radius-left-hover);-ms-border-radius:var(--ctw-cbx-radius-left-hover);-o-border-radius:var(--ctw-cbx-radius-left-hover)}.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.even .ctl-title{background:var(--ctw-second-story-color)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-media{justify-content:var(--ctw-cbx-img-align);align-self:flex-start}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-description{text-align:var(--ctw-cbx-desc-text-align)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-button{justify-content:var(--ctw-cbx-btn-align)}.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.odd .ctl-title{background:var(--ctw-first-story-color)}.ctl-wrapper .ctl-vertical-wrapper .odd .ctl-icon{background-color:var(--ctw-first-story-color)}.ctl-vertical-wrapper .ctl-year-label.ctl-year-text{box-shadow:0 0 0 2px #fff,inset 0 0 0 2px rgba(0,0,0,.05),0 0 0 5px var(--ctw-line-bg)}.ctl-wrapper .ctl-vertical-wrapper .innerViewPort .ctl-year-label.ctl-year-text{box-shadow:0 0 0 2px #fff,inset 0 0 0 2px rgba(0,0,0,.05),0 0 0 5px var(--ctw-line-filling-color)}.ctl-wrapper .ctl-one-sided{max-width:1200px;margin-left:0;width:100%;position:relative;margin-right:0;padding-left:300px}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-year{justify-content:flex-start}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-year:after{content:'';width:37px;height:var(--ctw-line-width);background:var(--ctw-line-bg);z-index:-1}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-inner-line,.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-timeline:before{left:0}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-end,.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-start{left:297px}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-year.innerViewPort:after{background:var(--ctw-line-filling-color)}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-year{left:-115px}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.ctl-story-right.odd .ctl-title{background:var(--ctw-first-story-color)}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-story.ctl-story-right.odd{--ctw-arw-bg:var(--ctw-first-story-color, var(--ctw-second-story-color, var(--ctw-cbx-title-color)))}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-story-right.odd .ctl-icon{background-color:var(--ctw-first-story-color)}.ctl-wrapper .ctl-one-sided .ctl-story.even{--ctw-lbl-big-color:var(--ctw-lbel-big-color, var(--ctw-second-story-color))}.ctl-wrapper .ctl-one-sided .ctl-story.odd{--ctw-lbl-big-color:var( --ctw-lbel-big-color, var(--ctw-first-story-color))}@media only screen and (min-width:768px){.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-end,.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-start{left:calc(33.33% - var(--ctw-line-width) * 1.5)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-inner-line,.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-timeline:before{left:calc(33.33% - var(--ctw-line-width)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-year{justify-content:left}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-year-text:after,.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-year-text:before{left:calc(25.33% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-year-text:after,.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-year-text:before{left:calc(66.66% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-labels{right:auto;left:calc((-100% + var(--ctw-ibx-size))/ 2 - var(--ctw-ibx-size) * 2);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 - (var(--ctw-lbl-big-size)/ 2 - var(--ctw-ibx-size)/ 2));width:calc((100% + var(--ctw-ibx-size))/ 2 - var(--ctw-ibx-size));text-align:right}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-story{width:calc(66.66% - var(--ctw-ibx-size));float:right;margin-bottom:var(--ctw-cbx-bottom-margin);text-align:left;top:auto}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-content{border-width:var(--ctw-cbx-bd-top-width) var(--ctw-cbx-bd-right-width) var(--ctw-cbx-bd-bottom-width) var(--ctw-cbx-bd-left-width)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-icon{right:auto;left:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 2);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-icondot{right:auto;left:calc(var(--ctw-ibx-size) * .75 - var(--ctw-ibx-size) * 2);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 + var(--ctw-ibx-size)/ 4)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-right .ctl-arrow{background:linear-gradient(to top right,var(--ctw-arw-bg) 52%,transparent 48%);border-width:0 0 var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width);right:auto;left:calc(var(--ctw-ibx-size)/ 7 - var(--ctw-ibx-size)/ 3.5 + var(--ctw-cbx-bd-left-width)/ 3 + 1px);box-shadow:-4px 4px 8px -4px rgb(0,0,0,.4)}.ctl-wrapper .ctl-one-sided .ctl-story{width:calc(100% - var(--ctw-ibx-size))}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-end,.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-start{left:calc(66.66% - var(--ctw-line-width) * 1.5)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-inner-line,.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-timeline:before{left:calc(66.66% - var(--ctw-line-width)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-year{justify-content:left;padding-left:calc(66.66% - var(--ctw-ybx-size)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-story .ctl-labels{left:auto;right:calc((-100% + var(--ctw-ibx-size))/ 2 - var(--ctw-ibx-size) * 2);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 - (var(--ctw-lbl-big-size)/ 2 - var(--ctw-ibx-size)/ 2));width:calc((100% + var(--ctw-ibx-size))/ 2 - var(--ctw-ibx-size));text-align:left}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-story{float:left;width:calc(66.66% - var(--ctw-ibx-size));margin-bottom:var(--ctw-cbx-bottom-margin);text-align:left;top:auto}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-content{border-width:var(--ctw-cbx-bd-top-width) var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-bottom-width) var(--ctw-cbx-bd-right-width)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-icon{left:auto;right:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 2);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-icondot{left:auto;right:calc(var(--ctw-ibx-size) * .75 - var(--ctw-ibx-size) * 2);top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 + var(--ctw-ibx-size)/ 4)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-left .ctl-arrow{left:auto;right:calc(var(--ctw-ibx-size)/ 7 - var(--ctw-ibx-size)/ 3.5 + var(--ctw-cbx-bd-left-width)/ 3);background:linear-gradient(to bottom left,var(--ctw-arw-bg) 52%,transparent 48%);border-width:var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width) 0 0;box-shadow:4px -4px 8px -4px rgb(0,0,0,.4)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-labels{top:calc(0px - var(--ctw-ibx-size) * 2 - (var(--ctw-lbl-big-size)/ 2 - var(--ctw-ibx-size)/ 2));left:calc(50% + var(--ctw-ibx-size));width:calc(50% - var(--ctw-ibx-size));text-align:left}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-icon{top:calc(0px - var(--ctw-ibx-size) * 2);left:calc(50% - var(--ctw-ibx-size)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-icondot{top:calc(0px - var(--ctw-ibx-size) * 1.75);left:calc(50% - var(--ctw-ibx-size)/ 4)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-story{width:100%;margin-left:auto;margin-right:auto;float:none;text-align:center;top:calc(var(--ctw-ibx-size) * 2.5);margin-bottom:calc(var(--ctw-ibx-size) * 2.5 + var(--ctw-cbx-bottom-margin))}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-content{border-width:var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-right-width) var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-right-width)}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center:where(.ctl-story:before,.ctl-story:after){content:" ";position:absolute;height:calc(var(--ctw-cbx-bd-left-width) + 10px);width:calc(var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px);background:var(--ctw-line-bg);left:calc(50% - (var(--ctw-line-width) - var(--ctw-line-bd-width) * 2px)/ 2);opacity:var(--ctw-line-bd-width);z-index:1}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-story:before{top:-10px}.ctl-wrapper .ctl-vertical-wrapper .ctl-vertical-center .ctl-story:after{bottom:-10px}}.ctl-pagination{display:flex;align-items:stretch;gap:5px}.cool-timeline-wrapper:not(.ctl-one-sided) .ctl-pagination{justify-content:center}.ctl-vertical-wrapper .ctl-pagination a,.ctl-vertical-wrapper .ctl-pagination span{display:inline-block;padding:2px 10px}.ctl-vertical-wrapper .ctl-pagination a{background-color:#ebebeb;color:#777;text-decoration:none;position:relative}.ctl-vertical-wrapper .ctl-pagination .next.page-numbers,.ctl-vertical-wrapper .ctl-pagination .prev.page-numbers{font-size:15px;fill:#777;display:flex;justify-content:center;align-items:center}.ctl-vertical-wrapper .ctl-pagination a.ctl-btn-click-effect::after{content:'';position:absolute;top:calc(100% / 9 - (100% * 1.7)/ 4);left:calc(100% / 9 - (100% * 1.7)/ 4);width:calc(100% * 1.6);height:calc(100% * 1.6);background-color:var(--ctw-line-bg);animation:ctl-btn-effect .6s forwards;z-index:-1;opacity:.2}@keyframes ctl-btn-effect{0%{transform:scale3d(.3,.3,1)}25%,50%{opacity:.2}100%{opacity:0;transform:scale3d(1.2,1.2,1)}}.ctl-vertical-wrapper .ctl-pagination .next.page-numbers:hover,.ctl-vertical-wrapper .ctl-pagination .prev.page-numbers:hover{fill:#fff}.ctl-vertical-wrapper .ctl-pagination a:hover{background-color:var(--ctw-line-bg);color:#fff}.ctl-vertical-wrapper .ctl-pagination span.dots{padding:0;color:#dcdcdc}.ctl-vertical-wrapper .ctl-pagination span.current{background-color:var(--ctw-line-bg);color:#fff}.ctl-vertical-wrapper nav.ctl-pagination{text-align:center;position:relative;margin:20px 0}.ctl-vertical-wrapper.ctl-one-sided nav.ctl-pagination{text-align:left}@media (min-width:280px){.ctl-vertical-wrapper nav.ctl-pagination{top:0}}@media only screen and (max-width:325px){.ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:before{width:calc(var(--ctw-ibx-size) - var(--ctw-line-width)/ 10 + var(--ctw-line-bd-width) * 1px + 1px)}.ctl-wrapper .ctl-vertical-wrapper.cool-timeline-wrapper:not(.ctl-compact-wrapper) .ctl-end,.ctl-wrapper .ctl-vertical-wrapper.cool-timeline-wrapper:not(.ctl-compact-wrapper) .ctl-start{left:calc(6% - var(--ctw-line-width)/ 10)!important}.ctl-wrapper .ctl-vertical-wrapper .ctl-story{left:calc(5% - var(--ctw-line-width) - 7.8px)!important}.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-icon{left:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 2.05)!important}.ctl-wrapper .ctl-vertical-wrapper .ctl-year{margin:22px 0 50px 0!important}.ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided .ctl-story{left:5px}.ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided .ctl-end,.ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided .ctl-start{left:calc(3% - var(--ctw-line-width) + 2px)!important}}@media only screen and (min-width:769px){.ctl-vertical-wrapper nav.ctl-pagination{top:15px;margin-bottom:30px}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-story{max-width:600px;width:calc(100% - (calc(51px + var(--ctw-ibx-size)/ 2)));left:calc(31px + var(--ctw-ibx-size)/ 4);float:unset}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-story.ctl-story-icon{left:calc(31px + var(--ctw-ibx-size)/ 2)}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-icondot{left:calc(-30px - var(--ctw-ibx-size)/ 4);transform:translateX(-50%)}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-icon{left:calc(-30px - var(--ctw-ibx-size)/ 2);transform:translateX(-50%)}}.ctl-wrapper .ctl-timeline-wrapper .ctl-vertical-wrapper .innerViewPort .ctl-icondot{background:var(--ctw-line-filling-color)!important}.ctl-wrapper .ctl-vertical-wrapper.ctl-content-empty :where(.ctl-timeline.ctl-inner-line,.ctl-start,.ctl-end){display:none}.ctl-wrapper .ctl-vertical-wrapper.ctl-content-empty .ctl-timeline:before{display:none}@media only screen and (max-width:767px){.ctl-wrapper .ctl-vertical-wrapper .ctl-inner-line,.ctl-wrapper .ctl-vertical-wrapper .ctl-timeline:before{left:calc(5% - var(--ctw-line-width)/ 1)!important}.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-one-sided) .ctl-end,.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-one-sided) .ctl-start{left:calc(5% - var(--ctw-line-width) + 6px)!important}.ctl-wrapper .ctl-vertical-wrapper .ctl-end,.ctl-wrapper .ctl-vertical-wrapper .ctl-start{left:calc(5% - var(--ctw-line-width)/ 2 - var(--ctw-line-width) * 1.6)!important}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided{padding-left:0}.ctl-vertical-wrapper .ctl-pagination a,.ctl-vertical-wrapper .ctl-pagination span{margin:2px 0}.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-label-small{margin-bottom:-15px}.ctl-wrapper .ctl-vertical-wrapper .ctl-icondot,.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icondot{left:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 1.85)}.ctl-wrapper .ctl-vertical-wrapper:where(.ctl-timeline:before,.ctl-inner-line){left:calc(0px - var(--ctw-line-width)/ 2 + var(--ctw-ibx-size)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-year{justify-content:flex-start;left:calc(5% - var(--ctw-line-width)/ 1)!important}.ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:after{left:calc(0px + var(--ctw-ibx-size)/ 2 - var(--ctw-line-width)/ 2 + var(--ctw-line-bd-width)/ 2)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story{width:calc(100% - var(--ctw-ibx-size) * 1.5);float:unset;text-align:left;margin-bottom:calc(var(--ctw-cbx-bottom-margin));top:0;left:calc(5% - var(--ctw-line-width)/ 1 + 45px)!important}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-story{float:unset}.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-story .ctl-labels{position:relative;left:0;top:0;text-align:left!important;width:100%;margin:20px 5px 20px}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-icondot{left:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 1.85)}.ctl-wrapper .ctl-vertical-wrapper .ctl-icon{top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) - 20px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + 12px) * var(--ctw-ibx-position)/ 100) - 5px + var(--lbl-bd-width) * 2);transform:translateY(-50%)!important;left:calc(var(--ctw-ibx-size)/ 2 - var(--ctw-ibx-size) * 2.05)}.ctl-wrapper .ctl-vertical-wrapper .ctl-labels~.ctl-icon{top:calc(var(--ctw-ibx-position) * 1% - var(--ctw-ibx-size) * var(--ctw-ibx-position)/ 100 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + -8px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position)/ 100) + 16px + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height))}.ctl-wrapper .ctl-vertical-wrapper .ctl-labels~.ctl-icondot{top:calc(var(--ctw-ibx-size) * var(--ctw-ibx-position) + var(--ctw-ibx-size)/ 2 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + -7px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position)/ 10) + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height) - 15PX)}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left{float:unset}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-labels{right:0}.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow,.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow{border-width:0 0 var(--ctw-cbx-bd-left-width) var(--ctw-cbx-bd-left-width);left:calc(var(--ctw-ibx-size)/ 7 - var(--ctw-ibx-size)/ 2.6 + var(--ctw-cbx-bd-left-width)/ 3);box-shadow:-4px 4px 8px -4px rgb(0,0,0,.4)}.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow,.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow{background:linear-gradient(to top right,var(--ctw-arw-bg) 52%,transparent 48%)!important}.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-labels~.ctl-arrow,.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-story.ctl-story-left .ctl-labels~.ctl-arrow{top:calc(var(--ctw-ibx-size) * var(--ctw-ibx-position) + var(--ctw-ibx-size)/ 2 + (var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap) + -24px) - ((var(--ctw-lbl-big-size) + var(--ctw-lbl-small-size) + var(--ctw-lbl-gap)) * var(--ctw-ibx-position)/ 10) + var(--lbl-bd-width) * 2 + var(--ctw-cbx-date-line-height))}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icon{left:calc(var(--ctw-ibx-size)/ 2.5 - var(--ctw-ibx-size) * 2);right:auto}.ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title{text-align:left;justify-content:left!important}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-media{justify-content:var(--ctw-cbx-img-align,var(--ctw-cbx-text-align))}.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-button{justify-content:var(--ctw-cbx-btn-align,var(--ctw-cbx-text-align))}.ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text{position:relative;overflow:visible;left:calc(var(--ctw-ibx-size) - var(--ctw-line-width)/ 10 + var(--ctw-line-bd-width) * 1px);right:auto}.ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:before{height:var(--ctw-line-width);left:auto;right:calc(95% + var(--ctw-ybx-bd-width))!important;width:calc(var(--ctw-ibx-size) - var(--ctw-line-width)/ 10 + var(--ctw-line-bd-width) * 1px);background-color:var(--ctw-line-bg);opacity:1;z-index:-1}.ctl-wrapper .ctl-vertical-wrapper .ctl-year-label.ctl-year-text::after{right:100%;left:auto;width:var(--ctw-ybx-bd-width);height:var(--ctw-line-width)}.ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:before,.ctl-wrapper .ctl-vertical-wrapper .ctl-year-label.ctl-year-text::after{top:calc(50% - var(--ctw-line-width)/ 2)!important;border-width:calc(var(--ctw-line-bd-width) * 1px) 0 calc(var(--ctw-line-bd-width) * 1px) 0;border-style:var(--ctw-line-bd-style);border-color:var(--ctw-line-bd-color)}.ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided .ctl-story{left:-4px;width:calc(94% - var(--ctw-ibx-size))!important}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-icon{left:calc(var(--ctw-ibx-size)/ 2.2 - var(--ctw-ibx-size) * 2)}}.ctl-wrapper .cool-timeline-wrapper .ctl-vertical-wrapper .ctl-year{left:calc(5% - 22px)}@media only screen and (max-width:950px){.ctl-vertical-wrapper nav.ctl-pagination{margin:40px 0}}@media only screen and (max-width:428px){.ctl-wrapper .cool-timeline-wrapper.ctl-vertical-wrapper.ctl-one-sided .ctl-year:after{display:none!important}.ctl-wrapper .ctl-vertical-wrapper .ctl-end,.ctl-wrapper .ctl-vertical-wrapper .ctl-start{left:calc(5% - var(--ctw-line-width) + 6px)!important}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-end,.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-start{left:calc(3% - var(--ctw-line-width) + 4px)!important}}@media only screen and (max-width:378px){.ctl-wrapper .ctl-vertical-wrapper .ctl-year{margin:22px 0 50px 0}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-icon{left:calc(var(--ctw-ibx-size)/ 2.2 - var(--ctw-ibx-size) * 2)}.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-end,.ctl-wrapper .ctl-vertical-wrapper.ctl-one-sided .ctl-start{left:calc(3% - var(--ctw-line-width) + 3px)!important}}@font-face {
font-family: 'fontawesome';
src:url(//francismusiclessons.com/wp-content/themes/fonts/fontawesome.eot);
src:url(//francismusiclessons.com/wp-content/themes/fonts/fontawesome.eot?#iefix) format('embedded-opentype'),
url(//francismusiclessons.com/wp-content/themes/fonts/fontawesome.svg#fontawesome) format('svg'),
url(//francismusiclessons.com/wp-content/themes/fonts/fontawesome.woff) format('woff'),
url(//francismusiclessons.com/wp-content/themes/fonts/fontawesome.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} *,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.main,
.container > header {
width: 100%;
margin: 0 auto;
padding: 0 1.875em 3.125em 1.875em;
}
.main {
max-width: 69em;
padding-top: 2em;
}
.column {
float: left;
width: 50%;
padding: 0 2em;
min-height: 300px;
min-width: 320px;
position: relative;
}
.column:nth-child(2) {
min-height: 400px;
box-shadow: -1px 0 0 rgba(0,0,0,0.1);
background: url(//francismusiclessons.com/wp-content/themes/images/clickhere.png) 90px 0 no-repeat;
}
.column:last-child:before {
content: '';
position: absolute;
height: 7px;
background: #ceccc6;
top: 100px;
left: 10px;
}
.column p {
font-weight: 300;
font-size: 2em;
padding: 0;
margin: 0;
text-align: right;
line-height: 1.5;
}
.container > header {
padding: 2.875em 1.875em 2.875em;
text-align: center;
background: rgba(0,0,0,0.01);
}
.container > header h1 {
font-size: 2.625em;
line-height: 1.3;
margin: 0;
color: #89867e;
font-weight: 300;
}
.container > header span {
display: block;
font-size: 60%;
color: #ceccc6;
padding: 0 0 0.6em 0.1em;
} .codrops-top {
background: #fff;
background: rgba(255, 255, 255, 0.95);
text-transform: uppercase;
position: relative;
font-size: 0.68em;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
line-height: 2.2;
}
.codrops-top a {
padding: 0 1em;
letter-spacing: 0.1em;
color: #333;
display: inline-block;
}
.codrops-top a:hover {
background: rgba(255,255,255,0.99);
color: #000;
}
.codrops-top span.right {
float: right;
}
.codrops-top span.right a {
float: left;
display: block;
} .codrops-demos {
padding-top: 1em;
font-size: 0.9em;
}
.codrops-demos a {
display: inline-block;
margin: 0.5em;
padding: 0.7em 1.1em;
border: 3px solid #b1aea6;
color: #b1aea6;
font-weight: 700;
}
.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
border-color: #89867e;
color: #89867e;
}
@media screen and (max-width: 46.0625em) {
.main {
padding: 0;
}
.column {
width: 100%;
min-width: auto;
min-height: auto;
padding: 3em 2em; 
}
.column p {
text-align: left;
font-size: 1.5em;
}
.column:nth-child(2) {
box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
background-position: 90px 3em;
}
}@font-face {
font-family: 'icomoon';
src:url(//francismusiclessons.com/wp-content/themes/fonts/icomoon.eot);
src:url(//francismusiclessons.com/wp-content/themes/fonts/icomoon.eot?#iefix) format('embedded-opentype'),
url(//francismusiclessons.com/wp-content/themes/fonts/icomoon.woff) format('woff'),
url(//francismusiclessons.com/wp-content/themes/fonts/icomoon.ttf) format('truetype'),
url(//francismusiclessons.com/wp-content/themes/fonts/icomoon.svg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
@import url("https://fonts.googleapis.com/css?family=Cabin");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600;700;800;900&display=swap"); .dl-menuwrapper {
width: 100%;
max-width: 300px;
float: left;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
}
.dl-menuwrapper:first-child {
margin-right: 100px;
}
.dl-menuwrapper button {
background: #4bd19f;
border: none;
width: 48px;
height: 45px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
margin: -52px 0px 0px 20px;    
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
background-image:url(//francismusiclessons.com/wp-content/themes/jduartedesign/images/menu-bg2.png);
}
.dl-menuwrapper button:after {
content: '';
position: absolute;
width: 68%;
height: 5px;
background: #fff;
top: 10px;
left: 16%;
box-shadow: 
0 10px 0 #fff, 
0 20px 0 #fff;
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dl-menuwrapper li {
position: relative;
margin: 0px 0px 0px 0px;
font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
.dl-menuwrapper li a {
display: block;
position: relative;
padding: 8px 10px 8px 10px;
font-size: 24px;
line-height: 20px;
font-weight: 300;
color: #fff !IMPORTANT;
outline: none;
}
.no-touch .dl-menuwrapper li a:hover {
background: rgba(255,248,213,0.1);
}
.dl-menuwrapper li.dl-back > a {
padding-left: 30px;
background: rgba(0,0,0,0.1);
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 50px;
font-family: 'icomoon';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\e000";
}
.dl-menuwrapper li.dl-back:after {
left: 10px;
color: rgba(212,204,198,0.3);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dl-menuwrapper li > a:after {
right: 10px;
color: rgba(0,0,0,0.15);
}
.dl-menuwrapper .dl-menu {
margin: 10px 0 0 0;
position: absolute;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
} .dl-menuwrapper li .dl-submenu {
display: none;
} .dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
} .dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 50px;
left: 0;
margin: 0;
} .dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s;
animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
-webkit-animation: MenuAnimOut3 0.4s ease;
animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
-webkit-animation: MenuAnimOut4 0.4s ease;
animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
-webkit-animation: MenuAnimOut5 0.4s ease;
animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut2 {
0% { }
100% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut3 {
0% { }
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut4 {
0% { }
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut5 {
0% { }
100% {
-webkit-transform: translateY(40%);
opacity: 0;
}
}
@keyframes MenuAnimOut1 {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut2 {
0% { }
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes MenuAnimOut3 {
0% { }
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes MenuAnimOut4 {
0% { }
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes MenuAnimOut5 {
0% { }
100% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
}
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s;
animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
-webkit-animation: MenuAnimIn3 0.4s ease;
animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
-webkit-animation: MenuAnimIn4 0.4s ease;
animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
-webkit-animation: MenuAnimIn5 0.4s ease;
animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease;
animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
-webkit-animation: SubMenuAnimIn3 0.4s ease;
animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
-webkit-animation: SubMenuAnimIn4 0.4s ease;
animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
-webkit-animation: SubMenuAnimIn5 0.4s ease;
animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
opacity: 1;
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease;
animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
-webkit-animation: SubMenuAnimOut3 0.4s ease;
animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
-webkit-animation: SubMenuAnimOut4 0.4s ease;
animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
-webkit-animation: SubMenuAnimOut5 0.4s ease;
animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
} .no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0,0,0,0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: '';
}  .demo-1 .dl-menuwrapper button {
background: #c62860;
}
.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
background: #9e1847;
} .demo-2 .dl-menuwrapper button {
background: #e86814;
}
.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
background: #D35400;
} .demo-3 .dl-menuwrapper button {
background: #08cbc4;
}
.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
background: #00b4ae;
} .demo-4 .dl-menuwrapper button {
background: #90b912;
}
.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
background: #79a002;
} .demo-5 .dl-menuwrapper button {
background: #744783;
}
.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
background: #643771;
}@font-face{font-family:flexslider-icon;src:url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot);src:url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}body .metaslider .coin-slider,
body .metaslider .nivoSlider,
body .metaslider .nivoSlider img,
body .metaslider .rslides,
body .metaslider .rslides li,
body .metaslider .flexslider ul.slides,
body .metaslider .flexslider .slides li,
body .metaslider .flexslider .slides ul,
body .metaslider .flexslider .slides ol,
body .metaslider .flexslider .slides img,
body .metaslider .flexslider .flex-direction-nav,
body .metaslider .flexslider .flex-direction-nav li {
border: 0;
margin: 0;
list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
.metaslider {
position: relative;
z-index: 0;
} .metaslider.fullwidth {
overflow: hidden;
}
.metaslider .caption {
padding: 5px 10px;
word-wrap: break-word;
}
.metaslider .caption-wrap {
position: absolute;
bottom: 0;
left: 0;
background: black;
color: white;
opacity: 0.7;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
}
.metaslider img {
height: auto;
padding: 0;
margin: 0;
-moz-user-select: none;
}
.metaslider a {
outline: none;
}
.metaslider.ms-left {
float: left;
margin: 0 20px 20px 0;
}
.metaslider.ms-right {
float: right;
margin: 0 0 20px 20px;
}
.metaslider li:before,
.metaslider li:after {
content: "" !important;
display: none !important;
bottom: auto !important;
margin: 0 !important;
}
.metaslider .caption-wrap .caption img {
width: auto;
}
.metaslider .slides img {
width: 100%;
display: block;
}
.metaslider .flex-pauseplay a {
height: 30px;
width: 30px;
} .metaslider .flexslider {
background: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
border: 0;
margin: 0 0 40px;
max-width: none;
max-height: none;
}
.metaslider .flex-control-nav {
border: 0;
margin: auto;
list-style-type: none;
list-style: none;
padding: 0;
bottom: -27px;
line-height: 11px;
z-index: 2;
}
.metaslider-flex.ms-theme-default .flex-next:focus {
background: url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png) scroll right 0 transparent!important;
height: 27px!important;
}
.metaslider-flex.ms-theme-default .flex-prev:focus {
background: url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png) scroll left 0 transparent!important;
height: 27px!important;
} .metaslider .flex-control-nav li {
margin: 0;
}
.metaslider .flex-control-nav li a {
margin: 0 6px;
padding: 0;
}
.metaslider .flexslider .slides li {
position: relative;
height: auto;
} .metaslider .flex-viewport {
direction: ltr;
} .metaslider .flex-direction-nav a {
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.metaslider .flexslider .slides p {
margin: 0;
}
.metaslider .flexslider.filmstrip {
margin-top: 10px;
}
.metaslider .flexslider.filmstrip .slides li {
cursor: pointer;
opacity: 0.5;
}
.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
opacity: 1.0 !important;
}
.metaslider .flex-control-thumbs li {
width: auto;
}
.metaslider ol.flex-control-thumbs img,
#content .metaslider ol.flex-control-thumbs img {
margin: 10px 5px 0;
width: auto;
}
.metaslider.nav-hidden .flexslider {
margin-bottom: 0;
}
.metaslider.nav-hidden.add-margin .flexslider {
margin-bottom: 40px;
}  .metaslider .flexslider .flex-direction-nav li a:before {
content:none!important;
}
.metaslider .flexslider .flex-direction-nav li a {
width: 30px;
height: 30px;
border: 0;
margin: -20px 0 0;
box-shadow: none!important;
display: block;
background-color: transparent;
background-image: url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);
background-repeat:  no-repeat;
position: absolute;
right: 10px;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;
}
.metaslider.has-onhover-arrows .flexslider .flex-direction-nav li a {
opacity: 0;
}
.metaslider.has-onhover-arrows .flexslider .flex-direction-nav li a:hover {
opacity: 1;
}
.metaslider .flex-direction-nav .flex-prev {
background-position: left 0;
left: 10px;
}
.metaslider .flex-direction-nav .flex-next {
background-position: right 0;
text-align: left; text-indent: 9999px;
}
.metaslider .flexslider:focus-within .flex-next,
.metaslider .flexslider:hover .flex-next {
opacity: 0.8;
}
.metaslider .flexslider:focus-within .flex-prev,
.metaslider .flexslider:hover .flex-prev {
opacity: 0.8; text-indent: -9999px;
}
.metaslider .flexslider:focus-within .flex-next:focus,
.metaslider .flexslider:focus-within .flex-prev:focus,
.metaslider .flexslider:hover .flex-next:hover,
.metaslider .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.metaslider .flexslider .flex-next:focus,
.metaslider .flexslider .flex-prev:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .flex-direction-nav .flex-disabled {
cursor: default;
pointer-events: none;
}
.metaslider .flexslider .flex-control-nav a {
box-shadow: none !important;
}
.metaslider .flexslider .flex-control-nav a:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .slides > li {
position: relative;
}
.metaslider .flexslider .flex-pauseplay .flex-play,
.metaslider .flexslider .flex-pauseplay .flex-pause {
width: 30px;
height: 30px;
background: #000;
color: #fff;
text-align: center;
padding: 0 8px;
border-radius: 50px;
text-decoration: none;
line-height: 30px;
font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay a:before {
font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay .flex-play:focus,
.metaslider .flexslider .flex-pauseplay .flex-pause:focus {
background: #000;
color: #fff;
}
.metaslider .flexslider .flex-pauseplay .flex-play:before {
margin-left: 4px;
}
.metaslider .flexslider .flex-pauseplay .flex-pause:before {
margin-left: 1px;
} .metaslider .rslides_nav,
.metaslider .rslides_tabs a {
box-shadow: none !important;
}
.metaslider .rslides_tabs {
margin: 0 0 40px;
}
.metaslider .rslides_nav:focus,
.metaslider .rslides_nav:hover {
color: #ffffff;
}
.metaslider-responsive.no-text .rslides_nav{
width: 30px;
height: 30px;
border: 0;
margin: 0 5px;
box-shadow: none !important;
display: block;
background-color: transparent;
background-image: url(//francismusiclessons.com/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png);
background-repeat: no-repeat;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: opacity .25s ease-in-out;
transition: all .3s ease;
}
.metaslider-responsive.no-text .rslides_nav.next {
background-position: right 0;
} div.metaslider .theme-default .nivoSlider {
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
.metaslider .slider-wrapper .nivo-directionNav a,
.metaslider .slider-wrapper .nivo-controlNav a,
.metaslider .slider-wrapper img {
border: 0;
box-shadow: none; list-style-type: none;
list-style: none;
padding: 0;
line-height: normal;
max-width: none;
max-height: none;
}
div.metaslider .slider-wrapper .nivo-controlNav a {
transition: none;
} .metaslider .coin-slider { max-width: 100%;
overflow:hidden;
}
.metaslider .coin-slider .cs-buttons a,
.metaslider .coin-slider > a {
box-shadow: none !important;
}
.metaslider .coin-slider a[href="javascript:void(0)"] {
cursor: default !important;
} #wpadminbar #wp-admin-bar-ms-main-menu .ab-item #metaslider-main-menu-icon {
background-size: 18px;
background-repeat: no-repeat;
background-position: left center;
width: 18px;
height: 32px;
float: left;
margin-right: 5px;
}
#wpadminbar #wp-admin-bar-ms-main-menu:hover #metaslider-main-menu-icon{
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjNzJhZWU2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU1LjggMjU1LjgiIHN0eWxlPSJmaWxsOiM3MmFlZTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMjcuOSwwQzU3LjMsMCwwLDU3LjMsMCwxMjcuOWMwLDcwLjYsNTcuMywxMjcuOSwxMjcuOSwxMjcuOWM3MC42LDAsMTI3LjktNTcuMywxMjcuOS0xMjcuOUMyNTUuOCw1Ny4zLDE5OC41LDAsMTI3LjksMHogTTE2LjQsMTc3LjFsOTIuNS0xMTcuNUwxMjQuMiw3OWwtNzcuMyw5OC4xSDE2LjR6IE0xNzAuNSwxNzcuMWwtMzguOS00OS40bDE1LjUtMTkuNmw1NC40LDY5SDE3MC41eiBNMjA4LjUsMTc3LjFMMTQ2LjksOTkgbC02MS42LDc4LjJoLTMxbDkyLjUtMTE3LjVsOTIuNSwxMTcuNUgyMDguNXoiLz48L2c+PC9zdmc+Cg==") !important;
}
.ms-edit-frontend {
text-decoration: none !important;
font-size: 18px;
}
.ms-edit-frontend .dashicons.dashicons-external {
height: 25px;
vertical-align: middle;
}
#preview-container .ms-edit-frontend{
display: none;
} .ms-theme-precognition .flex-control-nav {
display: table !important;
width: 100% !important;
margin-top: 0 !important;
}
.metaslider.ms-theme-precognition .flex-control-nav li {
display: table-cell !important;
width: auto;
text-align: center;
border-left: 1px solid;
border-bottom: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li:last-child {
border-right: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: 0 !important;
width: auto !important;
display: block !important;
height: auto !important;
padding: 10px !important;
margin: 0 !important;
} .flex-progress-bar {
position: absolute;
top: 0;
left: 0;
height: 4px;
width: 0%;
background-color: #fff;
transition: width 2s linear;
z-index: 999;
}
@media only screen and (max-width : 767px) {
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: -9999px !important;
}
}
@media only screen and (min-width : 768px) {
.metaslider.ms-theme-precognition .flex-control-nav li a {
text-indent: 0 !important;
}
}