/* FONTS */

@font-face {
	font-family: Roboto-Bold;
	src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
	font-family: Roboto-Medium;
	src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
	font-family: Roboto-Regular;
	src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
	font-family: Roboto-Thin;
	src: url(../fonts/Roboto-Thin.ttf);
}

@font-face {
	font-family: Icons;
	src: url(../fonts/icon-fonts.ttf);
}

.loupe:before {
	content: "\e600";
}

.arrow:before {
	content: "\e601";
}

.facebook:before {
	content: "\e602";
}

.twitter:before {
	content: "\e603";
}

.google:before {
	content: "\e604";
}

.linkedin:before {
	content: "\e605";
}

.youtube:before {
	content: "\e606";
}

.menu-btn:before {
	content: "\e607";
}

.arrow-slider:before {
	content: "\e608";
}

/* END FONTS */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-outline-style: none;
	outline: none;
}
html,
body {
  height: 100%;
}
.wrapper {
  display: table;
  height: 100%;
  width:100%;
}
.table-row{
  display: table-row;
  height:100%;
}

div {
	font-size: 0;
	color: #656565;
}

a {
	text-decoration: none;
}

button, a, input[type=button] {
	cursor: pointer;
}

input[type=email]:focus,
input[type=button]:focus,
input[type=text]:focus,
button:focus,
button:active,
a:focus,
a:active {
	-moz-outline-style: none;
	outline: none;
}

::-moz-focus-inner {
	border: 0;
}

ol, ul, li {
	list-style: none;
}

.content {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

/* HEADER */
/* logo */
.top {
	height: 70px;
	border-bottom: 1px solid #ececec
}

.top .logo {
	padding: 22px 0;
}

.top .logo img {
	width: 138px;
	height: 25px;
	display: inline-block;
	margin-right: 7px;
}

.top .logo p {
	font: 18px Roboto-Regular;
	color: #272525;
	display: inline-block;
	margin-top: 2px;
	padding: 0;
	vertical-align: top;
}
/* end logo */

/* menu */
/* active - for <a> */
/* open - for .border */
#menu {
	position: absolute;
	top: 15px;
	right: 0;
	text-align: right;
	z-index: 10;
}

#menu .item {
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
}

#menu .item .link {
	font: 14px Roboto-Regular;
	color: #787878;
	display: inline-block;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

#menu .item.open .link,
#menu .item.open .link span {
	color: #2d62a5;
}

#menu .item.open .link .arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-bottom: 2px;
}

#menu .item .border {
	border: 1px solid #fff;
}

#menu .item.open .border {
	border-color: #cacaca;
}

#menu .item ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s;
}

#menu .item.open ul {
	max-height: 500px;
	background: #fff;
	padding: 20px 0;
	border: 1px solid #cacaca;
	text-align: left;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#menu .menu ul {
	position: absolute;
}

#menu .menu.open ul {
	z-index: -1;
}

#menu .language.open ul {
	margin-top: -1px;
}

#menu .item.open ul.inactive {
	display: none;
}

#menu .item li {
	padding: 0 12px;
}

#menu .item li:hover {
	background: #f5f5f5;
}

#menu .item.open ul a {
	font: 14px Roboto;
	line-height: 33px;
	color: #444444;
}

#menu .item.open span {
	font: 14px Roboto;
	line-height: 14px;
	color: #444444;
}

/* search */
#menu .item .link .loupe {
	font: 15px Icons;
	color: #787878;
}

#menu .item.search .border {
	padding: 6px 12px;
	margin-top: 5px;
}

#menu .item.search.open ul {
	border-top-width: 0;
	max-height: 197px;
	overflow-y: none;
}

#menu .item.search.open ul.maxheight {
	overflow-y: scroll;
}

#menu .item input[type=text] {
	display: inline-block;
	text-align: left;
	font: 14px Roboto;
	color: #ababab;
	background: none;
	border: none;
	width: 259px;
}

#menu .item.open input[type=text] {
	display: inline-block;
}

#menu .item .result {
	width: 300px;
}
/* end search */

