* {margin: 0;padding: 0;}
html {height: 100%;}
header, nav, section, article, aside, footer {display: block;}
body {font: 13px/18px 'Open Sans', Arial, Tahoma, Verdana, sans-serif;width: 100%;height: 100%;color:#444;overflow-y:scroll;}
a {color: #4F8BCC;outline: none;text-decoration: underline;}
a:hover {text-decoration: none;}
p {margin: 0 0 15px}
img {border: none;}
input {vertical-align: middle;}
h1 {font-size:20px;}
h2 {font-size:17px;}
h3 {font-size:15px;}
h1,h2,h3 {margin-bottom:15px;font-weight:normal;}
::selection {
	background: rgba(94, 179, 219, 0.39);
	color: #3C3C3C;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
	background: #efefef;
	border:none;
}
::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);;
	border-radius: 6px;
}
.overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);overflow:auto;z-index:10000;display:none;}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 17px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.button:active {
	position:relative;
	top:1px;
}

#wrapper {width: 960px;margin: 0 auto;min-height: 100%;height: auto !important;height: 100%;}

/* Header */
#header {height: 187px;position:relative;}
#header > span {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/c-sky.png) center top no-repeat;z-index:1;}
#header .logo {float:left;margin:50px 0 0;font-size:20px;text-decoration:none;color:#717171;z-index:2;position:relative;}
#header .logo img {vertical-align:middle;margin-right:10px;border:solid 2px transparent;background:#71AAE4;border-radius:35px;}

/* Nav */
#nav {border-top:solid 1px #e4e4e4;position:relative;z-index:3;}
#nav ul {list-style-type:none;overflow:hidden;}
#nav ul li {float:left;text-align:center;height:65px;}
#nav ul li a {color:#777;font-size:16px;text-decoration:none;display:inline-block;width:240px;height:50px;padding-top:15px;}
#nav ul li a.active {color:#000;}
#nav ul li a i {display:block;font-size:12px;}
#nav .slide {height:5px;background:#71aae4;width:240px;position:absolute;top:-3px;left:0;border-radius:2px;}

/* Middle */
#content {margin-top:40px;padding: 0 0 225px;position:relative;overflow:hidden;}
#content > div {position:relative;display:none;top:-100px;opacity:0;padding: 0 60px;}

.about {overflow:hidden;padding-bottom:30px;width:80%;}
.about img {float:left;margin-right:30px;}
.highlights {list-style-type:none;overflow:hidden;clear:both;border-top:solid 1px #dcdcdd;padding-top:30px;}
.highlights li {float:left;width:260px;padding-right:20px;margin-bottom: 25px;}
.highlights li h2 {margin-bottom: 10px;margin-top: 5px;}

.contact-details {overflow:hidden;}
.contact-details.team {padding-top:30px;background:url(../img/c-grid-h.png) left 10px repeat-x;}
.contact-details img {display:block;margin:3px 0 10px;}
#ss-form {float:right;margin-left:30px;}
#ss-form label {display:block;margin:7px 0 3px;}
#ss-form textarea, #ss-form input.ss-q-short {border:solid 1px #ccc;padding:4px;resize: none;}
#ss-form textarea {width:200px;height:80px;margin-bottom:10px;overflow:hidden;}
#ss-form input.ss-q-short {width:200px;}
#ss-form label.error {color:red;}
#ss-form input.error {border-color:red;}
#ss-form .success {padding: 10px;width: 190px;background: #BFEEBF;margin-top: 20px;font-size: 12px;display:none;}

#clients {background:url(../img/c-grid.png) 270px 0 repeat-y;overflow:hidden;}
#clients > ul {width: 180px;list-style-type:none;float:left;font-size:11px;}
#clients > ul li {display:block;}
#clients > ul h2 span {color:#4a494a;display:block;margin-bottom:3px;text-transform:capitalize;}
#clients > ul h2 .a {color:#d0605c;}
#clients > ul h2 .c {color:#70c4cb;}
#clients .work {overflow:hidden;padding-left:55px;padding-top:10px;}
#clients .work article {padding-bottom:30px;position:relative;clear:both;}
#clients .work article + article:before {content:'';width:130px;height:3px;position:absolute;top:-20px;left:-50px;background:url(../img/c-grid-h.png)}
#clients .work article .images {float:right;margin-left:20px;}
#clients .work article .images img {border-radius: 0 15px 15px;position:relative;}
#clients .work article .images img:hover {top:-10px;
transition: top 0.2s;
-moz-transition: top 0.2s; /* Firefox 4 */
-webkit-transition: top 0.2s; /* Safari and Chrome */
-o-transition: top 0.2s; /* Opera */
}
#clients .work article .details {overflow:hidden;}
#clients .work article .images:after,
#clients .work article .details:after {content:'';display:block;clear:both;}
#clients .work article .details > a {float:right;margin:2px;font-size:12px;}
#clients .work article .details > a.d {color:#999;text-decoration:none;}

