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

/* font */
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('fonts/Roboto_Slab/RobotoSlab-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('fonts/Roboto_Slab/RobotoSlab-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Thin';
  src: url('fonts/Roboto_Slab/RobotoSlab-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Light';
  src: url('fonts/Roboto_Slab/RobotoSlab-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Cyberella_Unicode';
  src: url('fonts/Cyberella_Unicode/AC-Cyberella_Unicode.otf') format('truetype'); 
}
@font-face {
  font-family: 'Fifindrel_Unicode';
  src: url('fonts/Fifindrel_Unicode/AC-Fifindrel_Unicode.otf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src:url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBoldItalic';
  src: url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('fonts/Open_Sans/OpenSans-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-LightItalic';
  src: url('fonts/Open_Sans/OpenSans-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Black';
  src: url('fonts/Raleway/Raleway-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('fonts/Raleway/Raleway-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraLigh';
  src: url('fonts/Raleway/Raleway-ExtraLigh.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Light';
  src: url('fonts/Raleway/Raleway-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Medium';
  src: url('fonts/Raleway/Raleway-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/Raleway/Raleway-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Thin';
  src: url('fonts/Raleway/Raleway-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-ThinItalic';
  src: url('fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('fonts/Roboto/Roboto-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url('fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-LightItalic';
  src: url('fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Italic';
  src: url('fonts/Roboto/Roboto-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BoldItalic';
  src: url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url('fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'GreatVibes-Regular';
  src: url('fonts/greatvibes/GreatVibes-Regular.otf') format('truetype'); 
}
@font-face {
  font-family: 'AC-Graduate';
  src: url('fonts/ACGraduate/AC-Graduate.ttf') format('truetype'); 
}
@font-face {
  font-family: 'ACQinfo';
  src: url('fonts/ACQinfo/ACQuinfo.otf') format('truetype'); 
}
@font-face {
  font-family: 'PlayfairDisplay-Regular';
  src: url('fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf') format('truetype'); 
}

/*slider*/
.slider .desc{
}
.slider .desc h2 {
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
	font-family: 'OpenSans-Regular', sans-serif;
	color:#fff;
	letter-spacing: 0.05em;
	font-weight:normal;
	text-shadow: 0px 0px 10px rgba(00, 00, 00, .5);
}
.slider .desc h3 {
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
	font-family: 'OpenSans-Regular', sans-serif;
	color:#fff;
	letter-spacing: 0.05em;
	font-weight:normal;
	text-shadow: 0px 0px 10px rgba(00, 00, 00, .5);
}
.slider .desc img {
	padding:10px;
	background-color:#0054a4;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
/*slider*/
/*whatisit*/
.whatisit {
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
	width:100%;
	position:relative;
}
.whatisit .item{
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
	background-color:#fff;
	position:relative;
}
.whatisit .item:nth-child(1){
	background-color:#f3f3f3;
}
.whatisit .item:nth-child(2) h3,
.whatisit .item:nth-child(2) h4{
	font-family: 'Roboto-Medium', sans-serif;
	color:#333;
	font-weight:normal;
	text-align:center;
}
.whatisit .item:nth-child(2) span{
	font-family: 'Roboto-Regular', sans-serif;
	color:#333;
	font-weight:normal;
	display:block;
	margin:auto;
}
.whatisit .item:nth-child(2) a{
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
	font-family: 'Roboto-Regular', sans-serif;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background-color:#ed2024;
	font-weight:normal;
	display:block;
}
.whatisit .item:nth-child(2) a:hover{
	background-color:#333;
}
/*whatisit*/
/*characteristics*/
.characteristics {
	width:100%;
	position:relative;
	background-color:#f2f3f3;
	z-index:2;
	display:inline-block;
}
.characteristics .bar{
	width:100%;
	position:relative;
}
.characteristics .bar h3{
	font-family: 'Roboto-Regular', sans-serif;
	color:#333;
	font-weight:normal;
	background: #f2f3f3;
}
.characteristics  .itemlist {
	width: 100%;
}
.characteristics  .item {
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
	position:relative;
	cursor:pointer;
}
.characteristics  .item  img{
	z-index:2;
}
.characteristics  .itemlist .item .triangleup {
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent; 
	  position:absolute;
	  left:0;
	  right:0;
	  margin:auto;
	  top:-250px;
	  #display:none;
	  z-index:3;
	  opacity:0;
}

@media all and (min-width: 1024px) {
.characteristics  .itemlist .item:hover .triangleup{
	top:-25px;
	opacity:1;
}
.characteristics  .itemlist .item:nth-child(1) .triangleup {
      border-bottom: 40px solid #484c50;
}
.characteristics  .itemlist .item:nth-child(2) .triangleup {
      border-bottom: 40px solid #51555a;
}
.characteristics  .itemlist .item:nth-child(3) .triangleup {
      border-bottom: 40px solid #64696f;
}
.characteristics  .itemlist .item:nth-child(4) .triangleup {
      border-bottom: 40px solid #777c83;
}
.characteristics  .itemlist .item:nth-child(5) .triangleup {
      border-bottom: 40px solid #888e96;
}
.characteristics  .itemlist .item:nth-child(6) .triangleup {
      border-bottom: 40px solid #999fa8;
}
}

.characteristics  .itemlist .item:nth-child(1):hover{
	#background-color:#484c50;
}
.characteristics  .itemlist .item:nth-child(2):hover{
	#background-color:#51555a;
}

.characteristics  .itemlist .item:nth-child(3):hover{
	#background-color:#64696f;
}

.characteristics  .itemlist .item:nth-child(4):hover{
	#background-color:#777c83;
}

.characteristics  .itemlist .item:nth-child(5):hover{
	#background-color:#888e96;
}

.characteristics  .itemlist .item:nth-child(6):hover{
	#background-color:#999fa8;
}
.characteristics  .itemlist .item h4{
	font-family: 'Roboto-Regular', sans-serif;
	color:#333;
	font-weight:normal;
}
/*characteristics*/
/*type*/
.type {
	width:100%;
	position:relative;
	background-color:#43464b;
	z-index:2;
	display:inline-block;
}
.type .bar{
	width:100%;
	position:relative;
}
.type .bar h3{
	font-family: 'Roboto-Regular', sans-serif;
	color:#f2f3f3;
	font-weight:normal;
	background: #43464b;
}
.type  .itemlist {
	width: 100%;
}
.type  .itemlist .item {
	position:relative;
}
.type  .itemlist .item:nth-child(1){
	background-color:#72b33e;
}
.type  .itemlist .item:nth-child(2){
	background-color:#9c4cbb;
}
.type  #new .item:nth-child(1){
	background-color:#19a1ef;
}
.type  #new .item:nth-child(2){
	background-color:#e28b1a;
}
.type  #new2 .item:nth-child(1){
	background-color:#af6893;
}
.type  #new2 .item:nth-child(2){
	background-color:#6968af;
}
.type  #new2 .item:nth-child(3){
	background-color:#6892af;
}
.type  #new2 .item:nth-child(4){
	background-color:#75af68;
}
.type  #new2 .item:nth-child(5){
	background-color:#af7868;
}
.type  .itemlist .item h4{
	font-family: 'Roboto-Regular', sans-serif;
	color:#f2f3f3;
	font-weight:normal;
}
.type  .itemlist .item:nth-child(1) .triangleup {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 40px solid #72b33e;
	  
	  position:absolute;
	  left:0;
	  right:0;
	  margin:auto;
	  top:-25px;
}
.type  .itemlist .item:nth-child(2) .triangleup {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 40px solid #9c4cbb;
	  
	  position:absolute;
	  left:0;
	  right:0;
	  margin:auto;
	  top:-25px;
}
.type  #new .item:nth-child(1) .triangleup {
	  border-bottom-color:#19a1ef;
}
.type  #new .item:nth-child(2) .triangleup {
      border-bottom-color:#e28b1a;
}
.type  #new2 .item .triangleup {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 40px solid #333;
	  
	  position:absolute;
	  left:0;
	  right:0;
	  margin:auto;
	  top:-25px;
}
.type  #new2 .item:nth-child(1) .triangleup {
      border-bottom-color:#af6893;
}
.type  #new2 .item:nth-child(2) .triangleup {
      border-bottom-color:#6968af;
}
.type  #new2 .item:nth-child(3) .triangleup {
      border-bottom-color:#6892af;
}
.type  #new2 .item:nth-child(4) .triangleup {
      border-bottom-color:#75af68;
}
.type  #new2 .item:nth-child(5) .triangleup {
      border-bottom-color:#af7868;
}
/*type*/
/*func*/
.func {
	width:100%;
	position:relative;
	z-index:2;
	display:inline-block;
	background-color:#f2f3f3;
	padding:0 0 5% 0 ;
}
.func .bar{
	width:100%;
	position:relative;
	background-color:#f2f3f3;
}
.func .bar h3{
	font-family: 'Roboto-Regular', sans-serif;
	color:#333;
	font-weight:normal;
	background: #f2f3f3;
}
.func  .itemlist {
	width: 100%;
}
.func  .itemlist .item {
	position:relative;
	vertical-align:top;
}
.func  .itemlist .item h4{
	font-family: 'Roboto-Regular', sans-serif;
	color:#43464b;
	font-weight:normal;
}


/*func*/
/*promo*/
.promo {
	width:100%;
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

	
	background-attachment: fixed;
	background-image: url(pics/promo.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	z-index:110;
}
.promo a{
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
	font-family: 'Roboto-Regular', sans-serif;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background-color:#ed2024;
	font-weight:normal;
	display:block;
}
.promo a:hover{
	background-color:#333;
}
/*promo*/
/*shots*/
.shots {
	width:100%;
	position:relative;
	z-index:2;
	display:inline-block;
	background-color:#fff;
}
.shots .bar{
	width:100%;
	position:relative;
	background-color:#77c013;
}
.shots .bar h3{
	font-family: 'Roboto-Regular', sans-serif;
	color:#f2f3f3;
	font-weight:normal;
	background: #77c013;
}
.shots .flexslider {
	margin:auto;
}
.shots .flex-caption  h5{
	font-family: 'Roboto-Regular', sans-serif;
	color:#333;
}
.shots .flex-caption  span{
	font-family: 'Roboto-Regular', sans-serif;
	color:#333;
}
.shots .flexslider .triangleup {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 40px solid #fff;
	  
	  position:absolute;
	  top:-25px;
}
/*shots*/
/*sys*/
.sys {
	width:100%;
	position:relative;
	z-index:2;
	display:inline-block;
	background-color:#f2f3f3;
}
.sys .bar{
	width:100%;
	position:relative;
	background-color:#f2f3f3;
}
.sys .bar h3{
	font-family: 'Roboto-Regular', sans-serif;
	color:#3f4246;
	font-weight:normal;
	background: #f2f3f3;
}

.sys #win8 {
	background-color:#01aef3;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	cursor:pointer;
}
.sys #macos {
	background-color:#fff;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	cursor:pointer;
}
.sys #linux {
	background-color:#fff;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	cursor:pointer;
}
.sys #win10 {
	background-color:#0063b1;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	cursor:pointer;
}
.sys #unix {
	background-color:#fff;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	cursor:pointer;
}
/*sys*/
/*blog*/
.blog {
	width:100%;
	position:relative;
	z-index:2;
	display:inline-block;
	background-color:#4287c3;
}
.blog .bar{
	width:100%;
	position:relative;
	background-color:#4287c3;
}
.blog .bar h3{
	font-family: 'Roboto-Regular', sans-serif;
	color:#f2f3f3;
	font-weight:normal;
	background: #4287c3;
}
.blog text {
	font-family: 'Roboto-Regular', sans-serif;
	color:#f2f3f3;
	font-weight:normal;
}
.blog text a{
	font-family: 'Roboto-Regular', sans-serif;
	color:#f2f3f3;
	font-weight:normal;
}
.blog text  #gotothink{
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
	font-family: 'Roboto-Regular', sans-serif;
	text-decoration:none;
	text-align:center;
	color:#f2f3f3;
	background-color:transparent;
	font-weight:normal;
	display:block;
	border:solid 1px #f2f3f3;
}
.blog text  #gotothink:hover{
	background-color:#333;
	border:solid 1px #333;
}
/*accordion*/
.blog   #accordion {
	display: block;
}
.blog   .ui-accordion {
	display: inline;
}
.blog   .ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin:  0;
	padding: .5em .5em .5em .7em;
}
.blog  .ui-state-default {
	#background: #ebebeb;
	color: #f2f3f3;
	border-top:solid 1px #4a93d3;
	border-bottom:solid 1px #3d7bb1;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.blog  .ui-state-default:first-child {
	border-top:none;
}
.blog  .ui-state-default:last-child {
	border-bottom:none;
}
.blog   #accordion h3 {
	font-weight: normal;
	font-family: 'Roboto-Regular', sans-serif;
}
.blog   #accordion h3 .time{
	text-align:center;
	font-weight: normal;
	font-family: 'Roboto-Light', sans-serif;
	display:block;
	position:absolute;
	left:0;
	top:0;
	margin:0;
	background-color:#ed2024;
}
.blog   #accordion h3 .descr{
	font-weight: normal;
	font-family: 'RobotoSlab-Regular', sans-serif;
	display:block;
}
.blog   .ui-accordion .ui-accordion-content {
	height: auto;
	color: #f2f3f3;
}
.blog   .ui-widget-content {
	display: inline-block;
	width: 95%;
	font-family: 'RobotoSlab-Regular', sans-serif;
	height: auto;
	margin: 0%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.blog   .ui-widget-header .ui-state-focus {
	background: #f2f3f3;
	color: #333;
}
.blog   .ui-state-active{
	background: #f2f3f3;
	color: #333;
}
.blog   .ui-state-hover {
	background: #f2f3f3;
	color: #333;
}
.blog .ui-state-focus>.time,
.blog .ui-state-active>.time, 
.blog .ui-state-hover>.time {
	color:#f2f3f3;
}
/*accordion*/
/*blog*/
/*contact*/
.contact {
	width:100%;
	position:relative;
	z-index:2;
	display:inline-block;
	background-color:#3f4246;
}
.contact .bar{
	width:100%;
	position:relative;
	background-color:#3f4246;
}
.contact .bar h3{
	font-family: 'Roboto-Regular', sans-serif;
	color:#f2f3f3;
	font-weight:normal;
	background: #3f4246;
}
.contact #form_section {
	display:block;
}
.contact .input{
	font-family: 'Roboto-Light', sans-serif;
	color: #fff;
	background-color: #3f4246;
	border:none;
	border-bottom: 1px solid rgba(255,255,255,0.5);;
}
.contact .button{
	font-family: 'Roboto-Regular', sans-serif;
	color: #fff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #3f4246;
	border: 1px solid rgba(255,255,255,0.75);
	cursor: pointer;
	padding: 15px;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.contact .button:hover{
	color: #3f4246;
	background-color: #f2f3f3;
	border: 1px solid #f2f3f3;
}
::-webkit-input-placeholder {
   color: rgba(255,255,255,.5);
}
:-moz-placeholder { /* Firefox 18- */
   color: rgba(255,255,255,.5);
}
::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,.5);  
}
:-ms-input-placeholder {  
	color: rgba(255,255,255,.5); 
}
.contact #response_contact {
	font-family: 'Roboto-Light', sans-serif;
	color: #fff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding:0 0 50px 0;
	width:75%;
}
.contact #response_contact a{
	color: #fff;
}
/*contact*/
@media all and (min-width: 1400px) {
/*slider*/
.slider {
	height:100vh;
	width:100%;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 100vh;
}
html[data-useragent*='Safari'] .slider{
    height: 800px;
} 
html[data-useragent*='IE'] .slider{
   height: 100vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 100vh;
}
.slider .desc{
	position:absolute;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.slider .desc h2 {
	font-size:4em;
	margin:20px 0px;
	padding:20px 0px;
	display: block;
}
.slider .desc h2 span{
	font-size:.7em;
	display: block;
}
.slider .desc h3 {
	font-size:2.5em;
	margin:0px 0px;
	padding:10px 0px;
	display: block;
}
/*slider*/
/*whatisit*/
.whatisit .item{
	display:inline-block;
	vertical-align:top;
	width:50%;
	height:650px;
}
.whatisit .item:nth-child(1) img{
	position:absolute;
	width:80%;
	min-width:750px;
	margin:auto;
	left:0;
	right:0;
	top:-35px;
	z-index:3;
}
.whatisit .item:nth-child(2) h3{
	margin:25px auto 25px auto;
	font-size:2.5em;
}
.whatisit .item:nth-child(2) h4{
	margin:0px auto 25px auto;
	font-size:1.25em;
}
.whatisit .item:nth-child(2) span{
	width:85%;
	font-size:1em;
}
.whatisit .item:nth-child(2) a{
	padding:2%;
	width:35%;
	margin:50px auto 25px auto;
	font-size:1.5em;
}
/*whatisit*/
/*characteristics*/
.characteristics .bar{
	height:200px;
}
.characteristics .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0px 100px 0 100px;
	font-size:3em;
}
.characteristics .bar h3 img{
	width:50px;
	margin-right:10px;
}
.characteristics  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.characteristics  .itemlist {
	display: table;
    table-layout: fixed;
}
.characteristics  .itemlist .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:75px 0;
}
.characteristics  .itemlist .item h4{
	font-size:1.25em;
	margin:auto;
	width:65%;
}
.characteristics  .itemlist .item  img{
	width:125px;
	margin:0 auto 25px auto;
}
/*characteristics*/
/*type*/
.type .bar{
	height:200px;
}
.type .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:3em;
}
.type .bar h3 img{
	width:50px;
	margin-right:10px;
}
.type  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.type  .itemlist {
	display: table;
    table-layout: fixed;
}
.type  .itemlist .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:75px 0;
}
.type  .itemlist .item h4{
	font-size:1.5em;
	margin:auto;
	width:80%;
}
.type  .itemlist .item  img{
	width:300px;
	margin:0 auto 25px auto;
}
.type  #new2 .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:50px 0;
}
.type  #new2 .item h4{
	font-size:1.5em;
	margin:auto;
	width:80%;
}
.type  #new2 .item  img{
	width:200px;
	margin:0 auto 25px auto;
}
/*type*/
/*func*/
.func .bar{
	height:200px;
}
.func .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:3em;
}
.func .bar h3 img{
	width:50px;
	margin-right:10px;
}
.func  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.func  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.func  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 25%;
	padding:25px 0;
}
.func  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:70%;
}
.func  .itemlist .item  img{
	width:150px;
	margin:0 auto 25px auto;
}

