/*
Theme Name: Payture
Author: Payture team
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Payture
*/
/* -- FONTS -- */
@font-face {
	font-family: "PFDin_Pro_Light";
	src: url('fonts/PFDinTextCondPro-Light.otf');
	font-weight: normal;
	font-style: normal;
}
/** RESET
------------------------------ */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
embed, iframe, object { max-width: 100%; }

/* COMMON
----------------------------------------------- */
/** Classes */
.white-text {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.white-texta:hover { text-decoration: underline; }
.white-texta.active { color: #ffdc00; }

.grey-text {
	color: #505050;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
}
.grey-block {
	background: #FAFBFD;
	border: 1px solid #00aeef;
	padding: 15px 2%;
	position: relative;
}

.blue-link {
	color: #00aeef;
	display: block;
	font: 18px/30px "PFDin_Pro_Light", Arial;
	text-decoration: none;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
	width: 53%;
}
.blue-link span {
	background: url(images/icons.png) no-repeat -200px -420px;
	display: inline-block;
	height: 15px;
	margin: 3px 0 -3px 11px;
	width: 8px;
}
.gradientGorizontal {
	background-image: -o-linear-gradient(right, #e4e5e7 66%, #505050 66%);
	background-image: -moz-linear-gradient(right, #e4e5e7 66%, #505050 66%);
	background-image: -webkit-linear-gradient(left, #e4e5e7 66%, #505050 66%);
	background-image: -ms-linear-gradient(right, #e4e5e7 66%, #505050 66%);
	background-image: linear-gradient(to right, #e4e5e7 66%, #505050 66%);
}
.yellowButton {
	background: #ffdc00;
	border-radius: 50px;
	display: block;
	height: 100px;
	position: absolute;
	text-align: center;
	width: 100px;
}
.yellowButton span.text {
	color: #505050;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
	display: inline-block;
	font: 32px/50px "PFDin_Pro_Light", Arial;
	margin-top: 25px;
}
.yellowButton span.img {
	background: url(images/icons.png) no-repeat -150px -420px;
	display: inline-block;
	height: 50px;
	margin-top: 25px;
	width: 50px;
}

.blueButton {
	background: #00aeef;
	border: none;
	box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.5);
	color: white;
	cursor: pointer;
	display: inline-block;
	font: 18px "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	padding: 5px 35px;
	width: 145px;
}

.name {
	color: #505050;
	font-size: 18px;
	font-family: "PFDin_Pro_Light", Arial;
	text-align: right;
}
.dotted {
	border-bottom: 1px dotted #0077a3;
	text-decoration: none;
}
.dotted:hover { border-bottom-color: #00aeef; }

.comment {
	color: #666666;
	font-size: 12px;
	line-height: 19px;
	margin: 0;
}
.hideCommentForm { display:none; }
.commentspan { display: inline-block; }
.date {
	color: #666666;
	display: block;
	font-size: 12px;
}
/** STRUCTURE
----------------------------------------------- */
html,
body {
	background-color: #FFFFFF;
	background-image: -o-linear-gradient(top, #0077a3 0px, #ffffff 450px);
	background-image: -ms-linear-gradient(top, #0077a3 0px, #ffffff 450px);
	background-image: -moz-linear-gradient(top, #0077a3 0px, #ffffff 450px);
	background-image: -khtml-linear-gradient(top, #0077a3 0px, #ffffff 450px);
	background-image: -webkit-gradient(linear, 0% 0px, 0% 450px, from(#0077a3), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #0077a3 0px, #ffffff 450px);
	background-image: linear-gradient(top, #0077a3 0px, #ffffff 450px);
	color: #333333;
	font: 14px/21px Arial, sans-serif;
	height:100%;
	background-repeat: repeat-x;
}
h1, h2, h3, h4, h5, h6 {
	color: #505050;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1, h2 {
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 70px;
	max-width: 750px;
}
h3 {
	font-size: 38px;
	line-height: 50px;
	margin-bottom: 20px;
}
h4 {
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 5px;
}
h5 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 5px;
}
h6 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
}
hr {
	background: #00aeef;
	border: 0;
	height: 1px;
	margin: 0 auto;
	min-width: 700px;
	max-width: 1000px;
}
p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 15px;
}
a {
	color: #0077a3;
	outline: none;
}
a:hover { color: #00aeef; }
a img { border: none; }

img {
	height: auto;
	max-width: 100%;
}
.clear {
	clear: both;
	float: none;
}
/** Form ------ */
input,
textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	border: 1px solid #ddd;
	color: #888;
	padding-left: 3px;
	width: 100%;
}
input[type=text] { padding: 3px; }
input[type=text]:focus, textarea:focus { color: #373737; }

button,
.button {
	background: #00aeef;
	border: none;
	box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.5);
	color: white;
	cursor: pointer;
	display: inline-block;
	font: 18px/20px "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	padding: 5px 35px;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	/*width: 145px;*/
}

/** Columns ------ */
.row {
	display: block;
	margin-top: 30px;
	position: relative;
}
.row:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
[class*="col"] {
	float: left;
	position: relative;
	margin-left: 5%;
}
[class*="col"]:first-child { margin-left: 0; }
[class*="col"].col10 { width: 10%; }
[class*="col"].col15 { width: 15%; }
[class*="col"].col20 { width: 20%; }
[class*="col"].col25 { width: 25%; }
[class*="col"].col30 { width: 30%; }
[class*="col"].col40 { width: 40%; }
[class*="col"].col45 { width: 45%; }
[class*="col"].col60 { width: 60%; }
[class*="col"].col65 { width: 65%; }
[class*="col"].col70 { width: 70%; }
[class*="col"].col80 { width: 80%; }

[class*="margin"].mar5 { margin-left: 20%; }
[class*="margin"].mar10 { margin-left: 25%; }
[class*="margin"].mar30 { margin-left: 30%; }

/** Code ------- */
pre {
	font: 12px/19px "Lucida Console", Monaco, monospace;
	overflow: auto;
}
pre code {
	white-space: pre-wrap;
	margin-bottom: 30px;
	overflow-x: auto;
}

/** PAGE 
------------------------------------- */
#wrapper {
	height: auto !important;
	min-height: 100%;
	min-width: 100%;
}
#wrapper > * { width: 100%; }

#wrapper .container, footer .container {
	min-width: 900px;
	/*width:100%;*/
	max-width: 1200px;
	margin: 0 auto;
}
#wrapper section > .container {
	padding: 50px 10%;
	position: relative;
}
#wrapper section > .container p.global {
	font: 18px/24px "PFDin_Pro_Light", Arial;
	text-align: center;
	width: 60%;
	margin: 0 auto;
}
#wrapper section > .container img.global { position: absolute; }

#wrapper section > .container ul.global li {
	border-top: 1px solid #DDDDDD;
	padding: 0 10px;
	margin: 0 -10px;
}
#wrapper section > .container ul.global li:first-child { border: none; }
#wrapper section > .container ul.global li a {
	color: #505050;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
	font: 26px/54px "PFDin_Pro_Light", Arial;
	text-decoration: none;
}
#wrapper section.header > .container { padding: 10px 10% 0; }
#wrapper section.header > .container h1 { margin: 0; }

/** HEADER
------------------------------ */
#wrapper > header { padding: 20px 0 40px; }
#wrapper > header a,
#wrapper > header span {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	margin-left: 30px;
}
#wrapper > header a:hover,
#wrapper > header span:hover {
	text-decoration: underline;
}
#wrapper > header aa.active,
#wrapper > header spana.active {
	color: #ffdc00;
}
#wrapper > header #logo {
	background: url(images/icons.png) no-repeat -100px -200px;
	display: block;
	float: left;
	height: 40px;
	margin: 0;
	width: 92px;
}
#wrapper > header nav {
	display: inline-block;
	padding-top: 12px;
}
#wrapper > header nav li { display: inline-block; }
#wrapper > header nav li.current-menu-item a {
	color: #ffdc00;
	cursor: default;
}
#wrapper > header nav li.current-page-ancestor a {
	color: #ffdc00;
}
#wrapper > header nav li a:hover {
	color: #ffdc00;
}
#wrapper > header .container > div {
	float: right;
	padding-top: 9px;
	text-align: right;
	min-width: 345px;
}