/* nav */
#menu .item.menu .link {
	text-transform: uppercase;
}

#menu .item .link .arrow {
	font: 11px Icons;
	color: #787878;
	display: inline-block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#menu .item.select .border {
	padding: 10px 12px 9px;
	border-bottom-color: #fff;
}

#menu .item.language .border {
	padding-bottom: 8px;
	border-bottom-color: #fff;
}

#menu .item.language.open ul {
	border-top-color: #fff;
}

#menu .item .nav {
	margin-top: -1px;
}
/* end nav */

/* mobile */
#menu .item.mobile {
	display: none;
}

#menu .mobile .menu-btn {
	font: 22px Icons;
	color: #787878;
}

#menu .mobile.open .menu-btn {
	font: 22px Icons;
}
/* end mobile*/
/* end menu*/
/* END HEADER */

/* MOBILE SEARCH & NAV */
.mobile-search{
	display: none;
	background: #f9f9f9;
	border-bottom: 1px solid #ececec;
	padding: 6px 0 7px;
}

.mobile-search.open {
	display: none;
	position: relative;
}

.mobile-search.open input[type=text] {
	text-align: left;
	font: 14px Roboto;
	color: #ababab;
	background: none;
	border: none;
	width: 92%;
}

.mobile-search.open input[type=text]::-webkit-input-placeholder {
	color: #a4a1a1;
}

.mobile-search.open input[type=text]::-moz-placeholder {
	color: #a4a1a1;
}

.mobile-search.open input[type=text]:-ms-input-placeholder {
	color: #a4a1a1;
}

.mobile-search.open input[type=text]:-moz-placeholder {
	color: #a4a1a1;
}

.mobile-search.open .loupe {
	position: absolute;
	top: 2px;
	right: 0;
}

.mobile-search .result {
	border-top: 1px solid #ececec;
	margin-top: 5px;
	padding-top: 5px;
}

.mobile-search .result li:hover {
	background: #f0f0f0;
}

.mobile-search .result span,
.mobile-search .result a {
	font: 14px Roboto;
	line-height: 32px;
	color: #ababab;
}

.mobile-search.open .loupe {
	font: 15px Icons;
	color: #787878;
}

.mobile-nav {
	display: none;
	background: #f9f9f9;
	border-bottom: 1px solid #ececec
}

.mobile-nav.open {
	display: none;
}

.mobile-nav.open a {
	font: 14px Roboto;
	line-height: 32px;
	color: #444444;
}

.mobile-nav.open li:hover {
	background: #f0f0f0;
}

/* END MOBILE NAV */

/* SLIDER */

.slider {
	display: block;
}

.slider.inactive {
	display: none;
}

.slider .wrap {
	height: 355px;
}

.slider .left,
.slider .right {
	position: absolute;
	width: 50%;
	height: 100%;
}

/* left */
.slider .left {
	left: 0;
	font-size: 50px;
	padding: 72px 0;
}

.slider .left h1 {
	text-align: center;
	font: 28px Roboto-Bold;
	line-height: 28px;
	color: #fff;
}

.slider .left .description {
	width: 412px;
	height: 128px;
	margin: 34px auto 0;
	display: block;
	overflow: hidden;
}

.slider .left .description p {
	font: 16px Roboto;
	line-height: 26px;
	color: #fff;
	text-align: justify;
}