.func  #adva .item{
	text-align:center;
	display: inline-block;
    width: 33.3%;
	padding:25px 0;
}
.func  #adva .item h4{
	font-size:1em;
	margin:auto;
	width:60%;
}
.func  #adva .item  i{
	color:#ed1e14;

	font-size:3em;
	margin:0 auto 25px auto;
}
/*func*/	
/*promo*/
.promo {
	height:450px;
}
.promo a{
	display:block;
	padding:2%;
	#width:15%;
	min-height:25px;
	margin:auto;
	font-size:1.15em;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.promo a span{
	font-size:1.5em;
	display:block;
	margin:10px auto 0 auto;
}
.promo a i{
	display:block;
	
	margin:0 auto 20px auto;
	font-size:3em;

}
/*promo*/
/*shots*/
.shots .bar{
	height:200px;
}
.shots .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:3em;
}
.shots .bar h3 img{
	width:50px;
	margin-right:10px;
}
.shots  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.shots .flexslider .slides li  {
	margin:50px 0;
}
.shots .flexslider .slides li img {
	width:1200px;
	margin:auto;
}
.shots .flex-caption {
	width:1200px;
	margin:auto;
}
.shots .flex-caption  h5{
	font-size:1.25em;
}
.shots .flex-caption  span{
	font-size:.9em;
}
.shots .flexslider .triangleup {
	  left:100px;
}
/*shots*/
/*sys*/
.sys .bar{
	height:200px;
}
.sys .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:2.5em;
}
.sys .bar h3 img{
	width:50px;
	margin-right:10px;
}
.sys  .bar:before {
  	background: #3f4246;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.sys .itemlist{
	width:1180px;
	margin:auto;
}
.sys #win8 {
	width:469px;
	height:218px;
	margin:0 50px 50px 0;
	padding:5px;
}
.sys #macos {
	width:161px;
	height:218px;
	margin:0 50px 50px 0;
	padding:5px;
}
.sys #linux {
	width:400px;
	height:218px;
	margin:0 0 50px 0;
	padding:5px;
}
.sys #win10 {
	width:469px;
	height:218px;
	margin:0 50px 50px 0;
	padding:5px;
}
.sys #unix {
	width:621px;
	height:218px;
	margin:0 0 50px 0;
	padding:5px;
}
/*sys*/
/*blog*/
.blog .bar{
	height:100px;
}
.blog .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 25px 0 50px;
	font-size:2em;
}
.blog .bar h3 img{
	width:180px;
	#margin-right:10px;
}
.blog  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.blog text h4{
	font-size:2em;
}
.blog text {
	font-size:1em;
	display: block;
	width:75%;
	margin:0 auto 100px auto;
}
.blog text #gotothink{
	padding:1%;
	width:15%;
	margin:15px auto 10px auto;
	font-size:1em;
}
/*accordion*/
.blog   #accordion {
	width:55%;
	margin:0 auto 50px auto;
}
.blog   .ui-accordion .ui-accordion-header {
	min-height: 75px;
}
.blog   #accordion h3 {
	font-size: 1.25em;
	padding-left:90px;
}
.blog   #accordion h3 .time{
	width:75px;
	height:100%;
	font-size: .65em;
}
.blog   #accordion h3 .time img{
	width:40px;
	display:block;
	margin:5px auto;
}
.blog   #accordion h3 .time span{
	font-size: 1em;
	margin:0;
}
.blog   #accordion h3 .descr{
	height:40px;
	overflow:hidden;
	font-size: .65em;
	margin-top:5px;
}
.blog   .ui-accordion .ui-accordion-content {
	font-size: .9em;
}
/*accordion*/
/*blog*/
/*contact*/
.contact .bar{
	height:200px;
}
.contact .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:3em;
}
.contact .bar h3 img{
	width:50px;
	margin-right:10px;
}
.contact  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.contact #form_section {
	width: 50%;
	margin:0px auto 50px auto;
}
.contact .input{
	font-size: 1em;
	padding: 5px 10px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact .button{
	font-size: .9em;
	margin-top: 1px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	width:100px;
	height:100px;
	text-align:center;
}
.contact #response_contact {
	font-size:1.25em;
}
/*contact*/
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
/*slider*/
.slider {
	height:100vh;
	width:100%;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 100vh;
}
html[data-useragent*='Safari'] .slider{
    height: 800px;
} 
html[data-useragent*='IE'] .slider{
   height: 100vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 100vh;
}
.slider .desc{
	position:absolute;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.slider .desc h2 {
	font-size:3.5em;
	margin:20px 0px;
	padding:20px 0px;
	display: block;
}
.slider .desc h2 span{
	font-size:.7em;
	display: block;
}
.slider .desc h3 {
	font-size:2em;
	margin:0px 0px;
	padding:10px 0px;
	display: block;
}
/*slider*/
/*whatisit*/
.whatisit .item{
	display:inline-block;
	vertical-align:top;
	width:50%;
	height:700px;
}
.whatisit .item:nth-child(1) img{
	position:absolute;
	width:80%;
	min-width:650px;
	margin:auto;
	left:0;
	right:0;
	top:-25px;
	z-index:3;
}
.whatisit .item:nth-child(2) h3{
	margin:25px auto 25px auto;
	font-size:2.5em;
}
.whatisit .item:nth-child(2) h4{
	margin:0px auto 25px auto;
	font-size:1.25em;
}
.whatisit .item:nth-child(2) span{
	width:85%;
	font-size:1em;
}
.whatisit .item:nth-child(2) a{
	padding:2%;
	width:50%;
	margin:50px auto 25px auto;
	font-size:1.5em;
}
/*whatisit*/
/*characteristics*/
.characteristics .bar{
	height:200px;
}
.characteristics .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 75px 0 75px;
	font-size:3em;
}
.characteristics .bar h3 img{
	width:50px;
	margin-right:10px;
}
.characteristics  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.characteristics  .itemlist {
	display: table;
    table-layout: fixed;
}
.characteristics  .itemlist .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:50px 0;
}
.characteristics  .itemlist .item h4{
	font-size:1.15em;
	margin:auto;
	width:75%;
}
.characteristics  .itemlist .item  img{
	width:125px;
	margin:0 auto 25px auto;
}
/*characteristics*/
/*type*/
.type .bar{
	height:200px;
}
.type .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:2.5em;
}
.type .bar h3 img{
	width:50px;
	margin-right:10px;
}
.type  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.type  .itemlist {
	display: table;
    table-layout: fixed;
}
.type  .itemlist .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:75px 0;
}
.type  .itemlist .item h4{
	font-size:1.25em;
	margin:auto;
	width:70%;
}
.type  .itemlist .item  img{
	width:300px;
	margin:0 auto 25px auto;
}
.type  #new2 .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:50px 0;
}
.type  #new2 .item h4{
	font-size:1.5em;
	margin:auto;
	width:80%;
}
.type  #new2 .item  img{
	width:200px;
	margin:0 auto 25px auto;
}
/*type*/
/*func*/
.func .bar{
	height:200px;
}
.func .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:3em;
}
.func .bar h3 img{
	width:50px;
	margin-right:10px;
}
.func  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.func  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.func  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 25%;
	padding:25px 0;
}
.func  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:70%;
}
.func  .itemlist .item  img{
	width:150px;
	margin:0 auto 25px auto;
}

