/*MK - Defaul CSS*/.cd-top {	z-index:9999;  display: inline-block;  height: 40px;  width: 40px;  position: fixed;  bottom: 40px;  /*right: 10px;*/  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  /* image replacement properties */  overflow: hidden;  text-indent: 100%;  white-space: nowrap; border: solid 1px white; background: rgba(0, 38, 77, 0.8) url(cd-top-arrow.svg) no-repeat center 50%;   visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;}.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}.cd-top.cd-is-visible {  /* the button becomes visible */  visibility: visible;  opacity: 1;}.cd-top.cd-fade-out {  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */  opacity: .5;}.no-touch .cd-top:hover {  /*background-color: #e86256;*/ /* opacity: 1;*/}@media only screen and (min-width: 768px) {  .cd-top {    right: 20px;    bottom: 20px;  }}@media only screen and (min-width: 1024px) {  .cd-top {    height: 60px;    width: 60px;    right: 30px;    bottom: 30px;  }}@media only screen and (min-width: 300px) {  .cd-top {    right: 20px;    bottom: 20px;  }}/*Your custom css goes under this line *//* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */.cl-effect-2 a {	line-height: 44px;	-webkit-perspective: 1000px;	-moz-perspective: 1000px;	perspective: 1000px;}.cl-effect-2 a span {	position: relative;	display: inline-block;	padding: 0 14px;	background: #2195de;	-webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s;	transition: transform 0.3s;	-webkit-transform-origin: 50% 0;	-moz-transform-origin: 50% 0;	transform-origin: 50% 0;	-webkit-transform-style: preserve-3d;	-moz-transform-style: preserve-3d;	transform-style: preserve-3d;}.csstransforms3d .cl-effect-2 a span::before {	position: absolute;	top: 100%;	left: 0;	width: 100%;	height: 100%;	background: #0965a0;	content: attr(data-hover);	-webkit-transition: background 0.3s;	-moz-transition: background 0.3s;	transition: background 0.3s;	-webkit-transform: rotateX(-90deg);	-moz-transform: rotateX(-90deg);	transform: rotateX(-90deg);	-webkit-transform-origin: 50% 0;	-moz-transform-origin: 50% 0;	transform-origin: 50% 0;}.cl-effect-2 a:hover span,.cl-effect-2 a:focus span {	-webkit-transform: rotateX(90deg) translateY(-22px);	-moz-transform: rotateX(90deg) translateY(-22px);	transform: rotateX(90deg) translateY(-22px);}.csstransforms3d .cl-effect-2 a:hover span::before,.csstransforms3d .cl-effect-2 a:focus span::before {	background: #28a2ee;	}