@media all and (max-width:360px) { .ftrm__arr { top:45%; } .ftrm__arr--prev { left:5%; } .ftrm__arr--next { right:5%; } } @media all and (min-width:361px) and (max-width:600px) { .ftrm__arr { top:45%; } .ftrm__arr--prev { left:5%; } .ftrm__arr--next { right:5%; } } @media all and (min-width:601px) and (max-width:767px) { .ftrm__arr { top:40%; } .ftrm__arr--prev { left:15%; } .ftrm__arr--next { right:15%; } .btnClose a { right:2%; } } @media all and (min-width:768px) and (max-width:1024px) { .ftrm__arr { top:48%; } } @media all and (min-width:1025px) and (max-width:1430px) { .ftrm__arr { top:47%; } .ftrm__arr--prev { left:8%; } .ftrm__arr--next { right:8%; } .btnClose a { right:2%; } }
.ftrm__arr:focus:after, .ftrm__fullscreen-icon:focus:after, .ftrm__html, .ftrm__img, .ftrm__nav__frame:focus .ftrm__dot:after, .ftrm__nav__frame:focus .ftrm__thumb:after, .ftrm__stage__frame, .ftrm__stage__shaft, .ftrm__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0 } .ftrm--fullscreen, .ftrm__img { max-width: 99999px!important; max-height: 99999px!important; min-width: 0!important; min-height: 0!important; border-radius: 0!important; box-shadow: none!important; padding: 0!important } .ftrm__wrap .ftrm__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .ftrm__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .ftrm__spinner { position: absolute!important; top: 50%!important; left: 50%!important } .ftrm__wrap--css3 .ftrm__arr, .ftrm__wrap--css3 .ftrm__fullscreen-icon, .ftrm__wrap--css3 .ftrm__nav__shaft, .ftrm__wrap--css3 .ftrm__stage__shaft, .ftrm__wrap--css3 .ftrm__thumb-border, .ftrm__wrap--css3 .ftrm__video-close, .ftrm__wrap--css3 .ftrm__video-play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .ftrm__caption, .ftrm__nav:after, .ftrm__nav:before, .ftrm__stage:after, .ftrm__stage:before, .ftrm__wrap--css3 .ftrm__html, .ftrm__wrap--css3 .ftrm__nav, .ftrm__wrap--css3 .ftrm__spinner, .ftrm__wrap--css3 .ftrm__stage, .ftrm__wrap--css3 .ftrm__stage .ftrm__img, .ftrm__wrap--css3 .ftrm__stage__frame { -webkit-transform: translateZ(0); transform: translateZ(0) } .ftrm__arr:focus, .ftrm__fullscreen-icon:focus, .ftrm__nav__frame { outline: 0 } .ftrm__arr:focus:after, .ftrm__fullscreen-icon:focus:after, .ftrm__nav__frame:focus .ftrm__dot:after, .ftrm__nav__frame:focus .ftrm__thumb:after { content: ''; border-radius: inherit; background-color: rgba(0, 175, 234, .5) } .ftrm__wrap--video .ftrm__stage, .ftrm__wrap--video .ftrm__stage__frame--video, .ftrm__wrap--video .ftrm__stage__frame--video .ftrm__html, .ftrm__wrap--video .ftrm__stage__frame--video .ftrm__img, .ftrm__wrap--video .ftrm__stage__shaft { -webkit-transform: none!important; transform: none!important } .ftrm__wrap--css3 .ftrm__nav__shaft, .ftrm__wrap--css3 .ftrm__stage__shaft, .ftrm__wrap--css3 .ftrm__thumb-border { transition-property: -webkit-transform, width; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, .25, 1); transition-duration: 0ms } .ftrm__arr, .ftrm__fullscreen-icon, .ftrm__no-select, .ftrm__video-close, .ftrm__video-play, .ftrm__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ftrm__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .ftrm__nav, .ftrm__nav__frame { margin: auto; padding: 0 } .ftrm__caption__wrap, .ftrm__nav__frame, .ftrm__nav__shaft { -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1 } .ftrm__nav__frame, .ftrm__thumb-border { box-sizing: content-box } .ftrm__caption__wrap { box-sizing: border-box } .ftrm--hidden, .ftrm__load { position: absolute; left: -99999px; top: -99999px; z-index: -1 } .ftrm__arr, .ftrm__fullscreen-icon, .ftrm__nav, .ftrm__nav__frame, .ftrm__nav__shaft, .ftrm__stage__frame, .ftrm__stage__shaft, .ftrm__video-close, .ftrm__video-play { -webkit-tap-highlight-color: transparent } .ftrm__arr, .ftrm__fullscreen-icon, .ftrm__video-close, .ftrm__video-play { background: url(../images/arrow.png) no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) { .ftrm__arr, .ftrm__fullscreen-icon, .ftrm__video-close, .ftrm__video-play { 	background: url(../images/arrow.png) no-repeat; } } .ftrm__thumb { background-color: #7f7f7f; background-color: rgba(127, 127, 127, .2) } @media print { .ftrm__arr, .ftrm__fullscreen-icon, .ftrm__thumb-border, .ftrm__video-close, .ftrm__video-play { 	background: none!important } } .ftrm { min-width: 1px; overflow: hidden } .ftrm:not(.ftrm--unobtrusive)>*:not(:first-child) { display: none } .fullscreen { width: 100%!important; height: 100%!important; max-width: 100%!important; max-height: 100%!important; margin: 0!important; padding: 0!important; overflow: hidden!important; background: #000 } .ftrm--fullscreen { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; float: none!important; z-index: 2147483647!important; background: #000; width: 100%!important; height: 100%!important; margin: 0!important } .ftrm--fullscreen .ftrm__nav, .ftrm--fullscreen .ftrm__stage { background: #000 } .ftrm__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0 } .ftrm__wrap--rtl .ftrm__stage__frame { direction: rtl } .ftrm__nav, .ftrm__stage { overflow: hidden; position: relative; max-width: 100% } .ftrm__wrap--pan-y { -ms-touch-action: pan-y } .ftrm__wrap .ftrm__pointer { cursor: pointer } .ftrm__wrap--slide .ftrm__stage__frame { opacity: 1!important } .ftrm__stage__frame { overflow: hidden } .ftrm__stage__frame.ftrm__active { z-index: 8 } .ftrm__wrap--fade .ftrm__stage__frame { display: none } .ftrm__wrap--fade .ftrm__fade-front, .ftrm__wrap--fade .ftrm__fade-rear, .ftrm__wrap--fade .ftrm__stage__frame.ftrm__active { display: block; left: 0; top: 0 } .ftrm__wrap--fade .ftrm__fade-front { z-index: 8 } .ftrm__wrap--fade .ftrm__fade-rear { z-index: 7 } .ftrm__wrap--fade .ftrm__fade-rear.ftrm__active { z-index: 9 } .ftrm__wrap--fade .ftrm__stage .ftrm__shadow { display: none } .ftrm__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none!important } .ftrm__error .ftrm__img, .ftrm__loaded .ftrm__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .ftrm--fullscreen .ftrm__loaded--full .ftrm__img, .ftrm__img--full { display: none } .ftrm--fullscreen .ftrm__loaded--full .ftrm__img--full { display: block } .ftrm__wrap--only-active .ftrm__nav, .ftrm__wrap--only-active .ftrm__stage { max-width: 99999px!important } .ftrm__wrap--only-active .ftrm__stage__frame { visibility: hidden } .ftrm__wrap--only-active .ftrm__stage__frame.ftrm__active { visibility: visible } .ftrm__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5 } .ftrm__nav__shaft { position: relative; left: 0; top: 0; text-align: left } .ftrm__nav__frame { position: relative; cursor: pointer } .ftrm__nav--dots { display: block } .ftrm__nav--dots .ftrm__nav__frame { width: 18px; height: 30px } .ftrm__nav--dots .ftrm__nav__frame--thumb, .ftrm__nav--dots .ftrm__thumb-border { display: none } .ftrm__nav--thumbs { display: block } .ftrm__nav--thumbs .ftrm__nav__frame { padding-left: 0!important } .ftrm__nav--thumbs .ftrm__nav__frame:last-child { padding-right: 0!important } .ftrm__nav--thumbs .ftrm__nav__frame--dot { display: none } .ftrm__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f } .ftrm__nav__frame:focus .ftrm__dot:after { padding: 1px; top: -1px; left: -1px } .ftrm__nav__frame.ftrm__active .ftrm__dot { width: 0; height: 0; border-width: 3px } .ftrm__nav__frame.ftrm__active .ftrm__dot:after { padding: 3px; top: -3px; left: -3px } .ftrm__thumb { overflow: hidden; position: relative; width: 100%; height: 100%; } .ftrm__nav__frame:focus .ftrm__thumb { z-index: 2 } .ftrm__thumb-border { position:absolute; top:0; left:0; border-style:solid; border-color:#F60; background-image:linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1)); z-index:9; } .ftrm__caption { position:absolute; left:50%; bottom:0; font-size:14px; line-height:1.8; color:#111; z-index:12; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } .ftrm__caption a { text-decoration: none; color:#000; border-bottom:1px solid; border-color:rgba(0, 0, 0, .5) } .ftrm__caption a:hover { color: #333; border-color: rgba(51, 51, 51, .5) } .ftrm__wrap--rtl .ftrm__caption { left: auto; right: 0 } .ftrm__wrap--no-captions .ftrm__caption, .ftrm__wrap--video .ftrm__caption { display: none } .ftrm__caption__wrap { background-color:#FFF; background-color:rgba(255, 255, 255, .8); padding:8px 24px; margin-bottom:40px; border-radius:46px; }  @-webkit-keyframes spinner { 0% { 	-webkit-transform: rotate(0); 	transform: rotate(0) } 100% { 	-webkit-transform: rotate(360deg); 	transform: rotate(360deg) } } @keyframes spinner { 0% { 	-webkit-transform: rotate(0); 	transform: rotate(0) } 100% { 	-webkit-transform: rotate(360deg); 	transform: rotate(360deg) } } .ftrm__wrap--css3 .ftrm__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear } .ftrm__wrap--css3 .ftrm__html, .ftrm__wrap--css3 .ftrm__stage .ftrm__img { transition-property: opacity; transition-timing-function: linear; transition-duration: .3s } .ftrm__wrap--video .ftrm__stage__frame--video .ftrm__html, .ftrm__wrap--video .ftrm__stage__frame--video .ftrm__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .ftrm__select { cursor: auto } .ftrm__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10 } @-moz-document url-prefix() { .ftrm__active { 	box-shadow: 0 0 0 transparent } } .ftrm__arr, .ftrm__fullscreen-icon, .ftrm__video-close, .ftrm__video-play { position: absolute; z-index: 11; cursor: pointer } .ftrm__arr { position:absolute; width:45px; height:45px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .ftrm__arr--prev { width:50px; height:50px; left:10%; background-position:0 -95px; } .ftrm__arr--next { width:50px; height:50px; right:10%; background-position:0 -45px; }  .ftrm__arr--disabled { pointer-events: none; cursor: default; *display: none; opacity: .1 } .ftrm__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20 } .ftrm__arr:focus, .ftrm__fullscreen-icon:focus { border-radius: 50% } .ftrm--fullscreen .ftrm__fullscreen-icon { background-position: -32px -32px } .ftrm__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0 } .ftrm__wrap--css2 .ftrm__video-play, .ftrm__wrap--video .ftrm__stage .ftrm__video-play { display: none } .ftrm__error .ftrm__video-play, .ftrm__loaded .ftrm__video-play, .ftrm__nav__frame .ftrm__video-play { opacity: 1; display: block } .ftrm__nav__frame .ftrm__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px } .ftrm__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0 } .ftrm__wrap--css2 .ftrm__video-close { display: none } .ftrm__wrap--css3 .ftrm__video-close { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .ftrm__wrap--video .ftrm__video-close { display: block; opacity: 1 } .ftrm__wrap--css3.ftrm__wrap--video .ftrm__video-close { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .ftrm__wrap--no-controls.ftrm__wrap--toggle-arrows .ftrm__arr, .ftrm__wrap--no-controls.ftrm__wrap--toggle-arrows .ftrm__fullscreen-icon { opacity: 0 } .ftrm__wrap--no-controls.ftrm__wrap--toggle-arrows .ftrm__arr:focus, .ftrm__wrap--no-controls.ftrm__wrap--toggle-arrows .ftrm__fullscreen-icon:focus { opacity: 1 } .ftrm__wrap--video .ftrm__arr, .ftrm__wrap--video .ftrm__fullscreen-icon { opacity: 0!important } .ftrm__wrap--css2.ftrm__wrap--no-controls.ftrm__wrap--toggle-arrows .ftrm__arr, .ftrm__wrap--css2.ftrm__wrap--no-controls.ftrm__wrap--toggle-arrows .ftrm__fullscreen-icon { display: none } .ftrm__wrap--css2.ftrm__wrap--no-controls.ftrm__wrap--toggle-arrows .ftrm__arr:focus, .ftrm__wrap--css2.ftrm__wrap--no-controls.ftrm__wrap--toggle-arrows .ftrm__fullscreen-icon:focus { display: block } .ftrm__wrap--css2.ftrm__wrap--video .ftrm__arr, .ftrm__wrap--css2.ftrm__wrap--video .ftrm__fullscreen-icon { display: none!important } .ftrm__wrap--css3.ftrm__wrap--no-controls.ftrm__wrap--slide.ftrm__wrap--toggle-arrows .ftrm__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .ftrm__wrap--css3.ftrm__wrap--no-controls.ftrm__wrap--slide.ftrm__wrap--toggle-arrows .ftrm__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px, 0, 0); transform: translate3d(-48px, 0, 0) } .ftrm__wrap--css3.ftrm__wrap--no-controls.ftrm__wrap--slide.ftrm__wrap--toggle-arrows .ftrm__arr--next:not(:focus) { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0) } .ftrm__wrap--css3.ftrm__wrap--video .ftrm__fullscreen-icon { -webkit-transform: translate3d(32px, -32px, 0)!important; transform: translate3d(32px, -32px, 0)!important } .ftrm__wrap--css3.ftrm__wrap--video .ftrm__arr--prev { -webkit-transform: translate3d(-48px, 0, 0)!important; transform: translate3d(-48px, 0, 0)!important } .ftrm__wrap--css3.ftrm__wrap--video .ftrm__arr--next { -webkit-transform: translate3d(48px, 0, 0)!important; transform: translate3d(48px, 0, 0)!important } .ftrm__wrap--css3 .ftrm__arr:not(:focus), .ftrm__wrap--css3 .ftrm__fullscreen-icon:not(:focus), .ftrm__wrap--css3 .ftrm__video-close:not(:focus), .ftrm__wrap--css3 .ftrm__video-play:not(:focus) { transition-property: -webkit-transform, opacity; transition-property: transform, opacity; transition-duration: .3s } .ftrm__nav:after, .ftrm__nav:before, .ftrm__stage:after, .ftrm__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%, 5px 100% } .ftrm__nav:before, .ftrm__stage:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent); background-position: 0 0, 0 0; left: -10px } .ftrm__nav.ftrm__shadows--left:before, .ftrm__stage.ftrm__shadows--left:before { left: 0 } .ftrm__nav:after, .ftrm__stage:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent); background-position: 100% 0, 100% 0; right: -10px } .ftrm__nav.ftrm__shadows--right:after, .ftrm__stage.ftrm__shadows--right:after { right: 0 } .ftrm--fullscreen .ftrm__nav:after, .ftrm--fullscreen .ftrm__nav:before, .ftrm--fullscreen .ftrm__stage:after, .ftrm--fullscreen .ftrm__stage:before, .ftrm__wrap--fade .ftrm__stage:after, .ftrm__wrap--fade .ftrm__stage:before, .ftrm__wrap--no-shadows .ftrm__nav:after, .ftrm__wrap--no-shadows .ftrm__nav:before, .ftrm__wrap--no-shadows .ftrm__stage:after, .ftrm__wrap--no-shadows .ftrm__stage:before { display: none } .btnClose a { display:block; width:45px; height:45px; background:url(../images/arrow.png) -2px 0 no-repeat; text-indent:-9999px; overflow:hidden; } .btnClose a { position:fixed; right:5%; top:5%; display:block; z-index:9999; }