.func  #adva .item{
	text-align:center;
	display: inline-block;
    width: 33.3%;
	padding:25px 0;
}
.func  #adva .item h4{
	font-size:1em;
	margin:auto;
	width:60%;
}
.func  #adva .item  i{
	color:#ed1e14;

	font-size:3em;
	margin:0 auto 25px auto;
}
/*func*/
/*promo*/
.promo {
	height:450px;
}
.promo a{
	display:block;
	padding:2%;
	margin:auto;
	font-size:1.5em;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.promo a span{
	font-size:1.5em;
	display:block;
	margin:10px auto 0 auto;
}
.promo a i{
	display:block;
	
	margin:0 auto 20px auto;
	font-size:3em;

}
/*promo*/
/*shots*/
.shots .bar{
	height:200px;
}
.shots .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:3em;
}
.shots .bar h3 img{
	width:50px;
	margin-right:10px;
}
.shots  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.shots .flexslider .slides li  {
	margin:50px 0;
}
.shots .flexslider .slides li img {
	width:1000px;
	margin:auto;
}
.shots .flex-caption {
	width:1000px;
	margin:auto;
}
.shots .flex-caption  h5{
	font-size:1.25em;
}
.shots .flex-caption  span{
	font-size:.9em;
}
.shots .flexslider .triangleup {
	  left:100px;
}
/*shots*/
/*sys*/
.sys .bar{
	height:200px;
}
.sys .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 50px 0 100px;
	font-size:2em;
}
.sys .bar h3 img{
	width:50px;
	margin-right:10px;
}
.sys  .bar:before {
  	background: #3f4246;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.sys .itemlist{
	width:944px;
	margin:auto;
}
.sys #win8 {
	width:375px;
	height:174px;
	margin:0 40px 40px 0;
	padding:5px;
}
.sys #macos {
	width:129px;
	height:174px;
	margin:0 40px 40px 0;
	padding:5px;
}
.sys #linux {
	width:320px;
	height:174px;
	margin:0 0 40px 0;
	padding:5px;
}
.sys #win10 {
	width:375px;
	height:174px;
	margin:0 40px 40px 0;
	padding:5px;
}
.sys #unix {
	width:497px;
	height:174px;
	margin:0 0 40px 0;
	padding:5px;
}
/*sys*/
/*blog*/
.blog .bar{
	height:100px;
}
.blog .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 25px 0 50px;
	font-size:3em;
}
.blog .bar h3 img{
	width:180px;
	#margin-right:10px;
}
.blog  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.blog text h4{
	font-size:2em;
}
.blog text {
	font-size:1em;
	display: block;
	width:75%;
	margin:0 auto 100px auto;
}
.blog text #gotothink{
	padding:1%;
	width:15%;
	margin:35px auto 10px auto;
	font-size:1em;
}
/*accordion*/
.blog   #accordion {
	width:65%;
	margin:0 auto 50px auto;
}
.blog   .ui-accordion .ui-accordion-header {
	min-height: 75px;
}
.blog   #accordion h3 {
	font-size: 1.25em;
	padding-left:90px;
}
.blog   #accordion h3 .time{
	width:75px;
	height:100%;
	font-size: .65em;
}
.blog   #accordion h3 .time img{
	width:40px;
	display:block;
	margin:5px auto;
}
.blog   #accordion h3 .time span{
	font-size: 1em;
	margin:0;
}
.blog   #accordion h3 .descr{
	height:40px;
	overflow:hidden;
	font-size: .65em;
	margin-top:5px;
}
.blog   .ui-accordion .ui-accordion-content {
	font-size: .9em;
}
/*accordion*/
/*blog*/
/*contact*/
.contact .bar{
	height:200px;
}
.contact .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 100px 0 100px;
	font-size:3em;
}
.contact .bar h3 img{
	width:50px;
	margin-right:10px;
}
.contact  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.contact #form_section {
	width: 50%;
	margin:0px auto 50px auto;
}
.contact .input{
	font-size: 1em;
	padding: 5px 10px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact .button{
	font-size: .9em;
	margin-top: 1px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	width:100px;
	height:100px;
	text-align:center;
}
.contact #response_contact {
	font-size:1.25em;
}
/*contact*/
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
/*slider*/
.slider {
	height:75vh;
	width:100%;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 75vh;
}
html[data-useragent*='Safari'] .slider{
    height: 650px;
} 
html[data-useragent*='IE'] .slider{
   height: 75vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 75vh;
}
.slider .desc{
	position:absolute;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.slider .desc h2 {
	font-size:3.5em;
	margin:10px 0px;
	padding:20px 0px;
	display: block;
}
.slider .desc h2 span{
	font-size:.7em;
	display: block;
}
.slider .desc h3 {
	font-size:2em;
	margin:0px auto;
	padding:5px 0px;
	display: block;
	width:60%;
}
/*slider*/
/*whatisit*/
.whatisit .item{
	display:inline-block;
	vertical-align:top;
	#height:500px;
	padding:20px 0;
}
.whatisit .item:nth-child(1){
	display:none;
}
.whatisit .item:nth-child(2){
	width:100%;
}
.whatisit .item:nth-child(2) h3{
	margin:25px auto 25px auto;
	font-size:2.5em;
}
.whatisit .item:nth-child(2) h4{
	margin:0px auto 25px auto;
	font-size:1.25em;
}
.whatisit .item:nth-child(2) span{
	width:85%;
	font-size:1em;
}
.whatisit .item:nth-child(2) a{
	padding:2%;
	width:35%;
	margin:50px auto 25px auto;
	font-size:1.5em;
}
/*whatisit*/
/*characteristics*/
.characteristics .bar{
	height:150px;
}
.characteristics .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:2.5em;
}
.characteristics .bar h3 img{
	width:50px;
	margin-right:10px;
}
.characteristics  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.characteristics  .itemlist {
	display: table;
    table-layout: fixed;
}
.characteristics  .itemlist .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:25px 0;
}
.characteristics  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:75%;
}
.characteristics  .itemlist .item  img{
	width:100px;
	margin:0 auto 25px auto;
}
/*characteristics*/
/*type*/
.type .bar{
	height:150px;
}
.type .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 25px 0 25px;
	font-size:2em;
}
.type .bar h3 img{
	width:50px;
	margin-right:10px;
}
.type  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.type  .itemlist {
	display: table;
    table-layout: fixed;
}
.type  .itemlist .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:50px 0;
}
.type  .itemlist .item h4{
	font-size:1.25em;
	margin:auto;
	width:70%;
}
.type  .itemlist .item  img{
	width:250px;
	margin:0 auto 25px auto;
}
.type  #new2 .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:25px 0;
}
.type  #new2 .item h4{
	font-size:1.25em;
	margin:auto;
	width:80%;
}
.type  #new2 .item  img{
	width:150px;
	margin:0 auto 25px auto;
}

