body {

background: #000000 url(../images/bg_cshead.jpg) no-repeat center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
min-height: 800px;
color: #FFF;

}

.head {
    
width: 960px;
margin: 10px auto 0;
    
}

.head .logo {float: left;}

a {

color: #DEDEDE;

text-decoration: none;

}

a:hover {

color: #A1E5FF;

}

a:visited {
 
color: #A7A7A7;

}

/* Menu */

*{
    margin:0;
    padding:0;
}
body {
    font:14px/1.3 Arial,sans-serif;
    background-color: #000000;
}
header {
    background-color:#212121;
    box-shadow: 0 -1px 2px #111111;
    color:#fff;
    display:block;
    height:70px;
    position:relative;
    width:100%;
    z-index:100;
}
header h2{
    font-size:22px;
    font-weight:normal;
    left:50%;
    margin-left:-400px;
    padding:22px 0;
    position:absolute;
    width:540px;
}
header a.stuts,a.stuts:visited{
    border:none;
    text-decoration:none;
    color:#fcfcfc;
    font-size:14px;
    left:50%;
    line-height:31px;
    margin:23px 0 0 110px;
    position:absolute;
    top:0;
}
header .stuts span {
    font-size:22px;
    font-weight:bold;
    margin-left:5px;
}
.menu {
    margin: auto;
    width: 957px;
}

#nav,#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background: url('../images/menu_bg.png') no-repeat scroll 0 0 transparent;
    clear: both;
    font-size: 13px;
    height: 58px;
    padding: 0 0 0 9px;
    position: relative;
    width: 957px;
}
#nav ul {
    background-color: #222;
    border:1px solid #222;
    border-radius: 0 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    /*-moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;*/
}
#nav li {
    background: url('../images/menu_line.png') no-repeat scroll right 5px transparent;
    float: left;
    position: relative;
}
#nav li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: normal;
    height: 30px;
    padding: 23px 20px 0;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
}
#nav li:hover > a {
    color: #00B4FF;
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
    background: none repeat scroll 0 0 #121212;
    outline: 0 none;
}
#nav li:hover ul.subs {
    left: 0;
    top: 53px;
    width: 180px;

    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav ul li {
    background: none;
    width: 100%;
}
#nav ul li a {
    float: none;
}
#nav ul li:hover > a {
    background-color: #121212;
    color: #00B4FF;
}
#lavalamp {
    background: url('../images/lavalamp.png') no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 18px;
    position: absolute;
    top: 0px;
    width: 64px;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}

#nav li:nth-of-type(1):hover ~ #lavalamp {
    left: 18px;
}
#nav li:nth-of-type(2):hover ~ #lavalamp {
    left: 160px;
}
#nav li:nth-of-type(3):hover ~ #lavalamp {
    left: 350px;
}
#nav li:nth-of-type(4):hover ~ #lavalamp {
    left: 520px;
}
#nav li:nth-of-type(5):hover ~ #lavalamp {
    left: 705px;
}
#nav li:nth-of-type(6):hover ~ #lavalamp {
    left: 853px;
}
#nav li:nth-of-type(7):hover ~ #lavalamp {
    left: 490px;
}
#nav li:nth-of-type(8):hover ~ #lavalamp {
    left: 565px;
}

/* End of Menu */

/* Global Block */

.content {

width: 960px;
margin: auto;

}

/* End of Global Block */

/* Block 1 */

.block1 {

height: auto;
padding: 12px;
border-radius: 7px;
border: 1px ridge #0091b7;
background-color: #121212;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06),0 0 0 1px rgba(0,0,0,0.9),inset 0 0 5px rgba(0,0,0,0.4),0 3px 5px rgba(0,0,0,5.5),0 2px 0 1px rgba(0,0,0,0.5);
}

.block1-contacts {

margin-top: 30px;
height: auto;
padding: 12px;
border-radius: 7px;
border: 1px ridge #0091b7;
background-color: #121212;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06),0 0 0 1px rgba(0,0,0,0.9),inset 0 0 5px rgba(0,0,0,0.4),0 3px 5px rgba(0,0,0,5.5),0 2px 0 1px rgba(0,0,0,0.5);
}

.block2 {

margin-top: 30px;
height: auto;
padding: 12px;
border-radius: 7px;
border: 1px ridge #0091b7;
background-color: #121212;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06),0 0 0 1px rgba(0,0,0,0.9),inset 0 0 5px rgba(0,0,0,0.4),0 3px 5px rgba(0,0,0,5.5),0 2px 0 1px rgba(0,0,0,0.5);
}

.block2 p{

font-size: 18px;
color: #dbdbdb;

}

/* End of Block 1 */

/* H */

h1 {

text-align: center;
text-shadow: 0px 0px 50px #0085A9;
font-size: 26px;
padding-top: 10px;

}

h2 {

text-align: center;
text-shadow: 0px 0px 30px #0085A9;
font-size: 24px;
padding-top: 10px;

}

.h2_blog {text-align: left;}

h3 {

font-size: 20px;
text-shadow: 0px 0px 12px #0085A9;

}

h4 {

font-size: 20px;
text-shadow: 0px 0px 12px #0085A9;
text-align: center;

}