#wrapper > header .container > div .lang1 {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	display: inline-block;
	height: 18px;
	margin-left: 30px;
	width: 30px;
}
#wrapper > header.fixed .container > div .lang1 {
	vertical-align: middle;
}
#wrapper > header .container > div .lang1 .language li {
	float: left;
	margin-bottom: 3px;
}
#wrapper > header .container > div .lang1 .language li a {
	background: url(images/lang.png) no-repeat;
	display: none;
	height: 18px;
	margin: 0;
	overflow: hidden;
	width: 30px;
}

#wrapper > header .container > div .lang1 .language li a:hover { outline: 1px solid #FFFFFF; }
#wrapper > header .container > div .lang1 .language li.en a { background-position: 0 0; }
#wrapper > header .container > div .lang1 .language li.ru a { background-position: 0 -18px; }
#wrapper > header .container > div .lang1 .language li.ua a { background-position: 0 -36px; }
#wrapper > header .container > div .lang1 .language li.active a {
	outline: 1px solid #FFFFFF;
	display: block;
}

#wrapper > header .container > div #backendLink {
	border: 1px solid #FFFFFF;
	border-radius: 20px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3) inset;
	font-size: 14px;
	float: right;
	margin-top: -4px;
	padding: 3px 10px;
}

#wrapper > header.fixed {
	background: #0077a3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	padding: 7px 0;
	position: fixed;
	z-index: 10;
	height:75px;
}
#wrapper > header.fixed a,
#wrapper > header.fixed span {
	font-size: 16px;
	line-height: 16px;
	margin-left: 10px;
}
#wrapper > header.fixed span {
	position: relative;
	top: 1px;
}
#wrapper > header.fixed #logo {
	background: url(images/icons.png) no-repeat -200px -200px;
	height: 26px;
	margin: 0;
	width: 26px;
}
#wrapper > header.fixed nav { padding: 2px; }
#wrapper > header.fixed .container > div { padding-top: 0; }
#wrapper > header.fixed .container > div #backendLink {
	background: url(images/icons.png) no-repeat -200px -230px;
	margin-top: -2px;
	padding: 5px;
	text-indent: 999px;
	width: 16px;
}
/** SUB MENU
------------------------------ */
#wrapper .scroll_menu {
	padding: 0;
	text-align: center;
	width: 100%;
}
#wrapper .scroll_menu nav {
	border: 1px solid #00aeef;
	border-bottom-color: #84d6f5;
	border-radius: 20px;
	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3) inset;
	display: inline-block;
	padding: 15px;
}
#wrapper .scroll_menu nav li { display: inline-block; }
#wrapper .scroll_menu nav li.current_page_item a { color: #ffdc00; }
#wrapper .scroll_menu nav a {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	font-size: 20px;
	margin: 0 15px;
}

#wrapper .scroll_menu nav a.active,
#wrapper .scroll_menu nav a:hover {
	color: #ffdc00;
}
#wrapper .scroll_menu.fixed {
    position: fixed;
    top: 40px;
    width: 550px;
    z-index: 10;
	left:50%;
	margin:0 -279px;
}
#wrapper .scroll_menu.fixed nav {
	border: 1px solid #00aeef;
	margin-top: 5px;
	padding: 5px;
}
#wrapper .scroll_menu.fixed nav a {
	font-size: 16px;
	margin: 0 10px;
}
/** PAGES
------------------------------ */
/* -- Tabs -- */
#wrapper .tabs { margin-top: 40px; }
#wrapper .tabs ul { background: transparent !important; }
#wrapper .tabs ul li.ui-state-default {
	display: inline-block;
	margin: 0 50px;
}
#wrapper .tabs ul li.ui-state-default a {
	border-bottom: 1px dotted #0077a3;
	text-decoration: none;
	font: normal 20px "PFDin_Pro_Light", Arial;
}
#wrapper .tabs ul li.ui-state-default a:hover { border-bottom-color: #00aeef; }
#wrapper .tabs ul li.ui-state-default.ui-state-active a {
	border: none;
	cursor: default;
}
#wrapper .tabs ul li.ui-state-default.ui-state-active a:hover { color: #0077a3; }
#wrapper .tabs .ui-tabs-panel > p { width: 80%; }

/* --Slider -- */
.slider {
	position: relative;
	/*height: 550px;*/
	overflow: hidden;
}

.slider .arr {
	background: #FFFFFF;
	border-radius: 25px;
	display: block;
	height: 50px;
	margin: -25px 0;
	opacity: 0.7;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 2;
}
.slider .arr span {
	border: 10px solid transparent;
	margin: -10px -5px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.slider .arr:hover { opacity: 1; }
.slider .arr.left { left: 2%; }
.slider .arr.left span {
	border-right-color: #888888;
	border-left-width: 0;
}
.slider .arr.right { right: 2%; }
.slider .arr.right span {
	border-left-color: #888888;
	border-right-width: 0;
}

.slider .slideContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.slider .slideContainer section {
	float: left;
	position: relative;
}

/** Main Page
------------------------------ */
#main #payture {
	background: #56a5c2;
	padding: 0;
	width: 100%;
}
#main #payture .container {
	padding: 0;
	max-width: 1584px;
	min-width: 1090px;
}

#main #payture #slider { height: 550px; }
#main #payture #slider .slideContainer { height: 550px; }
#main #payture #slider section {
	height: 450px;
	padding: 50px 0;
}
#main #payture #slider section > h1,
#main #payture #slider section > h2,
#main #payture #slider section > div {
	padding: 0 3% 0 12%;
}

#main #payture #slider a { 
	color: #FFDC00;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5); 
}

#main #payture #slider .first .info { margin: 110px 0; }

#main #payture #slider .first .demo { 
	height: 375px;
	padding: 0;
	position: absolute;
	top: 55px; 
	left: 40%; 
	width: 490px;
}
#main #payture #slider .first .demo > div { position: absolute; }
#main #payture #slider .first #main_1 { top: 64px; }
#main #payture #slider .first #main_2 { top: 153px; left: 240px; }
#main #payture #slider .first #main_3 { top : 0; left: 90px; }

#main #payture #slider .first .demo button {
	background: #ffdc00;
	color: #505050;
	cursor: default;
	padding: 4px 30px;
	position: absolute;
	left: 60px;
	top: 210px;
	text-shadow: 0 1px 0 #fff;
}
#main #payture #slider .first .demo button.active { background: #ffec00; box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.5); }

#main #payture #slider .first .demo form { 
	position: absolute;
	top: 58px;
	left: 61px;
	width: 135px;
}
#main #payture #slider .first .demo form input { 
	background: #fff ;
	display: inline-block;
	font-size: 11px;
	margin-bottom: 6px;
	padding: 2px 5px;
	text-align: center;
}
#main #payture #slider .first .demo form input[name=EMonth] { margin-right: 1%; width: 48%; }
#main #payture #slider .first .demo form input[name=EYear] {  width: 48%; }
#main #payture #slider .first .demo form p { 
	line-height: 17px;
	margin: 0 0 55px;
}
#main #payture #slider .first .demo form a {
	color: #FFFFFF;
	font-size: 16px;
	margin: 20px 5px 0;
	padding: 4px 25px;
	text-align: center;
	width: 75px;
}

#main #payture #slider .first .demo .repeat { 
	color: #FFFFFF;
	display: none;
	position: absolute;
	bottom: 40px;
	right: 100px;
	text-decoration: none;
}
#main #payture #slider .first .demo .repeat i { 
	background: url(images/icons.png) no-repeat -235px -400px;
	display: inline-block;
	height: 18px;
	margin-right: 5px;
	width: 18px;
	vertical-align: middle;
}
#main #payture #slider .first .demo .repeat span {  border-bottom: 1px dotted #FFFFFF; }

#main #payture #slider .first .yellowButton { top: 20px; right: 12%; }

#main #payture #slider .first > div > span {
	display: block;
	margin-bottom: 15px;
	width: 30%;
}
#main #payture #slider .slideContainer section.first > div > span span {
	background: url(images/icons.png) no-repeat 0 0;
	display: inline-block;
	margin-right: 20px;
}
#main #payture #slider .slideContainer section.first > div > span.percent {
	color: #FFDC00;
	font: 60px/50px "PFDin_Pro_Light", Arial;
}

#main #payture #slider .slideContainer section.first > div > span.currency span { height: 25px; width: 25px; }
#main #payture #slider .slideContainer section.first > div > span.currency span.rub { background-position: -230px -295px; }
#main #payture #slider .slideContainer section.first > div > span.currency span.usd { background-position: -230px -320px; }
#main #payture #slider .slideContainer section.first > div > span.currency span.euro { background-position: -230px -345px; }
#main #payture #slider .slideContainer section.first > div > span.currency span.pound { background-position: -230px -370px; }