/*type*/
/*func*/
.func .bar{
	height:150px;
}
.func .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:2.5em;
}
.func .bar h3 img{
	width:50px;
	margin-right:10px;
}
.func  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.func  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.func  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 25%;
	padding:25px 0;
}
.func  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:80%;
}
.func  .itemlist .item  img{
	width:150px;
	margin:0 auto 25px auto;
}

.func  #adva .item{
	text-align:center;
	display: inline-block;
    width: 50%;
	padding:25px 0;
}
.func  #adva .item h4{
	font-size:1em;
	margin:auto;
	width:60%;
}
.func  #adva .item  i{
	color:#ed1e14;

	font-size:3em;
	margin:0 auto 25px auto;
}
/*func*/
/*promo*/
.promo {
	height:400px;
}
.promo a{
	display:block;
	padding:2%;
	margin:auto;
	font-size:1.5em;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.promo a span{
	font-size:1.5em;
	display:block;
	margin:10px auto 0 auto;
}
.promo a i{
	display:block;
	
	margin:0 auto 20px auto;
	font-size:3em;

}
/*promo*/
/*shots*/
.shots .bar{
	height:150px;
}
.shots .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:2.5em;
}
.shots .bar h3 img{
	width:50px;
	margin-right:10px;
}
.shots  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.shots .flexslider .slides li  {
	margin:50px 0;
}
.shots .flexslider .slides li img {
	width:800px;
	margin:auto;
}
.shots .flex-caption {
	width:800px;
	margin:auto;
}
.shots .flex-caption  h5{
	font-size:1.25em;
}
.shots .flex-caption  span{
	font-size:.9em;
}
.shots .flexslider .triangleup {
	  left:50px;
}
/*shots*/
/*blog*/
.blog .bar{
	height:100px;
}
.blog .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 15px 0 25px;
	font-size:3em;
}
.blog .bar h3 img{
	width:180px;
	#margin-right:10px;
}
.blog  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.blog text h4{
	font-size:2em;
}
.blog text {
	font-size:1em;
	display: block;
	width:85%;
	margin:0 auto 100px auto;
}
.blog text #gotothink{
	padding:1%;
	width:15%;
	margin:35px auto 10px auto;
	font-size:1em;
}
/*accordion*/
.blog   #accordion {
	width:75%;
	margin:0 auto 50px auto;
}
.blog   .ui-accordion .ui-accordion-header {
	min-height: 75px;
}
.blog   #accordion h3 {
	font-size: 1.1em;
	padding-left:90px;
}
.blog   #accordion h3 .time{
	width:75px;
	height:100%;
	font-size: .65em;
}
.blog   #accordion h3 .time img{
	width:40px;
	display:block;
	margin:5px auto;
}
.blog   #accordion h3 .time span{
	font-size: 1.2em;
	margin:0;
	display:block;
}
.blog   #accordion h3 .descr{
	height:30px;
	overflow:hidden;
	font-size: .65em;
	margin-top:5px;
}
.blog   .ui-accordion .ui-accordion-content {
	font-size: .85em;
}
/*accordion*/
/*blog*/
/*contact*/
.contact .bar{
	height:150px;
}
.contact .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:2.5em;
}
.contact .bar h3 img{
	width:50px;
	margin-right:10px;
}
.contact  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.contact #form_section {
	width: 65%;
	margin:0px auto 50px auto;
}
.contact .input{
	font-size: 1em;
	padding: 5px 10px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact .button{
	font-size: .9em;
	margin-top: 1px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	width:100px;
	height:100px;
	text-align:center;
}
.contact #response_contact {
	font-size:1.25em;
}
/*contact*/
/*sys*/
.sys .bar{
	height:150px;
}
.sys .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:1.75em;
}
.sys .bar h3 img{
	width:50px;
	margin-right:10px;
}
.sys  .bar:before {
  	background: #3f4246;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.sys .itemlist{
	width:944px;
	margin:auto;
}
.sys #win8 {
	width:375px;
	height:174px;
	margin:0 40px 40px 0;
	padding:5px;
}
.sys #macos {
	width:129px;
	height:174px;
	margin:0 40px 40px 0;
	padding:5px;
}
.sys #linux {
	width:320px;
	height:174px;
	margin:0 0 40px 0;
	padding:5px;
}
.sys #win10 {
	width:375px;
	height:174px;
	margin:0 40px 40px 0;
	padding:5px;
}
.sys #unix {
	width:497px;
	height:174px;
	margin:0 0 40px 0;
	padding:5px;
}
/*sys*/
}