.slider .left button {
	width: 145px;
	height: 36px;
	font: 16px Roboto;
	color: #fff;
	background: none;
	border: 1px solid #fff;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.slider .left a:focus,
.slider .left button:focus {
	outline: none;
}

.slider .left button:hover {
	background: #fff;
}

.slider .fleetrun .left button:hover {
	color: #9a52d7;
}

.slider .nimbus .left button:hover {
	color: #09c3c1;
}

.slider .hecterra .left button:hover {
	color: #1ed165;
}

.slider .one .left button:hover {
	color: #00c4d0;
}

.slider .two .left button:hover {
	color: #0097e6;
}

.slider .three .left button:hover {
	color: #01cd98;
}

.slider .four .left button:hover {
	color: #009bd3;
}
/* end left */

/* right */
.slider .right {
	right: 0;
}

.slider .wrap.fleetrun {
	background: #9a52d7;
}

.slider .wrap.nimbus {
	background: #09c3c1;
}

.slider .wrap.hecterra {
	background: #1ed165;
}

.slider .wrap.one {
	background: #00c4d0;
}

.slider .wrap.two {
	background: #0097e6;
}

.slider .wrap.three {
	background: #01cd98;
}

.slider .wrap.four {
	background: #009bd3;
}

.slider .swiffy {
	height: 355px;
	margin: 0 auto;
}
/* end right */
/* END SLIDER */

/* CATEGORY */

.category {
	padding: 63px 0 94px;
}

.category .all {
	height: 27px;
	display: flex;
	justify-content: space-between;
	text-align: justify;
	text-align-last: justify;
}

.category .all a {
	font: 16px Roboto;
	color: #ababab;
	vertical-align: top;
	padding-bottom: 6px;
	display: inline-block;
	text-align: left;
}

/*.category .all a li {
	text-decoration: none;
}*/

.category .all a.active {
	color: #2d62a5;
	border-bottom: 2px solid #2d62a5;
	padding-bottom: 4px;
}

.category .small {
	display: none;
}

.category .small .item {
	display: inline-block;
	margin-right: 3px;
	height: 41px;
}

.category .small .arrow {
	display: inline-block;
	font: 16px Roboto-Regular;
	color: #2d62a5;
	vertical-align: middle;
	margin-top: 0;
}

.category .small > span {
	display: inline-block;
	font: 16px Roboto-Regular;
	color: #ababab;
	vertical-align: top;
	margin-top: 11px;
}

.category .small .border span {
	display: inline-block;
	font: 16px Roboto-Regular;
	color: #ababab;
}

.category .item .link {
	font: 16px Roboto-Regular;
	color: #ababab;
}

.category .item.open .link,
.category .item.open .link span {
	color: #2d62a5;
}

.category .item .border {
	min-width: 48px;
	padding: 10px 12px 8px;
	border: 1px solid #fff;
}

.category .item.open .border {
	border-color: #cacaca;
	border-bottom-color: #fff;
	z-index: 15;
	position: relative;
}

.category .item ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s;
}

