@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'fodico';
	src: url('../fonts/foodifot-coregular-webfont.eot');
	src: url('../fonts/foodifot-coregular-webfont.eot?#iefix') format('eot'),
	url('../fonts/foodifot-coregular-webfont.woff') format('woff'),
	url('../fonts/foodifot-coregular-webfont.ttf') format('truetype'),
	url('../fonts/foodifot-coregular-webfont.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fodico';
src: url('../fonts/foodifot-coregular-webfont.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
}

@font-face {
	font-family: 'fodico';
	src: url('../fonts/foodifot-cobold-webfont.eot');
	src: url('../fonts/foodifot-cobold-webfont.eot?#iefix') format('eot'),
	url('../fonts/foodifot-cobold-webfont.woff') format('woff'),
	url('../fonts/foodifot-cobold-webfont.ttf') format('truetype'),
	url('../fonts/foodifot-cobold-webfont.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fodico';
src: url('../fonts/foodifot-cobold-webfont.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
}

@font-face {
	font-family: 'fodico';
	src: url('../fonts/foodifot-colight-webfont.eot');
	src: url('../fonts/foodifot-colight-webfont.eot?#iefix') format('eot'),
	url('../fonts/foodifot-colight-webfont.woff') format('woff'),
	url('../fonts/foodifot-colight-webfont.ttf') format('truetype'),
	url('../fonts/foodifot-colight-webfont.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fodico';
src: url('../fonts/foodifot-colight-webfont.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
}

@font-face {
	font-family: 'opensans';
	src: url('../fonts/opensanshebrew-bold-webfont.eot');
	src: url('../fonts/opensanshebrew-bold-webfont.eot?#iefix') format('eot'),
	url('../fonts/opensanshebrew-bold-webfont.woff') format('woff'),
	url('../fonts/opensanshebrew-bold-webfont.ttf') format('truetype'),
	url('../fonts/opensanshebrew-bold-webfont.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'opensans';
src: url('../fonts/opensanshebrew-bold-webfont.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
}

@font-face {
	font-family: 'opensans';
	src: url('../fonts/opensanshebrew-regular-webfont.eot');
	src: url('../fonts/opensanshebrew-regular-webfont.eot?#iefix') format('eot'),
	url('../fonts/opensanshebrew-regular-webfont.woff') format('woff'),
	url('../fonts/v.ttf') format('truetype'),
	url('../fonts/opensanshebrew-regular-webfont.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'opensans';
src: url('../fonts/opensanshebrew-regular-webfont.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
}

@font-face {
	font-family: 'opensans';
	src: url('../fonts/opensanshebrew-light-webfont.eot');
	src: url('../fonts/opensanshebrew-light-webfont.eot?#iefix') format('eot'),
	url('../fonts/opensanshebrew-light-webfont.woff') format('woff'),
	url('../fonts/opensanshebrew-light-webfont.ttf') format('truetype'),
	url('../fonts/opensanshebrew-light-webfont.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'opensans';
src: url('../fonts/opensanshebrew-light-webfont.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
}

html {
	width: 100%;
	height: 100% !important;	
}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;	
	direction: rtl;
	text-align: right;
	font-family: 'fodico', arial;
}

#loader	{
	position: fixed;
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #131518;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center 150px;
	z-index: 999999999;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

#loader img {
	margin-top: 50px;	
}

.cube {
  width: 30px;
  height: 30px;
  background-color: #fff;
  margin: auto;
	margin-top: 150px;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  -o-animation: rotateplane 1.2s infinite ease-in-out;
  -moz-animation: rotateplane 1.2s infinite ease-in-out;
  -ms-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-ms-keyframes rotateplane {
  0% { -ms-transform: perspective(120px) }
  50% { -ms-transform: perspective(120px) rotateY(180deg) }
  100% { -ms-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@-moz-keyframes rotateplane {
  0% { -moz-transform: perspective(120px) }
  50% { -moz-transform: perspective(120px) rotateY(180deg) }
  100% { -moz-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@-o-keyframes rotateplane {
  0% { -o-transform: perspective(120px) }
  50% { -o-transform: perspective(120px) rotateY(180deg) }
  100% { -o-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

img {
	border: none 0px;
	max-width: 100% !important;	
}

h1, h2, h3, h4, h5 ,h6 {
	font-weight: 400;
}

input.searchsite {
	position: fixed;
	z-index: 9999;
	left: 0px;
	top: 0px;
	bottom: 60px;
	margin: auto;
	padding-right: 57px;
	width: 0px;
	height: 48px;
	background-image: url(../images/mag.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: none 0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	font-size: 15px;
	color: #333;
	font-family: arial;
}

input.searchsite:hover {
	width: 250px;
	padding-right: 60px;
	background-position: right bottom;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	box-shadow: 0px 0px 5px #29ABE2;
}

input.searchsite:focus {
	width: 250px;
	padding-right: 60px;
	background-position: right bottom;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	box-shadow: 0px 0px 5px #29ABE2;
}

.contactside {
	position: fixed;
	z-index: 9999;
	left: 0px;
	top: 50px;
	bottom: 0px;
	margin: auto;
	padding-right: 58px;
	width: 0px;
	height: 36px;
	padding-top: 13px;
	background-image: url(../images/phone.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right top;
	border: none 0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	text-align: center;	
}

.contactside a {
	-o-transition: all 0.3s ease;
	font-size: 18px;
	color: #666;
	font-family: arial;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	border-bottom: none 0px #fff;
	opacity: 0;
}

.contactside:hover a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	opacity: 1;
}

.contactside:hover {
	width: 250px;
	padding-right: 60px;
	background-position: right bottom;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	box-shadow: 0px 0px 5px #29ABE2;
}


.mainheader {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 80px;
	z-index: 10;
	box-shadow: 0px 0px 0px #000;
	background-color: #fff;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}

.mainheader .logo {
	width: 160px;
	float: left;
	padding-top: 15px;
	height: 65px;
	position: relative;
	z-index: 2;	
	background-color: #000;
	margin-left: 0px;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}

.mainheader .mainmenu {
	float: right;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 1;
	background-color: #fff;
	height: 80px;
}

.mainheader .mainmenu span.phone {
	display: none;
	
}

.mainheader .mainmenu ul {
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
}

.mainheader .mainmenu ul li {
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

.mainheader .mainmenu ul li a {
	font-size: 17px;
	color: #333;
	padding-top: 35px;
	height: 45px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.mainheader .mainmenu ul li a:hover {
	color: #eee;
	background-color: #333;
}

.mainheader .mainmenu ul li.active a {
	color: #eee;
	background-color: #333;
}

.mainheader .social {
	float: right;
	position: relative;
	z-index: 2;
	margin-right: 0px;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}

.mainheader .social ul {
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.mainheader .social ul li {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-size: 16px;
	background-position: center top;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.mainheader .social ul li:hover {
	background-position: center bottom;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.mainheader .social ul li a {
	font-size: 17px;
	color: #333;
	padding-top: 35px;
	display: block;
	text-decoration: none;
	padding-left: 25px;
	padding-right: 25px;
	height: 45px;
}

.mainheader .social ul li:first-child {
	background-image: url(../images/twitter.png);
}

.mainheader .social ul li:first-child:hover {
	background-color: #64C7E7;
}

.mainheader .social ul li:nth-child(2) {
	background-image: url(../images/gplus.png);
}

.mainheader .social ul li:nth-child(2):hover {
	background-color: #D94436;
}

.mainheader .social ul li:nth-child(3) {
	background-image: url(../images/facebook.png);
}

.mainheader .social ul li:nth-child(3):hover {
	background-color: #4B6DAA;
}

.wrapper {
	width: 1024px;
	height: auto;
	margin: auto;
	float: none;
	position: relative;
}

.wrappersmall {
	width: 960px;
	height: auto;
	margin: auto;
	float: none;
	position: relative;
}

.intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 70%;
	background-image: url(../images/team.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	position: relative;
}

.contact .intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 50%;
	background-image: none;
	position: relative;
	background-image: url(../images/contactbg.jpg);
	background-size: cover;
	background-position: center center;
}

.pituah .intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 250px;
	background-image: none;
	position: relative;
	background-image: url(../images/dev.jpg);
	background-size: cover;
	background-position: center center;
}

.server .intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 250px;
	background-image: none;
	position: relative;
	background-image: url(../images/server.jpg);
	background-size: cover;
	background-position: center center;
}

.livoy .intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 250px;
	background-image: none;
	position: relative;
	background-image: url(../images/livoybg.jpg);
	background-size: cover;
	background-position: center center;
}

.client .intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 250px;
	background-image: none;
	position: relative;
	background-image: url(../images/client.jpg);
	background-size: cover;
	background-position: center center;
}

.artic .intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 70px;
	background-color: #0DB3C7;
	background-image: none;
	position: relative;
}

.artic .intro h1 {
	  color: #fff;
  font-size: 40px;
  text-align: right;
  margin:10px;
  padding: 10px;
  min-height: 60px;
}

.artic .intro h1:before {
	float: right;
	margin-left: 10px;
	content: '|';
}

.pituah .intro h1 {
	color: #fff;
	font-size: 60px;
	text-align: right;
	margin-top: 170px;
}

.server .intro h1 {
	color: #fff;
	font-size: 60px;
	text-align: right;
	margin-top: 170px;
}

.livoy .intro h1 {
	color: #fff;
	font-size: 60px;
	text-align: right;
	margin-top: 170px;
}

.client .intro h1 {
	color: #fff;
	font-size: 60px;
	text-align: center;
	margin-top: 170px;
}

.kidum .intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 250px;
	background-image: none;
	position: relative;
	background-image: url(../images/kidum.jpg);
	background-size: cover;
	background-position: center center;
}

.kidum .intro h1 {
	color: #fff;
	font-size: 60px;
	text-align: right;
	margin-top: 170px;
}

.pirsum .intro {
	float: right;
	width: 100%;
	padding-top: 80px;
	height: 250px;
	background-image: none;
	position: relative;
	background-image: url(../images/pirsum.jpg);
	background-size: cover;
	background-position: center center;
}

.pirsum .intro h1 {
	color: #fff;
	font-size: 60px;
	text-align: right;
	margin-top: 170px;
}

.intro .shader {
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	top: 0px;
	z-index: 2;
}

.intro .introtext {
	position: absolute;
	width: 100%;
	height: 150px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 3;
	text-align: center;
}

.artic .intro .introtext {
	position: absolute;
	width: 100%;
	height: 50px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 3;
	text-align: center;
}

.intro .introtext p {
	color: #fff;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	font-size: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.intro .introtext p span {
	font-size: 36px;
	font-weight: normal;
}

.intro .introicon {
	position: absolute;
	bottom: -35px;
	right: 0px;
	left: 0px;
	margin: auto;
	width: 110px;
	height: 110px;
	text-align: center;
	border-radius: 50%;
}

.theteam {
	float: right;
	padding-bottom: 50px;
	width: 100%;
	background-color: #EEEEEE;
	border-bottom: solid 1px #ddd;
	position: relative;
	z-index: 3;
}

.theteam ul {
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-top: 50px;
}

.theteam ul li {
	width: 33%;
	height: 300px;
	float: right;
	text-align: center;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	list-style: none;
	position: relative;
	background-color: #eee;
}

.theteam ul li .memberimg {
	width: 100%;
	background-color: #eee;
	float: right;
	margin-bottom: 20px;
}

.theteam h2 {
	color: #0db3c7;
    font-size: 50px;
	text-align: center;
}

.theteam h3 {
    font-size: 20px;
	color: #333;
	text-align: center;
	margin-bottom: 5px;
}

.theteam h4 {
	color: #666;
    font-size: 17px;
	text-align: center;
	margin-top: 0px;
}

.whyus {
	float: right;
	width:100%;
	position:relative;
	z-index:5;	
	background-color: #fff;
	text-align: right;
	margin-bottom: 30px;
}

.whyus .text {
	width: 450px;
	float: right;
	height: 100px;
}

.whyus .left {
	float: left !important;
}

.whyus .whyimg {
	float: right;
	margin-left: 0px;
	height: 100px;
	width: 150px;
	text-align: center;
}

.whyus h2 {
	font-size: 50px;
	color: #0DB3C7;
	text-align: center;
}

.whyus h3 {
	font-size: 40px;
	color: #333;
	margin: 0px;
}

.whyus section {
	width: 100%;
	float: right;
	height: 100px;
	margin-bottom: 50px;
}

.whyus p {
	font-size: 19px;
	color: #333;
	margin-top: 0px;
}

.clients {
	float: right;
	width: 100%;
	min-height: 400px;
	background-color: #eee;
	text-align: center; 
	border-top: solid 1px #ddd;
}

.clients h2 {
	color: #0DB3C7;
	font-size: 33px;
	margin-top: 40px;
}

.clients p {
	font-size: 19px;
	color: #333;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 50px;
}

.clients ul {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.clients ul li {
	display: inline-block;
	width: 120px;
	height: 120px;
	border: solid 1px #aaa;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contactinside {
	float: right;
	width: 100%;
	height: 120px;
	background-color: #0DB3C7;
	text-align: center;
	color: #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	cursor: pointer;
	position: relative;
}

.contactinside a {
	font-size: 24px;
	width: 100%;
	height: 70px;
	padding-top: 50px;
	display: block;
	position: absolute;
	top: 0px;
	text-decoration: none;
	color: #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactinside:hover a {
	color: #0DB3C7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactinside:hover {
	background-color: #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footer {
	width: 100%;
	height: 250px;
	background-color: #000;
	float: right;
	text-align: center;
	position: relative;
}

.footer .footermenu {
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
}

.footer .footermenu li {
	padding: 0px;
	margin: 0px;
	display: inline-block;
}

.footer .footermenu li a {
	color: #eee;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	border: solid 1px #000;
	font-weight: 700;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footer .footermenu li a:hover {
	border: solid 1px #eee;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footer .contacts {
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
}

.footer .contacts li {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	display: inline-block;
	padding-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footer .contacts li a {
	color: #eee;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footer .contacts li img {
	margin-left: 0px;
	margin-right: 0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footer .contacts li:hover img {
	margin-left: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


.footer .socialfooter {
	margin-top: 30px;
	width: 100%;
	color: #fff;
	text-align: center;
}

.footer .socialfooter a {
	display: inline-block;
	margin-left: 2px;
	margin-right: 2px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footer .socialfooter a:hover {
	opacity: 0.7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.footer span {
	color: #333;
	background-color: #fff;
	position: absolute;
	bottom: 0px;
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 100%;
	display: block;
}

*::-webkit-input-placeholder {
    color: #999;
	font-size: 15px;
	font-family: arial;
}  
  
*:-moz-placeholder {
    /* FF 4-18 */
     color: #999;
	font-size: 15px;
	font-family: arial;
}

*::-moz-placeholder {
    /* FF 19+ */
    color: #333;
	font-size: 15px;
	font-family: arial;
}  
  
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
	font-size: 15px;
	font-family: arial;
}

.contactform {
	width: 100%;
	padding-bottom: 100px;
	background-color: #eee;
	float: right;
	position: relative; 
	z-index: 3;
	text-align: center;
}

.contactform h3 {
	color: #0db3c7;
	font-size: 50px;
}

.contactform input {
	width: 300px;
	padding-right: 10px;
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
	border: solid 1px #ccc;
	font-size: 15px;
	font-family: arial;
	color: #333;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactform textarea {
	width: 972px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 10px;
	border: solid 1px #ccc;
	height: 200px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactform button ,#btn{
	width: 300px;
	height: 50px;
	background-color: #0db3c7;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	border: solid 1px #0db3c7;
	margin-top: 20px;
	font-family: arial;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactform button:hover {
	background-color: #EEEEEE;
	color: #333;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactform input:hover {
	box-shadow: 0px 0px 3px #0db3c7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactform textarea:hover {
	box-shadow: 0px 0px 3px #0db3c7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactform input:focus {
	box-shadow: 0px 0px 3px #0db3c7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contactform textarea:focus {
	box-shadow: 0px 0px 3px #0db3c7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

section.socialsection {
	float: right;
	height: 100px;
	width: 100%;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

section.socialsection ul {
	width: 100%;
	float: right;
	padding: 0px;
	margin: 0px;
	text-align: center;
	list-style: none;
}

section.socialsection ul li {
	width: 33.3%;
	float: right;
	text-align: center;
	list-style: none;
}

section.socialsection ul li a {
	width: 100%;
	padding-top: 25px;
	height: 75px;
	display: block;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	opacity: 1;
}

section.socialsection ul li:first-child a {
	background-color: #4B6DAA;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

section.socialsection ul li:nth-child(2) a {
	background-color: #D94436;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

section.socialsection ul li:nth-child(3) a {
	background-color: #64C7E7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

section.socialsection ul li a:hover {
	opacity: 0.7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contact .contactdetails {
	float: right;
	width: 30%;
	height: 100%;
	background-color: rgba(255,255,255,0.7);
	text-align: center;
	color: #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	cursor: default;
	position: relative;
}

.contact .mapping {
	float: right;
	width: 100%;
	height: 300px;
	position: relative;
}

.contact .mapping iframe {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	margin: auto;
	width: 100%;
	height: 120%;
}

.contact .contactdetails ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	height: 120px;
	width: 220px;
	left: 0px;
	right: 0px;
}

.contact .contactdetails ul li {
	display: block;
	color: #333;
	font-size: 19px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	text-align: right;
}

.contact .contactdetails ul li a {
	text-decoration: none;
	color: #333;
	font-size: 19px;
}

.contact .contactdetails ul li img {
	margin-left: 0px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
}


.contact .contactdetails ul li:hover img {
	margin-left: 15px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
}

.arm {
	float: left;
	width: 100%;
	position: relative;
	z-index: 3;
	background-color: #eee;
	padding-bottom: 30px;
}

.arm h3 {
	font-size: 23px;
	color: #0db3c7;
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 0px;
}

.arm p {
	margin-top: 5px;
	font-size: 19px;
	color: #333;
	width: 60%;
	float: right;
}

.arm ul {
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 50px;
	text-align: center;
	float: right;
}

.arm ul li {
	width: 33%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline-block;
	text-align: center;
	float: right;
}

.arm ul li h2 {
	margin-bottom: 10px;
	font-size: 25px;
	color: #111;
}

.arm ul li p {
	float: none;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 19px;
	color: #333;
}

.pituah .arm .dev {
	position: absolute;
	left: 0px;
	top: -100px;
}

.kidum .arm .dev {
	position: absolute;
	left: 0px;
	top: -200px;
}

.pirsum .arm .dev {
	position: absolute;
	left: 0px;
	top: -200px;
}

.livoy .arm .dev {
	position: absolute;
	left: 0px;
	top: -100px;
}

.pituah .promotion {
	width: 100%;
	height: 400px;
	background-color: #fff;
	float: right;
	background-image: url(../images/devbg.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
}

.pirsum .promotion {
	width: 100%;
	height: 400px;
	background-color: #fff;
	float: right;
	background-image: url(../images/digimar.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
}

.kidum .promotion {
	width: 100%;
	height: 500px;
	background-color: #fff;
	float: right;
	background-image: url(../images/kidumbg.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.livoy .promotion {
	width: 100%;
	height: 400px;
	background-color: #fff;
	float: right;
	background-image: url(../images/matkon.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
}

.pituah .promotion h2 {
	color: #0DB3C7;
	font-size: 50px;
	margin-top: 120px;
	background-color: rgba(255,255,255,0.8);
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.kidum .promotion h2 {
	color: #0DB3C7;
	font-size: 50px;
	margin-top: 320px;
	display: inline-block;
	margin-bottom: 0px;
	margin-right: 50px;
}

.pirsum .promotion h2 {
	color: #0DB3C7;
	font-size: 50px;
	margin-top: 120px;
	background-color: rgba(255,255,255,0.8);
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.livoy .promotion h2 {
	color: #0DB3C7;
	text-align: center;
	font-size: 50px;
	margin-top: 120px;
	background-color: rgba(255,255,255,0.8);
	display: inline-block;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.pituah .promotion p {
	color: #333;
	font-size: 20px;
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.8);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}

.livoy .promotion p {
	color: #333;
	font-size: 20px;
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.8);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}

.pirsum .promotion p {
	color: #333;
	font-size: 20px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.8);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}

.kidum .promotion p {
	color: #333;
	font-size: 20px;
	width: 45%;
	margin-top: 0px;
	margin-right: 50px;
}

.client .catitemlayout {
	width: 100%;
	float: right;
	background-color: #fff;
	position: relative;
	z-index: 3;
	padding-top: 50px;
}

.client .catitemlayout .sidebar {
	width: 30%;
	float: left;
	height: 500px;
	text-align: center;
}

.client .catitemlayout .sidebar ol {
	text-align: right;
	width: 100%;
	margin: 0px;
	margin-bottom: 50px;
	padding-right: 0px;
	list-style-type: none;
    counter-reset: ol-counter;
}

.client .catitemlayout .sidebar ol li {
	padding: 0px;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	border-bottom: solid 1px #ccc;
	font-size: 17px;
	color: #333;
	transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	padding-right: 3%;
	width: 97%;
}

.client .catitemlayout .sidebar ol li:first-child:before {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #0db3c7;
	padding: 0px;
	text-align: center;
	background-image: none;
}

.client .catitemlayout .sidebar ol li a {
	font-size: 17px;
	color: #333;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}

.client .catitemlayout .sidebar ol li:before {
	content: counter(ol-counter);
    counter-increment: ol-counter;
	margin-left: 20px;
	color: #aaa;
	font-size: 25px;
	font-family: arial;
	float: right;
	background-image: url(../images/border.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.client .catitemlayout .sidebar ol li:hover {
	background-color: #eee;
	transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
}

.client .catitemlayout .sidebar h3 {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 22px;
	background-color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.client .catitemlayout .articlayout {
	width: 65%;
	margin-left: 5%;
	float: right;
}

.client .catitemlayout .articlayout .firstartic {
	width: 100%;
	padding-bottom: 30px;
	border-bottom: solid 5px #3FB4C8;
	float: right;
	height: auto;
}

.client .catitemlayout .articlayout .firstartic .introimg {
	width: 100%;
	float: right;
	height: 350px;
	background-image: url(../images/rec.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
}

.client .catitemlayout .articlayout .firstartic .introimg .date {
	width: 108px;
	padding-top: 49px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	height: 55px;
	letter-spacing: -1px;
	background-image: url(../images/calendar.jpg);
	background-position: center center;
	background-size: cover;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
}

.client .catitemlayout .articlayout .firstartic .introimg h2 {
	width: 97%;
	padding-right: 3%;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	bottom: 0px;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 33px;
	margin: 0px;
}

.client .catitemlayout .articlayout .firstartic .introtext {
	margin-top: 10px;
	font-size: 19px;
	color: #333;
	width: 100%;
	float: right;
}

.client .catitemlayout .articlayout .firstartic .introtext .readmore {
	float: right;
	width: 100%;
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #3FB4C8;
	margin-top: 10px;
}

.client .catitemlayout .articlayout .firstartic .introtext .readmore:after {
	content: '>';
	margin-right: 5px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
}

.client .catitemlayout .articlayout .firstartic .introtext .readmore:hover:after {
	content: '>';
	margin-right: 10px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
}

.client .catitemlayout .articlayout .firstartic .introtext .itemextra {
	float: right;
	width: 100%;
	display: block;
	margin-top: 10px;
}

.client .catitemlayout article {
	float: right;
	padding-bottom: 30px;
	margin-bottom: 50px;
	width: 100%;
	height: 200px;
	border-bottom: solid 3px #eee;
}

.client .catitemlayout .articimg {
	float: right;
	width: 250px;
	height: 100%;
	background-image: url(../images/rec.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
}

.client .catitemlayout .articintro {
	width: auto;
	float: right;
	width: 380px;
	margin-right: 20px;
}

.client .catitemlayout .articintro h2 {
	font-weight: bold;
	color: #333;
	font-size: 26px;
	margin-bottom: 5px;
}

.client .catitemlayout .articintro p {
	color: #333;
	font-size: 19px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.client .catitemlayout .articintro .readmore {
	float: right;
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #3FB4C8;
	margin-top: 0px;
}

.client .catitemlayout .articintro .readmore:after {
	content: '>';
	margin-right: 5px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
}
._next:after{
	content: '>';
	margin-right: 5px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	font-family: 'fodico', arial;
	font-size: 18px;
}
._next:hover:after {
	content: '>';
	margin-right: 10px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
}
._prev:before{
	content: '<';
	margin-right: 0px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	font-family: 'fodico', arial;
	font-size: 18px;
}
._prev:hover:before {
	content: '<';
	margin-right: 5px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
}
.client .catitemlayout .articintro .readmore:hover:after {
	content: '>';
	margin-right: 10px;
	transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
}

.client .catitemlayout .articintro .itemextra {
	display: block;
	float: right;
	margin-top: 15px;
}

.client .navigation {
	width: 100%;
	float: right;
	margin-bottom: 70px;
}

.client .navigation ul {
	width: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: center;
	direction: ltr;
}

.client .navigation ul li {
	color: #0DB3C7;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	padding-left: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline-block;
	list-style: none;
}

.client .navigation ul li a {
	color: #0DB3C7;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
}

.client .navigation ul li.active a {
	background-color: #eee;
}

.client .navigation ul li a:hover {
	background-color: #eee;
}

.artic .realarticlayout {
	width: 100%;
	float: right;
	padding-top: 20px;
	padding-bottom: 50px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.artic .realarticlayout .theartic {
	width: 65%;
	margin-left: 5%;
	float: right;
	padding-top: 20px;
	padding-bottom: 50px;
	position: relative;
}

.artic .realarticlayout .articinfo {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	font-size: 17px;
	color: #999;
}

.artic .realarticlayout h1 {
	font-size: 30px;
	color: #333;
	margin-bottom: 0px;
}

.artic .realarticlayout p {
	font-size: 19px;
	color: #333;
}

.artic .realarticlayout .sidebar {
	width: 30%;
	float: left;
	text-align: center;
}

.artic .realarticlayout .sidebar ul {
	text-align: right;
	width: 100%;
	margin: 0px;
	margin-bottom: 50px;
	padding-right: 0px;
	list-style-type: none;
}

.artic .realarticlayout .sidebar ul li {
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 20px;
	border-bottom: solid 1px #ccc;
	font-size: 17px;
	color: #333;
	transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	width: 100%;
}

.artic .realarticlayout .sidebar ul li a {
	color: #333;
	text-decoration: none;
}

.artic .realarticlayout .sidebar h3 {
	width: 100%;
	text-align: center;
	color: #0DB3C7;
	font-size: 30px;
	margin-bottom: 20px;
}

.serverprizes {
	position: relative;
	z-index: 3;
	float: right;
	width: 100%;
	background-color: #EEEEEE;
	padding-top: 50px;
	padding-bottom: 100px;
	text-align: center;
}

.serverprizes h2 {
	font-size: 40px;
	color: #0DB3C7;
	margin-bottom: 10px;
	margin-top: 0px;
}

.serverprizes p {
	font-size: 20px;
	color: #333;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

.serverprizes ul {
	width: 100%;
	float: right;
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
}

.serverprizes ul li {
	width: 30%;
	display: inline-block;
	box-shadow: inset 0px 0px 1px #333;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	list-style: none;
	margin-left: 17px;
	margin-right: 17px;
	text-align: center;
	float: left;
}

.serverprizes ul li span {
	background-color: #333;
	padding-top: 15px;
	padding-bottom: 15px;
	float: right;
	color: #fff;
	font-size: 25px;
	display: block;
	text-align: center;
	width: 100%;
}

.serverprizes ul li h2 {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	float: right;
	display: block;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 0px;
	margin-bottom: 20px;
	background-color: #0DB3C7;
}

.serverprizes ul li img {
	margin-bottom: 20px;
}

.serverprizes ul li h6 {
	color: #333;
	font-size: 17px;
	background-color: #f7f7f7;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
}

.serverprizes ul li h6:nth-child(odd) {
	background-color: #fff;
}

.serverprizes ul li h6:last-child {
	border-bottom: solid 1px #ccc;
}

.serverprizes b {
	float: right;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	background-color: #333;
	font-size: 18px;
}

.theforum {
	width: 65%;
	margin-left: 5%;
	float: right;
	/*background-color: #eee;*/
	z-index 3;
	position: relative;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.theforum span {
	width: 100%;
	float: right;
	display: block;
	height: 35px;
	padding-top: 15px;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
	background-color: #333;
}

.theforum .subject span {
	width: 95%;
	padding-right: 5%;
	float: right;
	display: block;
	height: 35px;
	padding-top: 15px;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
	background-color: #333;
}

.theforum .subject {
	width: 60%;
	float: right;
	text-align: right;
}

.theforum .author {
	width: 20%;
	float: right;
}

.theforum .author ul {
	padding: 0px;
	margin: 0px;
	float: right;
}

.theforum .author ul li {
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
	color: #333;
	font-size: 17px;
	font-weight: normal;
	background-color: #ddd;
	height: 35px;
	padding-top: 15px;
	border-bottom: solid 1px #bbb;
	list-style: none;
	float: right;
	display: block;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
}

.theforum .author ul li:nth-child(even) {
	background-color: #eee;
}

.theforum .date {
	width: 20%;
	float: right;
	background-color: #333;
}

.theforum .date ul {
	padding: 0px;
	margin: 0px;
	float: right;
	width: 100%;
}

.theforum .date ul li {
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
	color: #333;
	font-size: 17px;
	font-weight: normal;
	background-color: #ddd;
	height: 35px;
	padding-top: 15px;
	border-bottom: solid 1px #bbb;
	list-style: none;
	float: right;
	display: block;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
}

.theforum .date ul li:nth-child(even) {
	background-color: #eee;
}

.theforum .subject ul {
	padding: 0px;
	margin: 0px;
	float: right;
	width: 100%;
}

.theforum .subject ul li {
	padding: 0px;
	margin: 0px;
	text-align: right;
	float: right;
	display: block;
	width: 100%;
	position: relative;
	color: #333;
	font-size: 17px;
	font-weight: normal;
	background-color: #ddd;
	min-height: 35px;
	padding-top: 15px;
	border-bottom: solid 1px #bbb;
	list-style: none;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .subject ul li .close {
	position: absolute;
	z-index: 5;
	color: #fff;
	width: 30px;
	height: 30px;
	left: 30px;
	top: 10px;
	font-size: 20px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	z-index: 5;
	display: none;
}

.theforum .subject ul li.active .close {
	position: absolute;
	z-index: 5;
	color: #fff;
	width: 30px;
	height: 30px;
	left: 30px;
	top: 10px;
	font-size: 20px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	z-index: 5;
	display: block;
}

.theforum .subject ul li:nth-child(even) {
	background-color: #eee;
}

.theforum .subject ul li:before {
	color: #0DB3C7;
	content: ' > ';
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	transform: rotate(270deg);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .subject ul li .thesubject {
	float: right;
	width: 100%;
	height: 0px;
	margin-top: 16px;
	cursor: default;
	background-color: #ccc;
	transition: min-height 0.3s ease;
	-webkit-transition: min-height 0.3s ease;
	-moz-transition: min-height 0.3s ease;
	-o-transition: min-height 0.3s ease;
	-ms-transition: min-height 0.3s ease;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
}

.theforum .subject ul li.active {
	color: #fff;
	background-color: #0DB3C7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .subject ul li.active:before {
	color: #fff;
	content: ' > ';
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .subject ul li.active .thesubject {
	float: right;
	width: 100%;
	height: auto;
	min-height: 100px;
	background-color: #ccc;
	margin-top: 16px;
	cursor: default;
	border-top: solid 1px #bbb;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
	transition: min-height 0.3s ease;
	-webkit-transition: min-height 0.3s ease;
	-moz-transition: min-height 0.3s ease;
	-o-transition: min-height 0.3s ease;
	-ms-transition: min-height 0.3s ease;
}

.theforum .subject ul li .thesubject p {
	margin: 0px;
	height: 0px;
	font-size: 16px;
	color: #333;
	width: 96%;
	cursor: text;
	opacity: 0;
	padding-right: 2%;
	padding-left: 2%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .subject ul li.active .thesubject p {
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	opacity: 1;
	cursor: text;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .subject ul li .thesubject span {
	display: block;
	padding: 0px;
	width: 98%;
	visibility: hidden;
	margin-bottom: 5px;
	background-color: transparent;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	height: auto;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	background-image: none;
}

.theforum .subject ul li.active .thesubject span {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 2%;
	width: 98%;
	visibility: visible;
	margin-bottom: 15px;
	background-color: #333;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	height: auto;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
}

.theforum .subject ul li.active .thesubject .itemcomments {
	text-align: center;
	color: #0DB3C7;
	font-size: 14px;
	font-weight: bold;
}

.theforum .subject ul li .thesubject .add {
	display: none;
}

.theforum .subject ul li.active .thesubject .add {
	float: left;
	display: block;
	margin-left: 5%;
	margin-bottom: 5px;
	display: block;
}

.theforum {
	float: right;
	width: 65%;
	margin-top: 50px;
}

.theforum .subject ul li.active .thesubject img {
	float: right;
	margin-right: 5%;
	margin-bottom: 5px;
	display: block;
}

.theforum .subject ul li .thesubject img {
	float: right;
	margin-right: 5%;
	margin-bottom: 5px;
	display: none;
}

.theforum .subject ul li.active .thesubject .watch {
	float: right;
	display: block;
	margin-right: 5%;
}

.theforum .subject ul li .thesubject .thecomments {
	display: none;
}

.theforum .subject ul li.active .thesubject .thecomments {
	display: block;
}

.theforum .subject ul li.active .thesubject .thecomments ul {
	cursor: default;
}

.theforum .subject ul li.active .thesubject .thecomments ul li {
	cursor: default;
}

.theforum .subject ul li.active .thesubject .thecomments ul li p {
	height: auto;
	min-height: auto;
	margin-top: 0px;
	font-size: 16px;
}

.theforum .subject ul li.active .thesubject .thecomments ul li:before {
	content: ' - ';
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.theforum .subject ul li .thesubject .addcomment {
	display: none;
}

.theforum .subject ul li.active .thesubject .addcomment {
	float: right;
	width: 100%;
	display: block;
	height: 130px;
	background-color: #bbb;
	text-align: center;
	border: none 0px;
	background-image: url(../images/borderleft.png);
	background-repeat: repeat-y;
	background-position: left center;
}

.theforum .subject ul li.active .thesubject .addcomment h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.theforum .subject ul li.active .thesubject .addcomment input {
	width: 70%;
	padding-right: 5%;
	height: 35px;
	border: solid 1px #aaa;
	box-shadow: 0px 0px 0px #0DB3C7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .subject ul li.active .thesubject .addcomment input:hover {
	box-shadow: 0px 0px 3px #0DB3C7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .subject ul li.active .thesubject .addcomment input:focus {
	box-shadow: 0px 0px 3px #0DB3C7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.theforum .forumheader {
	background-color: #fff;
	float: right;
	width: 100%;
	color: #fff;
	text-align: center;
	padding-bottom: 32px;
}
.theforum .forumheader a{
	color:#fff;
}
.theforum .forumheader a {
	margin-right: 10px;
	margin-left: 10px;
	
	margin-right: 3px;
	margin-left: 3px;
	
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 3px;
	border: solid 1px #0DB3C7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	background-color: #0DB3C7;
	cursor: pointer;
	text-decoration: none;
}

.theforum .forumheader a:hover {
	background-color: #fff;
	color: #0DB3C7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.closeit {
	position: relative;
}

.thread {
	position: relative;
}

.thread .close {
	position: absolute;
	left: 20px;
	color: #fff;
	top: 10px;
	z-index: 5;
}

.threadform {
	float: right;
	width: 100%;
	display: none;
}

.threadformopen {
	float: right;
	width: 100%;
	display: block;
	margin-top: 30px;
	text-align: center;
	color: #333;
}

.threadformopen h3, ._nmsg h3 {
	font-size: 25px;
	
}

.threadformopen input, ._nmsg input {
	padding-right: 10px;
	width: 450px;
	height: 35px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 0px #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.threadformopen textarea, ._nmsg textarea{
	padding-right: 10px;
	width: 450px;
	height: 150px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 0px #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.threadformopen .button, ._nmsg .button{
	width: 250px;
	background-color: #0DB3C7;
	border: none 0px;
	height: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	cursor: pointer;
}

.threadformopen input:hover, ._nmsg input:hover {
	box-shadow: 0px 0px 5px #29ABE2;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.threadformopen textarea:hover, ._nmsg textarea:hover {
	box-shadow: 0px 0px 5px #29ABE2;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.threadformopen input:focus, ._nmsg input:focus{
	box-shadow: 0px 0px 5px #29ABE2;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.threadformopen textarea:focus, ._nmsg textarea:focus  {
	box-shadow: 0px 0px 5px #29ABE2;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.searchform {
	float: right;
	width: 100%;
	display: none;
}

.searchformactive {
	float: right;
	width: 100%;
	display: block;
	color: #333;
	margin-top: 30px;
}

.threadformopen h3 , ._nmsg h3{
	font-size: 25px;
}

.searchformactive input {
	padding-right: 10px;
	width: 490px;
	height: 35px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 0px #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.searchformactive input:hover {
	box-shadow: 0px 0px 5px #29ABE2;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.searchformactive input:focus {
	box-shadow: 0px 0px 5px #29ABE2;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}