@font-face { font-family: AllerRegular; src: url('aller_rg.ttf'); }
@font-face { font-family: AllerBold; src: url('aller_bd.ttf'); }
@font-face { font-family: AllerBoldItalic; src: url('aller_bdit.ttf'); }

body { color: white; background: #C7EDFD; font-family: Arial; }
a { color: #45c2f7; text-decoration: none; }
a:hover { text-decoration: underline; }



/* REQUIRED BUTTON STYLES: */
button {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span {
	position: relative;
	display: block;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}



button.buttonGrey { padding: 0 10px 0 0; margin-right: 5px; font-size: 12px; text-align: center; background: white url('../img/buttons.png') no-repeat right -220px; }
button.buttonGrey span { padding: 8px 0 0 10px; height: 22px; background: white url('../img/buttons.png') no-repeat left -150px; color: #fff; margin-left: -2px; color: #364145; text-transform: uppercase; font-size: 0.8em; font-family: arial; text-shadow: white 1px 1px 1px; }
button.buttonGrey:hover, button.buttonGreyHover { background-position: right -255px; }
button.buttonGrey:hover span, button.buttonGreyHover span { background-position: 0 -185px; }

button.buttonRed { padding: 0 10px 0 0; margin-right: 5px; font-size: 12px; text-align: center; background: white url('../img/buttons.png') no-repeat right -70px; }
button.buttonRed span { padding: 8px 0 0 10px; height: 22px; background: white url('../img/buttons.png') no-repeat left top; color: #fff; margin-left: -2px; color: white; text-transform: uppercase; font-size: 0.8em; font-family: arial; text-shadow: #555 1px 1px 1px; }
button.buttonRed:hover, button.buttonRedHover { background-position: right -105px; }
button.buttonRed:hover span, button.buttonRedHover span { background-position: 0 -35px; }


.popup_modalbg { position: absolute; width: 1101px; height: 1600px; background-color: black; opacity: 0.8; top: 0; left: 0; z-index: 10; cursor: pointer; }
.popup { position: absolute; top: 1000px; left: 320px; z-index: 11; width: 460px; }
.popup .content { background: url('../img/popup.png') no-repeat 0 0; width: auto; border: none; font-family: arial; }
.popup .foot { background: url('../img/popup.png') no-repeat 0 bottom; text-indent: -999em; height: 15px; }
.popup h4 { color: #444444; font-size: 1.2em; margin: 0; padding: 20px 0 25px 13px; font-weight: bold; letter-spacing: -1px; }
.popup form { padding: 0 20px; }
.popup .buttons { width: 205px; margin: 0 auto; padding: 8px 0; }
.popup button { background-color: #c7ecfc; }
.popup button span { background-color: #c7ecfc; width: 70px; }
.popup .field { text-align: center; }
.popupForm label { display: block; width: 100px; float: left; color: #444444; font-size: 1.2em; text-align: left; }
.popupForm .field { padding: 2px; }
.popupForm .field.hasError { background-color: #fcb5cb; }
.popupForm .textInput { border: 1px solid #a9bbc3; font-size: 1.5em; padding: 5px; width: 300px; float: left; display: block; }
.popupForm label span { float: left; display: block; font-weight: bold; }
.popupForm sup { float: right; display: block; color: red; font-size: 1.3em; font-weight: bold; margin-right: 5px; }

.sendSucc { background-color: #1d8426; border-bottom: 1px dashed #349f3e; color: white; padding: 5px; position: absolute; width: 1091px; }
.sendErr { background-color: #bc1212; border-bottom: 1px dashed #a94343; color: white; padding: 5px; position: absolute; width: 1091px; }

.languageBar { position: absolute; list-style-type: none; right: 5px; top: 5px; }
.languageBar li { float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid white; }
.languageBar li:last-child { border-right: none; }

.header { background-color: #1b1b1b; border-bottom: #141414; padding: 33px 0 0 20px; border-bottom: 1px solid #121212; border-right: 1px solid #2F2F2F; width: 974px; position: relative; }
.header h1 { margin: 0; float: left; }
.header h1 a { display: block; background: transparent url('../img/icons.png') no-repeat 0 0; width: 272px; height: 75px; text-indent: -999em; overflow: hidden; margin: 8px 0 0 4px; }
.header .tweets { width: 683px; float: left; margin: 0 0 0 4px; }
.header .tweets .top { background: transparent url('../img/twits_bubble.png') no-repeat 0 0; text-indent: -999em; height: 5px; }
.header .tweets ul { background: transparent url('../img/twits_bubble.png') no-repeat 0 bottom; list-style-type: none; margin: 0; padding: 2px 0 14px 0; }
.header .tweets li { margin: 3px 12px 0 33px; color: #9f9f9f; border-bottom: 1px dashed #2c2c2c; padding: 0 0 6px 0; }
.header .tweets li:first-child { color: white; }
.header .tweets li:last-child { border-bottom: none; }
.header .followUs { width: 956px; margin: 10px 0 19px 0; }
.header .followUs p { float: right; font-size: 1.15em; font-weight: bold; margin-top: -2px; }
.header .followUs ul { list-style-type: none; margin: 0 0 0 9px; padding: 0; float: right; }
.header .followUs ul li { float: left; margin-right: 4px; }
.header .followUs ul li a { display: block; text-indent: -999em; overflow: hidden; background: transparent url('../img/icons.png') no-repeat 0 0; width: 16px; height: 16px; }
.header .followUs ul li.twitter a { background-position: -2px -187px; }
.header .followUs ul li.facebook a { background-position: -22px -187px; }
.header .followUs ul li.iwiw a { background-position: -42px -187px; }

.content { border-top: 1px solid #2f2f2f; width: 995px; position: relative; }
.vc_os_osx .content, .vc_os_linux .content { font-family: AllerRegular, Arial; }
.content h2 { font-size: 2.7em; font-family: AllerBoldItalic, Arial; text-shadow: black 1px -1px 1px; }

.content .fp { background-color: #222222; padding: 10px 470px 0 20px; position: relative; border-right: 1px solid #2f2f2f; border-bottom: 1px solid #1a1a1a; }
.content .fp h2 { position: absolute; }
.content .fp .descr { font-size: 1.4em; margin: 0; padding: 60px 105px 0 0; line-height: 1.2em; background: transparent url('../img/descr_arrow.png') no-repeat 183px 0; }
.content .fp .advantages { margin: 20px 0 0 0; list-style-type: none; padding: 0; }
.content .fp .advantages li { float: left; width: 190px; background: transparent url('../img/advantages.png') no-repeat 0 0; display: inline; }
.content .fp .advantages h3 { font-size: 1.3em; }
.vc_os_osx .content .fp .advantages h3, .vc_os_linux .content .fp .advantages h3 { font-family: AllerRegular, Arial; }
.content .fp .advantages p { line-height: 1.25em; }
.content .fp .advantages li.effective { background-position: 0 0; padding: 0 10px 35px 35px; }
.content .fp .advantages li.interactive { background-position: -500px 0; padding: 0 0 35px 35px; }
.content .fp .advantages li.measurable { background-position: -1000px 0; padding: 0 10px 15px 35px; clear: both; }
.content .fp .advantages li.simple { background-position: -1495px 0; padding: 0 0 15px 35px; }

.content .player { width: 425px; height: 550px; background: transparent url('../img/player_bg.png') no-repeat 0 0; position: absolute; right: 26px; top: 26px; z-index: 1; }
.content .player object { margin: 21px 0 0 20px; display: block; }

.content .sp { background-color: #464646; padding: 6px 570px 24px 20px; border-top: 1px solid #585858; border-right: 1px solid #606060; }
.content .sp p { font-size: 1.35em; line-height: 1.1em; margin-bottom: 9px; }


div.prices { background-color: #c7edfd; border-top: 1px solid #e4f7ff; border-right: 1px solid #e4f7ff; border-bottom: 9px solid #ddf4fe; padding: 0 0 0 29px; }
table.prices { background-color: white; color: #3b3b3b; border-collapse: collapse; width: 597px; margin: 20px 0; }

.vc_os_osx table.prices td, .vc_os_linux table.prices td { font-family: AllerRegular, Arial; }
table.prices thead tr { background: transparent url('../img/icons.png') repeat-x 0 -239px; border-spacing: 0; }
table.prices thead td { font-size: 1.5em; padding: 2px 7px; font-weight: bold; height: 37px; text-shadow: white 1px 1px 1px; font-weight: bold; }
.vc_os_osx table.prices thead td, .vc_os_linux table.prices thead td { font-family: AllerBold, Arial; font-weight: normal; }
table.prices td { border: 1px solid #e5e4dd; border-collapse: collapse; margin: 0; }
table.prices td:nth-child(2), table.prices td:nth-child(3) { width: 146px; text-align: center; }
table.prices .ok span { display: block; background: transparent url('../img/icons.png') no-repeat -179px -126px; text-indent: -999em; width: 15px; height: 15px; overflow: hidden; margin: 0 0 0 67px; }
table.prices tbody td { font-size: 1.25em; padding: 6px 8px; }
table.prices tbody tr:nth-child(odd)  { background-color: #fefcef; }
table.prices tbody tr:nth-child(even) { background-color: #fef8d1; }
table.prices tbody tr.odd  { background-color: #fefcef; }
table.prices tbody tr.even { background-color: #fef8d1; }
table.prices tbody td.soon { background-color: white; }

table.prices tr.options td:first-child { padding: 8px 4px 8px 9px; text-shadow: white 1px 1px 1px; font-weight: bold; }
.vc_os_osx table.prices tr.options td:first-child, .vc_os_linux table.prices tr.options td:first-child { font-family: AllerBold, Arial; font-weight: normal; }
table.prices tr.options td { height: 25px; vertical-align: top; background-color: #97d7f2; }
table.prices tr.options button { background-color: #97d7f2; }
table.prices tr.options button span { background-color: #97d7f2; width: 119px; }

table.prices tfoot td { font-size: 1.3em; padding: 17px 12px; font-weight: bold; }
.vc_os_osx table.prices tfoot p:nth-child(2), .vc_os_linux table.prices tfoot p:nth-child(2) { font-family: AllerBold, Arial; font-weight: normal; }

table.prices tfoot p.second { font-weight: bold; }


.footer { background-color: #212121; border-top: 1px solid white; border-right: 1px solid #0e0e0e; width: 994px; position: relative; font-size: 1.1em; height: 170px; }
.footer a { color: white; }
.footer .vcard { float: left; border-right: 1px solid #171717; padding: 6px 0 0 24px; width: 241px; margin: 19px 0 0 0; color: #afafaf; line-height: 1.2em; }
.footer ul { float: left; border-left: 1px solid #373737; list-style-type: none; margin: 19px 0 0 0; padding: 8px 0 0 17px; height: 114px; }
.footer ul li { float: left; border-right: 1px solid white; padding-right: 5px; margin-right: 5px; }
.footer ul li:last-child { border: none; }
.footer h4 { position: absolute; left: 332px; top: 56px; }
.footer h4 a { display: block; width: 82px; height: 28px; text-indent: -999em; overflow: hidden; background: transparent url('../img/icons.png') no-repeat 0 -117px; }
.footer .given-name { font-weight: bold; font-size: 1.1em; color: white; display: block; margin-bottom: 7px; }
.footer .inline-content div { display: inline; }
.footer .email { margin-top: 14px; display: block; }