.category .item.open ul {
	max-height: 500px;
	background: #fff;
	padding: 20px 0;
	position: absolute;
	border: 1px solid #cacaca;
	text-align: left;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.category .item ul > a {
	padding: 0 12px;
}

.category .item ul > a:hover {
	background: #f5f5f5;
	text-decoration: underline;
}

.category .item.open .border a {
	line-height: 14px;
}

.category .item.open ul > a {
	font: 14px Roboto;
	line-height: 33px;
	color: #444444;
	display: block;
}

.category .item .link .arrow {
	font: 11px Icons;
	color: #787878;
	display: inline-block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.category .item.open .link .arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.category .item .nav {
	z-index: 10;
	margin-top: -1px;
}

#choose {
	color: #2d62a5;
}

/* END CATEGORY */

/* APPS BLOCK */

.apps.content {
	padding: 0;
}

.apps .app {
	width: 370px;
	height: 396px;
	display: inline-block;
	margin: 0 15px;
	vertical-align: top;
}

.apps .app.inactive {
	display: none;
}

.apps .app .head {
	height: 104px;
	border-bottom: 1px solid #ececec;
	text-align: center;
}

.apps .app .head img {
	width: 44px;
	height: 44px;
}

.apps .app .head img.deprecated,
.personal .about .name img.deprecated {
	filter: none;
	-webkit-filter: grayscale(100%);
	-moz-filter:    grayscale(100%);
	-ms-filter:     grayscale(100%);
	-o-filter:      grayscale(100%);
	opacity: 0.7;
}

.apps .app .head div.deprecated,
.personal .about div.deprecated {
	position: relative;
	font: 12px Roboto-Medium;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari */
	transform: rotate(-45deg);
	top: -40px;
	left: -20px;
	color: red;
}

.apps .app .head div.deprecated.hidden {
	display: none;
}

.apps .app .head p {
	font: 18px Roboto-Medium;
	line-height: 18px;
	color: #656565;
	padding: 17px 0 23px;
	display: block;
}

.apps .app .head .arrow {
	font: 11px Icons;
	color: #ababab;
	position: absolute;
	right: 0;
	top: 12px;
	display: none;
}

.apps .app .description {
	height: 150px;
	overflow: hidden;
	margin-bottom: 14px;
	position: relative;
	padding: 15px 0 19px;
}

.apps .app .description p {
	font: 14px Roboto;
	color: #616161;
	line-height: 26px;
	text-align: justify;
}

.apps .app .buttons {
	float: right;
}

.apps .app .buttons button {
	width: 80px;
	height: 28px;
	border: 1px solid #00c000;
	background: #fff;
	font: 14px Roboto;
	color: #00c000;
	margin-left: 26px;
	text-align-last: center;
	padding-bottom: 1px;
}

.apps .app .buttons a.disabled button {
	background: #dcdcdc;
	border-color: #dcdcdc;
	color: #fff;
}

.apps .app .buttons a.disabled button:hover {
	background: #dcdcdc;
	border-color: #dcdcdc;
	color: #fff;
}

.apps .app .buttons button:hover {
	background: #00c000;
	color: #fff;
	text-decoration: none;
}

.apps .app .buttons a {
	font: 14px Roboto;
	color: #2d62a5;
}

.apps .app .buttons a.disabled {
	pointer-events: none;
}

.apps .app .buttons a:hover {
	text-decoration: underline;
	text-decoration-color: #2d62a5;
}

/* END APPS BLOCK */

/* FOOTER */

.bottom {
	padding: 60px 0;
	background: #f9f9f9;
	position: relative;
}

/* left */
.bottom .left {
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

/* share */
.bottom .left .share {
	padding-bottom: 30px;
}

.bottom .left .share a {
	margin-right: 26px;
}

.bottom .left .share a:last-of-type {
	margin-right: 0;
}

.bottom .left .share span {
	font: 37px Icons;
	line-height: 37px;
	color: #d1d1d1;
}

.bottom .left .share span:hover {
	color: #2d62a5;
}
/* end share */

.bottom .left img {
	width: 138px;
	height: 25px;
}

.bottom .left p {
	font: 14px Roboto;
	line-height: 14px;
	color: #a4a1a1;
	padding: 0 0 30px;
}
/* end left */

/* right */
.bottom .right {
	width: 55%;
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
}

.bottom .right div {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	min-height: 150px;
}

.bottom .right h1 {
	font: 14px Roboto-Bold;
	line-height: 14px;
	color: #444444;
	margin-bottom: 10px;
}

.bottom .right a {
	font: 14px Roboto;
	line-height: 34px;
	color: #adadad;
}

.bottom .right a:hover {
	color: #656565;
}
/* end right */
/* END FOOTER */

/* PERSONAL */

/* NAVIGATION */

.navigation .content {
	text-align: left;
	padding: 13px 15px 5px;
}

.navigation a {
	font: 16px Roboto;
	color: #ababab;
	vertical-align: top;
	display: inline-block;
}

.navigation a:hover {
	color: #2d62a5;
}

.navigation span {
	font: 10px Icons;
	color: #ababab;
	vertical-align: middle;
	display: inline-block;
	margin: 7px 7px 0;
	transform: rotate(-90deg);
}

/* END NAVIGATION */

/* APP DESCRIPTION */

.personal .content {
	padding-bottom: 86px;
}

.personal .about {
	margin-bottom: 36px;
}

/* name */
.personal .about .name {
	text-align: center;
}

.personal .about .name img {
	width: 44px;
	height: 44px;
}

.personal .about .name p {
	font: 18px Roboto-Medium;
	color: #656565;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 0 20px;
}
/* end name */

/* description */
.personal .about .container {
	border-bottom: 1px solid #ececec;
	padding: 46px 0 56px;
	position: relative;
}

/* left */
.personal .about .container .left {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 15px;
}

/* tabs */
.personal .about .container .left .tabs {
	width: 100%;
	min-height: 390px;
	position: relative;
}

.container .left .tabs > button {
	font: 14px Roboto;
	color: #646161;
	height: 50px;
	padding: 0 28px;
	background: #fff;
	border: 1px solid #fff;
	border-bottom-color: #ececec;
}

.container .left .tabs button.active {
	border-color: #ececec;
	border-bottom-color: #fff;
	color: #0062a9;
}

.container .left .tabs .close {
	display: none;
}

.container .left .tabs .tab {
	border-top: 1px solid #ececec;
	margin-top: -1px;
	width: 100%;
	padding: 30px 0 40px 0;
}

/* mobile tab */
.container .left .tabs .mobile-tab {
	display: none;
	position: relative;
}

.container .left .tabs .mobile-tab p {
	font: 14px Roboto-Medium;
	color: #787878;
	text-align: left;
}

.container .left .tabs .mobile-tab .arrow {
	font: 11px Icons;
	color: #ababab;
	position: absolute;
	right: 0;
	top: 6px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.container .left .tabs .mobile-tab.open .arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.container .left .tabs .mobile-tab.open .arrow,
.container .left .tabs .mobile-tab.open p {
	color: #2d62a5;
}
/* end mobile tab */

.container .left .tabs .info.mob-inactive,
.container .left .tabs .req.mob-inactive,
.container .left .tabs .scr.mob-inactive {
	display: block;
}

.container .left .tabs .info.inactive,
.container .left .tabs .info.inactive.mob-inactive,
.container .left .tabs .req.inactive,
.container .left .tabs .req.inactive.mob-inactive {
	display: none;
}

.container .left .tabs .screen.inactive,
.container .left .tabs .screen.inactive.mob-inactive {
	display: block;
}

/* information */
.container .left .tabs .info p {
	font: 14px Roboto;
	line-height: 22px;
	color: #646161;
	text-align: justify;
}
/* end information */

/* requirements */
.container .left .tabs .req p {
	font: 14px Roboto;
	line-height: 22px;
	color: #646161;
	text-align: left;
}

.container .left .tabs .req table {
	width: 100%;
	text-align: left;
}

.container .left .tabs .req tr {
	height: 44px;
	color: #646161;
}

.container .left .tabs .req th {
	font: 14px Roboto-Medium;
	width: 120px;
}

.container .left .tabs .req .mob {
	display: none;
}

.container .left .tabs .req td {
	font: 14px Roboto;
}

.container .left .tabs .req img {
	width: 28px;
	height: 28px;
	margin-right: 6px;
	display: inline-block;
}

.container .left .tabs .req span {
	font: 14px Roboto;
	line-height: 14px;
	color: #646161;
	vertical-align: top;
	margin: 7px 8px 0 0;
	display: inline-block;
}

.container .left .tabs .req span:last-of-type {
	margin-right: 0;
}
/* end requirements*/

/* screen */
.container .left .tabs .screen,
.container .left .tabs .screen.inactive {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	right: -600px;
}

.container .left .tabs .screen img,
.container .left .tabs .screen.inactive img {
	width: 570px;
	height: auto;
	outline: none;
}

.container .left .tabs .screen button {
	background: #777;
	opacity: .7;
	font: 15px Icons;
	color: #fff;
	width: 25px;
	height: 25px;
	border: none;
	border-radius: 100%;
	margin: 0 5px;
}

.container .left .tabs .screen button.inactive {
	display: none;
}

.container .left .tabs .screen button span,
.container .left .tabs .screen.inactive button span {
	margin-left: 2px;
}

.container .left .tabs .screen button.slick-next,
.container .left .tabs .screen.inactive button.slick-next {
	right: 0;
}
/* end screen */
/* end tabs */

/* links */
.container .left .links {
	text-align: center;
	vertical-align: bottom;
}

.container .left .links button {
	display: inline-block;
	width: 80px;
	height: 28px;
	font: 14px Roboto;
	color: #01c001;
	border: 1px solid #01c001;
	background: #fff;
	vertical-align: middle;
	padding-bottom: 1px;
	margin-right: 0;
}

.container .left .links a.disabled button {
	background: #dcdcdc;
	border-color: #dcdcdc;
	color: #fff;
}

.container .left .links a.disabled button:hover {
	background: #dcdcdc;
	border-color: #dcdcdc;
	color: #fff;
}

.container .left .links button:hover {
	background: #00c000;
	color: #fff;
	text-decoration: none;
}

.container .left .links a:hover {
	text-decoration: underline;
	text-decoration-color: #2d62a5;
}

.container .left .links a {
	display: inline-block;
	font: 14px Roboto;
	color: #0062a9;
	margin-right: 25px;
	vertical-align: middle;
}

.container .left .links a.disabled {
	pointer-events: none;
}

.container .left .links a.inactive {
	display: none;
}

.container .left .links .screen-link {
	display: none;
}

.container .left .buy {
	display: none;
	text-align: center;
}
/* end links */
/* end left */

/* right */
/* buy */
.container .buy.wide {
	text-align: center;
	position: absolute;
	right: 165px;
	bottom: 56px;
}

.buy.wide a {
	margin: 0 6px;
	display: inline-block;
}
/* end buy */
/* end right */

.personal p {
	text-align: center;
	font: 18px Roboto-Medium;
	line-height: 18px;
	color: #707070;
}

/* END APP DESCRIPTION */

/* END PERSONAL */

/* SIZE 1366 */

@media only screen and (max-width: 1366px) {
	.content {
		width: 960px;
		padding: 0 10px;
	}

	.mobile-search.open {
		display: none;
	}

	.mobile-nav.open {
		display: none;
	}
	
	.category .all a.cat {
		max-width: 20%;
	}

	/* apps */
	.apps .app {
		width: 300px;
		height: 422px;
		margin: 0 10px;
	}

	.apps .app .description {
		height: 176px;
	}
	/* end apps */

	/* footer */
	.bottom .left {
		width: 32%;
	}

	.bottom .right {
		width: 68%;
		padding-left: 10px;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}

	.bottom .right div {
		width: 200px;
	}
	/* end footer */

	/* personal */
	.navigation .content {
		padding: 13px 10px 5px;
	}

	.personal .about .container .left {
		padding-right: 10px;
	}

	.personal .about .container .left .tabs {
		min-height: 320px;
	}

	.container .buy.wide {
		right: 110px;
	}

	.container .left .tabs .screen,
	.container .left .tabs .screen.inactive {
		display: block;
		position: absolute;
		width: 100%;
		height: auto;
		top: 0;
		right: -480px;
	}

	.container .left .tabs .screen img,
	.container .left .tabs .screen.inactive img {
		width: 460px;
		height: auto;
		outline: none;
	}
	/* end personal */
}

/* END SIZE 1366*/

/* SIZE 1024 */

@media only screen and (max-width: 1024px) {
	.content {
		width: 740px;
		padding: 0 8px;
	}

	.mobile-search.open {
		display: none;
	}

	.mobile-nav.open {
		display: none;
	}

	/* slider */
	.slider .wrap {
		height: 300px;
	}

	.slider .swiffy {
		height: 300px;
	}

	.slider .left {
		padding: 47px 0;
	}

	.slider .left h1 {
		font-size: 24px;
		line-height: 24px;
	}

	.slider .left .description {
		width: 352px;
		margin: 34px auto 0;
		display: block;
	}

	.slider .left .description p {
		font-size: 14px;
		line-height: 26px;
	}

	.slider .left button {
		width: 116px;
		height: 30px;
		font-size: 14px;
	}
	/* end slider */

	/* category */
	.category {
		padding: 30px 0 70px;
	}

	.category .all {
		display: none;
	}

	.category .small {
		display: block;
	}

	.navigation a {
		font-family: Roboto-Regular;
	}
	/* end category */

	/* apps */
	.apps .app {
		width: 352px;
		height: 366px;
		margin: 0 8px;
	}
	/* end apps */

	/* footer */
	.bottom .left {
		width: 43%;
	}

	.bottom .right {
		width: 57%;
		padding-left: 10px;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.bottom .right div {
		width: 200px;
		min-height: 50px;
	}

	/* end footer */

	/* personal */
	.personal .about .container .left {
		width: 100%;
		padding-right: 0;
	}

	.navigation .content {
		padding: 13px 8px 5px;
	}

	.container .left .tabs .close {
		display: inline-block;
	}

	.container .left .buy {
		display: inline-block;
	}

	.container .left .tabs .req th {
		width: 250px;
	}

	.container .buy.wide {
		display: none;
	}

	.personal .about .container .left .tabs {
		height: auto;
	}

	.container .left .tabs .screen.inactive,
	.container .left .tabs .screen.inactive.mob-inactive {
		display: none;
	}

	.container .left .tabs .screen,
	.container .left .tabs .screen.inactvie {
		position: relative;
		width: 724px;
		height: auto;
		top: 0;
		right: 0;
	}

	.container .left .tabs .screen .screenshots,
	.container .left .tabs .screen.inactive .screenshots {
		width: 100%;
	}

	.container .left .tabs .screen img,
	.container .left .tabs .screen.inactive img {
		width: 724px;
		height: auto;
	}
	/* end personal */
}

/* END SIZE 1024 */

/* SIZE 760 */

@media only screen and (max-width: 760px) {
	.content {
		width: 90%;
		padding: 0;
	}

	.mobile-search.open {
		display: block;
	}

	.mobile-nav.open {
		display: block;
	}

	/* header */
	.top {
		height: 50px;
	}

	.top .logo {
		padding: 12px 0;
	}

	#menu {
		top: 12px;
	}

	#menu .item {
		margin-left: 12px;
	}

	#menu .search, #menu .menu{
		display: none;
	}

	#menu .item.select .border {
		padding: 2px 5px;
	}

	#menu .item.mobile {
		display: inline-block;
	}

	#menu .item.language {
		margin-top: -1px;
	}
	/* end header */

	/* slider */
	.slider {
		display: none;
	}
	/* end slider */

	/* category */
	.category {
		padding: 20px 0 42px;
	}

	.category .small .item {
		height: 27px;
	}

	.category .small > span {
		margin-top: 3px;
	}

	.category .item .border {
		padding: 5px 12px;
	}
	/* end category */

	/* apps */
	.apps .app {
		width: 100%;
		height: auto;
		margin: 0 0 15px 0;
		border-bottom: 1px solid #ececec;
		padding-bottom: 0;
	}

	.apps .app:last-of-type {
		margin: 0;
		border-bottom: none;
	}

	.apps .app .head {
		height: 47px;
		border-bottom: none;
		text-align: left;
		position: relative;
	}

	.apps .app .head .arrow {
		display: block;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.apps .app.open .head .arrow {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.apps .app .head img {
		width: 32px;
		height: 32px;
		margin: 0 14px 0 5px;
	}

	.apps .app .head p {
		vertical-align: top;
		padding-top: 11px;
		display: inline-block;
	}

	.apps .app .description {
		display: none;
		height: 100px;
		margin-bottom: 20px;
	}

	.apps .app.open .description {
		display: block;
	}

	.apps .app .description p {
		line-height: 17px;
		padding: 0;
	}

	.apps .app .buttons {
		display: none;
		padding-bottom: 20px;
	}

	.apps .app.open .buttons {
		display: block;
	}

	.apps .app .buttons a {
		line-height: 10px;
	}

	.apps .app .buttons button {
		display: none;
	}
	/* end apps */

	/* footer */
	.bottom {
		padding: 28px 0;
	}

	.bottom .left {
		width: 100%;
	}

	.bottom .left .share {
		padding-bottom: 25px;
	}

	.bottom .left .share a {
		margin-right: 21px;
	}

	.bottom .left .share span {
		font-size: 31px;
		line-height: 31px;
	}

	.bottom .left p {
		padding: 14px 0 17px;
	}

	.bottom .right {
		display: none;
	}
	/* end footer */

	/* personal */
	.personal .content {
		padding-bottom: 20px;
	}

	.navigation .content {
		padding: 13px 0px 5px;
	}

	.navigation {
		padding: 20px 0 30px;
	}

	.personal {
		padding-bottom: 35px;
	}

	.personal .about {
		margin-bottom: 22px;
	}

	.personal .about .name img {
		width: 32px;
		height: 32px;
	}

	.personal .about .name p {
		/*font-size: 11px;*/
		margin: 10px 0 0 20px;
	}

	.personal .about .container {
		border-bottom: 1px solid #ececec;
		padding: 17px 0 26px;
	}

	.personal .about .container .left .tabs {
		min-height: 92px;
	}

	.container .left .tabs .info.mob-inactive,
	.container .left .tabs .req.mob-inactive,
	.container .left .tabs .screen.mob-inactive {
		display: none;
	}

	.container .left .tabs .info.inactive,
	.container .left .tabs .req.inactive {
		display: block;
	}

	.container .left .tabs button,
	.container .left .tabs .close {
		display: none;
	}

	.container .left .tabs .mobile-tab {
		display: block;
		padding-bottom: 15px;
	}

	.container .left .tabs .inmob {
		padding-bottom: 10px;
	}

	.container .left .tabs .tab > div {
		margin-bottom: 15px;
		border-bottom: 1px solid #ececec;
	}

	.container .left .tabs .info p {
		line-height: 22px;
	}

	.container .left .tabs .tab {
		border-top: none;
		width: 100%;
		padding: 0;
	}

	.container .left .tabs .req .full {
		display: none;
	}

	.container .left .tabs .req .mob {
		display: block;
	}

	.container .left .tabs .req tr {
		height: 29px;
	}

	.container .left .tabs .req th {
		padding-top: 10px;
	}

	.container .left .tabs .req img {
		width: 19px;
		height: 19px;
	}

	.container .left .tabs .screen,
	.container .left .tabs .screen.inactive {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		top: 0;
		right: 0;
	}

	.container .left .tabs .screen .screenshots,
	.container .left .tabs .screen.inactive .screenshots {
		width: 100%;
	}

	.container .left .tabs .screen img,
	.container .left .tabs .screen.inactive img {
		width: 100%;
		height: auto;
	}

	.container .left .links .buy a {
		display: inline-block;
		margin-right: 5px;
	}

	.container .left .links .buy a.inactive {
		display: none;
	}

	.container .left .links .demo {
		color: #01c001;
		text-decoration: none;
		text-align: center;
		margin: 22px auto 0;
		display: block;
		width: 80px;
	}

	.container .left .links a {
		display: block;
		line-height: 21px;
		color: #0062a9;
		margin-right: 100%;
		text-decoration: underline;
		text-align: left;
	}

	.container .left .links .screen-link {
		display: block;
	}

	.appstore {
		display: inline-block;
	}

	.playmarket {
		display: inline-block;
	}
	/* end personal */

	.wrapper-content {
		min-height: calc(100vh - 182px);
	}
}

/* END SIZE 760 */

.appstore {
	background: url(../img/appstore.svg) no-repeat center;
	background-size: 100%;
	width: 108px;
	height: 34px;
}

.playmarket {
	background: url(../img/googleplay.svg) no-repeat center;
	background-size: 100%;
	width: 108px;
	height: 34px;
}

.inactive {
	display: none;
}

.mob-inactive {
	display: none;
}

.show {
	display: block;
}

#scrollup {
	width: 45px;
	height: 45px;
	background: #777;
	opacity: .7;
	border: none;
	border-radius: 5px;
	bottom: 20px;
	cursor: pointer;
	display: none;
	position: fixed;
	right: 20px;
	z-index: 1001;
	text-align: center;
	padding-top: 10px;
}

#scrollup:hover {
	background: #da4453;
	opacity: 1;
}

#scrollup .arrow-slider {
	font: 25px Icons;
	color: #fff;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}