#main #payture #slider .slideContainer section.first > div > span.gps span { height: 26px; width: 68px; }
#main #payture #slider .slideContainer section.first > div > span.gps span.visa { background-position: -100px -240px; }
#main #payture #slider .slideContainer section.first > div > span.gps span.master { background-position: -100px -266px; width: 47px; }
#main #payture #slider .slideContainer section.first > div > span.gps span.amex { background-position: -100px -292px; }

#main #payture #slider .slideContainer section.secound .row .col30 { margin: 0; }
#main #payture #slider .slideContainer section.secound .row .col30:after {
	background: url(images/icons.png) no-repeat -150px -472px;
	content: "";
	position: absolute;
	top: 45px;
	left: -10%;
	width: 70px;
	height: 42px;
}
#main #payture #slider .slideContainer section.secound .row .col30:first-child:after { background: none; }
#main #payture #slider .slideContainer section.secound .row .img {
	background: url(images/icons.png) no-repeat -400px 0;
	display: block;
	height: 130px;
	margin: 0 auto 15px;
	width: 130px;
}
#main #payture #slider .slideContainer section.secound .row .img.form { background-position: -400px 0; }
#main #payture #slider .slideContainer section.secound .row .img.docs { background-position: -400px -130px; }
#main #payture #slider .slideContainer section.secound .row .img.api  { background-position: -400px -260px; }
#main #payture #slider .slideContainer section.secound .row a {
	display: block;
	font-size: 22px;
	margin: auto;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

#main #payture #slider .slideContainer section.secound p.global { margin-top: 70px; }

#main #payture #slider .slideContainer section.third img { top: 150px; left: 12%; }
#main #payture #slider .slideContainer section.third p {
	font: 18px/26px "PFDin_Pro_Light", Arial;
	margin: 0 0 20px 57%;
	text-align: left;
	width: 30%;
}

#main #backend .container { height: 485px; }
#main #backend ul.global { float: left; }
#main #backend ul.global a { cursor: default; }
#main #backend ul.global .ui-state-active a { color: #00aeef; }
#main #backend .yellowButton {
	top: 60px;
	right: 15%;
}
#main #backend .notebook {
	position: absolute;
	top: 140px;
	left: 35%;
}
#main #backend .notebook img.global.background { position: relative; }
#main #backend .notebook img.global.mobile {
	display: none;
	top: 75px;
	left: 390px;
	z-index: 1;
}
#main #backend .notebook .desktop {
	height: 234px;
	overflow: hidden;
	position: absolute;
	top: 23px;
	left: 65px;
	width: 380px;
}

#main #antifraud { background: #f1f2f3; }
#main #antifraud .container { height: 445px; }
#main #antifraud h2 { margin-bottom: 90px; }
#main #antifraud p {
	font: 18px/26px "PFDin_Pro_Light", Arial;
	width: 40%;
}
#main #antifraud .frodar {
	height: 400px;
	position: absolute;
	top: 100px;
	left: 50%;
	width: 400px;
}
#main #antifraud .frodar img { position: absolute; }
#main #antifraud .frodar img.customers 	{ top: 197px; left: 6px; }
#main #antifraud .frodar img.shop 		{ top: 70px; left: 77px; }
#main #antifraud .frodar img.bank 		{ top: 2px; left: 216px; }
#main #antifraud .frodar img.main 		{ right: 0; bottom: 0; }
#main #antifraud .frodar .yellowButton 	{ top: 26px; left: 360px; }

#main #integration .row { margin: 0; }
#main #integration .row ul.global { float: left; }
#main #integration .row ul.global a { cursor: default; }
#main #integration .row ul.global .ui-state-active a { color: #00aeef; }

#main #integration .row .codeBlock {
	background: #505050;
	border-radius: 10px;
	color: #BFB2B2;
	float: right;
	height: 265px;
	margin: -50px 10% 50px 0;
	position: relative;
	width: 50%;
}

#main #integration .row .codeBlock a {
	background: #f1f2f3 url(images/icons.png) no-repeat -225px -420px;
	border-radius: 0 3px 3px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	display: block;
	height: 32px;
	position: absolute;
	top: 15px;
	right: -32px;
	width: 32px;
}
#main #integration .row .codeBlock a.copy { background-position: -227px -420px; }
#main #integration .row .codeBlock a.link { background-position: -227px -452px; }
#main #integration .row .codeBlock > div {
	float: left;
	line-height: 27px;
	padding: 10px 4%;
}
#main #integration .row .codeBlock > div pre {
	line-height: 27px;
}
#main #integration .row .codeBlock > div.string {
	color: #888888;
	font-size: 12px;
	text-align: center;
	width: 2%;
}
#main #integration .row .codeBlock > div.text {
	border-radius: 0 10px 10px 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) inset, 0 2px 35px rgba(0, 0, 0, 0.3) inset;
	color: #BFB2B2;
	height: 245px;
	width: 82%;
}

/* Media Block */
#main #mediaAbout { background: #f1f2f3; }
#main #mediaAbout h2 { margin-bottom: 40px; }

#main #mediaAbout #sliderRecalls { height: 200px; }
#main #mediaAbout #sliderRecalls .slideContainer { height: 200px; }
#main #mediaAbout #sliderRecalls .slideContainer .row {
	float: left;
	height: 200px;
	padding: 0;
	position: relative;
	width: 1000px;
	margin: 0 30px;
}

#main #mediaAbout #sliderRecalls .slideContainer .col30 {
	font-size: 12px;
	line-height: 18px;
	color: #505050;
}

#main #mediaAbout #sliderRecalls .slideContainer .col30 h4 {
	margin: 0;
}
#main #mediaAbout #sliderRecalls .slideContainer .col30 h5 {
	color: #777;
	font: italic normal 14px Arial;
	margin-bottom: 10px;
}
#main #mediaAbout #sliderRecalls .slideContainer .col30 p {
	color: #505050;
	font-size: 12px;
	height: 98px;
	line-height: 18px;
	overflow: hidden;
	padding-top: 10px;
	text-overflow: ellipsis;
}
#main #mediaAbout #sliderRecalls .slideContainer .col30 .letter{
	font-size: 26px;
	margin-right: 2px;
}

#main #mediaAbout .mediaArticles {
	background: #e4e5e7;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
	border-radius: 50px;
	padding: 15px 50px 10px;
	text-align: center;
}
#main #mediaAbout .mediaArticles a {
	display: inline-block;
	margin: 0 10px;
}

#main #mediaAbout .mediaArticles a.more {
	height: 40px;
	line-height: 40px;
	float: right;
}

/** Company Page
------------------------------ */
#company p { width: 80%; }

#company #about h1 { margin-bottom: 30px; }


#company #about p.main {
	color: #505050;
	font: 20px/30px "PFDin_Pro_Light",Arial,Helvetica,sans-serif;
}
#company #about p.main.first{ font-size: 30px; }

#company #about h4 { margin: 30px 0; }
#company #about .features { margin: 40px 0; }
#company #about .features .col30 {
	background: #FAFBFD;
	border: 1px solid #00aeef;
	padding: 15px 2%;
	position: relative;
	height: 145px;
	margin-left: 4%;
	width: 27%;
}
#company #about .features .col30 h5 { margin-bottom: 10px; }
#company #about .features .col30 p {
	font-size: 12px;
	line-height: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	width: 70%;
}
#company #about .features .col30 .img {
	background: url(images/icons.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100px;
}
#company #about .features .col30.sertificate { margin-left: -15px; }
#company #about .features .col30.sertificate .img { background-position: 0 0; }
#company #about .features .col30.security .img { background-position: 0 -175px; }
#company #about .features .col30.support { margin-right: -15px; }
#company #about .features .col30.support .img { background-position: 0 -350px; }

#company #services .col45 { text-align: center; }
#company #services .col45 h4 { margin-bottom: 25px; }
#company #services .col45 p {
	font: 16px/24px "PFDin_Pro_Light", Arial;
	margin: auto;
}

#company #partners #banks_slider {
	height: 40px;
	margin: 40px 0;
}
#company #partners #banks_slider .arr {
	background: #F3F4F6;
	height: 40px;
	margin: -20px 0;
	width: 40px;
}
#company #partners #banks_slider .arr span {
	border-width: 8px;
	margin: -8px -4px;
}
#company #partners #banks_slider .arr.left span { border-left-width: 0; }
#company #partners #banks_slider .arr.right span { border-right-width: 0; }
#company #partners #banks_slider .slideContainer { height: 40px; }
#company #partners #banks_slider section {
	height: 40px;
	text-align: center;
	width: 20%;
}

