@charset "utf-8";
/* CSS Document */
@import "fonts/stylesheet.css";
@import "animate.css";

/*Opera Fix*/
body:before {	content:"";
				height:100%;
				float:left;
				width:0;
				margin-top:-32767px;}

*, #home-content p {margin:0;padding:0;}

html, body {height: 100%;}

body {	
		font-family: 'Open Sans', sans-serif;
		line-height:1.3em;
		color:#fff;
		margin-top:1px;
		height:100%;
				background:url(../images/bg.jpg) fixed #000000 0 22px;  

		}
html{
}
::selection { background: #e6c227;
				color:#000000; }

::-moz-selection { background: #e6c227;
				color:#000000; }

:selection { background: #e6c227;
				color:#000000; }
*:focus { outline: none; }
.cln:after {
  content: "";
  display: table;
  clear: both;
}
	
p {	margin-bottom:25px;
	font-size:15px;
		-webkit-text-stroke: 1px rgba(255,255,255,0.3);
				
		-webkit-font-smoothing: antialiased;

}
	
h1, a:link h1 {	margin-bottom:15px;
		font-size:28px;
		color:#1188f6;
		font-weight:lighter;
		line-height:26px;}
	
h2 {	margin-bottom:5px;
		font-size:11px;
		color:#686767;
		font-weight:lighter;}
		
.notxt {
	line-height:0;
	text-indent:-9999px;
	font-size:0;
}

#main li, #main ul{ color:#fcd263; padding-left:10px; list-style: circle; margin-bottom:8px;}
 #main hr#port {height:10px; background:url(../images/port-nav.gif) no-repeat; margin:0 0 20px 0}
#main hr { height:1px; background:url(../images/hr.jpg);border:none; margin:0 0 20px 0;}
a img {border:none;}
#main a, #main a:hover,#main a:visited  { color:#fcd263;}

a.s, a.s visited { font-size:9px;}
.serhov:link{ 
	background:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:320px;
	width:640px;
	}
.serhov:hover {
	display:block;
	position:absolute;
	top:1px;
	left:1px;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
	height:319px;
	width:640px;
		background:url(../images/servhov.png) no-repeat 50% 40% #000000;

	
}
/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrap {min-height: 100%;
	width:100%;
	min-width:960px;
	margin-bottom:-150px;
	border-top: 5px #004bf5 solid;}
	
#header { height:150px;
	width:960px;
	margin:0 auto;
	background:url(../images/header-line.jpg) no-repeat 130px 130px;
}
	
	a.logo {
		background:url(../images/logo.png) no-repeat;
		width:428px;
		height:74px;
		display:block;
		position: absolute;
		top:43px;	
		font-family: "BebasRegular", sans-serif !important; 
		color:#ffffff;
		text-decoration:none;
		padding: 16px 0 0 130px;
	}
		a.logo span {
			display:block;
				font-size:13px;
		}
				a.logo span#name {
				font-size:42px;
				line-height:42px;
				margin-top:-3px;
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			  filter: alpha(opacity=10);
			  -moz-opacity: 0.1;
			  -khtml-opacity: 0.1;
			  opacity: 0.1;
			  margin-left:-2px;
							}
#main {
	width:960px;
	margin:0 auto;
	clear:both;
	height:100%;
	background-color:transparent;
	padding-bottom:304px;}
/* Nav */	
#nav { 
	position:relative; 
	top:75px; 
	float:right; 
	text-align: justify;
}
/*#show{ display:none;}*/


.lavaLamp {
    position: relative;
    height: 29px;
    width: 461px;
    background-color: black;
    padding: 8px 3px 8px 8px;
}
.lavaLamp li {
    list-style: none;
	text-align:center;
	position: relative;
    display: inline-block;
	
}
                
