{"id":47,"date":"2022-10-09T19:14:43","date_gmt":"2022-10-09T19:14:43","guid":{"rendered":"https:\/\/hayhurst2.hulldesign.co.uk\/?page_id=47"},"modified":"2022-10-20T12:16:04","modified_gmt":"2022-10-20T12:16:04","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d4261f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d4261f9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c30677c\" data-id=\"c30677c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e716037 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e716037\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-249f7c1\" data-id=\"249f7c1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b42b484 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"b42b484\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<style>\n\/* unvisited link *\/\na:link {\n  color: red;\n}\n\n\/* visited link *\/\na:visited {\n  color: green;\n}\n\n\/* mouse over link *\/\na:hover {\n  color: hotpink;\n}\n\n\/* selected link *\/\na:active {\n  color: blue;\n}\n<\/style>\n\n\n<h2>Styling a link depending on state<\/h2>\n\n<p><b>\n<a href=\"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/portfolio\/\">Visit the same page to see the link color<\/a><\/p><\/b><\/p>\n<p><b>Note:<\/b> a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.<\/p>\n<p><b>Note:<\/b> a:active MUST come after a:hover in the CSS definition in order to be effective.<\/p>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86ff11f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"86ff11f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  @import url(https:\/\/fonts.googleapis.com\/css?family=Roboto&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese);\n@font-face {\n\tfont-family: \"demurecontrols\";\n\tsrc: url(\"http:\/\/cssslider.com\/sliders\/pen\/demurecontrols.eot?cssslidertheme=demure\");\n\tsrc: url(\"http:\/\/cssslider.com\/sliders\/pen\/demurecontrols.eot#iefix?cssslidertheme=demure\") format(\"embedded-opentype\"),\n\t\t\turl(\"http:\/\/cssslider.com\/sliders\/pen\/demurecontrols.woff?cssslidertheme=demure\") format(\"woff\"),\n\t\t\turl(\"http:\/\/cssslider.com\/sliders\/pen\/demurecontrols.ttf?cssslidertheme=demure\") format(\"truetype\"),\n\t\t\turl(\"http:\/\/cssslider.com\/sliders\/pen\/demurecontrols.svg#demure?cssslidertheme=demure\") format(\"svg\");\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n\n.text-1 {\n  font-family:Roboto;\n}\n.text-1 a{\n  color: #000000;\n  text-decoration: none;\n}\n.csslider1 {\n\tdisplay: inline-block;\n\tposition: relative;\n\tmax-width: 480px;\n\t\n\twidth: 100%;\n\tmargin-top: 10px;\n}\n.csslider1 > .cs_anchor {\n\tdisplay: none;\n}\n.csslider1 > ul {\n\tposition: relative;\n\tz-index: 1;\n\tfont-size: 0;\n\tline-height: 0;\n\tmargin: 0 auto;\n\tpadding: 0;\n\t\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n.csslider1 > ul > li.img img {\n\twidth: 100%;\n}\n.csslider1 > ul > li.img {\n\tfont-size: 0pt;\n\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n.csslider1 > ul > li {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\tfont-size: 15px;\n\tfont-size: initial;\n\tline-height: normal;\n\twhite-space: normal;\n\tvertical-align: top;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\n\t-webkit-transform: translate3d(0,0,0);\n\t-moz-transform: translate3d(0,0,0);\n\t-ms-transform: translate3d(0,0,0);\n\t-o-transform: translate3d(0,0,0);\n\ttransform: translate3d(0,0,0);\n}\n.csslider1 .cs_lnk{\n\tposition: absolute;\n\ttop: -9999px;\n\tleft: -9999px;\n\tfont-size: 0pt;\n\topacity: 0;\n\tfilter: alpha(opacity=0);\n}.csslider1 > .cs_arrowprev,\n.csslider1 > .cs_arrownext {\n\tposition: absolute;\n\ttop: 50%;\n\t-webkit-box-sizing: content-box;\n\t-moz-box-sizing: content-box;\n\tbox-sizing: content-box;\n\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tz-index: 5;\n}\n.csslider1 > .cs_arrowprev > label,\n.csslider1 > .cs_arrownext > label {\n\tposition: absolute;\n\n\ttext-decoration: none;\n\tcursor: pointer;\n\topacity: 0;\n\tz-index: -1;\n}\n.csslider1 > .cs_arrowprev {\n\tleft: 0;\n}\n.csslider1 > .cs_arrownext {\n\tright: 0;\n}\n\n.csslider1 > .cs_arrowprev > label.num2,\n.csslider1 > .cs_arrownext > label.num1 {\n\topacity: 1;\n\tz-index: 5;\n}\n.csslider1 > .slide:checked ~ .cs_arrowprev > label,\n.csslider1 > .slide:checked ~ .cs_arrownext > label {\n\topacity: 0;\n\tz-index: -1;\n}\n\n\n\n.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num2,\n.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1, \n.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0,\n.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2, \n.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,\n.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num0 {\n\topacity: 1;\n\tz-index: 5;\n}\n\n\/* calculate autoplay *\/\n@-webkit-keyframes arrow {\n\t0%, 33.32333333333334% { opacity: 1; z-index: 5; }\n\t33.333333333333336%, 100%\t{ opacity: 0; z-index: -1; }\n}\n@-moz-keyframes arrow {\n\t0%, 33.32333333333334% { opacity: 1; z-index: 5; }\n\t33.333333333333336%, 100%\t{ opacity: 0; z-index: -1; }\n}\n@-ms-keyframes arrow {\n\t0%, 33.32333333333334% { opacity: 1; z-index: 5; }\n\t33.333333333333336%, 100%\t{ opacity: 0; z-index: -1; }\n}\n@-o-keyframes arrow {\n\t0%, 33.32333333333334% { opacity: 1; z-index: 5; }\n\t33.333333333333336%, 100%\t{ opacity: 0; z-index: -1; }\n}\n@keyframes arrow {\n\t0%, 33.32333333333334% { opacity: 1; z-index: 5; }\n\t33.333333333333336%, 100%\t{ opacity: 0; z-index: -1; }\n}\n\n\n.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2,\n.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1,\n.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num2,\n.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num1 {\n\t-webkit-animation: arrow 24000ms infinite -2000ms;\n\t-moz-animation: arrow 24000ms infinite -2000ms;\n\t-ms-animation: arrow 24000ms infinite -2000ms;\n\t-o-animation: arrow 24000ms infinite -2000ms;\n\tanimation: arrow 24000ms infinite -2000ms;\n\t\n}\n.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0,\n.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2,\n.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num0,\n.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num2 {\n\t-webkit-animation: arrow 24000ms infinite 6000ms;\n\t-moz-animation: arrow 24000ms infinite 6000ms;\n\t-ms-animation: arrow 24000ms infinite 6000ms;\n\t-o-animation: arrow 24000ms infinite 6000ms;\n\tanimation: arrow 24000ms infinite 6000ms;\n\t\n}\n.csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1,\n.csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0,\n.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label.num1,\n.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label.num0 {\n\t-webkit-animation: arrow 24000ms infinite 14000ms;\n\t-moz-animation: arrow 24000ms infinite 14000ms;\n\t-ms-animation: arrow 24000ms infinite 14000ms;\n\t-o-animation: arrow 24000ms infinite 14000ms;\n\tanimation: arrow 24000ms infinite 14000ms;\n\t\n}\n\n\n.csslider1.cs_pauseHover:hover > .cs_arrowprev > label,\n.csslider1 > #cs_pause1:checked ~ .cs_arrowprev > label,\n.csslider1.cs_pauseHover:hover > .cs_arrownext > label,\n.csslider1 > #cs_pause1:checked ~ .cs_arrownext > label {\n\t-webkit-animation-play-state: paused !important;\n\t-moz-animation-play-state: paused !important;\n\t-ms-animation-play-state: paused !important;\n\t-o-animation-play-state: paused !important;\n\tanimation-play-state: paused !important;\n}\n\n\/* stop *\/\n.csslider1 > .slide:checked ~ .cs_arrowprev > label,\n.csslider1 > .slide:checked ~ .cs_arrownext > label {\n\t-webkit-animation: none;\n\t-moz-animation: none;\n\t-ms-animation: none;\n\t-o-animation: none;\n\tanimation: none;\n}\n\n\n\/* \/calculate autoplay *\/\n.csslider1 > .cs_bullets {\n\tposition: absolute;\n\tleft: 0;\n\twidth: 100%;\n\tz-index: 6;\n\tfont-size: 0;\n\tline-height: 8pt;\n\ttext-align: center;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n.csslider1 > .cs_bullets > div {\n\tmargin-left: -50%;\n\twidth: 100%;\n}\n.csslider1 > .cs_bullets > label {\n\tposition: relative;\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n.csslider1 > .cs_bullets > label > .cs_thumb {\n\tvisibility: hidden;\n\tposition: absolute;\n\topacity: 0;\n\tz-index: 1;\n\tline-height: 0;\n\tleft: -44px;\n\ttop: -48px;\n}.csslider1 > .cs_description {\n\tz-index: 3;\n}\n.csslider1 > .cs_description a,\n.csslider1 > .cs_description a:visited,\n.csslider1 > .cs_description a:active {\n\tcolor: inherit;\n}\n.csslider1 > .cs_description a:hover {\n\ttext-decoration: none;\n}\n.csslider1 > .cs_description > label {\n\tposition: absolute;\n\tword-wrap: break-word;\n\twhite-space: normal;\n\ttext-align: left;\n\tmax-width: 50%;\n\tleft: 0;\n}\n.csslider1 > .cs_description > label > span {\n\tvertical-align: top;\n}\n.csslider1 > .cs_description > label span {\n\tdisplay: inline-block;\n}\n\n.csslider1 > ul > li {\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n\tdisplay: inline-block;\n\topacity: 0;\n\tz-index: 1;\n  \n  \t-webkit-transition: opacity 2000ms ease, -webkit-transform 24000ms linear;\n  \t-moz-transition: opacity 2000ms ease, -moz-transform 24000ms linear;\n  \t-ms-transition: opacity 2000ms ease, -ms-transform 24000ms linear;\n  \t-o-transition: opacity 2000ms ease, -o-transform 24000ms linear;\n  \ttransition: opacity 2000ms ease, transform 24000ms linear;\n  \t\n}\n\n.csslider1 > ul > li.num0 {\n\topacity: 0;\n\t-webkit-transform: scale(1.3) translate(-11.53846%, 11.53846%);\n\t-moz-transform: scale(1.3) translate(-11.53846%, 11.53846%);\n\t-ms-transform: scale(1.3) translate(-11.53846%, 11.53846%);\n\t-o-transform: scale(1.3) translate(-11.53846%, 11.53846%);\n\ttransform: scale(1.3) translate(-11.53846%, 11.53846%);\n\t\n}\n.csslider1 > ul > li.num1 {\n\topacity: 0;\n\t-webkit-transform: scale(1.3) translate(11.53846%, 11.53846%);\n\t-moz-transform: scale(1.3) translate(11.53846%, 11.53846%);\n\t-ms-transform: scale(1.3) translate(11.53846%, 11.53846%);\n\t-o-transform: scale(1.3) translate(11.53846%, 11.53846%);\n\ttransform: scale(1.3) translate(11.53846%, 11.53846%);\n\t\n}\n.csslider1 > ul > li.num2 {\n\topacity: 0;\n\t-webkit-transform: scale(1.3) translate(-11.53846%, -11.53846%);\n\t-moz-transform: scale(1.3) translate(-11.53846%, -11.53846%);\n\t-ms-transform: scale(1.3) translate(-11.53846%, -11.53846%);\n\t-o-transform: scale(1.3) translate(-11.53846%, -11.53846%);\n\ttransform: scale(1.3) translate(-11.53846%, -11.53846%);\n\t\n}\n\n\n.csslider1 > ul > li.num0 {\n\topacity: 1;\n\tz-index: 2;\n}\n.csslider1 > .slide:checked ~ ul > li.num0 {\n\topacity: 0;\n\tz-index: 1;\n}\n\n\n.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,.csslider1 > #cs_slide1_2:checked ~ ul > li.num2 {\n\topacity: 1;\n\t-webkit-transform: scale(1) translate(0, 0);\n\t-moz-transform: scale(1) translate(0, 0);\n\t-ms-transform: scale(1) translate(0, 0);\n\t-o-transform: scale(1) translate(0, 0);\n\ttransform: scale(1) translate(0, 0);\n\t\n\tz-index: 2;\n}\n\n\n\n\n\/* calculate autoplay *\/\n@-webkit-keyframes kenbernsBR {\n\t0%, 100% { -webkit-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@-moz-keyframes kenbernsBR {\n\t0%, 100% { -moz-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@-ms-keyframes kenbernsBR {\n\t0%, 100% { -ms-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@-o-keyframes kenbernsBR {\n\t0%, 100% { -o-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@keyframes kenbernsBR {\n\t0%, 100% { transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@-webkit-keyframes kenbernsBL {\n\t0%, 100% { -webkit-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@-moz-keyframes kenbernsBL {\n\t0%, 100% { -moz-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@-ms-keyframes kenbernsBL {\n\t0%, 100% { -ms-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@-o-keyframes kenbernsBL {\n\t0%, 100% { -o-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@keyframes kenbernsBL {\n\t0%, 100% { transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@-webkit-keyframes kenbernsTL {\n\t0%, 100% { -webkit-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@-moz-keyframes kenbernsTL {\n\t0%, 100% { -moz-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@-ms-keyframes kenbernsTL {\n\t0%, 100% { -ms-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@-o-keyframes kenbernsTL {\n\t0%, 100% { -o-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@keyframes kenbernsTL {\n\t0%, 100% { transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }\n}\n@-webkit-keyframes kenbernsTR {\n\t0%, 100% { -webkit-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@-moz-keyframes kenbernsTR {\n\t0%, 100% { -moz-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@-ms-keyframes kenbernsTR {\n\t0%, 100% { -ms-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@-o-keyframes kenbernsTR {\n\t0%, 100% { -o-transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n@keyframes kenbernsTR {\n\t0%, 100% { transform: scale(1); opacity: 0 }\n\t8.333333333333334%, 33.333333333333336% { opacity: 1 }\n\t41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }\n}\n\n\n\n.csslider1 > #cs_play1:checked ~ ul > li.num0,\n.csslider1 > #cs_pause1:checked ~ ul > li.num0 {\n\t-webkit-animation: kenbernsTR 24000ms infinite -2000ms linear;\n\t-moz-animation: kenbernsTR 24000ms infinite -2000ms linear;\n\t-ms-animation: kenbernsTR 24000ms infinite -2000ms linear;\n\t-o-animation: kenbernsTR 24000ms infinite -2000ms linear;\n\tanimation: kenbernsTR 24000ms infinite -2000ms linear;\n\t\n}\n.csslider1 > #cs_play1:checked ~ ul > li.num1,\n.csslider1 > #cs_pause1:checked ~ ul > li.num1 {\n\t-webkit-animation: kenbernsBR 24000ms infinite 6000ms linear;\n\t-moz-animation: kenbernsBR 24000ms infinite 6000ms linear;\n\t-ms-animation: kenbernsBR 24000ms infinite 6000ms linear;\n\t-o-animation: kenbernsBR 24000ms infinite 6000ms linear;\n\tanimation: kenbernsBR 24000ms infinite 6000ms linear;\n\t\n}\n.csslider1 > #cs_play1:checked ~ ul > li.num2,\n.csslider1 > #cs_pause1:checked ~ ul > li.num2 {\n\t-webkit-animation: kenbernsTL 24000ms infinite 14000ms linear;\n\t-moz-animation: kenbernsTL 24000ms infinite 14000ms linear;\n\t-ms-animation: kenbernsTL 24000ms infinite 14000ms linear;\n\t-o-animation: kenbernsTL 24000ms infinite 14000ms linear;\n\tanimation: kenbernsTL 24000ms infinite 14000ms linear;\n\t\n}\n\n\n\n\n.csslider1 > #cs_play1:checked ~ ul > li,\n.csslider1 > #cs_pause1:checked ~ ul > li {\n\t-webkit-transition: none;\n\t-moz-transition: none;\n\t-ms-transition: none;\n\t-o-transition: none;\n\ttransition: none;\n\t\n}\n\n\n\n.csslider1.cs_pauseHover:hover > ul > li,\n.csslider1 > #cs_pause1:checked ~ ul > li{\n\t-webkit-animation-play-state: paused !important;\n\t-moz-animation-play-state: paused !important;\n\t-ms-animation-play-state: paused !important;\n\t-o-animation-play-state: paused !important;\n\tanimation-play-state: paused !important;\n}\n\n\/* stop *\/\n\n.csslider1 > .slide:checked ~ ul > li {\n\t-webkit-animation: none;\n\t-moz-animation: none;\n\t-ms-animation: none;\n\t-o-animation: none;\n\tanimation: none;\n}\n\n\/* \/calculate autoplay *\/\n.csslider1 {\n\t-webkit-perspective: 500px;\n\t-moz-perspective: 500px;\n\t-ms-perspective: 500px;\n\t-o-perspective: 500px;\n\tperspective: 500px;\n\t\n}\n.csslider1 > .cs_play_pause {\n  \t-webkit-transition: .5s opacity 0s ease;\n  \t-moz-transition: .5s opacity 0s ease;\n  \t-ms-transition: .5s opacity 0s ease;\n  \t-o-transition: .5s opacity 0s ease;\n  \ttransition: .5s opacity 0s ease;\n  \t\n}\n.csslider1 > .cs_arrowprev {\n  \t-webkit-transition: .5s opacity .15s ease, .5s -webkit-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-moz-transition: .5s opacity .15s ease, .5s -moz-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-ms-transition: .5s opacity .15s ease, .5s -ms-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-o-transition: .5s opacity .15s ease, .5s -o-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \ttransition: .5s opacity .15s ease, .5s transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t\n\t-webkit-transform: rotateY(-90deg);\n\t-moz-transform: rotateY(-90deg);\n\t-ms-transform: rotateY(-90deg);\n\t-o-transform: rotateY(-90deg);\n\ttransform: rotateY(-90deg);\n\t\n}\n.csslider1 > .cs_arrownext {\n  \t-webkit-transition: .5s opacity .3s ease, .5s -webkit-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-moz-transition: .5s opacity .3s ease, .5s -moz-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-ms-transition: .5s opacity .3s ease, .5s -ms-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-o-transition: .5s opacity .3s ease, .5s -o-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \ttransition: .5s opacity .3s ease, .5s transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t\n\t-webkit-transform: rotateY(90deg);\n\t-moz-transform: rotateY(90deg);\n\t-ms-transform: rotateY(90deg);\n\t-o-transform: rotateY(90deg);\n\ttransform: rotateY(90deg);\n\t\n}\n.csslider1 > .cs_arrowprev,\n.csslider1 > .cs_arrownext,\n.csslider1 > .cs_play_pause {\n\topacity: 0;\n}\n.csslider1:hover > .cs_arrowprev,\n.csslider1:hover > .cs_arrownext,\n.csslider1:hover > .cs_play_pause {\n\topacity: 1;\n\t-webkit-transform: rotateX(0deg);\n\t-moz-transform: rotateX(0deg);\n\t-ms-transform: rotateX(0deg);\n\t-o-transform: rotateX(0deg);\n\ttransform: rotateX(0deg);\n\t\n}.csslider1 > .cs_arrowprev > label,\n.csslider1 > .cs_arrownext > label {\n\toverflow: hidden;\n\tmargin-top: -35px;\n\twidth: 40px;\n\theight: 70px;\n\n\t\/* Fallback for web browsers that doesn't support RGBa *\/\n\tbackground: #000;\n\tbackground-color: rgba(0,0,0,0.6);\n\n\t-webkit-border-radius: 4px;\n\t-moz-border-radius: 4px;\n\tborder-radius: 4px;\n}\n.csslider1 > .cs_arrowprev {\n\tleft: 70px;\n}\n.csslider1 > .cs_arrownext {\n\tright: 70px;\n}\n.csslider1 > .cs_arrowprev > label {\n\tright: 0;\n}\n.csslider1 > .cs_arrownext > label {\n\tleft: 0;\n}\n.csslider1 > .cs_arrowprev > label:after {\n\tcontent: 'e800';\n}\n.csslider1 > .cs_arrownext > label:after {\n\tcontent: 'e801';\n}\n.csslider1 > .cs_arrowprev > label:after,\n.csslider1 > .cs_arrownext > label:after {\n\tdisplay: block;\n\tfont: 40px \"demurecontrols\";\n\ttext-align: center;\n\tline-height: 76px;\n\tcolor: #fff;\n}\n\n\n\n\n.csslider1 > .cs_arrowprev > label,\n.csslider1 > .cs_arrownext > label {\n\t-webkit-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;\n\t-moz-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;\n\t-ms-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;\n\t-o-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;\n\ttransition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;\n\t\n}\n.csslider1 > .cs_arrowprev:hover > label {\n\tbackground-color: #E34B64;\n\twidth: 70px;\n}\n.csslider1 > .cs_arrownext:hover > label {\n\tbackground-color: #E34B64;\n\twidth: 70px;\n}.csslider1 > .cs_bullets {\n\tbottom: 5px;\n\tmargin-bottom: 5px;\n}\n\n.csslider1 > .cs_bullets > label {\n\t-webkit-perspective: 500px;\n\t-moz-perspective: 500px;\n\t-ms-perspective: 500px;\n\t-o-perspective: 500px;\n\tperspective: 500px;\n\t\n}\n\n.csslider1 > .cs_bullets > label > .cs_thumb {\n\tborder: 3px solid #E34B64;\n\tmargin-top: -11px;\n\t-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);\n\t-moz-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);\n\t-ms-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -ms-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);\n\t-o-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);\n\ttransition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);\n\t\n\t-webkit-transform-origin: 0% 100% 0px;\n\t-moz-transform-origin: 0% 100% 0px;\n\t-ms-transform-origin: 0% 100% 0px;\n\t-o-transform-origin: 0% 100% 0px;\n\ttransform-origin: 0% 100% 0px;\n\t\n\t-webkit-transform: rotateX(90deg);\n\t-moz-transform: rotateX(90deg);\n\t-ms-transform: rotateX(90deg);\n\t-o-transform: rotateX(90deg);\n\ttransform: rotateX(90deg);\n\t\n}\n.csslider1 > .cs_bullets > label > .cs_thumb:before {\n\tcontent: '';\n\tposition: absolute;\n\twidth: 0; \n\theight: 0; \n\tleft: 50%;\n\tmargin-left: -1px;\n\tbottom: -8px;\n\tborder-left: 7px solid transparent;\n\tborder-right: 7px solid transparent;\n\t\n\tborder-top: 7px solid #E34B64;\n}\n.csslider1 > .cs_bullets > label:hover > .cs_thumb {\n\tvisibility: visible;\n\topacity: 1;\n\t-webkit-transform: rotateX(0deg);\n\t-moz-transform: rotateX(0deg);\n\t-ms-transform: rotateX(0deg);\n\t-o-transform: rotateX(0deg);\n\ttransform: rotateX(0deg);\n\t\n}\n\n\n.csslider1 > .cs_bullets > label {\n\tmargin: 0 6px;\n\tpadding: 9px;\n\t-webkit-border-radius: 50%;\n\t-moz-border-radius: 50%;\n\tborder-radius: 50%;\n\t\n\t\/* Fallback for web browsers that doesn't support RGBa *\/\n\tbackground: #000;\n\tbackground-color: rgba(0,0,0,0.6);\n}\n\n.csslider1 > .cs_bullets > label.num0 {\n\tbackground-color: #E34B64;\n}\n.csslider1 > .slide:checked ~ .cs_bullets > label {\n\t\/* Fallback for web browsers that doesn't support RGBa *\/\n\tbackground: #000;\n\tbackground-color: rgba(0,0,0,0.6);\n}\n\n.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0,\n.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1,\n.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2 {\n\tbackground-color: #E34B64;\n}\n\n.csslider1 > .cs_bullets > label:hover {\n\tbackground-color: #E34B64;\n}\n\n\/* calculate autoplay *\/\n@-webkit-keyframes bullet {\n\t0%, 33.32333333333334%\t{ background-color: #E34B64; }\n\t33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }\n}\n@-moz-keyframes bullet {\n\t0%, 33.32333333333334%\t{ background-color: #E34B64; }\n\t33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }\n}\n@-ms-keyframes bullet {\n\t0%, 33.32333333333334%\t{ background-color: #E34B64; }\n\t33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }\n}\n@-o-keyframes bullet {\n\t0%, 33.32333333333334%\t{ background-color: #E34B64; }\n\t33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }\n}\n@keyframes bullet {\n\t0%, 33.32333333333334%\t{ background-color: #E34B64; }\n\t33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }\n}\n\n\n.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0,\n.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 {\n\t-webkit-animation: bullet 24000ms infinite -2000ms;\n\t-moz-animation: bullet 24000ms infinite -2000ms;\n\t-ms-animation: bullet 24000ms infinite -2000ms;\n\t-o-animation: bullet 24000ms infinite -2000ms;\n\tanimation: bullet 24000ms infinite -2000ms;\n\t\n}\n.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1,\n.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 {\n\t-webkit-animation: bullet 24000ms infinite 6000ms;\n\t-moz-animation: bullet 24000ms infinite 6000ms;\n\t-ms-animation: bullet 24000ms infinite 6000ms;\n\t-o-animation: bullet 24000ms infinite 6000ms;\n\tanimation: bullet 24000ms infinite 6000ms;\n\t\n}\n.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2,\n.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 {\n\t-webkit-animation: bullet 24000ms infinite 14000ms;\n\t-moz-animation: bullet 24000ms infinite 14000ms;\n\t-ms-animation: bullet 24000ms infinite 14000ms;\n\t-o-animation: bullet 24000ms infinite 14000ms;\n\tanimation: bullet 24000ms infinite 14000ms;\n\t\n}\n\n\n\n\n.csslider1 > #cs_play1:checked ~ .cs_bullets > label,\n.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {\n  \t-webkit-transition: none;\n  \t-moz-transition: none;\n  \t-ms-transition: none;\n  \t-o-transition: none;\n  \ttransition: none;\n  \t\n}\n\n.csslider1.cs_pauseHover:hover > .cs_bullets > label,\n.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {\n\t-webkit-animation-play-state: paused !important;\n\t-moz-animation-play-state: paused !important;\n\t-ms-animation-play-state: paused !important;\n\t-o-animation-play-state: paused !important;\n\tanimation-play-state: paused !important;\n}\n\n\/* stop *\/\n\n.csslider1 > .slide:checked ~ .cs_bullets > label {\n\t-webkit-animation: none;\n\t-moz-animation: none;\n\t-ms-animation: none;\n\t-o-animation: none;\n\tanimation: none;\n}\n\n\/* \/calculate autoplay *\/\n\n\n.csslider1 > .cs_description > label {\n\tfont: 20px 'Roboto', sans-serif;\n\tline-height: normal;\n\tbottom: 35px;\n\tleft: 20px;\n\ttop: auto;\n\topacity: 1;\n\tz-index: 1;\n\n\t-webkit-perspective: 500px;\n\t-moz-perspective: 500px;\n\t-ms-perspective: 500px;\n\t-o-perspective: 500px;\n\tperspective: 500px;\n\t\n}\n.csslider1 > .cs_description > label > span {\n\tmargin: 1px 10px;\n\tpadding: 10px;\n\tcolor: #fff;\n\n\toverflow: hidden;\n\n\t-webkit-transform-origin: 0% 0% 0px;\n\t-moz-transform-origin: 0% 0% 0px;\n\t-ms-transform-origin: 0% 0% 0px;\n\t-o-transform-origin: 0% 0% 0px;\n\ttransform-origin: 0% 0% 0px;\n\t\n\t\n\t-webkit-border-radius: 4px;\n\t-moz-border-radius: 4px;\n\tborder-radius: 4px;\n}\n\n\n.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0,\n.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1,\n.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 {\n\tz-index: 2;\n}\n\n\n\n.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr,\n.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr,\n.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr {\n\topacity: 1;\n\tvisibility: visible;\n  \t-webkit-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-moz-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-ms-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-o-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \ttransition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t\n\t-webkit-transform: rotateX(0deg);\n\t-moz-transform: rotateX(0deg);\n\t-ms-transform: rotateX(0deg);\n\t-o-transform: rotateX(0deg);\n\ttransform: rotateX(0deg);\n\t\n}\n\n\n.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title,\n.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title,\n.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title {\n\topacity: 1;\n\tvisibility: visible;\n  \t-webkit-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;\n  \t-moz-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;\n  \t-ms-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;\n  \t-o-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;\n  \ttransition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;\n  \t\n\t-webkit-transform: rotateX(0deg);\n\t-moz-transform: rotateX(0deg);\n\t-ms-transform: rotateX(0deg);\n\t-o-transform: rotateX(0deg);\n\ttransform: rotateX(0deg);\n\t\n}\n\n\n.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper,\n.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper,\n.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper {\n\topacity: 1;\n\t-webkit-transform: translateX(0);\n\t-moz-transform: translateX(0);\n\t-ms-transform: translateX(0);\n\t-o-transform: translateX(0);\n\ttransform: translateX(0);\n\t\n}\n\n.csslider1 > .cs_description > label > .cs_title {\n\tmargin: 0px 10px;\n\topacity: 0;\n\tvisibility: hidden;\n\tz-index: 2;\n\t\/* Fallback for web browsers that doesn't support RGBa *\/\n\tbackground: #000;\n\tbackground-color: rgba(0,0,0,0.6);\n\t-webkit-transform: rotateX(90deg);\n\t-moz-transform: rotateX(90deg);\n\t-ms-transform: rotateX(90deg);\n\t-o-transform: rotateX(90deg);\n\ttransform: rotateX(90deg);\n\t\n  \t-webkit-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;\n  \t-moz-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;\n  \t-ms-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;\n  \t-o-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;\n  \ttransition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;\n  \t\n}\n.csslider1 > .cs_description > label > .cs_descr {\n\tfont-size: 0.8em;\n\tmargin: 1px 10px;\n\topacity: 0;\n\tvisibility: hidden;\n\tz-index: 1;\n\n\tbackground-color: #E34B64;\n\n\t-webkit-transform: rotateX(-90deg);\n\t-moz-transform: rotateX(-90deg);\n\t-ms-transform: rotateX(-90deg);\n\t-o-transform: rotateX(-90deg);\n\ttransform: rotateX(-90deg);\n\t\n  \t-webkit-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-moz-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-ms-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t-o-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \ttransition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n  \t\n}\n\n\n.csslider1 > .cs_description > label > .cs_title > .cs_wrapper {\n\t-webkit-transform: translateX(-100%);\n\t-moz-transform: translateX(-100%);\n\t-ms-transform: translateX(-100%);\n\t-o-transform: translateX(-100%);\n\ttransform: translateX(-100%);\n\t\n\t-webkit-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\t-moz-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\t-ms-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\t-o-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\ttransition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\t\n}\n.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper {\n\t-webkit-transform: translateX(100%);\n\t-moz-transform: translateX(100%);\n\t-ms-transform: translateX(100%);\n\t-o-transform: translateX(100%);\n\ttransform: translateX(100%);\n\t\n\t-webkit-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\t-moz-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\t-ms-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\t-o-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\ttransition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);\n\t\n}\n\n\n\/* calculate autoplay *\/\n@-webkit-keyframes cs_descrWrapper {\n\t1.53125%, 35.520833333333336%\t{ z-index: 2; }\n\t35.530833333333334%, 100%\t{ z-index: 0; }\n}\n@-moz-keyframes cs_descrWrapper {\n\t1.53125%, 35.520833333333336%\t{ z-index: 2; }\n\t35.530833333333334%, 100%\t{ z-index: 0; }\n}\n@-ms-keyframes cs_descrWrapper {\n\t1.53125%, 35.520833333333336%\t{ z-index: 2; }\n\t35.530833333333334%, 100%\t{ z-index: 0; }\n}\n@-o-keyframes cs_descrWrapper {\n\t1.53125%, 35.520833333333336%\t{ z-index: 2; }\n\t35.530833333333334%, 100%\t{ z-index: 0; }\n}\n@keyframes cs_descrWrapper {\n\t1.53125%, 35.520833333333336%\t{ z-index: 2; }\n\t35.530833333333334%, 100%\t{ z-index: 0; }\n}\n\n\n\n.csslider1 > #cs_play1:checked ~ .cs_description > .num0 {\n\t-webkit-animation: cs_descrWrapper 24000ms infinite -1400ms ease;\n\t-moz-animation: cs_descrWrapper 24000ms infinite -1400ms ease;\n\t-ms-animation: cs_descrWrapper 24000ms infinite -1400ms ease;\n\t-o-animation: cs_descrWrapper 24000ms infinite -1400ms ease;\n\tanimation: cs_descrWrapper 24000ms infinite -1400ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num1 {\n\t-webkit-animation: cs_descrWrapper 24000ms infinite 6600ms ease;\n\t-moz-animation: cs_descrWrapper 24000ms infinite 6600ms ease;\n\t-ms-animation: cs_descrWrapper 24000ms infinite 6600ms ease;\n\t-o-animation: cs_descrWrapper 24000ms infinite 6600ms ease;\n\tanimation: cs_descrWrapper 24000ms infinite 6600ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num2 {\n\t-webkit-animation: cs_descrWrapper 24000ms infinite 14600ms ease;\n\t-moz-animation: cs_descrWrapper 24000ms infinite 14600ms ease;\n\t-ms-animation: cs_descrWrapper 24000ms infinite 14600ms ease;\n\t-o-animation: cs_descrWrapper 24000ms infinite 14600ms ease;\n\tanimation: cs_descrWrapper 24000ms infinite 14600ms ease;\n}\n\n\n\n@-webkit-keyframes cs_title {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; -webkit-transform: rotateX(-9deg); z-index: 2; visibility: visible;}\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; -webkit-transform: rotateX(0deg); z-index: 2; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; -webkit-transform: rotateX(90deg); z-index: 2; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n@-moz-keyframes cs_title {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; -moz-transform: rotateX(-9deg); z-index: 2; visibility: visible;}\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; -moz-transform: rotateX(0deg); z-index: 2; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; -moz-transform: rotateX(90deg); z-index: 2; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n@-ms-keyframes cs_title {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; -ms-transform: rotateX(-9deg); z-index: 2; visibility: visible;}\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; -ms-transform: rotateX(0deg); z-index: 2; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; -ms-transform: rotateX(90deg); z-index: 2; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n@-o-keyframes cs_title {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; -o-transform: rotateX(-9deg); z-index: 2; visibility: visible;}\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; -o-transform: rotateX(0deg); z-index: 2; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; -o-transform: rotateX(90deg); z-index: 2; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n@keyframes cs_title {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; transform: rotateX(-9deg); z-index: 2; visibility: visible;}\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; transform: rotateX(0deg); z-index: 2; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; transform: rotateX(90deg); z-index: 2; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n\n\n\n@-webkit-keyframes cs_descr {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; -webkit-transform: rotateX(9deg); z-index: 1; visibility: visible;}\n\t4.375%, 28.948333333333334%\t{ opacity: 1; -webkit-transform: rotateX(0deg); z-index: 1; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; -webkit-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n@-moz-keyframes cs_descr {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; -moz-transform: rotateX(9deg); z-index: 1; visibility: visible;}\n\t4.375%, 28.948333333333334%\t{ opacity: 1; -moz-transform: rotateX(0deg); z-index: 1; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; -moz-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n@-ms-keyframes cs_descr {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; -ms-transform: rotateX(9deg); z-index: 1; visibility: visible;}\n\t4.375%, 28.948333333333334%\t{ opacity: 1; -ms-transform: rotateX(0deg); z-index: 1; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; -ms-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n@-o-keyframes cs_descr {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; -o-transform: rotateX(9deg); z-index: 1; visibility: visible;}\n\t4.375%, 28.948333333333334%\t{ opacity: 1; -o-transform: rotateX(0deg); z-index: 1; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; -o-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n@keyframes cs_descr {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; transform: rotateX(9deg); z-index: 1; visibility: visible;}\n\t4.375%, 28.948333333333334%\t{ opacity: 1; transform: rotateX(0deg); z-index: 1; visibility: visible;}\n\t33.333333333333336%\t{ opacity: 0; transform: rotateX(-90deg); z-index: 1; visibility: hidden;}\n\t33.343333333333334%, 100%\t{ z-index: 0; }\n}\n\n\n\n.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_title,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_title {\n\t-webkit-animation: cs_title 24000ms infinite -1400ms ease;\n\t-moz-animation: cs_title 24000ms infinite -1400ms ease;\n\t-ms-animation: cs_title 24000ms infinite -1400ms ease;\n\t-o-animation: cs_title 24000ms infinite -1400ms ease;\n\tanimation: cs_title 24000ms infinite -1400ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_title,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_title {\n\t-webkit-animation: cs_title 24000ms infinite 6600ms ease;\n\t-moz-animation: cs_title 24000ms infinite 6600ms ease;\n\t-ms-animation: cs_title 24000ms infinite 6600ms ease;\n\t-o-animation: cs_title 24000ms infinite 6600ms ease;\n\tanimation: cs_title 24000ms infinite 6600ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_title,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_title {\n\t-webkit-animation: cs_title 24000ms infinite 14600ms ease;\n\t-moz-animation: cs_title 24000ms infinite 14600ms ease;\n\t-ms-animation: cs_title 24000ms infinite 14600ms ease;\n\t-o-animation: cs_title 24000ms infinite 14600ms ease;\n\tanimation: cs_title 24000ms infinite 14600ms ease;\n}\n\n\n.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_descr,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_descr {\n\t-webkit-animation: cs_descr 24000ms infinite -1400ms ease;\n\t-moz-animation: cs_descr 24000ms infinite -1400ms ease;\n\t-ms-animation: cs_descr 24000ms infinite -1400ms ease;\n\t-o-animation: cs_descr 24000ms infinite -1400ms ease;\n\tanimation: cs_descr 24000ms infinite -1400ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_descr,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_descr {\n\t-webkit-animation: cs_descr 24000ms infinite 6600ms ease;\n\t-moz-animation: cs_descr 24000ms infinite 6600ms ease;\n\t-ms-animation: cs_descr 24000ms infinite 6600ms ease;\n\t-o-animation: cs_descr 24000ms infinite 6600ms ease;\n\tanimation: cs_descr 24000ms infinite 6600ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_descr,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_descr {\n\t-webkit-animation: cs_descr 24000ms infinite 14600ms ease;\n\t-moz-animation: cs_descr 24000ms infinite 14600ms ease;\n\t-ms-animation: cs_descr 24000ms infinite 14600ms ease;\n\t-o-animation: cs_descr 24000ms infinite 14600ms ease;\n\tanimation: cs_descr 24000ms infinite 14600ms ease;\n}\n\n\n\n@-webkit-keyframes cs_title_text {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; -webkit-transform: translateX(-1%); }\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; -webkit-transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; -webkit-transform: translateX(100%); }\n}\n@-moz-keyframes cs_title_text {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; -moz-transform: translateX(-1%); }\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; -moz-transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; -moz-transform: translateX(100%); }\n}\n@-ms-keyframes cs_title_text {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; -ms-transform: translateX(-1%); }\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; -ms-transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; -ms-transform: translateX(100%); }\n}\n@-o-keyframes cs_title_text {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; -o-transform: translateX(-1%); }\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; -o-transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; -o-transform: translateX(100%); }\n}\n@keyframes cs_title_text {\n\t1.53125%, 31.792083333333334%\t{ opacity: 1; transform: translateX(-1%); }\n\t2.1875%, 31.135833333333334%\t{ opacity: 1; transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; transform: translateX(100%); }\n}\n\n\n@-webkit-keyframes cs_descr_text {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; -webkit-transform: translateX(1%); }\n\t4.375%, 28.948333333333334%\t{ opacity: 1; -webkit-transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; -webkit-transform: translateX(-100%); }\n}\n@-moz-keyframes cs_descr_text {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; -moz-transform: translateX(1%); }\n\t4.375%, 28.948333333333334%\t{ opacity: 1; -moz-transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; -moz-transform: translateX(-100%); }\n}\n@-ms-keyframes cs_descr_text {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; -ms-transform: translateX(1%); }\n\t4.375%, 28.948333333333334%\t{ opacity: 1; -ms-transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; -ms-transform: translateX(-100%); }\n}\n@-o-keyframes cs_descr_text {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; -o-transform: translateX(1%); }\n\t4.375%, 28.948333333333334%\t{ opacity: 1; -o-transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; -o-transform: translateX(-100%); }\n}\n@keyframes cs_descr_text {\n\t3.0625%, 29.604583333333334%\t{ opacity: 1; transform: translateX(1%); }\n\t4.375%, 28.948333333333334%\t{ opacity: 1; transform: translateX(0%); }\n\t33.333333333333336%\t{ opacity: 0; transform: translateX(-100%); }\n}\n\n\n\n.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {\n\t-webkit-animation: cs_title_text 24000ms infinite -1190ms ease;\n\t-moz-animation: cs_title_text 24000ms infinite -1190ms ease;\n\t-ms-animation: cs_title_text 24000ms infinite -1190ms ease;\n\t-o-animation: cs_title_text 24000ms infinite -1190ms ease;\n\tanimation: cs_title_text 24000ms infinite -1190ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {\n\t-webkit-animation: cs_title_text 24000ms infinite 6810ms ease;\n\t-moz-animation: cs_title_text 24000ms infinite 6810ms ease;\n\t-ms-animation: cs_title_text 24000ms infinite 6810ms ease;\n\t-o-animation: cs_title_text 24000ms infinite 6810ms ease;\n\tanimation: cs_title_text 24000ms infinite 6810ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {\n\t-webkit-animation: cs_title_text 24000ms infinite 14810ms ease;\n\t-moz-animation: cs_title_text 24000ms infinite 14810ms ease;\n\t-ms-animation: cs_title_text 24000ms infinite 14810ms ease;\n\t-o-animation: cs_title_text 24000ms infinite 14810ms ease;\n\tanimation: cs_title_text 24000ms infinite 14810ms ease;\n}\n\n\n.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {\n\t-webkit-animation: cs_descr_text 24000ms infinite -1190ms ease;\n\t-moz-animation: cs_descr_text 24000ms infinite -1190ms ease;\n\t-ms-animation: cs_descr_text 24000ms infinite -1190ms ease;\n\t-o-animation: cs_descr_text 24000ms infinite -1190ms ease;\n\tanimation: cs_descr_text 24000ms infinite -1190ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {\n\t-webkit-animation: cs_descr_text 24000ms infinite 6810ms ease;\n\t-moz-animation: cs_descr_text 24000ms infinite 6810ms ease;\n\t-ms-animation: cs_descr_text 24000ms infinite 6810ms ease;\n\t-o-animation: cs_descr_text 24000ms infinite 6810ms ease;\n\tanimation: cs_descr_text 24000ms infinite 6810ms ease;\n}\n.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {\n\t-webkit-animation: cs_descr_text 24000ms infinite 14810ms ease;\n\t-moz-animation: cs_descr_text 24000ms infinite 14810ms ease;\n\t-ms-animation: cs_descr_text 24000ms infinite 14810ms ease;\n\t-o-animation: cs_descr_text 24000ms infinite 14810ms ease;\n\tanimation: cs_descr_text 24000ms infinite 14810ms ease;\n}\n\n\n\n\n.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title,\n.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr,\n.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,\n.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,\n.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,\n.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {\n  \t-webkit-transition: none;\n  \t-moz-transition: none;\n  \t-ms-transition: none;\n  \t-o-transition: none;\n  \ttransition: none;\n  \t\n}\n\n.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title,\n.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr,\n.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title > .cs_wrapper,\n.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,\n.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,\n.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,\n.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {\n\t-webkit-animation-play-state: paused !important;\n\t-moz-animation-play-state: paused !important;\n\t-ms-animation-play-state: paused !important;\n\t-o-animation-play-state: paused !important;\n\tanimation-play-state: paused !important;\n}\n\n\/* stop *\/\n.csslider1 > .slide:checked ~ .cs_description > label {\n\t-webkit-animation: none;\n\t-moz-animation: none;\n\t-ms-animation: none;\n\t-o-animation: none;\n\tanimation: none;\n}\n\n\n@media\nonly screen and (max-width: 480px),\nonly screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),\nonly screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),\nonly screen and (     -o-max-device-pixel-ratio: 2\/1)    and (max-width: 480px),\nonly screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),\nonly screen and (                max-resolution: 192dpi) and (max-width: 480px),\nonly screen and (                max-resolution: 2dppx)  and (max-width: 480px) { \n\t.csslider1 > .cs_description,\n\t.csslider1 > .cs_bullets {\n\t\tdisplay: none;\n\t}\n}\n  \n    \n<\/style>\n\n<body style=\"background-color:#eeeeee; margin: auto; text-align: center;\">\n<!-- Start cssSlider.com -->\n\t<div class='csslider1 autoplay '>\n\t\t<input name=\"cs_anchor1\" id='cs_slide1_0' type=\"radio\" class='cs_anchor slide' >\n\t\t<input name=\"cs_anchor1\" id='cs_slide1_1' type=\"radio\" class='cs_anchor slide' >\n\t\t<input name=\"cs_anchor1\" id='cs_slide1_2' type=\"radio\" class='cs_anchor slide' >\n\t\t<input name=\"cs_anchor1\" id='cs_play1' type=\"radio\" class='cs_anchor' checked>\n\t\t<input name=\"cs_anchor1\" id='cs_pause1' type=\"radio\" class='cs_anchor' >\n\t\t<ul>\n\t\t\t<div style=\"width: 100%; visibility: hidden; font-size: 0px; line-height: 0;\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/cssslider.com\/sliders\/pen\/images\/buns.jpg\" style=\"width: 100%;\">\n\t\t\t<\/div>\n\t\t\t<li class='num0 img'>\n\t\t\t\t <a href=\"http:\/\/cssslider.com\" target=\"\"><img src='https:\/\/hayhurst2.hulldesign.co.uk\/wp-content\/uploads\/2022\/10\/cat_pet_mirror_697113.jpg' alt='Buns' title='Buns' \/> <\/a> \n\t\t\t<\/li>\n\t\t\t<li class='num1 img'>\n\t\t\t\t <a href=\"http:\/\/cssslider.com\" target=\"\"><img src='http:\/\/cssslider.com\/sliders\/pen\/images\/buns.jpg' alt='Croissant' title='Croissant' \/> <\/a> \n\t\t\t<\/li>\n\t\t\t<li class='num2 img'>\n\t\t\t\t <a href=\"http:\/\/cssslider.com\" target=\"\"><img src='http:\/\/cssslider.com\/sliders\/pen\/images\/buns.jpg' alt='Lemon pie' title='Lemon pie' \/> <\/a> \n\t\t\t<\/li>\n\t\t\n\t\t<\/ul>\n\t\t<div class='cs_description'>\n\t\t\t<label class='num0'>\n\t\t\t\t<span class=\"cs_title\"><span class=\"cs_wrapper\">Buns<\/span><\/span>\n\t\t\t<\/label>\n\t\t\t<label class='num1'>\n\t\t\t\t<span class=\"cs_title\"><span class=\"cs_wrapper\">Croissant<\/span><\/span>\n\t\t\t<\/label>\n\t\t\t<label class='num2'>\n\t\t\t\t<span class=\"cs_title\"><span class=\"cs_wrapper\">Lemon pie<\/span><\/span>\n\t\t\t<\/label>\n\t\t<\/div>\n\t\t\n\t\t<div class='cs_arrowprev'>\n\t\t\t<label class='num0' for='cs_slide1_0'><\/label>\n\t\t\t<label class='num1' for='cs_slide1_1'><\/label>\n\t\t\t<label class='num2' for='cs_slide1_2'><\/label>\n\t\t<\/div>\n\t\t<div class='cs_arrownext'>\n\t\t\t<label class='num0' for='cs_slide1_0'><\/label>\n\t\t\t<label class='num1' for='cs_slide1_1'><\/label>\n\t\t\t<label class='num2' for='cs_slide1_2'><\/label>\n\t\t<\/div>\n\t\t\n\t\t<div class='cs_bullets'>\n\t\t\t<label class='num0' for='cs_slide1_0'>\n\t\t\t\t<span class='cs_point'><\/span>\n\t\t\t\t<span class='cs_thumb'><img src='http:\/\/cssslider.com\/sliders\/pen\/tooltips\/buns.jpg' alt='Buns' title='Buns' \/><\/span>\n\t\t\t<\/label>\n\t\t\t<label class='num1' for='cs_slide1_1'>\n\t\t\t\t<span class='cs_point'><\/span>\n\t\t\t\t<span class='cs_thumb'><img src='http:\/\/cssslider.com\/sliders\/pen\/tooltips\/croissant.jpg' alt='Croissant' title='Croissant' \/><\/span>\n\t\t\t<\/label>\n\t\t\t<label class='num2' for='cs_slide1_2'>\n\t\t\t\t<span class='cs_point'><\/span>\n\t\t\t\t<span class='cs_thumb'><img src='http:\/\/cssslider.com\/sliders\/pen\/tooltips\/lemonpie.jpg' alt='Lemon pie' title='Lemon pie' \/><\/span>\n\t\t\t<\/label>\n\t\t<\/div>\n\t\t<\/div>\n\t\t<!-- End cssSlider.com -->\n  \n  <br \/><br \/>\n  <p class='text-1'>Resposive pure CSS <a href=\"http:\/\/cssslider.com\">slider<\/a> with CSS3 animations, autoplay, kenburns, prev\/next,<br \/> bullets  with tooltips - no JavaScript! Vector icons only - no images. <\/p>\n  <\/body>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f2a1341 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f2a1341\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-115ba22\" data-id=\"115ba22\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-554acc5 elementor-widget elementor-widget-html\" data-id=\"554acc5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\nbody{\n\tmargin: 0 auto;\n\tbackground: #f9f4e1;\n}\nsvg{\n\tposition:absolute;\n\ttop:50%;\n\tleft:50%;\n\n\ttransform:translate(-50%,-50%);\n\tmax-height:1000px;\n\tmax-width:960px;\n}\n.photoCredit{\n\tposition:absolute;\n\tbottom:2px;\n\tleft:5px;\n}\n<\/style>\n<svg viewBox=\"0 0 960 540\">\n\t<mask id=\"mask1\">\n    <line x1=\"0\" y1=\"0%\" x2=\"100%\" y2=\"100%\" stroke=\"white\" stroke-width=\"200\">\n        <animate attributeName=\"x1\" values=\"7.5%;92.5%;7.5%\" dur=\"20s\" begin=\"-1s\" repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"x2\" values=\"7.5%;92.5%;7.5%\" dur=\"20s\" begin=\"-1s\" repeatCount=\"indefinite\" \/>\n    <\/line>\n  <\/mask>\n\t<mask id=\"mask2\">\n    <line x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\" stroke=\"white\" stroke-width=\"200\">\n        <animate attributeName=\"x1\" values=\"7.5%;92.5%;7.5%\" dur=\"20s\" begin=\"-10s\" repeatCount=\"indefinite\" \/>\n        <animate attributeName=\"x2\" values=\"7.5%;92.5%;7.5%\" dur=\"20s\" begin=\"-10s\" repeatCount=\"indefinite\" \/>\n    <\/line>\n  <\/mask>\n\t<filter id=\"woman\">\n\t\t<feComponentTransfer>\n\t\t\t<feFuncR type=\"table\" tableValues=\"0.806 1 1\"><\/feFuncR>\n\t\t\t<feFuncG type=\"table\" tableValues=\"0 1 1\"><\/feFuncG>\n\t\t\t<feFuncB type=\"table\" tableValues=\"0 1 1\"><\/feFuncB>\n\t\t<\/feComponentTransfer>\n\t<\/filter>\n\t<filter id=\"skull\">\n\t\t<feComponentTransfer>\n\t\t\t<feFuncR type=\"table\" tableValues=\"0 1 1\"><\/feFuncR>\n\t\t\t<feFuncG type=\"table\" tableValues=\"1 1 1\"><\/feFuncG>\n\t\t\t<feFuncB type=\"table\" tableValues=\"1 1 1\"><\/feFuncB>\n\t\t<\/feComponentTransfer>\n\t<\/filter>\n\t<image width=\"100%\" href=\"https:\/\/cdn.mos.cms.futurecdn.net\/ycdXCMvLpmUDLB9QPugqrU-970-80.jpg\" \/>\n\t<image width=\"100%\" filter=\"url(#skull)\" mask=\"url(#mask1)\" href=\"https:\/\/cdn.mos.cms.futurecdn.net\/ycdXCMvLpmUDLB9QPugqrU-970-80.jpg\" \/>\n\t<image width=\"100%\" filter=\"url(#woman)\" mask=\"url(#mask2)\" href=\"https:\/\/cdn.mos.cms.futurecdn.net\/ycdXCMvLpmUDLB9QPugqrU-970-80.jpg\" \/>\n<\/svg>\n<p class=\"photoCredit\"><a href=\"https:\/\/www.creativebloq.com\/how-to\/anaglyph-effect\">photo: Travis Knight<\/a><\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6242f69 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6242f69\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b1848c8\" data-id=\"b1848c8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-8087d9d\" data-id=\"8087d9d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-c557f80\" data-id=\"c557f80\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Styling a link depending on state Visit the same page to see the link color Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective. Note: a:active MUST come after a:hover in the CSS definition in order to be effective. Buns Croissant Lemon pie Resposive pure CSS slider [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":113,"href":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":430,"href":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/430"}],"wp:attachment":[{"href":"https:\/\/hayhurst2.hulldesign.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}