#company #vacancies { background: #f1f2f3; }
#company #vacancies .container {
	max-width: none;
	min-height: 360px;
}
#company #vacancies .text {
	margin: auto;
	max-width: 1200px;
}
#company #vacancies .text h3 { margin-bottom: 30px; }
#company #vacancies .text p {
	font: 12px/19px Arial;
	margin-bottom: 10px;
	width: 47%;
}
#company #vacancies .text .vacancy {
	color: #00aeef;
	display: block;
	font: 18px/30px "PFDin_Pro_Light", Arial;
	text-decoration: none;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
	width: 53%;
}
#company #vacancies .text .vacancy span {
	background: url(images/icons.png) no-repeat -200px -420px;
	display: inline-block;
	height: 15px;
	margin: 3px 0 -3px 11px;
	width: 8px;
}
#company #vacancies .text .vacancy + p { margin: 10px 0 0; }

#company #vacancies #vacancySlider {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
}
#company #vacancies #vacancySlider section {
	position: absolute;
	top: 0;
	bottom: 0;
}
#company #vacancies #vacancySlider section img {
	height: 100%;
	max-width: none;
}


#company #pressCentre h2 { max-width: none; }
#company #pressCentre h2 a {
	display: inline-block;
	text-decoration: none;
}
#company #pressCentre h2 ul {
	display: inline-block;
	position: relative;
	top: -5px;
}
#company #pressCentre h2 ul li {
	display: inline-block;
	opacity: 0;
	margin-left: -70px;
}
#company #pressCentre h2 ul li a {
	font-size: 26px;
}

#company #pressCentre .row .col30 {
	height: 170px;
	overflow: hidden;
}
#company #pressCentre .row p {
	font-size: 12px;
	line-height: 19px;
}
#company #pressCentre .row .preview {
	height: 130px;
	overflow: hidden;
}
#company #pressCentre .row .preview img {
	max-width: 100%;
}
/** Services
------------------------------ */
#service h4 { margin-bottom: 25px; }
#service > p { width: 80%; }

#service .aminities { margin: 60px 0; }
#service .aminities > div { text-align: center; }
#service .aminities > div .img {
	background: url(images/icons.png) no-repeat -320px -200px;
	display: block;
	height: 40px;
	margin: 0 auto 10px;
	width: 50px;
}
#service .aminities > div p {
	color: #888888;
	font-size: 12px;
	line-height: 18px;
}
#service .aminities > div.percent .img { background-position: -320px -200px; }
#service .aminities > div.gps .img { background-position: -320px -240px; }
#service .aminities > div.currency .img { background-position: -320px -280px; }
#service .aminities > div.security .img { background-position: -320px -320px; }
#service .aminities > div.world .img { background-position: -320px -360px; }
#service .aminities > div.business .img { background-position: -320px -400px; }

#service .keys { margin-bottom: 50px; }
#service .keys p {
	color: #666666;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 25px;
}

#service .recomended .col45 { margin-bottom: 30px; }
#service .recomended p {
	color: #666666;
	font-size: 13px;
	line-height: 20px;
}

/** Clients Page
------------------------------ */
#clients #top .container {
	padding: 50px 0;
	max-width: 100%;
}
#clients #top #clientsSlider {
	height: 380px;
	/*overflow: hidden;*/
	/*position: relative;*/
}
#clients #top #clientsSlider .slideContainer {
	height: 380px;
	/*position: absolute;*/
	left: -150px;
	/*width: 5000px;*/
}
#clients #top #clientsSlider .slideContainer section {
	/*float: left;*/
	text-align: center;
	width: 520px;
}
#clients #top #clientsSlider .slideContainer section img {
	cursor: pointer;
	display: block;
	height: 210px;
	margin: 35px auto 15px;
	width: 315px;
}
#clients #top #clientsSlider .slideContainer section a {
	color: #00aeef;
	font: 20px "PFDin_Pro_Light", Arial;
	text-decoration: none;
	display: none;
}
#clients #top #clientsSlider .slideContainer section p {
	color: #888888;
	display: none;
	font-size: 12px;
	line-height: 18px;
	margin: 5px auto;
	width: 70%;
}
#clients #top #clientsSlider .slideContainer section.active img {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	height: 280px;
	margin-top: 0;
	width: 420px;
}
#clients #top #clientsSlider .slideContainer section.active a { display: inline; }
#clients #top #clientsSlider .slideContainer section.active p { display: block; }

#clients #logo .container { padding-bottom: 20px; }
#clients #logo .col20 {
	margin: 0 2.5% 30px;
	text-align: center;
}

#clients #signIn p { margin: 0 0 0 15%; }
#clients #signIn .yellowButton { top: 20px; right: 20%; }

#clients #recalls { background: #f1f2f3; }
#clients #recalls h2{ margin-bottom: 40px; }

#clients #recalls h4 { margin: 0; }
#clients #recalls h5 {
	color: #777;
	font: italic normal 14px Arial;
}
#clients #recalls p {
	color: #505050;
	font-size: 12px;
	line-height: 18px;
	padding-top: 20px;
}

/** Partners Page
------------------------------ */
#banks_page span.rub    { background-position: -200px -309px; }
#banks_page span.usd    { background-position: -200px -335px; }
#banks_page span.euro   { background-position: -200px -361px; }
#banks_page span.pound  { background-position: -200px -387px; }
#banks_page span.uah    { background-position: -200px -257px; }

#banks_page span.rub.active    { background-position: -400px -426px; }
#banks_page span.usd.active    { background-position: -400px -452px; }
#banks_page span.euro.active   { background-position: -400px -478px; }
#banks_page span.pound.active { background-position: -400px -504px; }
#banks_page span.uah.active    { background-position: -399px -400px; }

#banks_selector {
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #00aeef;
	border-bottom-color: #84d6f5;
	border-radius: 20px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3) inset;
	color: #505050;
	font: 18px/35px "PFDin_Pro_Light",Arial,Helvetica,sans-serif;
	padding: 10px 20px 20px;
}
#banks_selector .row {
	line-height: 35px;
	margin: 5px 0;
	min-height: 40px;
}

#banks_selector .row label {
	display: inline-block;
	text-align: center;
}
#banks_selector .row label input { margin-right: 15px; }
#banks_selector .row_header { display: inline-block; vertical-align: middle; }

#banks_selector .main .row label {
	cursor: pointer;
	width: 15%;
}
#banks_selector .main .row_header       { width: 20%; }
#banks_selector .main .row label input  { display: none; }
#banks_selector .main .row label span   { color: #00aeef; font-size: 16px; }
#banks_selector .row label span.active  { color: #0077a3; font-size: 18px; }

#banks_selector .row.currency label span {
	background-image: url("images/icons.png");
	display: inline-block;
	height: 26px;
	width: 26px;
}

#banks_selector .row.amount { margin: 0 0 15px; }
#banks_selector .row.amount .row_header { 
	line-height: 26px; 
	padding-right: 3%;
	width: 12%; 
}
#banks_selector .row.amount .group {
	display: inline-block;
	vertical-align: middle;
	width: 80%;
}
#banks_selector .row.amount .group .form_slider {
	background: #0077a3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
	border-radius: 5px;
	margin: 3px 0;
	height: 10px;
}
#banks_selector .row.amount .group .form_slider a {
	background: url(images/icons.png) no-repeat -260px -500px;
	display: block;
	height: 40px;
	margin: -15px -20px;
	position: absolute;
	width: 40px;
}

#banks_selector .row.amount .group ul li {
	display: inline-block;
	font: 16px/26px "PFDin_Pro_Light";
	text-align: center;
	width: 19.4%;
}

#banks_selector .send { text-align: right; }
#banks_page #banks_table .container { padding-top: 0px; }
#banks_page #banks_table #banks { margin-top: 0px !important; }

.empty_table {
	display: none;
	margin: 10px 30px 50px;
	position: relative;
	text-align: center;
}

#comission {
	margin: 50px 30px 0px;
	position: relative;
	text-align: center;
}

#comission h4 span {
	color: #00aeef;
	margin: 0 5px;
	font-size: 36px;
}
#comission .yellowButton {
	right: 0;
	top: -25px;
}

.i18n { display:none; }

#banks {
	margin: 50px 0;
	width: 100%;
}
#banks tr th {
	background: #00aeef;
	border: 0;
	color: white;
	font: 18px/40px "PFDin_Pro_Light", Arial;
	padding: 10px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	min-width: 10%;
}