.lavaLamp:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.lavaLamp li.back {
    background-color: #004bf5;
    width: 9px;
    height: 23px;
    z-index: 8;
    position: absolute;
	padding-bottom:5px;
	-webkit-box-shadow: -1px -1px 30px 8px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:    -1px -1px 30px 8px rgba(0, 0, 0, 0.6);
	box-shadow:         -1px -1px 30px 8px rgba(0, 0, 0, 0.6);
	
	background: rgb(21,104,237); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(21,104,237,1) 1%, rgba(14,99,244,1) 39%, rgba(0,75,245,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(21,104,237,1)), color-stop(39%,rgba(14,99,244,1)), color-stop(100%,rgba(0,75,245,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(21,104,237,1) 1%,rgba(14,99,244,1) 39%,rgba(0,75,245,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(21,104,237,1) 1%,rgba(14,99,244,1) 39%,rgba(0,75,245,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(21,104,237,1) 1%,rgba(14,99,244,1) 39%,rgba(0,75,245,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(21,104,237,1) 1%,rgba(14,99,244,1) 39%,rgba(0,75,245,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1568ed', endColorstr='#004bf5',GradientType=0 ); /* IE6-9 */                    
}
.lavaLamp li a {
    font: 13px Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #7a7a7a;
    outline: none;
    text-align: center;
    line-height: 27px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    height: 30px;
    position: relative;
    overflow: hidden;
    padding:0 9px;
}
						  
.lavaLamp li a:hover, .lavaLamp li a:active/*, .lavaLamp li a:visited*/ {
    border: none;
	color:#fff;
}  
.lavaLamp .current a {color:#fff; } 
#servnav { 	background:url(../images/serv-nav.gif) no-repeat; 
			width:960px; 
			height:25px;
			margin-bottom:20px; 
			padding:40px 20px 10px 20px;
}
#home-content {
	border-top:1px solid #373737;
	border-bottom:	1px solid #484848;
	padding: 24px 0;
	margin:45px 0 35px 0;
}
a.item1 {
	margin-right:18px;
	border-right:1px solid #373737;
	position: relative;
	padding-left: 75px;
}
a.item1 .img{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 60px;
	background:url(../images/home-items.png) no-repeat 0 0;
}
a.item2 {
	margin-right:18px;
	border-right:1px solid #373737;
	position: relative;
	padding-left: 65px;
}
a.item2 .img{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 60px;
	background:url(../images/home-items.png) no-repeat -12px -187px;
}
a.item3 {
	position: relative;
	padding-left: 90px;
}
a.item3 .img{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 60px;
	background:url(../images/home-items.png) no-repeat 0 -96px;
}
#home-content a .img {
	opacity: .4;
}
#home-content a .img:hover {
	opacity: 1;
}
#home-content a:link, #home-content a:visited{
	color:#ffffff;
	width:230px;
	float:left;
	display:block;
	text-decoration:none;
}
#home-content a:hover,#home-content a:hover h2.header{
	color:#FCD263;
}
.item1 h2.header {
	width:173px;
	height:23px;
}

	.item2 h2.header {
	width:167px;
	height:23px;
}

	.item3 h2.header {
	width:132px;
	height:23px;
}
h2.header {
	margin-bottom:10px;
	font: 22px/24px "BebasRegular", sans-serif !important;
}

.rollover_img {
width: 242px;
height: 61px;
background-position: top;
font:13px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
margin:0 10px 10px 0;
overflow:hidden;
}

.rollover_img a {
color: #fff;
width: 242px;
height: 61px;
display: block;
text-decoration: none;
}

.rollover_img a:hover {
opacity:.80;
filter:alpha(opacity=80);
background:#000;
}

.rollover_img a span {
/*display: none;*/
display: block;
width:242px;
	color:#FFD61A;
	font-family: "BebasRegular";
	font-size:28px;
	margin-left:-300px;
padding:20px;
}

.rollover_img a:hover span {
	margin-left:0px;
}
#web{background-image: url(../images/web.jpg);}
#logos{background-image: url(../images/print.jpg);}
#print{background-image: url(../images/logos.jpg);}
#retou{background-image: url(../images/retou.jpg);}

.col {width:250px;}
.colmid {width:350px; margin:0 50px;}
.col2 { width:650px;}
#fl, .fl { float:left;}
#fr, .fr { float:right;}

.form input[type=submit]{
	border: none;
	text-transform: uppercase;
	background: blue;
	letter-spacing: 2px;
	color: #ffffff;
	padding: 0px 15px;
	line-height: 30px;
}
.form input[type=text], .form textarea{
	padding: 7px;
	width: 250px;
	border: none;
}
.form textarea{
	height: 125px;
}
.form span {
	width:200px; 
	display:inline-block;
	padding-right:50px;
	text-align:right;
	vertical-align:top;
	float: left;
}
.form h2 { width:100%;
	background: #000;
	padding-left:8px;
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, old safari */
	-moz-opacity: 0.8;       /* mozilla, netscape */
	opacity: 0.8;           /* fx, safari, opera */
}
.stylish-select .SSContainerDivWrapper {
        left:-9999px;
}
.stylish-select .SSContainerDivWrapper {
	margin:0;
	padding:0;
	width:264px;
	position:absolute;
	top:0 !important;
	left:0;
	z-index:2;
}

.stylish-select ul.newList {
	margin:0;
	padding:0 !important;
	list-style:none;
	color:#000;
	background:#fff;
	border:1px solid #ccc;
	overflow:auto;
	float: left;
	width: 262px;
}

.stylish-select ul.newList * {
	margin:0 !important;
	padding:0 !important;
}


.stylish-select ul.newList a {
	color: #000 !important;
	text-decoration:none;
	display:block;
	padding:3px 8px !important;
	font-size: 12px;
	font-weight: bolder !important;
}

.stylish-select .newListSelected {
	width:264px;
	color:#000;
	height:30px;
	float:left;
	background:url(select-bg.png) no-repeat #ffffff;
}
.stylish-select ul.newList li a:focus {
	-moz-outline-style: none;
	-webkit-outline-style: none;
}

.stylish-select .selectedTxt {
	width:250px;
	overflow:hidden;
	padding:0 0 0 6px;
	height:30px;
	position: relative;
	line-height: 30px;
	font-size: 12px;

}
.stylish-select .selectedTxt:after {
	content: '▾';
	font-size: 12px;
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 999;
	
}
.stylish-select #main .hiLite,.stylish-select #main .newListHover {
	cursor:default;
	color: #ffffff !important;
	background-color: #004bf5;
	font-weight: 100;
	background: rgb(21,104,237);
	background: -moz-linear-gradient(top, rgba(21,104,237,1) 1%, rgba(14,99,244,1) 39%, rgba(0,75,245,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(21,104,237,1)), color-stop(39%,rgba(14,99,244,1)), color-stop(100%,rgba(0,75,245,1)));
	background: -webkit-linear-gradient(top, rgba(21,104,237,1) 1%,rgba(14,99,244,1) 39%,rgba(0,75,245,1) 100%);
	background: -o-linear-gradient(top, rgba(21,104,237,1) 1%,rgba(14,99,244,1) 39%,rgba(0,75,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(21,104,237,1) 1%,rgba(14,99,244,1) 39%,rgba(0,75,245,1) 100%);
	background: linear-gradient(to bottom, rgba(21,104,237,1) 1%,rgba(14,99,244,1) 39%,rgba(0,75,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1568ed', endColorstr='#004bf5',GradientType=0 );
}

.stylish-select .newListDisabled {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

.stylish-select .newListItemDisabled {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

.stylish-select .newListOptionDisabled {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

.stylish-select .newListSelHover,
.stylish-select .newListSelFocus {
	background-position:0 -22px;
	cursor:default;
}

.stylish-select .newListOptionTitle {
	font-weight:bold;
}

.stylish-select .newListOptionTitle ul {
	margin:3px 0 0;
}

.stylish-select .newListOptionTitle li {
	font-weight:normal;
}

			
#toTop {
		
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
		z-index:9;
		font-size:9px;
}
/*BLOG*/
 .wp-pagenavi span.current {
	color:#E4D41F;
}
.entry-header .comments-link a {
	background-image:none !important;
    height: 25px !important;
    line-height: 25px !important;
	background-color:#000000 !important;
}
.entry-header .comments-link a:hover {
    background-color: #E6C227 !important;
    color: #000000 !important;
}
.entry-header .comments-link span{
	visibility:visible !important;
}
/* Footer */
#footer { position:relative;
margin-top: -132px;
	background: url(../images/bg-footer.jpg) repeat-x #2d74d3;
	color:#fff;
	font-family:Verdana, Arial, sans-serif;
	height:150px;
	clear:both;}


#footer a {color: #fff;
	text-decoration:none;}
#footer a:hover {color:#fff;
	text-decoration:underline;}
#footer a:visited {color:#fff;
	text-decoration:none;}

#footer p {margin:5px 0 10px 0;
	font-size:13px;}


#foot {width:1000px;
	margin:0 auto;
	height:132px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#foot hr { background:url(../images/foot_hr.jpg) repeat-x;
	float:left;
	height:2px;
	margin:20px 0;
	width:100%;
	border:none; }

#foot #left {width:500px;float:left;}
#foot #right {width:250px;float:right;text-align:right;} 
.foottop {	
			background:url(../images/bg-footer-top.png) no-repeat;
			position: absolute;
			height:178px;
			width:1014px;
			margin:0 auto;
			bottom:150px;
			z-index:2;
			}

.copy{font-size:10px; margin-top:-15px;}


.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a.theme{
	width:62px;
	height:62px;
	display:block;
	position:absolute;
	top:7px;
	right:0;
	background: url(../images/logo.png) no-repeat 0 -234px transparent;
}
a.theme:hover{
	background-position:0 -306px
}
a.theme span{
	/*display:none;*/
	position:absolute;
	top:12px;
	right:60px;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
	width:60px;
	height:17px;
	overflow:hidden;
}
a.theme:hover span{
	display:block;
}