h5 {font-size: 18px; text-shadow: 0px 0px 12px #b60000; padding-bottom: 20px;}

h6 {font-size: 16px; text-transform: uppercase; color: red; text-shadow: 5px 3px 2px #000000;}

/* End of H */

/* links */

.links1 {

width: 590px;
text-align: center;
margin: 0 auto;

}

/* End of links */

/* Footer */

.footer {

background-color: #000000;

}

.content-footer {

width: 960px;
height: 165px;
margin: auto;

}

/* End of Footer */

/* Float Shadow */
.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

* Hover Shadow */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.imgblog {

width: 432px;
height: 423px; 
text-align: center;

}

.imgblog p {

font-size: 16px;
color: #8C8A8A;
font-style: italic;
text-align: left;
padding-top: 20px;

}

.imgfiles {

width: 300px;
height: 290px; 
text-align: center;

}

.imgfiles p {

font-size: 16px;
color: #8C8A8A;
font-style: italic;
text-align: left;
padding-top: 20px;

}

.imgfilesinside {

width: 432px;
height: 225px;
text-align: center;

}

.imgfilesinside p {

font-size: 16px;
color: #8C8A8A;
font-style: italic;
text-align: left;
padding-top: 20px;

}

/* other */

hr {

border:0;border-top:1px solid;
border-top-color:#070707;

}

/* End of other */

/* Grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Download_button */

@font-face{
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.html');
    src: url('websymbols/websymbols-regular-webfontd41d.html?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont-2.html') format('woff'),
        url('websymbols/websymbols-regular-webfont-3.html') format('truetype'),
        url('websymbols/websymbols-regular-webfont-4.html#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.a-btn{
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
	float: right;
    border-radius:50px;
    padding:10px 30px 10px 50px;
    position:relative;
    width: 170px;
    display:block;
    overflow:hidden;
    margin:10px;
    background:#fff;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(rgba(255,255,255,1),0),color-stop(rgba(246,246,246,1),0.74),color-stop(rgba(237,237,237,1),1));
    background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    background:linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 74%, rgba(237,237,237,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
}
.a-btn-green{
background: #cf0 !important;
}
.a-btn-symbol{
    font-family:'WebSymbolsRegular', cursive;
    color:#555;
    font-size:20px;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    position:absolute;
    left:20px;
    line-height:32px;
    -webkit-transition:opacity 0.3s ease-in-out;
    -moz-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
}
.a-btn-text{
    font-size:20px;
    color:#0091B7;
    line-height:16px;
    font-weight:bold;
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
    text-shadow:1px 1px 2px rgba(255,255,255,0.5);
    display:block;
}
.a-btn-slide-text{
    font-family:Arial, sans-serif;
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#555;
    text-shadow:0px 1px 1px rgba(255,255,255,0.9);
}
.a-btn-slide-icon{
    position:absolute;
    top:-30px;
    width:22px;
    height:22px;
    background:transparent url(../images/arrow_down.png) no-repeat top left;
    left:20px;
    opacity:0.4;
}
.a-btn:hover{
    background:#fff;
    -webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a-btn:hover .a-btn-symbol{
    opacity:0;
}
.a-btn:hover .a-btn-slide-icon{
    -webkit-animation:slideDown 0.9s linear infinite;
    -moz-animation:slideDown 0.9s linear infinite;
    animation:slideDown 0.9s linear infinite;
}
.a-btn:active{
    background:#a1ebff;
    -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
    box-shadow:0px 2px 2px rgba(0,0,0,0.6) inset, 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a-btn:active .a-btn-text{
    color:#fff;
    text-shadow:0px 1px 1px rgba(0,0,0,0.3);
}
.a-btn:active .a-btn-slide-text{
    color:rgba(0,0,0,0.4);
    text-shadow:none;
}
@keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-webkit-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-moz-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}

/* End of Download_button */

.leftblockins {
    
width: 70%;
float: left;
    
}

.rightblockins {
    
width: 30%;
height: 460px;
float: right;
/* margin-top: 15px; */
    
}

.clear {clear:both;}

.featuresblock {width: 70%; float: left;}
.versionblock {width:30%; float: right;}
.versionblock p {font-size: 16px; color: #c4c4c4;}
.versionblock p span {font-size: 15px; color: #0071d1;}

.quote {font-size: 14px!important; background: #212121; border: 1px solid #002129; padding: 10px; box-shadow: 2px 3px 2px #000;}
.quote:hover {background: #191919; color: #dcdcdc!important;}

.description_site {

width: 400px;
margin: 10px 20px;
float: left;
font-size: 12px;
text-align: justify;
background: #252525;
padding: 10px 15px;
border-radius: 30px 0px 30px 0px;
color: #FFF;

}

.description_site:hover {color: deepskyblue; background: #1f1f1f;}

.social {width: 140px; float: left;}
.social a {width: 35px; height: 35px; display: inline-block; margin: 10px 15px;}

/* Slow Hover Effect */
.slow-ease-out {-webkit-transition:all 0.30s ease-out;-moz-transition:all 0.30s ease-out;-ms-transition:all 0.30s ease-out;-o-transition:all 0.30s ease-out;transition:all 0.30s ease-out}
/* End Slow Hover Effect */

.no_vir {
    

    
}

.no_vir_text {
font-style: italic;    
}

.no_vir_link {
color: green !important;
font-weight: bold
}

.no_vir_link_2 {
color: #0071d1 !important;
font-weight: bold;
}