#banks tr td {
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 26px;
	padding: 15px 5px;
	position: relative;
	text-align: center;
}
#banks tr td.name {
	font-size: 18px;
	text-align: left;
	width: 15%;
}
#banks tr td.notEqual { opacity: 0.5; }

#banks tr td span {
	background: url(images/icons.png) no-repeat;
	display: inline-block;
	height: 26px;
	margin-left: 5px;
	width: 26px;
}
#banks tr td span.enable  { background-position: -200px -283px; }
#banks tr td span.rub   { background-position: -204px -309px; width: 18px; }
#banks tr td span.usd     { background-position: -207px -335px; width: 12px; }
#banks tr td span.euro    { background-position: -200px -361px; }
#banks tr td span.pound   { background-position: -205px -387px; width: 16px; }
#banks tr td span.uah   { background-position: -205px -257px; width: 17px; }

#banks tr td span.number {
	background: none;
	color: #00aeef;
	font: 22px "PFDin_Pro_Light", Arial;
	width: auto;
}
#banks tr td span.comment {
	background: none;
	font-size: 24px;
	position: absolute;
	width: auto;
}

#banks_table p.comment span {
	display: inline-block;
	margin-right: 5px;
	text-align: right;
	width: 3%;
}

/** Press centre Page
------------------------------ */
#press p {
	font-size: 12px;
	line-height: 19px;
}

#press #newsBlock h1 a { display: inline-block; }
#press #newsBlock h1 ul {
	display: inline-block;
	position: relative;
	top: -5px;
}
#press #newsBlock h1 ul li {
	display: inline-block;
	opacity: 0;
	margin-left: -70px;
}
#press #newsBlock h1 ul li a { font-size: 26px; }
#press #newsBlock .row .col30 {
	margin: 0 3% 30px 0;
	height: 170px;
	overflow: hidden;
}
#press #newsBlock .row .preview {
	height: 130px;
	overflow: hidden;
}
#press #newsBlock .row .preview img { max-width: 100%; }

#press #mediaBlock { background: #f1f2f3; }
#press #mediaBlock .row h5 { margin-bottom: 0; }
#press #mediaBlock .row .date { margin-bottom: 10px; }
#press #mediaBlock .row .links { margin-bottom: 10px; }
#press #mediaBlock .row .links a {
	color: #7d9d06;
	margin-right: 15px;
}

#press #social {
	background: #f1f2f3;
	text-align: center;
}
#press #social .container { padding: 10px 10%; }
#press #social .container ul {
	background: #e4e5e7;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
	border-radius: 50px;
	display: inline-block;
	padding: 15px 80px 10px;
}
#press #social .container ul li { display: inline-block; }
#press #social .container ul li a {
	background: #ffffff url(images/icons.png) no-repeat -290px -200px;
	border-radius: 30px;
	display: inline-block;
	height: 60px;
	margin: 0 25px;
	overflow: hidden;
	width: 60px;
}
#press #social .container ul li a.facebook  { background-position: -260px -200px; }
#press #social .container ul li a.twitter { background-position: -260px -260px; }
#press #social .container ul li a.linkedin  { background-position: -260px -320px; }
#press #social .container ul li a.google  { background-position: -310px -453px; }
#press #social .container ul li a.habrahabr { background-position: -260px -380px; }
#press #social .container ul li a.sostav  { background-position: -260px -440px; }

#press #partners { background: #f1f2f3; }
#press #partners .partner p { margin: 15px 0 0; }
#press #partners .contacts {
	color: #505050;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
	font-family: "PFDin_Pro_Light", Arial;
}
#press #partners .contacts h5 { margin-bottom: 20px; }

/** News and Media Page
------------------------------ */
#news .newsList [class*="col"] { margin: 0 5% 30px 0; }
#news .newsList [class*="col"].col30 { margin-right: 3%; }
#news .newsList [class*="col"] p {
	font-size: 12px;
	line-height: 19px;
}
#news .newsList .news {
	height: 170px;
	overflow: hidden;
}
#news .newsList .news .preview {
	height: 130px;
	overflow: hidden;
}
#news .newsList .news .preview img { max-width: 100%; }

#news .newsList .article .links { margin-bottom: 10px; }
#news .newsList .article .links a {
	color: #7d9d06;
	margin-right: 15px;
}
#news .newsList .pagination {
	clear: both;
	font: 16px/30px "PFDin_Pro_Light", Arial;
	text-align: center;
}
#news .newsList .pagination .page-numbers {
	display: inline-block;
	margin: 0 5px;
	padding: 2px 12px 0;
}
#news .newsList .pagination .page-numbers.next,
#news .newsList .pagination .page-numbers.prev {
	text-decoration: none;
}
#news .newsList .pagination .page-numbers.next span,
#news .newsList .pagination .page-numbers.prev span {
	text-decoration: underline;
}
#news .newsList .pagination .page-numbers.current {
	border: 1px solid #333333;
	border-radius: 20px;
	color: #333333;
	font-size: 18px;
}
#news .categories {
	background: #FAFBFD;
	border: 1px solid #00aeef;
	padding: 15px 2%;
	position: relative;
	float: right;
	margin: -15px -2%;
	text-align: center;
	width: 13%;
}
#news .categories a {
	display: block;
	font: 18px "PFDin_Pro_Light", Arial;
	margin: 10px 0 0;
	text-decoration: none;
}
#news .categories a:first-child { margin: 0; }
#news .categories a.active { font-family: "PFDin_Pro_Medium"; }

/** Integration Page
------------------------------ */
#integration #main .container { height: 440px; }
#integration #main .container h1 { margin-bottom: 110px; }
#integration #main .container p {
	margin: 0 0 20px;
	text-align: left;
	width: 40%;
}
#integration #main .container img {
	top: 100px;
	left: 45%;
}
#integration #main .container .play {
	border: 1px solid #00aeef;
	border-radius: 20px;
	display: inline-block;
	font: 20px/32px "PFDin_Pro_Light", Arial, sans-serif;
	padding: 3px 25px;
	text-decoration: none;
}

#integration #types .flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	height: 200px;
}
#integration #types .flip-container .flipper {
	-webkit-transition: 0.8s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.8s;
	-moz-transition: 0.8s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.8s;
	transform-style: preserve-3d;
	position: relative;
}
#integration #types .flip-container:hover .flipper,
#integration #types .flip-container.hover .flipper {
	transform: rotateY(180deg);
}
#integration #types .flip-container .front,
#integration #types .flip-container .back {
	background: #FAFBFD;
	border: 1px solid #00aeef;
	padding: 15px 2%;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);
	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);
	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	height: 180px;
	padding: 10px 5%;
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	text-align: center;
}
#integration #types .flip-container h5 { margin: 0; }
#integration #types .flip-container .comment { color: #888888; }

#integration #types .flip-container .front {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}
#integration #types .flip-container .front .img {
	background: url(images/icons.png) no-repeat -100px 0;
	display: block;
	height: 100px;
	margin: 10px auto 20px;
	width: 100px;
}
#integration #types .flip-container .front .img.simple { background-position: -100px 0; }
#integration #types .flip-container .front .img.extend { background-position: -200px 0; }
#integration #types .flip-container .front .img.customize { background-position: -300px 0; }
#integration #types .flip-container .back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
#integration #types .flip-container .back p {
	font-size: 12px;
	line-height: 18px;
	margin: 20px 0 0;
}

#integration #steps .row .number span {
	border-radius: 30px;
	font: 35px/64px "PFDin_Pro_Light", Arial;
	height: 60px;
	margin-top: -20px;
	width: 60px;
}

/** Templates Page
------------------------------ */
#templates { position: relative; }

#templates .tabs ul li.ui-state-default { margin: 0 60px 0 0; }
#templates .tabs ul li.ui-state-default a { font-size: 26px; }
#templates .tabs ul li.ui-state-active a { color: #00aeef; }

#templates .codeBlock {
	background: #505050;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 10px 20px;
	width: 80%;
}
#templates .hljs-literal { color: #ffdc00; }
#templates .codeBlock code { margin-bottom: 0; }

#templates #common h1 { margin-bottom: 50px; }
#templates #common p { width: 80%; }

/* -- Templates slider -- */
#templates #templatesSlider {
	padding: 0;
	width: 100%;
}
#templates #templatesSlider .container{
	padding: 0;
	max-width: 1584px;
	min-width: 1090px;
}

