/* ------------------------------- COMMON ----------------------------- */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	min-height: 100%;
	overflow-x: hidden;
}

body {
	margin: 40px 0 0 0;
	min-height: 100%;
	font: 17px 'HelveticaNeue-Thin', 'Arial', sans-serif;
	letter-spacing: 0.06em;
	font-weight: 100;
	line-height: 24px;
	overflow-x: hidden;
}

.container {
	position: relative;
	width: 918px; /* 280 * 3 + 39 * 2 */
	margin: 0 auto;
}

a {
	color: RGBA(91, 232, 190, 1);
	text-decoration: none;
	transition: border-color 0.5s ease-out, opacity 0.5s ease-out;
}

a:hover {
	transition: border-color 0s, opacity 0s;
}

a span {
	border-bottom: 1px solid RGBA(91, 232, 190, .5);
	transition: border-color 0.5s ease-out, opacity 0.5s ease-out;
}

a:hover span {
	border-bottom: 1px solid RGBA(91, 232, 190, 1);
	transition: border-color 0s, opacity 0s;
}

h1 {
	font: 26px 'HelveticaNeue-Bold', 'Arial', sans-serif;
	line-height: 36px;
	letter-spacing: 0em;
	margin-bottom: 26px;
}

p {
	margin-bottom: 20px;
}

ul {
	list-style: none;
}

ul li:before {
	content: "• ";
}


/* -------------------------- GRID -------------------------- */

.row {
	display: table;
	width: 918px; /* 280 * 3 + 39 * 2 */
	margin: 0 39px 35px 0;
	clear: both;
}

.row > .cell {
	display: table-cell;
	float: none;
	padding-right: 39px;
}

.row > .cell.last {
	padding-right: 0;
}

.row > .cell.pre {
	padding-left: 319px; /* 280 + 39 */
}

.cell {
	float: left;
	width: 280px;
	margin: 0 39px 35px 0;
}

.cell.x2 {
	width: 599px; /* 280 * 2 + 39 */
}

.cell.x3 {
	width: 918px; /* 280 * 3 + 39 * 2 */
}

.cell.last {
	margin-right: 0;
}

.pre {
	margin-left: 319px; /* 280 + 39 */
}

.post {
	margin-right: 319px; /* 280 + 39 */
}


/* -------------------------- APP-TYPE -------------------------- */

html.app-type-free {
	border-top: 8px solid #4E517F;
}

html.app-type-standart {
	border-top: 8px solid #21CC9C;
}

html.app-type-classic {
	border-top: 4px solid #298E86;
}

/* ------------------------------- */

.privacy-policy .container {
	width: 750px;
}

/* ------------------------------- */

