@font-face {
  font-family: "GFSNeohellenic";
  src: url("fonts/GFSNeohellenic-Regular.ttf");
  src: url("fonts/GFSNeohellenic-Regular.otf");
  src: url("fonts/GFSNeohellenic-Regular.eot");
  src: url("fonts/GFSNeohellenic-Regular.woff");
}
	  
body, html {
	background: #ABD8E6;
	font-family: Roboto, Arial, Helvetica, Sans-serif;
	font-size: 15px;
	color: #222;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
    font-size: 16px;
	letter-spacing: -0.4px;
}
a {
	color: #222;
}
.white, a:hover {
	color: #fff;
}

img.big-border {
	border: 10px solid #eee;
	border-radius: 60px;
	max-height: 250px;
}

hr {
	border:3px solid #4DB6D3;
	margin: 50px 0px 20px 0px;
}

/*Lists which like to ♫ "Get Winchy With It" ♫*/

.winch-list {
}
.winch-list ul {
  list-style: none;
}
.winch-list ul li {
  height: 60px;
  position: relative;
  padding-left: 4rem;
  font-size: 18px;
  line-height: 60px;
  vertical-align: middle;
  overflow: hidden;
}
.winch-list ul li:before {
  content: '';
  border-left: 2px solid #4DB6D3;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.winch-list ul li:after {
  content: '';
  border-left: 2px solid #4DB6D3;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: ease-in-out 0.25s;
  transition: ease-in-out 0.25s;
}
.winch-list ul li:hover:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 45px;
  left: 15px;
  bottom: -7.5px;
  border-radius: 1px;
}
.winch-list ul li:hover:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  height: 45px;
  left: 15px;
  top: -7.5px;
  border-radius: 1px;
}




.buy-button {
	max-width:  250px !important;
}

.buy-button {
	max-width:  220px !important;
}