#templates #templatesSlider #slider{ height: 630px; }
#templates #templatesSlider #slider .arr  { background: #F1F2F3; }
#templates #templatesSlider #slider .slideContainer { height: 630px; }
#templates #templatesSlider #slider .slideContainer section { height: 630px; }

#templates .template_type { padding: 0 10%; }
#templates .template_type a {
	display: inline-block;
	font: 20px/32px "PFDin_Pro_Light", Arial, sans-serif;
	text-decoration: none;
}

#templates .template_type .col60 .tabs { margin-top: 0; }
#templates .template_type .col60 .tabs p { width: auto; }
#templates .template_type .col60 ul { margin-bottom: 30px; }

#templates .template_type .col30 {
	padding-top: 70px;
	text-align: center;
}
#templates .template_type .col30 a {
	display: block;
}

#templates .template_type .download { margin-top: 10px; }
#templates .template_type .download span {
	background: url(images/icons.png) no-repeat -227px -486px;
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	width: 32px;
}

#templates #requirements .container { padding-top: 0; }
#templates #requirements .tabs { margin-top: 0; }
#templates #requirements ul.col45 {
	color: #00AEEF;
	list-style: square;
}
#templates #requirements ul.col45 li { margin: 10px 0; }
#templates #requirements ul.col45 li span { color: #333333; }

/** API Page
------------------------------ */
#API { position: relative; }
#API .scroll_menu { margin-bottom: 30px; }

#API .left-side {
	padding: 20px;
	margin-top: 83px;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	top: 0;
	width: 180px;
}
#API .left-side a {
	color: #666666;
	font: 16px "PFDin_Pro_Light", Arial;
	position: relative;
	text-decoration: none;
	font-size: 16px;
}
#API .left-side a.active { color: #00aeef; }
#API .left-side a:hover { color: #0077A3; }
#API .left-side > ul > li { margin-bottom: 5px; }
#API .left-side > ul > li > a { font-size: 22px; }
#API .left-side > ul > li > a.active { color: #0077a3; }
#API .left-side > ul ul li { padding-left: 10px; }
#API .left-side > ul ul ul ul li a { font-size: 14px; }

#API .left-side.fixed {
	position: fixed;
	margin-top: 40px;
}
#API .right-side {
	background-image: -o-linear-gradient(right, #e4e5e7 66%, #505050 66%);
	background-image: -moz-linear-gradient(right, #e4e5e7 66%, #505050 66%);
	background-image: -webkit-linear-gradient(left, #e4e5e7 66%, #505050 66%);
	background-image: -ms-linear-gradient(right, #e4e5e7 66%, #505050 66%);
	background-image: linear-gradient(to right, #e4e5e7 66%, #505050 66%);
	box-shadow: -4px 0 10px -5px rgba(0, 0, 0, 0.5);
	margin-left: 220px;
	padding: 0 20px;
	position: relative;
}

#API .right-side #langType {
	display: none;
	background: #505050;
	border-bottom: 1px solid #e4e5e7;
	color: #FFFFFF;
	padding: 15px 2%;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	z-index: 1;
}
#API.backend .right-side #langType { display: none; }
#API .right-side #langType.fixed {
	box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.4);
	position: fixed;
	margin-top: 40px;
	padding: 7px 1%;
	width: 26%;
}
#API .right-side #langType a {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font: 18px/30px "PFDin_Pro_Light", Arial, sans-serif;
	padding: 0 10px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
#API .right-side #langType a.active { background: #00AEEF; }

#API .right-side .page {
	padding: 20px 0;
	border-top: 1px solid #505050;
	border-bottom: 1px solid #e4e5e7;
}
#API .right-side .page:first-child, #API .right-side #langType + .page { border-top-width: 0; }
#API .right-side .page:last-child { border-bottom-width: 0; }
#API .right-side .page h3 { width: 68%; }

#API .right-side .page .row > .description {
	float: left;
	width: 64%;
}
#API .right-side .page .row > .description table {
	margin: 10px 0;
	width: 100%;
}
#API .right-side .page .row > .description table tr th.format { width: 35%; }
#API .right-side .page .row > .description table tr th.result { width: 50%; }
#API .right-side .page .row > .description table tr.optional td { color: #666666; }
#API .right-side .page .row > .description table tr:not(.optional) + .optional td { border-top: #888888 solid 1px; }
#API .right-side .page .row > .description table tr.correct td { color: #7d9d06; }
#API .right-side .page .row > .description table tr:not(.correct) + .correct td { border-top: #888888 solid 1px; }
#API .right-side .page .row > .description table tr.incorrect td { color: #af2e66; }
#API .right-side .page .row > .description table tr:not(.incorrect) + .incorrect td { border-top: #888888 solid 1px; }
#API .right-side .page .row > .description table.errors .name { width: 50%; }
#API .right-side .page .row > .description table.notification .name { width: 30%; }

#API .right-side .page .row > .example {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	font-family: Arial;
	float: right;
	padding: 0 0 0 1%;
	width: 31%;
}

#API .right-side .page .row > .example.php {
	display: none;
}

#API .right-side .page .row > .example pre { white-space: pre-wrap; }
#API .right-side .page .row > .example p {
	color: #EEEEEE;
	font-size: 13px;
	line-height: 20px;
}
#API .right-side .page .row > .example .code {
	font: 12px/24px "Lucida Console", Monaco, monospace;
	overflow: auto;
	padding-top: 70px;
}
#API .right-side .page .row > .example .comment {
	color: #BBBBBB;
	font-size: 12px;
	margin: 5px 0 10px;
}
#API .right-side .page .row > .example .copy,
#API .right-side .page .row > .example .link,
#API .right-side .page .row > .example .bordered {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	display: inline-block;
	margin: 0 10px 25px 0;
	padding: 2px 15px;
	text-decoration: none;
}

#API .right-side .page .row > .example .copy:hover,
#API .right-side .page .row > .example .link:hover,
#API .right-side .page .row > .example .bordered:hover {
	color: #e4e5e7;
	border-color: #e4e5e7;
}
#API .right-side .page .row > .example .copy.copy,
#API .right-side .page .row > .example .link.copy {
	display: none;
}
#API .right-side .page .row > .example h5,
#API .right-side .page .row > .example h6 {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

#API .right-side .page .row > .example.work { padding-top: 70px; }
#API .right-side .page .row.modul .description a {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 15%;
}
#API .right-side .page .row.modul .description p {
	display: inline-block;
	font-size: 12px;
	margin: 0;
	width: 84%;
}
#API .right-side .page .row.modul .example a {
	background: #e4e5e7;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	display: inline-block;
	padding: 5px 15px 3px;
}

#API.backend .right-side .description table .name { width: 20%; }
#API.backend .right-side .example .imgGallery { text-align: center; }
#API.backend .right-side .example .imgGallery .showGallery img {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	display: none;
}
#API.backend .right-side .example .imgGallery .showGallery img:first-child { display: inline; }
#API.backend .right-side .example .imgGallery .control span {
	background: #AAAAAA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	display: inline-block;
	margin: 0 5px;
	height: 10px;
	width: 10px;
}
#API.backend .right-side .example .imgGallery .control span:first-child { background: #00aeef; }

/** Contacts Page
------------------------------ */
.contacts-container { min-height: 370px; }

#contacts_headers div.col30 { text-align: center; }
#contacts_tabs .col15 {
	padding-right: 3%;
	border-right: 1px solid #00aeef;
}
#contacts_tabs h3 {
	font-size: 26px;
	line-height: 20px;
	margin-bottom: 20px;
}

#contacts_tabs p { font: 16px/21px "PFDin_Pro_Light",Arial,Helvetica,sans-serif; }
#contacts_tabs p.phone { font-size: 18px; }

#contacts_tabs ul{
	text-align: right;
	margin-bottom: 0 !important;
}
#contacts_tabs ul li { margin: 25px 0 !important; }
#contacts_tabs ul li a, #contacts_tabs li span {
	font-family: "PFDin_Pro_Light",Arial,Helvetica,sans-serif;
	font-weight: normal !important;
	font-size: 26px;
	text-decoration: none;
	text-align: right;
	display: inline-block;
	line-height: 20px;
}
#contacts_tabs ul li a { border-bottom: 1px dotted #0077a3; }
#contacts_tabs li span { color: #888; }
#contacts_tabs ul li.ui-state-active a {
	color: #00aeef;
	border: none !important;
	cursor: default;
}