@media all and (min-width: 768px) and (max-width: 1023px) {
/*slider*/
.slider {
	height:65vh;
	width:100%;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 65vh;
}
html[data-useragent*='Safari'] .slider{
    height: 500px;
} 
html[data-useragent*='IE'] .slider{
   height: 65vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 65vh;
}
.slider .desc{
	position:absolute;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.slider .desc h2 {
	font-size:3.5em;
	margin:10px 0px;
	padding:20px 0px;
	display: block;
}
.slider .desc h2 span{
	font-size:.7em;
	display: block;
}
.slider .desc h3 {
	font-size:2em;
	margin:0px auto;
	padding:5px 0px;
	display: block;
	width:80%;
}
/*slider*/
/*whatisit*/
.whatisit .item{
	display:inline-block;
	vertical-align:top;
	#height:500px;
	padding:20px 0;
}
.whatisit .item:nth-child(1){
	display:none;
}
.whatisit .item:nth-child(2){
	width:100%;
}
.whatisit .item:nth-child(2) h3{
	margin:25px auto 25px auto;
	font-size:2em;
}
.whatisit .item:nth-child(2) h4{
	margin:0px auto 25px auto;
	font-size:1.25em;
}
.whatisit .item:nth-child(2) span{
	width:85%;
	font-size:.9em;
}
.whatisit .item:nth-child(2) a{
	padding:2%;
	width:35%;
	margin:50px auto 25px auto;
	font-size:1.25em;
}
/*whatisit*/
/*characteristics*/
.characteristics .bar{
	height:150px;
}
.characteristics .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:2.25em;
}
.characteristics .bar h3 img{
	width:50px;
	margin-right:10px;
}
.characteristics  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.characteristics  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.characteristics  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 49%;	
	height:200px;
	padding:25px 0;
	vertical-align:top;
}
.characteristics  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:75%;
}
.characteristics  .itemlist .item  img{
	width:100px;
	margin:0 auto 25px auto;
}
/*characteristics*/
/*type*/
.type .bar{
	height:150px;
}
.type .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 5px 0 5px;
	font-size:1.75em;
}
.type .bar h3 img{
	width:50px;
	margin-right:10px;
}
.type  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.type  .itemlist {
	display: table;
    table-layout: fixed;
}
.type  .itemlist .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:25px 0;
}
.type  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:70%;
}
.type  .itemlist .item  img{
	width:200px;
	margin:0 auto 25px auto;
}
#section35 .bar h3{
	position:absolute;
	left:0px;
	top:30px;
	margin:0;
	padding:0 5px 0 5px;
	font-size:1.25em;
}
.type  #new2 .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:25px 0;
}
.type  #new2 .item h4{
	font-size:1em;
	margin:auto;
	width:90%;
}
.type  #new2 .item  img{
	width:100px;
	margin:0 auto 25px auto;
}
/*type*/
/*func*/
.func .bar{
	height:150px;
}
.func .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:2.25em;
}
.func .bar h3 img{
	width:50px;
	margin-right:10px;
}
.func  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.func  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.func  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 33.3%;
	padding:25px 0;
}
.func  .itemlist .item h4{
	font-size:.9em;
	margin:auto;
	width:95%;
}
.func  .itemlist .item  img{
	width:100px;
	margin:0 auto 25px auto;
}

.func  #adva .item{
	text-align:center;
	display: inline-block;
    width: 50%;
	padding:25px 0;
}
.func  #adva .item h4{
	font-size:1em;
	margin:auto;
	width:60%;
}
.func  #adva .item  i{
	color:#ed1e14;

	font-size:3em;
	margin:0 auto 25px auto;
}
/*func*/
/*promo*/
.promo {
	height:400px;
}
.promo a{
	display:block;
	padding:2%;
	margin:auto;
	font-size:1.5em;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.promo a span{
	font-size:1.5em;
	display:block;
	margin:10px auto 0 auto;
}
.promo a i{
	display:block;
	
	margin:0 auto 20px auto;
	font-size:3em;

}
/*promo*/
/*shots*/
.shots .bar{
	height:150px;
}
.shots .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:2.25em;
}
.shots .bar h3 img{
	width:50px;
	margin-right:10px;
}
.shots  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.shots .flexslider .slides li  {
	margin:50px 0;
}
.shots .flexslider .slides li img {
	width:600px;
	margin:auto;
}
.shots .flex-caption {
	width:600px;
	margin:auto;
}
.shots .flex-caption  h5{
	font-size:1em;
}
.shots .flex-caption  span{
	font-size:.8em;
}
.shots .flexslider .triangleup {
	  left:50px;
}
/*shots*/
/*sys*/
.sys .bar{
	height:150px;
}
.sys .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 25px 0 50px;
	font-size:1.25em;
}
.sys .bar h3 img{
	width:50px;
	margin-right:5px;
}
.sys  .bar:before {
  	background: #3f4246;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.sys .itemlist{
	width:661px;
	margin:auto;
}
.sys #win8 {
	width:263px;
	height:122px;
	margin:0 28px 28px 0;
	padding:4px;
}
.sys #macos {
	width:90px;
	height:122px;
	margin:0 28px 28px 0;
	padding:4px;
}
.sys #linux {
	width:224px;
	height:122px;
	margin:0 0 28px 0;
	padding:4px;
}
.sys #win10 {
	width:263px;
	height:122px;
	margin:0 28px 28px 0;
	padding:4px;
}
.sys #unix {
	width:348px;
	height:122px;
	margin:0 0 28px 0;
	padding:4px;
}
/*sys*/
/*blog*/
.blog .bar{
	height:100px;
}
.blog .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 5px 0 25px;
	font-size:3em;
}
.blog .bar h3 img{
	width:180px;
	#margin-right:10px;
}
.blog  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.blog text h4{
	font-size:2em;
}
.blog text {
	font-size:1em;
	display: block;
	width:85%;
	margin:0 auto 100px auto;
}
.blog text #gotothink{
	padding:1%;
	width:20%;
	margin:35px auto 10px auto;
	font-size:1em;
}
/*accordion*/
.blog   #accordion {
	width:90%;
	margin:0 auto 50px auto;
}
.blog   .ui-accordion .ui-accordion-header {
	min-height: 75px;
}
.blog   #accordion h3 {
	font-size: 1.1em;
	padding-left:90px;
}
.blog   #accordion h3 .time{
	width:75px;
	height:100%;
	font-size: .65em;
}
.blog   #accordion h3 .time img{
	width:40px;
	display:block;
	margin:5px auto;
}
.blog   #accordion h3 .time span{
	font-size: 1.2em;
	margin:0;
	display:block;
}
.blog   #accordion h3 .descr{
	height:30px;
	overflow:hidden;
	font-size: .65em;
	margin-top:5px;
}
.blog   .ui-accordion .ui-accordion-content {
	font-size: .85em;
}
/*accordion*/
/*blog*/
/*contact*/
.contact .bar{
	height:150px;
}
.contact .bar h3{
	position:absolute;
	left:0px;
	top:40px;
	margin:0;
	padding:0 50px 0 50px;
	font-size:2.25em;
}
.contact .bar h3 img{
	width:50px;
	margin-right:10px;
}
.contact  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 75px;
  	width: 100%;
}
.contact #form_section {
	width: 75%;
	margin:0px auto 50px auto;
}
.contact .input{
	font-size: 1em;
	padding: 5px 10px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact .button{
	font-size: .9em;
	margin-top: 1px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	width:100px;
	height:100px;
	text-align:center;
}
.contact #response_contact {
	font-size:1em;
}
/*contact*/
}