.app-type-free body {
    background: #205C54;
    background: linear-gradient(to bottom, #26AA99 0%, #205C54 25%, #33273D 100%);
    background: -moz-linear-gradient(top, #26AA99 0%, #205C54 25%, #33273D 100%);
    background: -webkit-linear-gradient(top, #26AA99 0%, #205C54 25%, #33273D 100%);
    background: -o-linear-gradient(top, #26AA99 0%, #205C54 25%, #33273D 100%);
    background: -o-linear-gradient(270deg, #26AA99 0%, #205C54 25%, #33273D 100%);
    background: -ms-linear-gradient(top, #26AA99 0%, #205C54 25%, #33273D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26AA99', endColorstr='#33273D', GradientType=0);
	color: #FFFFFF;
}

.app-type-standart body {
	background: #3A3042;
	background: linear-gradient(to bottom, #483C54, #15101B);
	background: -moz-linear-gradient(top, #483C54, #15101B);
	background: -webkit-linear-gradient(top, #483C54, #15101B);
	background: -o-linear-gradient(top, #483C54, #15101B);
	background: -o-linear-gradient(270deg, #483C54, #15101B);
	background: -ms-linear-gradient(top, #483C54, #15101B);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##483C54B', endColorstr='#483#15101B', GradientType=0);
	color: #FFFFFF;
}

.app-type-classic body {
	background: url(images/bg-classic-1.jpg) RGB(29, 31, 34);
	color: #E7E6DB;
}

.privacy-policy body {
	background: RGB(29, 31, 34);
	color: #E7E6DB;
}

/* ------------------------------- */

.app-type-free .app-store-link .meta {
	display: block;
}

/* ------------------------------- */

.app-type-standart .alt-apps-links a.app-type-standart {
	display: none;
}

.app-type-free .alt-apps-links a.app-type-free {
	display: none;
}

.app-type-classic .alt-apps-links a.app-type-classic {
	display: none;
}

/* ------------------------------- */

.app-type-standart .alt-apps-links .selected.app-type-standart {
	display: block !important;
}

.app-type-free .alt-apps-links .selected.app-type-free {
	display: block !important;

}

.app-type-classic .alt-apps-links .selected.app-type-classic {
	display: block !important;
}

/* ------------------------------- */

.app-type-free .app-icon a {
	background: url(images/cashsync-app-icon-6-1.png) no-repeat;
	background-size: 100%;
}

.app-type-classic .app-icon a {
	background: url(images/cashsync-classic-app-icon-1.png) no-repeat;
	background-size: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.app-type-classic .app-logo .logo {
	background: url(images/cashsync-classic-logo-4.png) no-repeat;
	background-size: 100%;
}

.app-type-classic .screenshots img {
	border-radius: 3px 3px 6px 6px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .9);
}

.app-type-free .app-logo .logo {
	background: url(images/cashsync-logo-3.png) no-repeat;
	background-size: 100%;
}

.app-type-classic .alt-apps-links a {
	color: #E7E6DB;
}


/* --------------------------- LANG ------------------------- */

body[lang="en"] .language-links a.lang-en {
	display: none;
}

body[lang="es"] .language-links a.lang-es {
	display: none;
}

body[lang="fr"] .language-links a.lang-fr {
	display: none;
}

body[lang="pt"] .language-links a.lang-pt {
	display: none;
}

body[lang="ru"] .language-links a.lang-ru {
	display: none;
}

body[lang="en"] .language-links .selected.lang-en {
	display: block !important;
}

body[lang="es"] .language-links .selected.lang-es {
	display: block !important;
}

body[lang="fr"] .language-links .selected.lang-fr {
	display: block !important;
}

body[lang="pt"] .language-links .selected.lang-pt {
	display: block !important;
}

body[lang="ru"] .language-links .selected.lang-ru {
	display: block !important;
}


/* ------------------------- CONTENT ----------------------- */

.app-icon {
	position: relative;
}

.app-icon a {
	position: absolute;
	display: block;
	width: 76px;
	height: 76px;
	background: url(images/cashsync-app-icon-6.png) no-repeat;
	background-size: 100%;
	right: -4px;
	top: 2px;
}

.app-logo {
	position: relative;
	height: 75px;
}

.app-logo .logo {
	position: absolute;
	left: -2px;
	height: 53px;
	width: 253px;
	background: url(images/cashsync-logo-3.png) no-repeat;
	background-size: 100%;
}

.app-logo .tagline {
	position: absolute;
	bottom: 0;
	width: 110%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.app-meta {
	height: 75px;
	opacity: .5;
	position: relative;
}

.app-meta span {
	position: absolute;
	bottom: 0;
}

.alt-apps-links {
	height: 100%;
	min-height: 100%;
	vertical-align: bottom;
	text-align: right;
}

.alt-apps-links a {
	color: #FFFFFF;
	opacity: .5;
	transition: opacity 0.5s ease-out;
}

.alt-apps-links:hover a {
	opacity: 1;
}

.alt-apps-links .selected {
	display: none;
	position: relative;
}

.alt-apps-links a span {
	border-bottom: 1px solid RGBA(255, 255, 255, .5);
}

.alt-apps-links a:hover span {
	border-bottom: 1px solid RGBA(255, 255, 255, 1);
}

.app-screenshots {
	height: 497px;
	margin-bottom: 45px;
	margin-top: 10px;
}

.screenshots {
	width: 10000px;
	height: 100%;
}

.screenshots img {
	outline: none;
	height: 100%;
	background: RGBA(255, 255, 255, .05);
	opacity: .5;
	border-radius: 5px;
}

.screenshots img:hover {
	cursor: pointer;
}

.ext-links-and-descr {
	min-height: 240px;
}

.ext-links {
	position: relative;
}

.language-links .selected {
	display: none;
	position: relative;
}

.app-store-link {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 280px;
}

.app-store-link a {
	display: block;
	width: 197px;
	height: 66px;
	background: url(images/app-store-badge-2.png) no-repeat;
	background-size: 100%;
	opacity: .8;
}

.app-store-link a:hover {
	opacity: 1;
}

.app-store-link .meta {
	padding-top: 10px;
	margin-bottom: -5px;
	opacity: .4;
	display: none;
}

ul.app-descr li {
	position: relative;
}

ul.app-descr li:before {
	position: absolute;
	left: -1.1em;
	opacity: .3;
}

.support-link {
	margin-right: 19px; /* 39 - 20 */
	width: 300px; /* 280 + 20 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.made-by {
	display: none !important;
}