.ymap_point_params { display:none; }
#map {
	background: #e4e5e7;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 45%;
	right: 0;
}
/** Default Template
------------------------------ */
#content ul { margin-bottom: 30px; }
#content ul li { margin: 7px 0 0 20px;
    list-style-type: disc; }

/* -- News article -- */
.news_article { margin-bottom: 15px; }
.news_article h6 { margin: 0; }

ul.numeric {
	margin: 20px 40px;
	list-style: decimal;
}
ul.numeric li {
	padding: 3px 0;
	width: 85%;
}
div.numeric .number { text-align: center; }
div.numeric .number span {
	border: 1px solid #00aeef;
	border-radius: 30px;
	color: #00aeef;
	display: inline-block;
	font: 26px/43px "PFDin_Pro_Light", Arial;
	height: 40px;
	margin-top: -15px;
	width: 40px;
}
div.numeric .description h4 { margin-bottom: 10px; }
div.numeric .description h4 .time {
	background: url(images/icons.png) no-repeat -150px -511px;
	color: #888888;
	float: right;
	font-size: 14px;
	height: 28px;
	padding-left: 40px;
	width: 40px;
}
div.numeric .description p { width: 85%; }
.detalles p {
	font-size: 12px;
	line-height: 19px;
}
/* tables */
table {
	margin: 10px 0;
	width: 100%;
}
table tr th {
	border-bottom: #888888 solid 1px;
	color: #505050;
	font-size: 18px;
	font-family: "PFDin_Pro_Light", Arial;
	line-height: 30px;
	padding: 2px 2% 2px 0;
}
table tr th.name { width: 15%; }
table tr td {
	font-size: 12px;
	padding: 5px 2% 5px 0;
	vertical-align: baseline;
}
table tr td.name {
	font-size: 18px;
	width: 15%;
}
/* footnote */
sup .fn_top {
	color: #666666;
	margin-left: 3px;
	margin-right: 5px;
}
.footnotes {
	color: #555555;
	font-size: 12px;
	margin-top: 35px;
}
.footnotes a {
	color: #555555;
	font-size: 12px;
}
/** FOOTER
----------------------------------------------- */
footer {
	background: #0077a3;
	box-shadow: inset 0 5px 50px rgba(0, 0, 0, 0.5);
	padding: 35px 0 20px 0;
	width: 100%;
}

footer a {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
footer span { position: relative; }

footer .right {
	float: right;
	text-align: right;
}
footer .right > * {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
footer .right .social { margin-bottom: 15px; }
footer .right .social a {
	background: #FFFFFF;
	border-radius: 15px;
	display: inline-block;
	margin-left: 20px;
	height: 30px;
	width: 30px;
}
footer .right .social a span {
	background: url(images/icons.png) no-repeat -230px -200px;
	display: block;
	height: 30px;
	width: 30px;
}
footer .right .social a.facebook span { background-position: -230px -200px; }
footer .right .social a.twitter span  { background-position: -230px -230px; }
footer .right .social a.linkedin span { background-position: -230px -260px; }
footer .right .social a.google span   { background-position: -310px -514px; }
footer .right .social a.vk span 		{ background-position: -340px -514px; }

footer p {
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	color: #CCCCCC;
	text-align: center;
}

/** Sticky footer */
.push {
	clear: both;
	font-size: 14px;
	margin: 0 auto;
	max-width: 1135px;
	min-width: 935px;
	position: relative;
	text-shadow: 0 1px 0 #ffffff;
}
/* Russian version */
.push, body.ru .push{ min-height: 241px; }
footer, body.ru footer { height: 186px; }
#wrapper, body.ru > #wrapper { margin: 0 auto -241px; }
/*English version*/
body.en .push{ min-height: 211px; }
body.en footer { height: 173px; }
body.en #wrapper { margin: 0 auto -211px; }
body.en footer p { margin-top:15px; }

/** Edit Link
----------------------------- */
.edit-link a {
	background: #00aeef;
	border-radius: 3px;
	color: #FFFFFF;
	clear: both;
	display: inline-block;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
	padding: 2px 10px;
	position: absolute;
	top: 20px;
}
.edit-link a:hover { background: #0077a3; }

/* -- BACK -- */
#back {
	background: rgba(0, 0, 0, 0.5);
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 11;
}
.window {
	background: #FFFFFF;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	position: fixed;
	width: 50%;
	z-index: 12;
}
.sideForm {
	overflow-y: auto;
	top: 0;
	bottom: 0;
	right: -55%;
	/*right: 0;*/
}
.sideForm .section { display: none; }
.sideForm .close {
	background: url(images/icons.png) no-repeat -200px -435px;
	cursor: pointer;
	display: block;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	z-index: 1;
}

/** Request forms **/
.request { padding: 25px 5%; }
.request h3 { color: #00aeef; }

.request .success {
	display: none;
	font-family: "PFDin_Pro_Light", Arial;
	margin: 100px 0;
	text-align: center;
}
.request .success p {
	font-size: 22px;
	line-height: 30px;
}
.request .row.main_info {
	background: #FAFBFD;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
.request .row.main_info input {
	background: none;
	border: none;
	border-bottom: 1px solid #DDDDDD;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7) inset;
	color: #505050;
	display: block;
	font: 16px "PFDin_Pro_Light";
	height: 36px;
	padding: 0 2%;
	width: 96%;
}
.request .row.main_info input:first-child { box-shadow: none; }
.request .row.main_info input:last-child { border-bottom: none; }
.request .row.main_info input.error { box-shadow: inset 0 0 15px rgba(255, 100, 100, 0.3); }

.request .row.main_info span.error {
	color: #DD0000;
	display: none;
	font: 14px "PFDin_Pro_Light", Arial;
	position: absolute;
	right: 10px;
}
.request .row.main_info span.error.Name { top: 11px; }
.request .row.main_info span.error.Phone { top: 47px; }
.request .row.main_info span.error.Email { top: 85px; }
.request .row.main_info span.error.Url { top: 120px; }
.request .row.merchant_type label {
	color: #505050;
	display: block;
	font: 16px/36px "PFDin_Pro_Light";
}
.request .row.exist_info label {
	color: #505050;
	display: block;
	font: 16px/36px "PFDin_Pro_Light";
}
.request .row.merchant_type label input { margin-right: 5px; }
.request .row.buisness_type .radio_group { margin-bottom: 40px; }
.request .row.buisness_type .radio_group a {
	color: #505050;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
	background: #f1f2f3;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #FFFFFF;
	color: #0077a3;
	display: block;
	float: left;
	font: 16px/36px "PFDin_Pro_Light";
	text-decoration: none;
	text-align: center;
	width: 24.5%;
}
.request .row.buisness_type .radio_group a:hover { color: #00aeef; }
.request .row.buisness_type .radio_group a:first-child {
	border-left: none;
	border-radius: 20px 0 0 20px;
}
.request .row.buisness_type .radio_group a.last {
	border-right: none;
	border-radius: 0 20px 20px 0;
}
.request .row.buisness_type .radio_group a.active {
	background: #888888;
	border-color: transparent;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) inset;
	color: #ffdc00;
	text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}
.request .row.buisness_type .radio_group input {
	border: none;
	border-radius: 0 20px 20px 0;
	display: none;
	height: 36px;
	padding: 6px 2%;
	width: 21.6%;
	line-height:30px;
}
.request .row.amount h4 span {
	color: #00aeef;
	margin: 0 25px;
}
.request .row.amount .group {
	margin: 40px auto 20px;
	width: 95%;
}
.request .row.amount .group .form_slider {
	background: #0077a3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
	border-radius: 5px;
	height: 10px;
}
.request .row.amount .group .form_slider a {
	background: url(images/icons.png) no-repeat -260px -500px;
	display: block;
	height: 40px;
	margin: -15px -20px;
	position: absolute;
	width: 40px;
}
.request .row.amount .group ul { margin-top: 10px; }
.request .row.amount .group ul li {
	display: inline-block;
	font: 16px/26px "PFDin_Pro_Light";
	text-align: center;
	width: 19.4%;
}
.request .row.comment textarea {
	display: none;
	height: 150px;
}
.request .row.send {
	padding: 15px 0;
	text-align: center;
}
.request .row.send button {
	color: white;
	font-family: "PFDin_Pro_Light", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	background: #00aeef;
	border: none;
	box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	padding: 5px 35px;
	width: 145px;
}

.request .row.send button.loading {
	background: #00aeef url(images/button_loader.gif) center no-repeat;
	text-indent: -999px;
}

#page { overflow: hidden; }

#page .row { padding: 0 5%; }

#page h5 { margin-bottom: 10px; }
#page p, #page li { font: 12px/19px Arial, sans-serif }

#page .header { 
	margin-top: 0;
	padding: 20px 5%; 
}
#page .header h4 { float: left; }
#page .header img { float: right; }

#page .description h4 { margin: 30px 0; }
#page .description p { font: 16px/23px "PFDin_Pro_Light", Arial, sans-serif; }

#page .main {
	font: 18px/25px "PFDin_Pro_Light", Arial, sans-serif;
	padding: 15px 5%;
}
#page .main .number {
	font-size: 55px;
	line-height: 50px;
	margin-top: 3px;
	text-align: center;
}

#page .aminities ul { margin-left: -5px; }
#page .aminities li {
	color: #fa930b;
	list-style: outside square;
	margin: 9px 0;	
}
#page .aminities li span {
	color: #505050;
	display: inline-block;
	margin: 0 15px 0 5px;
	vertical-align: top;
}