@media all and (min-width: 600px) and (max-width: 767px) {
/*slider*/
.slider {
	height:55vh;
	width:100%;
	position:relative;
}
html[data-useragent*='Firefox'] .slider{
    height: 55vh;
}
html[data-useragent*='Safari'] .slider{
    height: 500px;
} 
html[data-useragent*='IE'] .slider{
   height: 55vh;
} 
html[data-useragent*='Chrome'] .slider{
    height: 55vh;
}
.slider .desc{
	position:absolute;
	top:20%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.slider .desc h2 {
	font-size:3.5em;
	margin:10px 0px;
	padding:20px 0px;
	display: block;
}
.slider .desc h2 span{
	font-size:.7em;
	display: block;
}
.slider .desc h3 {
	font-size:2em;
	margin:0px auto;
	padding:5px 0px;
	display: block;
	width:60%;
}
/*slider*/
/*whatisit*/
.whatisit .item{
	display:inline-block;
	vertical-align:top;
	#height:500px;
	padding:20px 0;
}
.whatisit .item:nth-child(1){
	display:none;
}
.whatisit .item:nth-child(2){
	width:100%;
}
.whatisit .item:nth-child(2) h3{
	margin:25px auto 25px auto;
	font-size:2em;
}
.whatisit .item:nth-child(2) h4{
	margin:0px auto 25px auto;
	font-size:1.25em;
	width:90%;
}
.whatisit .item:nth-child(2) span{
	width:85%;
	font-size:.9em;
}
.whatisit .item:nth-child(2) a{
	padding:2%;
	width:35%;
	margin:50px auto 25px auto;
	font-size:1.25em;
}
/*whatisit*/
/*characteristics*/
.characteristics .bar{
	height:100px;
}
.characteristics .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:2em;
	height:75%;
}
.characteristics .bar h3 img{
	width:35px;
	margin-right:10px;
}
.characteristics  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.characteristics  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.characteristics  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 49%;	
	height:175px;
	padding:15px 0;
	vertical-align:top;
}
.characteristics  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:85%;
}
.characteristics  .itemlist .item  img{
	width:75px;
	margin:0 auto 25px auto;
}
/*characteristics*/
/*type*/
.type .bar{
	height:100px;
}
.type .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 5px 0 5px;
	font-size:1.5em;
	height:75%;
}
.type .bar h3 img{
	width:35px;
	margin-right:10px;
}
.type  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.type  .itemlist {
	display: table;
    table-layout: fixed;
}
.type  .itemlist .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:25px 0;
}
.type  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:70%;
}
.type  .itemlist .item  img{
	width:175px;
	margin:0 auto 25px auto;
}

#section35 .bar h3{
	position:absolute;
	left:0px;
	top:20px;
	margin:0;
	padding:0 5px 0 5px;
	font-size:1.25em;
}
.type  #new2 .item{
	text-align:center;
	display: table-cell;
    width: 100%;
	padding:15px 0;
}
.type  #new2 .item h4{
	font-size:.8em;
	margin:auto;
	width:90%;
}
.type  #new2 .item  img{
	width:75px;
	margin:0 auto 25px auto;
}
/*type*/
/*func*/
.func .bar{
	height:100px;
}
.func .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:2em;
	height:75%;
}
.func .bar h3 img{
	width:35px;
	margin-right:10px;
}
.func  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.func  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.func  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 33.3%;
	padding:25px 0;
}
.func  .itemlist .item h4{
	font-size:.9em;
	margin:auto;
	width:95%;
}
.func  .itemlist .item  img{
	width:100px;
	margin:0 auto 25px auto;
}

.func  #adva .item{
	text-align:center;
	display: inline-block;
    width: 50%;
	padding:25px 0;
}
.func  #adva .item h4{
	font-size:1em;
	margin:auto;
	width:60%;
}
.func  #adva .item  i{
	color:#ed1e14;

	font-size:3em;
	margin:0 auto 25px auto;
}
/*func*/
/*promo*/
.promo {
	width:100%;
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

	background-attachment: fixed;
	background-image: url(pics/promo.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:110;
	height:350px;
}
.promo a{
	display:block;
	padding:2%;
	margin:auto;
	font-size:1.1em;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.promo a span{
	font-size:1.5em;
	display:block;
	margin:10px auto 0 auto;
}
.promo a i{
	display:block;
	
	margin:0 auto 20px auto;
	font-size:2em;

}
/*promo*/
/*shots*/
.shots .bar{
	height:100px;
}
.shots .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:2em;
	height:75%;
}
.shots .bar h3 img{
	width:35px;
	margin-right:10px;
}
.shots  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.shots .flexslider .slides li  {
	margin:50px 0;
}
.shots .flexslider .slides li img {
	width:500px;
	margin:auto;
}
.shots .flex-caption {
	width:500px;
	margin:auto;
}
.shots .flex-caption  h5{
	font-size:1em;
}
.shots .flex-caption  span{
	font-size:.8em;
}
.shots .flexslider .triangleup {
	  left:25px;
}
/*shots*/
/*sys*/
.sys .bar{
	height:100px;
}
.sys .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 5px 0 25px;
	font-size:1.1em;
	height:75%;
}
.sys .bar h3 img{
	width:35px;
	margin-right:5px;
}
.sys  .bar:before {
  	background: #3f4246;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 55%;
  	width: 100%;
}
.sys .itemlist{
	width:529px;
	margin:auto;
}
.sys #win8 {
	width:210px;
	height:98px;
	margin:0 22px 22px 0;
	padding:4px;
}
.sys #macos {
	width:72px;
	height:98px;
	margin:0 22px 22px 0;
	padding:4px;
}
.sys #linux {
	width:179px;
	height:98px;
	margin:0 0 22px 0;
	padding:4px;
}
.sys #win10 {
	width:210px;
	height:98px;
	margin:0 22px 22px 0;
	padding:4px;
}
.sys #unix {
	width:278px;
	height:98px;
	margin:0 0 22px 0;
	padding:4px;
}
/*sys*/
/*blog*/
.blog .bar{
	height:100px;
}
.blog .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 5px 0 25px;
	font-size:3em;
}
.blog .bar h3 img{
	width:180px;
	#margin-right:10px;
}
.blog  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.blog text h4{
	font-size:1.75em;
}
.blog text {
	font-size:1em;
	display: block;
	width:85%;
	margin:0 auto 100px auto;
}
.blog text #gotothink{
	padding:1%;
	width:40%;
	margin:35px auto 10px auto;
	font-size:1em;
}
/*accordion*/
.blog   #accordion {
	width:95%;
	margin:0 auto 50px auto;
}
.blog   .ui-accordion .ui-accordion-header {
	min-height: 75px;
}
.blog   #accordion h3 {
	font-size: 1em;
	padding-left:90px;
}
.blog   #accordion h3 .time{
	width:75px;
	height:100%;
	font-size: .65em;
}
.blog   #accordion h3 .time img{
	width:40px;
	display:block;
	margin:5px auto;
}
.blog   #accordion h3 .time span{
	font-size: 1.2em;
	margin:0;
	display:block;
}
.blog   #accordion h3 .descr{
	height:30px;
	overflow:hidden;
	font-size: .65em;
	margin-top:5px;
}
.blog   .ui-accordion .ui-accordion-content {
	font-size: .7em;
}
/*accordion*/
/*blog*/
/*contact*/
.contact .bar{
	height:100px;
}
.contact .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:2em;
	height:75%;
}
.contact .bar h3 img{
	width:35px;
	margin-right:10px;
}
.contact  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.contact #form_section {
	width: 75%;
	margin:0px auto 50px auto;
}
.contact .input{
	font-size: 1em;
	padding: 5px 10px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact .button{
	font-size: .9em;
	margin-top: 1px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	width:100px;
	height:100px;
	text-align:center;
}
.contact #response_contact {
	font-size:1em;
}
/*contact*/
}

