section.module.content {padding: 10px 0;}section.module.parallax {height: 780px; background-repeat: no-repeat; background-attachment: fixed; background-position:center top; position:relative}.intro{font-size: 19px;width: 319px;text-align: left;position: absolute;right: 0px;	top: 222px;	font-family: Rockwell, serif;	letter-spacing: 1px;	line-height: 28px}section.module.parallax-1 {background-image: url(http://www.office.co.uk/assets/Office_responsive/Content/ConverseXOffice/hero_01A.jpg)}section.module.parallax-2 {background-image: url(http://www.office.co.uk/assets/Office_responsive/Content/ConverseXOffice/hero03A.jpg)}section.module.parallax2 {height:100px; background-repeat: no-repeat; background-attachment: fixed; background-position:center top; position:relative; margin-bottom:50px} #dock-container {text-align: center; margin:20px auto 0 auto; width:100%; }#dock {position: relative;display: inline-block;-webkit-perspective: 400;-moz-perspective: 400;}#dock ul {font-size:20px;padding: 0 20px;margin: 0;}	#dock li {list-style-type: none;display: inline-block;position: relative;}#dock li span{display: none;position: absolute;bottom:-3px;left: 0;width: 100%;color:#000000; font-family: Rockwell, serif; }#dock li:hover span {display: block;}#dock li img {width: 110px;height:110px;margin:0 1px 15px 1px;-webkit-transition: all 0.3s; -webkit-transform-origin: 50% 100%; -moz-transition: all 0.2s;-moz-transform-origin: 50% 100%;	-o-transition: all 0.3s; -o-transform-origin: 50% 100%;}	#dock li:hover img {-webkit-transform: scale(2.5);-moz-transform: scale(2.5);-o-transform: scale(2.5);margin: 0 2em 15px 2em;}	/* one element after and element before (with JS)*/	#dock li:hover + li img,#dock li.prev img {-webkit-transform: scale(1.4);	-moz-transform: scale(1.4);	-o-transform: scale(1.4);margin: 0 1.4em 10px;}#conSlide {height:500px; overflow: hidden;position: relative;width: 780px;}#conSlide .viewport {height: 500px; overflow: hidden; position: relative; width:780px}#conSlide .buttons { background: rgba(0,0,0,0.80); display: block;position: absolute;top: 45%; left: 0; width:18px;height: 75px;color: #fff; font-weight: bold;text-align: center; line-height: 75px; text-decoration: none;font-size: 30px;}#conSlide .next {right: 0;left: auto;top: 40%;}#conSlide .buttons:hover {color: #FFFFFF; background: rgba(0,0,0,0.60)}#conSlide .disable {visibility: hidden;}#conSlide .overview {list-style: none;position: absolute;padding: 0;margin: 0;width:750px;left: 0;top: 0;}#conSlide .overview li {float: left;margin: 0 4px 0 0;height: 165px;width: 780px;}.loadme{opacity:0;}.conPic1{-webkit-animation: cssAnimation 3.5000s  1 ease;-moz-animation: cssAnimation 3.5000s  1 ease;-o-animation: cssAnimation 3.5000s  1 ease;} @-webkit-keyframes cssAnimation {from { -webkit-transform:  rotate(0deg) scale(3.00) skew(0deg) translate(1px); }  to { -webkit-transform:  rotate(0deg) scale(1.005) skew(0deg) translate(1px); } } @-moz-keyframes cssAnimation {from { -moz-transform:  rotate(0deg) scale(3.00) skew(0deg) translate(1px); }  to { -moz-transform:  rotate(0deg) scale(1.005) skew(0deg) translate(1px); } } @-o-keyframes cssAnimation {from { -o-transform:  rotate(0deg) scale(3.00) skew(0deg) translate(1px); }  to { -o-transform:  rotate(0deg) scale(1.00) skew(0deg) translate(1px); } }.con2{-webkit-animation: cssAnimation 1.1204s  1 ease;-moz-animation: cssAnimation 1.1204s  1 ease;-o-animation: cssAnimation 1.1204s  1 ease;} @-webkit-keyframes cssAnimation {from { -webkit-transform:  rotate(0deg) scale(2.00) skew(0deg) translate(1px); }  to { -webkit-transform:  rotate(0deg) scale(1.005) skew(0deg) translate(1px); } } @-moz-keyframes cssAnimation {from { -moz-transform:  rotate(0deg) scale(2.00) skew(0deg) translate(1px); }  to { -moz-transform:  rotate(0deg) scale(1.005) skew(0deg) translate(1px); } } @-o-keyframes cssAnimation {from { -o-transform:  rotate(0deg) scale(2.00) skew(0deg) translate(1px); }  to { -o-transform:  rotate(0deg) scale(1.00) skew(0deg) translate(1px); } }.con3{position: absolute; left: 815px; top: 22px;-webkit-animation: cssAnimation 2.1204s  1 ease;-moz-animation: cssAnimation 2.1204s  1 ease;-o-animation: cssAnimation 2.1204s  1 ease;} @-webkit-keyframes cssAnimation {from { -webkit-transform:  rotate(0deg) scale(4.00) skew(0deg) translate(1px); }  to { -webkit-transform:  rotate(0deg) scale(1.005) skew(0deg) translate(1px); } } @-moz-keyframes cssAnimation {from { -moz-transform:  rotate(0deg) scale(4.00) skew(0deg) translate(1px); }  to { -moz-transform:  rotate(0deg) scale(1.005) skew(0deg) translate(1px); } } @-o-keyframes cssAnimation {from { -o-transform:  rotate(0deg) scale(4.00) skew(0deg) translate(1px); }  to { -o-transform:  rotate(0deg) scale(1.00) skew(0deg) translate(1px); } }.conPic3{position: absolute; left: 315px; width:490px; height:382px; background: -webkit-linear-gradient(55deg, #bf5cc8 0%, #dcc822 100%);background: linear-gradient(55deg, #bf5cc8 0%,#dcc822 100%); overflow:hidden; }.con4{background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);overflow: hidden;position: absolute;left: 660px;top: 224px;height:430px;width: 350px;} @-webkit-keyframes cssAnimation {from { -webkit-transform:  rotate(0deg) scale(3.50) skew(0deg) translate(1px); }  to { -webkit-transform:  rotate(0deg) scale(1.005) skew(0deg) translate(1px); } } @-moz-keyframes cssAnimation {from { -moz-transform:  rotate(0deg) scale(3.50) skew(0deg) translate(1px); }  to { -moz-transform:  rotate(0deg) scale(1.005) skew(0deg) translate(1px); } } @-o-keyframes cssAnimation {from { -o-transform:  rotate(0deg) scale(3.00) skew(0deg) translate(1px); }  to { -o-transform:  rotate(0deg) scale(1.00) skew(0deg) translate(1px);} }.ConButt{padding:15px 20px; border:4px #000000 solid; font-size:20px; color:#000000; text-decoration:none; font-family: Rockwell, serif;font-weight:bold; letter-spacing: 1px;-webkit-transition: all 150ms;-moz-transition: all 150ms;transition: all 150ms;-webkit-transition-delay: 200ms;-moz-transition-delay: 200ms;transition-delay: 200ms;}.ConButt:hover{background:#000000; color:#FFFFFF}.conFlava img {opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s; }.conFlava:hover img {opacity: 0.3;}.conFlava p {padding: 5px 15px 0 15px;font-family: Rockwell, serif;color: #FFFFFF;font-size: 17px;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;position: absolute;top: 80px;text-align: center;z-index: 4;width:92%; line-height:19px}.conFlava:hover figcaption::before,.conFlava:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}.conFlava:hover h2,.conFlava:hover p {opacity: 1;	/*-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);*/}