/** Master Pass **/
#MasterPass .dark {
	background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #333343), color-stop(1, #010115) );
	background-image: -o-linear-gradient(right, #333343 0%, #010115 100%);
	background-image: -moz-linear-gradient(right, #333343 0%, #010115 100%);
	background-image: -webkit-linear-gradient(right, #333343 0%, #010115 100%);
	background-image: -ms-linear-gradient(right, #333343 0%, #010115 100%);
	background-image: linear-gradient(to right, #333343 0%, #010115 100%);
}

#MasterPass .header .stripe {
	background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #ffd947), color-stop(1, #ca181d) );
	background-image: -o-linear-gradient(right, #ffd947 0%, #ca181d 100%);
	background-image: -moz-linear-gradient(right, #ffd947 0%, #ca181d 100%);
	background-image: -webkit-linear-gradient(right, #ffd947 0%, #ca181d 100%);
	background-image: -ms-linear-gradient(right, #ffd947 0%, #ca181d 100%);
	background-image: linear-gradient(to right, #ffd947 0%, #ca181d 100%);
	height: 6px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
#MasterPass .header h4 { width: 70%; }

#MasterPass .main {
	background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #ffe515), color-stop(1, #fa9e0b) );
	background-image: -o-linear-gradient(right, #ffe515 0%, #fa9e0b 100%);
	background-image: -moz-linear-gradient(right, #ffe515 0%, #fa9e0b 100%);
	background-image: -webkit-linear-gradient(right, #ffe515 0%, #fa9e0b 100%);
	background-image: -ms-linear-gradient(right, #ffe515 0%, #fa9e0b 100%);
	background-image: linear-gradient(to right, #ffe515 0%, #fa9e0b 100%);
}

#MasterPass .payment {
	color: #FFFFFF;
	padding: 20px 5%;
}

#MasterPass .payment h5 { color: #ffe515; }

/** SPASIBO ot Sberbanka **/
#SberBank .header h4 { margin: 0 0 0 -8px; }
#SberBank .header h4 span {
	background: #039c3d;
	display: inline-block;
	margin-top: 6px;
	padding: 3px 8px;
}
#SberBank .header img { width: 160px; }

#SberBank .description .col40 { 
	float: right;
	margin: 0 -6% 0 0;
}

#SberBank .main { background: #79b829; }
#SberBank .aminities li { color: #d095bf; }

#SberBank .payment h5 { margin-left: -8px; }
#SberBank .payment h5 span {
	background: #79b829;
	display: inline-block;
	padding: 3px 8px;
}


/** Gallery **/
#gallery {
	display: none;
	margin: -260px -515px;
	padding: 15px;
	top: 50%;
	left: 50%;
	width: 1000px;
}
#gallery .slider {
	height: 488px;
	position: relative;
	overflow: hidden;
}
#gallery .slider .arr {
	background: #FFFFFF;
	border-radius: 20px;
	display: block;
	height: 40px;
	margin: -20px 0;
	opacity: 0.7;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 2;
}
#gallery .slider .arr span {
	border: 8px solid transparent;
	margin: -8px -4px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#gallery .slider .arr:hover { opacity: 1; }
#gallery .slider .arr.left { left: 2%; }
#gallery .slider .arr.right { right: 2%; }
#gallery .slider .arr.left span {
	border-right-color: #888888;
	border-left-width: 0;
}

#gallery .slider .arr.right span {
	border-left-color: #888888;
	border-right-width: 0;
}

#gallery .slider .slideContainer {
	height: 440px;
	position: absolute;
	top: 0;
	left: 0;
}
#gallery .slider .slideContainer section {
	float: left;
	height: 488px;
	position: relative;
	text-align: center;
	width: 1000px;
}
#gallery .slider .slideContainer section .description {
	background: rgba(0, 0, 0, 0.7);
	color: #F1F2F3;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 5px 2%;
	position: absolute;
	bottom: 0;
	text-align: left;
	width: 96%;
}

/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
	/* Tablet */
	#wrapper .container {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: device-width;
		min-width: 720px;
	}
	#wrapper section .container img.global {
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
	}
	#wrapper section .container p.global { width: 75%; }
	#wrapper header a,
	#wrapper header span {
		font-size: 18px;
		line-height: 20px;
		margin-left: 20px;
	}
	#wrapper .scroll_menu.fixed { display: none; }
	#main img {
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
	}
	#main #payture .container {
		padding: 50px 0 !important;
		max-width: 800px;
		min-width: 800px;
	}
	#main #payture #slider .slideContainer section > h1,
	#main #payture #slider .slideContainer section > h2,
	#main #payture #slider .slideContainer section > div {
		padding: 0 3% 0 7%;
	}
	#main #payture #slider .slideContainer section.first p { margin-top: 40px; }
	#main #payture #slider .slideContainer section.first img { left: 42%; }
	#main #payture #slider .slideContainer section.third img { left: 3%; }
	#main #payture #slider .slideContainer section.third p {
		margin: 0 0 20px 57%;
		width: 30%;
	}
	#main #antifraud .frodar {
		height: 350px;
		width: 350px;
	}
	#API .right-side { background: #e4e5e7; }
	#API .right-side .description { width: auto !important; }
	#API .right-side .example { display: none; }
	#templates .template_type { display: none; }
}
@media (max-width: 650px) {
	#wrapper .container,
	#main #payture .container,
	hr { max-width: device-width; min-width: device-width; }

	#main #antifraud .container, #company #vacancies .container { background: #f1f2f3; }
	#company #vacancies #vacancySlider { display: none; }
	#company #vacancies .text p { width: auto; }

	#integration #main .container img { left: 40%; }

	#API .right-side { width: 100%; }

	footer  { padding: 0; }
	footer .container {
		background: #0077a3;
		box-shadow: inset 0 5px 50px rgba(0, 0, 0, 0.5);
		padding: 35px 0;
	}
}

/* =Print
----------------------------------------------- */
@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#wrapper header {
		border-top: none !important;
		padding: 0;
	}
	footer { display: none; }
}
.noty code{font-size:10px;}
/* =IE (7-9) 
----------------------------------------------- */
#ie7 #wrapper, #ie8 #wrapper, #ie9 #wrapper { background: #ffffff url(images/background.png) repeat-x; }
#ie7 #wrapper h1, #ie8 #wrapper h1, #ie9 #wrapper h1, #ie7 #wrapper h2, #ie8 #wrapper h2, #ie9 #wrapper h2 { max-width: none; }

footer.black{background:black;}
body.black{	background-color: #FFFFFF;
	background-image: -o-linear-gradient(top, #000 243px, #ffffff 243px);
	background-image: -ms-linear-gradient(top, #000 243px, #ffffff 243px);
	background-image: -moz-linear-gradient(top, #0003 243px, #ffffff 243px);
	background-image: -khtml-linear-gradient(top, #000 243px, #ffffff 243px);
	background-image: -webkit-gradient(linear, 0% 243px, 0% 243px, from(#000), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #000 243px, #ffffff 243px);
	background-image: linear-gradient(top, #000 243px, #ffffff 243px);}
	
a.button24 {
	display: inline-block;
    color: white;
    text-decoration: none;
    padding: 20px 60px;
    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    /* border-color: #FDBE33 #000 #D77206; */
    border-radius: 6px;
    background: #6bbb26;
    transition: 0.2s;
    font-size: 22px;
} 
a.button24:hover { background: #6bbb26; }
a.button24:active { background: #6bbb26; }
#company #blog {
    background: #f1f2f3;
}