@media all and (min-width: 450px) and (max-width: 599px) {
/*slider*/
.slider {
	height:400px;
	width:100%;
	position:relative;
}
.slider .desc{
	position:absolute;
	top:10%;
	left:0;
	right:0;
	margin:auto;
	width:90%;
	text-align:center;
}
.slider .desc h2 {
	font-size:2.5em;
	margin:10px 0px;
	padding:20px 0px;
	display: block;
}
.slider .desc h2 span{
	font-size:.7em;
	display: block;
}
.slider .desc h3 {
	font-size:1.5em;
	margin:0px auto;
	padding:5px 0px;
	display: block;
	width:90%;
}
.slider .desc img {
	width: 150px;
}
/*slider*/
/*whatisit*/
.whatisit .item{
	display:inline-block;
	vertical-align:top;
	#height:500px;
	padding:20px 0;
}
.whatisit .item:nth-child(1){
	display:none;
}
.whatisit .item:nth-child(2){
	width:100%;
}
.whatisit .item:nth-child(2) h3{
	margin:25px auto 25px auto;
	font-size:1.75em;
}
.whatisit .item:nth-child(2) h4{
	margin:0px auto 25px auto;
	font-size:1.25em;
	width:90%;
}
.whatisit .item:nth-child(2) span{
	width:90%;
	font-size:.8em;
}
.whatisit .item:nth-child(2) a{
	padding:2%;
	width:45%;
	margin:50px auto 25px auto;
	font-size:1.25em;
}
/*whatisit*/
/*characteristics*/
.characteristics .bar{
	height:100px;
}
.characteristics .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:1.5em;
	height:75%;
}
.characteristics .bar h3 img{
	width:35px;
	margin-right:10px;
}
.characteristics  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.characteristics  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.characteristics  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 50%;	
	height:175px;
	padding:15px 0;
	vertical-align:top;
}
.characteristics  .itemlist .item h4{
	font-size:.85em;
	margin:auto;
	width:85%;
}
.characteristics  .itemlist .item  img{
	width:75px;
	margin:0 auto 25px auto;
}
/*characteristics*/
/*type*/
.type .bar{
	height:100px;
}
.type .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:1.5em;
	height:75%;
}
.type .bar h3 img{
	width:35px;
	margin-right:10px;
}
.type  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.type  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.type  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 100%;	
	padding:25px 0;
}
.type  .itemlist .item h4{
	font-size:1em;
	margin:auto;
	width:70%;
}
.type  .itemlist .item  img{
	width:150px;
	margin:0 auto 25px auto;
}
.type  .itemlist .item .triangleup {
	display:none;
}

#section35 .bar h3{
	position:absolute;
	left:0px;
	top:20px;
	margin:0;
	padding:0 5px 0 5px;
	font-size:1.25em;
}
/*type*/
/*func*/
.func .bar{
	height:100px;
}
.func .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:1.5em;
	height:75%;
}
.func .bar h3 img{
	width:35px;
	margin-right:10px;
}
.func  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.func  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.func  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 50%;
	padding:25px 0;
}
.func  .itemlist .item h4{
	font-size:.9em;
	margin:auto;
	width:95%;
}
.func  .itemlist .item  img{
	width:100px;
	margin:0 auto 25px auto;
}

.func  #adva .item{
	text-align:center;
	display: block;
    width: 100%;
	padding:25px 0;
}
.func  #adva .item h4{
	font-size:1em;
	margin:auto;
	width:60%;
}
.func  #adva .item  i{
	color:#ed1e14;

	font-size:3em;
	margin:0 auto 25px auto;
}
/*func*/
/*promo*/
.promo {
	width:100%;
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

	background-attachment: fixed;
	background-image: url(pics/promo.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:110;
	height:300px;
}
.promo a{
	display:block;
	padding:3%;
	margin:auto;
	font-size:1em;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.promo a span{
	font-size:1.5em;
	display:block;
	margin:10px auto 0 auto;
}
.promo a i{
	display:block;
	
	margin:0 auto 20px auto;
	font-size:2em;

}
/*promo*/
/*shots*/
.shots .bar{
	height:100px;
}
.shots .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:1.5em;
	height:75%;
}
.shots .bar h3 img{
	width:35px;
	margin-right:10px;
}
.shots  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.shots .flexslider .slides li  {
	margin:50px 0;
}
.shots .flexslider .slides li img {
	width:400px;
	margin:auto;
}
.shots .flex-caption {
	width:400px;
	margin:auto;
}
.shots .flex-caption  h5{
	font-size:1em;
}
.shots .flex-caption  span{
	font-size:.7em;
}
.shots .flexslider .triangleup {
	  left:25px;
}
/*shots*/
/*sys*/
.sys .bar{
	height:100px;
}
.sys .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 5px 0 5px;
	font-size:1em;
	height:75%;
}
.sys .bar h3 img{
	width:35px;
	margin-right:5px;
}
.sys  .bar:before {
  	background: #3f4246;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.sys .itemlist{
	width:423px;
	margin:auto;
}
.sys #win8 {
	width:168px;
	height:78px;
	margin:0 18px 18px 0;
	padding:3px;
}
.sys #macos {
	width:58px;
	height:78px;
	margin:0 18px 18px 0;
	padding:3px;
}
.sys #linux {
	width:143px;
	height:78px;
	margin:0 0 18px 0;
	padding:3px;
}
.sys #win10 {
	width:168px;
	height:78px;
	margin:0 18px 18px 0;
	padding:3px;
}
.sys #unix {
	width:222px;
	height:78px;
	margin:0 0 18px	 0;
	padding:3px;
}
/*sys*/
/*blog*/
.blog .bar{
	height:100px;
}
.blog .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 5px 0 5px;
	font-size:3em;
}
.blog .bar h3 img{
	width:180px;
	#margin-right:10px;
}
.blog  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.blog text h4{
	font-size:1.75em;
}
.blog text {
	font-size:1em;
	display: block;
	width:85%;
	margin:0 auto 100px auto;
}
.blog text #gotothink{
	padding:1%;
	width:50%;
	margin:35px auto 10px auto;
	font-size:1em;
}
/*accordion*/
.blog   #accordion {
	width:95%;
	margin:0 auto 50px auto;
}
.blog   .ui-accordion .ui-accordion-header {
	min-height: 75px;
}
.blog   #accordion h3 {
	font-size: 1em;
	padding-left:90px;
}
.blog   #accordion h3 .time{
	width:75px;
	height:100%;
	font-size: .65em;
}
.blog   #accordion h3 .time img{
	width:40px;
	display:block;
	margin:5px auto;
}
.blog   #accordion h3 .time span{
	font-size: 1.2em;
	margin:0;
	display:block;
}
.blog   #accordion h3 .descr{
	height:30px;
	overflow:hidden;
	font-size: .65em;
	margin-top:5px;
}
.blog   .ui-accordion .ui-accordion-content {
	font-size: .7em;
}
/*accordion*/
/*blog*/
/*contact*/
.contact .bar{
	height:100px;
}
.contact .bar h3{
	position:absolute;
	left:0px;
	top:25%;
	margin:0;
	padding:0 25px 0 25px;
	font-size:1.5em;
	height:75%;
}
.contact .bar h3 img{
	width:35px;
	margin-right:10px;
}
.contact  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.contact #form_section {
	width: 85%;
	margin:0px auto 50px auto;
}
.contact .input{
	font-size: 1em;
	padding: 5px 10px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact .button{
	font-size: .9em;
	margin-top: 1px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	width:100px;
	height:100px;
	text-align:center;
}
.contact #response_contact {
	font-size:.85em;
}
/*contact*/
}

