@charset "utf-8";


html{overflow-y:scroll; overflow-x:hidden;} /* overflow-x:hidden; is required to prevent a horizontal scrollbar when using the split box elements */
html, body{margin:0; padding:0; font-size:14px; line-height:1.6em;}

*, *::before, *::after{box-sizing:border-box;}

.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.capitalise{text-transform:capitalize;}
.hidden{display:none;}
.nospace{margin:0; padding:0; list-style:none;}
.block{display:block;}
.inline *{display:inline-block;}
.inline *:last-child{margin-right:0;}
.pushright li{margin-right:20px;}
.pushright li:last-child{margin-right:0;}

.overlay{position:relative; z-index:1;}
.overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;}
.bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;}
.circle{border-radius:50%; background-clip:padding-box;}

.btnS{display:inline-block; padding:15px 25px 17px; text-transform:uppercase; border:1px solid;}
.btn.medium{padding:10px 20px 12px;}
.btn.small{padding:8px 18px 10px; text-transform:none;}

.split{background-position:top right; background-repeat:no-repeat; background-size:cover;}
.split .box{display:block; position:relative; float:right; width:60%; padding:80px 0 80px 50px;}
.split .box::after{display:block; position:absolute; top:0; right:-1000%; bottom:0; left:100%; content:"";}
.split .box.left{float:left; padding-right:50px; padding-left:0;}
.split .box.left::after{left:-1000%; right:100%;}

.clear, .group{display:block;}
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";}
.clear, .clear::after, .group, .group::after{clear:both;}







.wrapper{display:block; width:100%; margin:70px 0 0 0; padding:0; text-align:left; word-wrap:break-word;}

.hoc{display:block; margin:0 auto;}