#services {}
#services article {overflow:hidden;margin-bottom:30px;width:32%;float:left;text-align:center;}
#services article > img {}
#services article > div {clear:both;overflow:hidden;text-align:left;margin-top:20px;}
#services article > div h2 {text-align:center;}
#services article > div p {padding: 0 20px 0;}
#services article ul {margin:0 20px 0 35px;font-size:12px;}

/* Footer */
#footer {margin: -185px auto 0;height: 184px;position: relative;background:#ccc url(../img/c-footer.png);clear:both;}
#footer > div {width: 960px;margin: 0 auto;}
#footer > div.logos {height:55px;line-height:50px;}
#footer > div.logos img {vertical-align:middle;}
#footer > div.logos img.r {float:right;margin-top:14px;}
#footer {color:#b0b0b0;font-size:12px;}
#footer a, #footer small {color:#fff;text-decoration:none;}
#footer .saying {float:right;text-align:right;margin-top:10px;}
#footer .saying small {display:block;font-size:12px;}
#footer .details {margin:20px 0 0 0;overflow:hidden;}

/* SLOT MASHINE */
#sm {width: 960px;height: 390px;background: rgba(0, 0, 0, 0.8);color: white;padding: 10px;position: relative;top: 0%;left: 0%;margin: 100px auto 0;border-radius: 30px;}
#splash {width:100%;height:100%;background:url(../img/game-sm/splash.jpg);position:absolute;top:0;left:0;z-index:5;overflow:hidden;border-radius: 28px;}
#splash .submit {position:absolute;top:50%;left:50%;margin:-16px 0 0 -60px;}
#splash.endGame span {background:url(../img/game-sm/gameover.png);width:189px;height:97px;position:absolute;top:50%;left:50%;margin:-45px 0 0 -95px;}
#payTable {float:right;width:200px;overflow:hidden;position:relative;padding-bottom:20px;left: -5px;}
#payTable h1 {margin-top: 15px;}
#payTable > div {background: url(../img/game-sm/payout.png) no-repeat;padding-left:30px;height:26px;font-weight:bold;line-height:24px;margin-bottom:2px;overflow:hidden;white-space:nowrap;border-radius: 5px;}
#payTable > div span {float: right;color: #5B7A5B;padding-right: 6px;}
#payTable > div.po2 {background-position:0 -22px;}
#payTable > div.po3 {background-position:0 -48px;}
#payTable > div.po4 {background-position:0 -74px;}
#payTable > div.po5 {background-position:0 -100px;}
#payTable > div.po6 {background-position:0 -126px;}
#payTable > div.po7 {background-position:0 -152px;}
#payTable > div.po8 {background-position:0 -174px;}
#payTable > div.po9 {background-position:0 -200px;}
#payTable .balance {overflow:hidden;padding:10px;background:none;margin-top:30px;}
#payTable .balance button {float:left;margin-right:15px;}
#payTable .balance h2 {float:left;}
#slotmachine {position:relative;overflow:hidden;width:736px;height:390px;background:url(../img/game-sm/reels-bg.png);}
#slotmachine > div {position:absolute;top:23px;height:356px;width:141px;overflow:hidden;z-index:4;}
#slotmachine > div#wheel1 {left:52px;}
#slotmachine > div#wheel2 {left:302px;}
#slotmachine > div#wheel3 {left:552px;}
#slotmachine > div > div {position:relative;background:url(../img/game-sm/reels-rotation2.png) center top repeat-y;height:13000px;display:none;}
#slotmachine > div#wheel2 > div {background-position: center -100px;}
#slotmachine > div#wheel3 > div {background-position: center -200px;}
#slotmachine > div ul {list-style-type:none;position:relative;width:100%;overflow:hidden;top:-150px;left:0;margin-top:-20px;}
#slotmachine > div ul li {float:left;clear:both;width:141px;height:99px;overflow:hidden;text-align:center;}
#slotmachine > div ul li img {height:90px;margin-top:5px;display:inline-block;}
#slotmachine > div ul li.spacer {height:1px;}
#slotmachine .line {width:710px;height:90px;background:url(../img/game-sm/line-bg.png) center left repeat-x;position:absolute;left:15px;z-index:3;opacity:0;filter:alpha(opacity=0);}
#slotmachine .line#line1 {top:52px;}
#slotmachine .line#line2 {top:152px;}
#slotmachine .line#line3 {top:252px;}
.submit {
	outline:none;
	width: 120px;
	height: 32px;
	padding: 0 0 2px;
	font-size: 16px;
	outline: none;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
	color: #FFF;
	border: 1px solid #434343;
	border-top: 1px solid #535353;
	border-bottom: 1px solid #353535;
	text-shadow: 1px 1px #2F2F2F;
	box-shadow:
		inset 0 1px #939393,
		inset 1px 0 #707070,
		inset -1px 0 #707070,
		inset 0 -1px #5A5A5A,
		0 2px #414141,
		0 3px #343434,
		0 4px 2px rgba(0,0,0,0.4)
	;
	background: -moz-linear-gradient(top,  #656565 0%, #444444 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #656565 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #656565 0%,#444444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #656565 0%,#444444 100%); /* IE10+ */
	background: linear-gradient(top,  #656565 0%,#444444 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	background-color: #464646;
}
.submit::-moz-focus-inner{border:0}
.submit:hover {
	border-top: 1px solid #464646;
	box-shadow:
		inset 0 1px #818181,
		inset 1px 0 #707070,
		inset -1px 0 #707070,
		inset 0 -1px #6B6B6B,
		0 2px #414141,
		0 3px #343434,
		0 4px 2px rgba(0,0,0,0.4)
	;
	background: -moz-linear-gradient(top,  #656565 0%, #565656 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#565656)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #656565 0%,#565656 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #656565 0%,#565656 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #656565 0%,#565656 100%); /* IE10+ */
	background: linear-gradient(top,  #656565 0%,#565656 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
	background-color: #464646;
}
.submit:active {
	top: 3px;
	border: 1px solid #3A3A3A;
	border-top: 1px solid #2F2F2F;
	border-bottom: 1px solid #404040;
	background: #484848;
	box-shadow: inset 0 1px 2px #252525;
}
.yellow {
	color: #704A25;
	border: 1px solid #D2A146;
	border-top: 1px solid #EAB551;
	border-bottom: 1px solid #AF8234;
	text-shadow: 1px 1px #FEDFA0;
	box-shadow:
		inset 0 1px #FEE9AA,
		inset 1px 0 #FED67F,
		inset -1px 0 #FEDA85,
		inset 0 -1px #FECA6F,
		0 2px #B98A37,
		0 3px #9F7630,
		0 4px 2px rgba(0,0,0,0.4)
	;
	background: -moz-linear-gradient(top, #feda71 0%, #febe4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda71), color-stop(100%,#febe4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #feda71 0%,#febe4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #feda71 0%,#febe4d 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #feda71 0%,#febe4d 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda71', endColorstr='#febe4d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #feda71 0%,#febe4d 100%); /* W3C */
	background-color: #FED166;
}
.yellow:hover {
	border-top: 1px solid #E6A93D;
	box-shadow:
		inset 0 1px #FEDB98,
		inset 1px 0 #FED67F,
		inset -1px 0 #FEDA85,
		inset 0 -1px #FED781,
		0 2px #B98A37,
		0 3px #9F7630,
		0 4px 2px rgba(0,0,0,0.4)
	;
	background: -moz-linear-gradient(top, #fec455 0%, #fecd61 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec455), color-stop(100%,#fecd61)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fec455 0%,#fecd61 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fec455 0%,#fecd61 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fec455 0%,#fecd61 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec455', endColorstr='#fecd61',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fec455 0%,#fecd61 100%); /* W3C */
	background-color: #FED166;
}
.yellow.disabled,
.yellow:active {
	border: 1px solid #CF9D42;
	border-top: 1px solid #A77F35;
	border-bottom: 1px solid #E2AC48;
	background: #FEC151;
	box-shadow: inset 0 1px 2px #C49846;
}
.yellow.disabled {opacity:0.5;}

.countries:after {content:'';display:block;overflow:hidden;}
.countries > div {float:left;margin-right:20px;}
.countries > div + div {float:none;overflow:hidden;}
.countries > div > strong {font-size:110%;display:block;margin-bottom:5px;}

.people {list-style-type:none;}
.people li {float:left;width:45%;margin-right:4%;overflow:hidden;margin-bottom:20px;}
.people li:nth-child(odd) {clear:left;}
.people li .asset {float:left;margin-right:20px;}
.people li .asset img {border-radius:40px;}
.people li strong {display:block;font-size:15px;margin-bottom:10px;}
.people li p {font-size:12px;overflow:hidden;}

.turning {
	-moz-animation: turn 15s infinite ease-in-out;
	-webkit-animation: turn 15s infinite ease-in-out;
	animation: turn 15s infinite ease-in-out;
	animation-delay:5s;
	-webkit-animation-delay:5s; 
	-moz-animation-delay:5s; 
}
@keyframes turn {
	from {transform: rotate(0deg);}
	10% {transform: rotate(360deg);}
	to {transform: rotate(360deg);}    

}
@-webkit-keyframes turn {
	from {-webkit-transform: rotate(0deg);}
	10% {-webkit-transform: rotate(360deg);}
	to {-webkit-transform: rotate(360deg);}    
}
@-moz-keyframes turn {
	from {-moz-transform: rotate(0deg);}
	10% {-moz-transform: rotate(360deg);}    
	to {-moz-transform: rotate(360deg);}    
}


.clients {list-style-type:none;padding-bottom:30px;position:relative;}
.clients:before {content: '';position: absolute;top: 31px;left: 10%;width: 450px;height: 1px;box-shadow: 0 0 20px 30px rgba(0, 0, 0, 0.29);z-index: 1;}
.clients:after {content:'';clear:both;display:block;}
.clients li {float:left;border:solid 1px #fff;margin-right:-1px;margin-bottom:-1px;position:relative;z-index:2;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.clients li:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.37);
	border-color: #B3B3B3;
	z-index:3;
}
.clients li img {display:block;}


.floatingA,
.floating {
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}
.floating {
	-webkit-animation-name: Floatingx;
	-moz-animation-name: Floating;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	 animation: Floating 5s infinite;
}
.floatingA {
	-webkit-animation-name: FloatingxAsync;
	-moz-animation-name: FloatingAsync;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	 animation: FloatingAsync .5s infinite;
}

@keyframes Floating {
	from {transform:translate(0, 0px);}
	65% {transform:translate(0, -7px);}
	to {transform: translate(0, 0px);}    
}
@keyframes FloatingAsync {
	from {transform:translate(0, 0px);}
	65% {transform:translate(0, 15px);}
	to {transform: translate(0, -0px);}    
}

@-webkit-keyframes Floatingx {
	from {-webkit-transform:translate(0, 0px);}
	65% {-webkit-transform:translate(0, -7px);}
	to {-webkit-transform: translate(0, -0px);}    
}
@-webkit-keyframes FloatingxAsync {
	from {-webkit-transform:translate(0, 0px);}
	65% {-webkit-transform:translate(0, 15px);}
	to {-webkit-transform: translate(0, -0px);}    
}
	
@-moz-keyframes Floating {
	from {-moz-transform:translate(0, 0px);}
	65% {-moz-transform:translate(0, -7px);}
	to {-moz-transform: translate(0, -0px);}    
}
@-moz-keyframes FloatingAsync {
	from {-moz-transform:translate(0, 0px);}
	65% {-moz-transform:translate(0, 15px);}
	to {-moz-transform: translate(0, -0px);}    
}

.scalingA,
.scaling {
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease-in-out;
}
.scaling {
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	-webkit-animation-name: scalex;
	-moz-animation-name: scale;
	 animation: scale 3s infinite;
}
.scalingA {
	-webkit-animation-duration:2.5s;
	-moz-animation-duration:2.5s;
	-webkit-animation-name: scalexAsync;
	-moz-animation-name: scaleAsync;
	 animation: scalexAsync 2.5s infinite;
}

@keyframes scale {
	from {transform: scale(0.9);}
	65% {transform: scale(1.0);}
	to {transform: scale(0.9);}    
}
@keyframes scaleAsync {
	from {transform: scale(0.9);}
	65% {transform: scale(1.0);}
	to {transform: scale(0.9);}    
}

@-webkit-keyframes scalex {
	from {-webkit-transform: scale(0.9);}
	65% {-webkit-transform: scale(1.0);}
	to {-webkit-transform: scale(0.9);}    
}
@-webkit-keyframes scalexAsync {
	from {-webkit-transform: scale(0.9);}
	65% {-webkit-transform: scale(1.0);}
	to {-webkit-transform: scale(0.9);}    
}

@-moz-keyframes scale {
	from {-moz-transform: scale(0.9);}
	65% {-moz-transform: scale(1.0);}
	to {-moz-transform: scale(0.9);}    
}
@-moz-keyframes scaleAsync {
	from {-moz-transform: scale(0.9);}
	65% {-moz-transform: scale(1.0);}
	to {-moz-transform: scale(0.9);}    
}



.turningA,
.turning {
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease-in-out;
}
.turning {
	-webkit-animation-duration:6s;
	-moz-animation-duration:6s;
	-webkit-animation-name: turnx;
	-moz-animation-name: turn;
	 animation: turn 6s infinite;
}
.turningA {
	-webkit-animation-duration:8.5s;
	-moz-animation-duration:8.5s;
	-webkit-animation-name: turnxAsync;
	-moz-animation-name: turnAsync;
	 animation: turnAsync 8.5s infinite;

}
@keyframes turn {
	from {transform: rotate(0deg);}
	65% {transform: rotate(4deg);}
	to {transform: rotate(0deg);}    
}
@keyframes turnAsync {
	from {transform: rotate(2deg);}
	65% {transform: rotate(0deg);}
	to {transform: rotate(2deg);}    
}
@-webkit-keyframes turnx {
	from {-webkit-transform: rotate(0deg);}
	65% {-webkit-transform: rotate(4deg);}
	to {-webkit-transform: rotate(0deg);}    
}
@-webkit-keyframes turnxAsync {
	from {-webkit-transform: rotate(4deg);}
	65% {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(4deg);}    
}

@-moz-keyframes turn {
	from {-moz-transform: rotate(0deg);}
	65% {-moz-transform: rotate(4deg);}
	to {-moz-transform: rotate(0deg);}    
}
@-moz-keyframes turnAsync {
	from {-moz-transform: rotate(0deg);}
	65% {-moz-transform: rotate(4deg);}
	to {-moz-transform: rotate(0deg);}    
}