@media all and (max-width: 449px) {
/*slider*/
.slider {
	height:300px;
	width:100%;
	position:relative;
}
.slider .desc{
	position:absolute;
	top:5%;
	left:0;
	right:0;
	margin:auto;
	width:90%;
	text-align:center;
}
.slider .desc h2 {
	font-size:1.5em;
	margin:10px 0px;
	padding:20px 0px;
	display: block;
}
.slider .desc h2 span{
	font-size:.7em;
	display: block;
}
.slider .desc h3 {
	font-size:1.1em;
	margin:0px auto;
	padding:5px 0px;
	display: block;
	width:90%;
}
.slider .desc img {
	width: 150px;
}
/*slider*/
/*whatisit*/
.whatisit .item{
	display:inline-block;
	vertical-align:top;
	#height:500px;
	padding:20px 0;
}
.whatisit .item:nth-child(1){
	display:none;
}
.whatisit .item:nth-child(2){
	width:100%;
}
.whatisit .item:nth-child(2) h3{
	margin:25px auto 25px auto;
	font-size:1.75em;
}
.whatisit .item:nth-child(2) h4{
	margin:0px auto 25px auto;
	font-size:1.25em;
	width:90%;
}
.whatisit .item:nth-child(2) span{
	width:90%;
	font-size:.8em;
}
.whatisit .item:nth-child(2) a{
	padding:5%;
	width:60%;
	margin:50px auto 25px auto;
	font-size:1.25em;
}
/*whatisit*/
/*characteristics*/
.characteristics .bar{
	height:100px;
}
.characteristics .bar h3{
	position:absolute;
	left:0px;
	top:30%;
	margin:0;
	padding:0 25px 0 10px;
	font-size:1.25em;
	height:70%;
}
.characteristics .bar h3 img{
	width:25px;
	margin-right:5px;
}
.characteristics  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.characteristics  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.characteristics  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 100%;	
	#height:175px;
	padding:15px 0;
	vertical-align:top;
}
.characteristics  .itemlist .item h4{
	font-size:.85em;
	margin:auto;
	width:85%;
}
.characteristics  .itemlist .item  img{
	width:75px;
	margin:0 auto 25px auto;
}
/*characteristics*/
/*type*/
.type .bar{
	height:100px;
}
.type .bar h3{
	position:absolute;
	left:0px;
	top:30%;
	margin:0;
	padding:0 25px 0 10px;
	font-size:1.25em;
	height:70%;
}
.type .bar h3 img{
	width:25px;
	margin-right:5px;
}
.type  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.type  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.type  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 100%;	
	padding:15px 0;
}
.type  .itemlist .item h4{
	font-size:.85em;
	margin:auto;
	width:70%;
}
.type  .itemlist .item  img{
	width:125px;
	margin:0 auto 25px auto;
}
.type  .itemlist .item .triangleup {
	display:none;
}

#section35 .bar h3{
	position:absolute;
	left:0px;
	top:20px;
	margin:0;
	padding:0 5px 0 5px;
	font-size:1.25em;
}
/*type*/
/*func*/
.func .bar{
	height:100px;
}
.func .bar h3{
	position:absolute;
	left:0px;
	top:30%;
	margin:0;
	padding:0 25px 0 10px;
	font-size:1.25em;
	height:70%;
}
.func .bar h3 img{
	width:25px;
	margin-right:5px;
}
.func  .bar:before {
  	background: #333;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.func  .itemlist {
	#display: table;
    #table-layout: fixed;
}
.func  .itemlist .item{
	text-align:center;
	display: inline-block;
    width: 100%;
	padding:25px 0;
}
.func  .itemlist .item h4{
	font-size:.9em;
	margin:auto;
	width:75%;
}
.func  .itemlist .item  img{
	width:100px;
	margin:0 auto 25px auto;
}

.func  #adva .item{
	text-align:center;
	display: block;
    width: 100%;
	padding:25px 0;
}
.func  #adva .item h4{
	font-size:1em;
	margin:auto;
	width:60%;
}
.func  #adva .item  i{
	color:#ed1e14;

	font-size:3em;
	margin:0 auto 25px auto;
}
/*func*/
/*promo*/
.promo {
	width:100%;
	position:relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;

	background-attachment: fixed;
	background-image: url(pics/promo.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:110;
	height:200px;
}
.promo a{
	display:block;
	padding:3%;
	margin:auto;
	font-size:1em;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.promo a span{
	font-size:1.5em;
	display:block;
	margin:10px auto 0 auto;
}
.promo a i{
	display:block;
	
	margin:0 auto 20px auto;
	font-size:2em;

}
/*promo*/
/*shots*/
.shots .bar{
	height:100px;
}
.shots .bar h3{
	position:absolute;
	left:0px;
	top:30%;
	margin:0;
	padding:0 25px 0 10px;
	font-size:1.25em;
	height:70%;
}
.shots .bar h3 img{
	width:25px;
	margin-right:5px;
}
.shots  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.shots .flexslider .slides li  {
	margin:50px 0;
}
.shots .flexslider .slides li img {
	width:90%;
	margin:auto;
}
.shots .flex-caption {
	width:90%;
	margin:auto;
}
.shots .flex-caption  h5{
	font-size:1em;
}
.shots .flex-caption  span{
	font-size:.7em;
}
.shots .flexslider .triangleup {
	  left:25px;
}
/*shots*/
/*sys*/
.sys .bar{
	height:100px;
}
.sys .bar h3{
	position:absolute;
	left:0px;
	top:30%;
	margin:0;
	padding:0 5px 0 10px;
	font-size:1em;
	height:70%;
}
.sys .bar h3 img{
	width:25px;
	margin-right:5px;
}
.sys  .bar:before {
  	background: #3f4246;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.sys .itemlist{
	width:300px;
	margin:auto;
}
.sys #win8 {
	width:150px;
	#height:78px;
	margin:5px auto;
	padding:5px;
	display:block;
}
.sys #macos {
	width:100px;
	#height:78px;
	margin:5px auto;
	padding:5px;
	display:block;
}
.sys #linux {
	width:150px;
	#height:78px;
	margin:5px auto;
	padding:5px;
	display:block;
}
.sys #win10 {
	width:150px;
	#height:78px;
	margin:5px auto;
	padding:5px;
	display:block;
}
.sys #unix {
	width:150px;
	#height:78px;
	margin:5px auto 25px auto;
	padding:5px;
	display:block;
}
/*sys*/
/*blog*/
.blog .bar{
	height:100px;
}
.blog .bar h3{
	position:absolute;
	left:0px;
	top:50px;
	margin:0;
	padding:0 5px 0 5px;
	font-size:3em;
}
.blog .bar h3 img{
	width:180px;
	#margin-right:10px;
}
.blog  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 85px;
  	width: 100%;
}
.blog text h4{
	font-size:1.25em;
}
.blog text {
	font-size:.85em;
	display: block;
	width:85%;
	margin:0 auto 100px auto;
}
.blog text #gotothink{
	padding:1%;
	width:70%;
	margin:35px auto 10px auto;
	font-size:1em;
}
/*accordion*/
.blog   #accordion {
	width:95%;
	margin:0 auto 50px auto;
}
.blog   .ui-accordion .ui-accordion-header {
	min-height: 75px;
}
.blog   #accordion h3 {
	font-size: 1em;
	padding-left:60px;
}
.blog   #accordion h3 .time{
	width:50px;
	height:100%;
	font-size: .65em;
}
.blog   #accordion h3 .time img{
	width:40px;
	display:block;
	margin:5px auto;
}
.blog   #accordion h3 .time span{
	font-size: 1.2em;
	margin:0;
	display:block;
}
.blog   #accordion h3 .descr{
	height:30px;
	overflow:hidden;
	font-size: .65em;
	margin-top:5px;
}
.blog   .ui-accordion .ui-accordion-content {
	font-size: .7em;
}
/*accordion*/
/*blog*/
/*contact*/
.contact .bar{
	height:100px;
}
.contact .bar h3{
	position:absolute;
	left:0px;
	top:30%;
	margin:0;
	padding:0 25px 0 10px;
	font-size:1.25em;
	height:70%;
}
.contact .bar h3 img{
	width:25px;
	margin-right:5px;
}
.contact  .bar:before {
  	background: #f2f3f3;
  	content: "";
  	display: block;
  	height: 1px;
  	position: absolute;
    top: 50%;
  	width: 100%;
}
.contact #form_section {
	width: 90%;
	margin:0px auto 50px auto;
}
.contact .input{
	font-size: .85em;
	padding: 5px 10px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.contact .button{
	font-size: .9em;
	margin-top: 1px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
	width:100px;
	height:100px;
	text-align:center;
}
.contact #response_contact {
	font-size:.85em;
}
/*contact*/
}