@font-face {
    font-family: b;
    src: url('../fonts/b.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/bd41d.eot?') format('eot'),  /* IE6-IE8 */
    url('../fonts/b.woff') format('woff'), /* Modern Browsers */
    url('../fonts/b.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/b.html#svgGraublauweb') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: BNazanin;
    src: url('../fonts/BNazanin.ttf');
}
@font-face {  
	font-family: "koodak";  
	src: url("../fonts/BKoodkBd.eot");    
	src: url("../fonts/BKoodkBdd41d.eot?") format("eot"),   
	url("../fonts/koodak.woff") format("woff"),	  
	url("../fonts/BKoodkBd.ttf") format("truetype"); 
}
body {
	margin:0;
	padding:0;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5e5e5e;
	background:#fff url(../images/bg.jpg) repeat-x;
	direction:rtl;
}
p{
	line-height: 22px;
}
a{
	color: #3480AF;
    font-size: 12px;
}
a:hover{
	color: #6ba2c4;
}
ul {
	margin:0;
	padding:0;
}
ul li {
    font-size: 14px;
	list-style-position:inside;
    line-height: 28px;
	text-align:justify;
}
h1 {
	font-size:38px;
	color:#9ec300;
	font-weight:normal;
}
#index h1 {
	font-size:48px;
	text-shadow: 3px 0 1px #FFFFFF;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#3a3a3a;
	text-align:center;
    font-family: BNazanin;
}
h2 {
	color: #3A3A3A;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	position: relative;
	float:right;
}
.banner h2{
    font-family: koodak;
}
.plans h1, #signup h1{
    font-family: BNazanin;
}
.all {
	width:960px;
	margin: -70px auto 0;
}
.cl {
	clear:both;
}
.cll {
	clear:left;
}
.clr {
	clear:right;
}
img {
	border:none 0;
}
.header_head {
	background: url("../images/header.png") repeat scroll 0 0 transparent;
	height:85px;
}
.header {
	height:81px;
	float:left;
	width: 960px;
}
.logo {
	float:right;
}
.menu {
        float: right;
        margin: 11px 0 0 65px;
        position: relative;
        z-index: 100;
}
.menu ul li {
	float:right;
	margin:0 30px 0 0;
	list-style:none;
}
.menu ul li a {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	font-size:15px;
    font-family: koodak;
}
.menu ul li a:hover, .menu ul.top-navigation li.active a {
	color:#a0c408 !important;
}
.buttons {
	float:left;
	margin:8px 0 0;
}
.button {
	display:block;
	float:right;
	margin:0 0 0 13px;
	text-decoration:none;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	position:relative;
}
.button.grey {
	background:#cdcdcd;
	border:#bababa 1px solid;
	color:#000000;
	font-size:12px;
	padding:7px 12px 6px;
	text-shadow: 1px 1px 1px #FFFFFF;
    font-family: koodak;
}
.button.grey:hover {
	background:#e8e8e8;
    
}
.button.green {
	background:#caf73e;
	border:#a0c408 1px solid;
	color:#000000;
	font-size:12px;
	padding:7px 12px 6px;
	text-shadow: 1px 1px 1px #ceff00;
    font-family: koodak;
}
.button.green:hover {
	background:#dbff69;
}
.button.blue {
	background:#6fb3fb;
	border:#089ac4 1px solid;
	color:#FFFFFF;
	font-size:18px;
	padding:8px 14px;
	text-shadow: 1px 1px 1px #0074bd;/*margin: -27px 0 0 19px;*/
    
}
.button.blue#demo_index {
	margin: -69px 0 0 19px;
}
.button.blue#demo_main {
		margin-top:-18px;
		margin-left:0;
		margin-right:19px;
        font-family: b;
}
.button.blue:hover {
	background:#89c2ff;
}
.button.lightgreen {
	background:#cbf741;
	border:#a2c50e 1px solid;
	color:#404200;
	font-size:30px;
	padding:11px 40px;
	text-shadow: 1px 1px 1px #ceff00;/*margin: -53px 0 0 23px;*/
}
.button.lightgreen#start_now {
	margin-top:-38px;
	margin-left:0;
	margin-right:23px;
    font-family: b;
}
.button.lightgreen:hover {
	background:#dbff69;
}
#index .banner {
	background: url("../images/banner.jpg") no-repeat;
	height: 550px;
	margin: 5px -48px;
	position: relative;
	width: 999px;
}
#index .in_banner {
	height: 75px;
	margin: 415px 183px 0 0;
	position: absolute;
}

.content .box {
	float:right;
	width:293px;
	margin:-38px 26px 0 0;
	position: relative;
}
.content .box h3 {
	font-size:18px;
	color:#3a3a3a;
	font-weight:normal;
	margin:0 0 20px;
    font-family: BNazanin;
}
.content .box ul {
	list-style:inside;
}
.content .box ul li {
	font-size:12px;
	line-height:28px;
}
.content .box a {
	float:left;
	color:#3480af;
	font-size:12px;
	margin: 10px 35px 0;
    font-family: b;
}
.content .box a:hover {
	color:#6ba2c4;
}
.arrow {
	background: url("../images/info_box_sprite.png") no-repeat scroll 0 0 transparent;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 35px;
}
.arh {
	background: url("../images/info_box_sprite.png") no-repeat scroll 0 -26px transparent;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 40px;
}
.basket {
	background: url("../images/info_box_sprite.png") no-repeat scroll 0 -52px transparent;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 40px;
}
.footer .box {
	float: right;
	margin: 0 34px;
	width: 164px;
}
.footer .box.right {
	text-align:left;
}
.footer .m_products {
	color:#b4d54d;
	font-size:17px;
	font-weight:bold;
	margin:0 0 10px;
    font-family: b;
}
.footer .box ul {
	list-style:inside;
}
.footer .box ul li a {
	font-size:13px;
	color:#c7c7c7;
	text-decoration:none;
	line-height: 26px;
}
.footer .box ul li a:hover {
	color:#a0c408;
}
.footer .provider {
	font-size:12px;
	color:#fff;
}
.footer .copy {
	font-size:12px;
	color:#ababab;
    font-family: serif;
}
.footer .copy a {
	font-size:13px;
	color:#c7c7c7;
	text-decoration:none;
	line-height: 26px;
}
.line {
        background: url(../images/line.png) no-repeat;
        height: 1px;
        width: 944px;
        margin: 20px auto;
}
.vline{
	background:url(../images/vline.png) no-repeat;
	width:1px;
	height:241px;
	float:right;
	margin: -65px 0 0;
}
.footer .social {
	margin:14px auto 0;
	width:165px;
}
.footer .social a {
	display:block;
	height:45px;
	width:45px;
	margin: 0 15px 0 0;
	float:left;
}
.footer .social a:last-child {
	margin: 0;
}
.facebook {
	background: url("../images/social_sprite.png") no-repeat scroll 0 0;
}
.skype {
	background: url("../images/social_sprite.png") no-repeat scroll -45px 0;
}
.twitter {
	background: url("../images/social_sprite.png") no-repeat scroll -90px 0;
}
/* TABS */
.tabs {
	margin: 0 0 30px;
}
.tabs ul {
	list-style:none;
	margin: 0 115px 0 0;
}
.tabs ul li {
	float:right;
}
.tabs ul li a {
	background:#b2b2b2;
	padding:10px 20px;
	border:solid 1px #949494;
	border-bottom:solid 1px #c0c0c0;
	margin:0 0 0 3px;
	color:#ffffff;
	text-shadow: 1px 1px 1px #868686;
	text-decoration:none;
	-moz-border-radius-topleft: 5px 5px;
	border-top-left-radius: 5px 5px;
	-moz-border-radius-topright: 5px 5px;
	border-top-right-radius: 5px 5px;
	display: block;
	font-weight:bold;
    font-family: koodak;
    font-size: 15px;
}
.tabs ul li:hover a, .tabs ul li.active a {
	color:#4f4f4f;
	background:#FFF;
	text-shadow: 1px 1px 1px #FFF;
	border:solid 1px #c0c0c0;
	border-bottom:none 0;
	padding-bottom: 11px;
    
}
.tabs .line {
	margin: -1px auto 0;
}
/* ARTICLES */
.articles {
	width: 944px;
}
.articles .article {
	margin:0 0 50px;
}
.articles .article img.left {
	float:left;
}
.articles .article img.right {
	float:right;
}
.articles .article .title {
	color: #3A3A3A;
	display: block;
	float: none;
	font-size: 34px;
	padding: 7px 0 0;
}
.articles .article p {
	font-size:14px;
	line-height:22px;
	color:#5e5e5e;
	margin: 20px 0;
}
.articles .article ul {
	font-size:14px;
	line-height:22px;
	color:#5e5e5e;
	margin: 20px 0;
}
.articles .article a {
	
	color:#3480af;
	font-size:12px;
}
.articles .article a:hover {
	color:#6ba2c4;
}
/* FEATURES */
#features .content h1{
    font-family: BNazanin;
}
#features .banner {
	background: url("../images/features_banner.png") no-repeat;
	height: 397px;
	margin: -146px -17px 0;
	position: relative;
	width: 978px;
}
#features .in_banner {
	height: 75px;
	margin: 137px 17px 0 0;
	position: absolute;
}
.in_banner ul {
	list-style:none;
}
.in_banner li {
	background:url(../images/li.png) no-repeat right 12px;
	color:#3a3a3a;
	font-size:18px;
	padding: 0 16px 0 0;
	line-height:32px;
    font-family: b;
}
.button.blue#demo_in_header {
	margin: -101px 393px 0 0;
    font-family: koodak;
}
#social .button.blue#demo_in_header {
	margin: -22px 0 0 393px;
}
#plans .button.blue#demo_in_header {
	margin: -22px 375px 0 0;
}
/* PRICE'S TABLES */
.price_list {
}
.price_list .column {
	width:286px;
	float:left;
	border:1px solid #bababa;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
}
.price_list .column.main {
	text-transform:uppercase;
	text-shadow: 3px 0 1px #FFFFFF;
}
.price_list .column .row {
	font-size:13px;
	color:#5e5e5e;
	line-height:46px;
	height:46px;
	padding:0 15px;
}
.price_list .column .title {
	font-size:36px;
	color:#5e5e5e;
	height:120px;
	line-height:120px;
	text-shadow: 3px 0 1px #FFFFFF;
	font-weight:bold;
}
.price_list .column .odd {
	background:#f3f5f7;
}
.price_list .column .even {
	background:#eaeef1;
}
.price_list .column .white {
	background:#FFFFFF;
}
#features h2, h2.features{
	font-size:34px;
	color:#3a3a3a;
	display:block;
	float:none;
	padding:7px 0 0;
    font-family: BNazanin;
}
#features p {
	display:block;
}
#bottom_buttons {
	margin: 23px auto;
	width: 380px;
}
#bottom_buttons .button.blue#demo_in_footer {
	margin: 13px;
}
#bottom_buttons .button.lightgreen#start_now {
	margin: 0;
}
/* PLANS */

#plans .banner {
	background: url("../images/study_banner.png") no-repeat;
	height: 370px;
	margin:-133px -2px 0;
	position: relative;
	width: 978px;
}
#plans .in_banner {
        margin: 127px 0 0;
        position: absolute;
}
#plans h2 {
	font-size:20px;
	color:#3a3a3a;
	font-weight:normal;
}
#plans h3 {
	font-size:14px;
	color:#5e5e5e;
	font-weight:normal;
}
#plans table {
	border-spacing: 20px 0;
	margin: 0 -20px;
}
#plans table th {
	color:#FFF;
}
#plans table th {
	width:192px;
	height:118px;
	font-weight:normal;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	border:1px solid #bababa;
	border-bottom:1px solid #FFF;
	vertical-align:top;
}
#plans table th.header1 {
	width:252px;
	height:120px;
	text-align:right;
	color:#5e5e5e;
	vertical-align:middle;
	font-size:36px;
	background:url(../images/plans_header1.png) repeat-x;
	padding:0 17px;
    font-family: b;
}
#plans table th.header2 {
	background:url(../images/plans_header_sp.png) no-repeat;
	text-shadow: 2px 2px 1px #4c830b;
}
#plans table th.header3 {
	background:url(../images/plans_header_sp.png) no-repeat 0 -120px;
	text-shadow: 2px 2px 1px #00464c;
}
#plans table th.header4 {
	background:url(../images/plans_header_sp.png) no-repeat 0 -240px;
	text-shadow: 2px 2px 1px #7c0b0b;
}
#plans table th span.price {
	display: block;
	font-size: 18px;
	line-height: 36px;
    font-family: koodak;
}
#plans table th span.type {
	display: block;
	font-size: 48px;
	margin-top:5px;
    padding-top:10px;
	text-transform: capitalize;
    font-family: BNazanin;
    line-height: 48px;
    height: 50px;
}
#plans table td {
	text-align:center;
	height:46px;
	border:1px solid #bababa;
	border-bottom:1px solid #FFF;
	text-shadow: 2px 2px 1px #fff;
	font-weight:bold;
}
#plans table th span.type span {
	font-size:30px;
	display:block;
	margin: -25px 0 -5px;
}
#plans table th span.type.small {
	font-size:37px;
}
#plans table td.left {
	text-align:right;
	padding:0 20px;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px #fff;
	font-weight:normal;
    font-family: b;
    font-size: 20px;
}
#plans table tr.odd {
	background:#eaeef1;
}
#plans table tr.even {
	background:#f3f5f7;
}
#plans .order {
	margin: 0 43px 0 0;
	padding:7px 29px 6px;
    font-family: b;
}
#plans table tfoot td {
	height:72px;
	border-bottom:1px solid #bababa;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

/* SCREENSHOTS */
.screen_items {
	margin: 0 99px;
}
.screen_items .item {
	float: left;
	height: 330px;
}
.screen_items .item .img {
	background:url(../images/img_bg.png) no-repeat;
	height:215px;
	width:381px;
}
.screen_items .item .img img {
	margin: 11px 0 0 31px;
}
.screen_items .item .img a.zoom {
	background: url("../images/zoom.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 57px;
	margin: -58px 0 0 298px;
	position: relative;
	width: 57px;
}
.screen_items p {
	margin: 0 28px;
	width: 325px;
}
/* CONTACTS */
#contacts .banner {
	background: url("../images/contacts_banner.png") no-repeat;
	height: 340px;
	margin: -123px 0 0;
	position: relative;
	width: 978px;
}
#contacts .content h1{
	font-family:BNazanin;
}
#contacts .in_banner {
	margin: 114px 0 0;
	position: absolute;
}
#contacts .in_banner p {
	width:380px;
	line-height:22px;
}
#contacts .title {
	font-size:34px;
	color:#3a3a3a;
	font-family:koodak;
}
.form {
	width: 402px;
	margin:0 70px 50px 0;
	float: left;
}
.form .left {
	float:left;
	width:190px;
	margin:0 19px 0 0;
}
.form .right {
	float:left;
	
}
.form label {
	display: block;
	font-size: 15px;
	margin: 0 0 12px;
	width: 190px;
	color:#5e5e5e;
}
.input {
	border:1px solid #d1d1d1;
	font-size: 15px;
	margin:0 0 25px;
	color:#5e5e5e;
}
.input.text {
	height:30px;
	width:169px;
	padding:0 10px;
	float:left;
}
.input.text.long {
	width:379px;
}
.input.text.short {
	width:109px;
}
.input.textarea {
	width:379px;
	height:140px;
	padding:10px;
}
.submit {
	background:#cdcdcd;
	color:#4f4f4f;
	height:28px;
	padding:0 25px;
	text-shadow: 2px 2px 1px #FFFFFF;
	border:1px solid #bababa;
	cursor:pointer;
	-moz-border-radius:5px;
	border-radius: 5px 5px;
	margin: 3px 0 0 23px;
}
.submit:hover {
	background:#e8e8e8;
}
.submit.green {
	background:#caf73e;
	border:#a0c408 1px solid;
	color:#4f4f4f;
	padding: 0 21px;
	text-shadow: 1px 1px 1px #ceff00;
}
.submit.green:hover {
	background:#dbff69;
}
#captcha {
	float:left;
}
.contacts {
	background:#FFF;
	border:1px solid #d1d1d1;
	float:left;
	width:450px;
	margin: 30px 0 0;
}
.contacts2 {
	background:#f0f0f0;
	padding:30px;
}
.contacts .mtitle {
	color:#3a3a3a;
	font-size:18px;
	text-shadow: 2px 2px 1px #FFFFFF;
	font-family:b;
}
.contacts .item {
	float:left;
	width:150px;
	margin: 30px 0 9px 45px;
	line-height:17px;
}
.contacts .item .title {
	font-size:13px !important;
	font-weight:bold;
	color:#555555 !important;
}
.contacts .item .address {
	font-size:13px;
	font-weight:normal;
	color:#555555;
}
.contacts .item .email {
	font-size:13px;
	font-weight:normal;
	color:#90b200;
}
/* SING UP */
.box_in_box {
	background:#FFF;
	border:1px solid #d1d1d1;
	float:right;
	width:450px;
}
.box_in_box2 {
	background:#f0f0f0;
	padding:14px;
}
.add_domain_title {
	color:#3a3a3a;
	margin:15px 0;
}
.box_in_box label {
	clear: both;
	display: block;
	padding: 8px 5px 0 0;
	
}
.box_in_box span {
	float:right;
	display:block;
	margin: 0 20px 0 0;
}
#uniform-domain {
}
.space {
	float: right;
	height: 1px;
	width: 6px;
}
#signup .input.text {
	width:145px;
}
#signup .input.text.dom {
	width:255px;
}
.radio_buttons {
	margin:10px 0;
}
.box_in_box .radio_buttons label {
	text-shadow: 2px 2px 1px #FFFFFF;
	font-size:15px;
	line-height:14px;
	display:inline;
}
.add_domain_title {
	color:#3a3a3a;
	font-size:18px;
	text-shadow: 2px 2px 1px #FFFFFF;
    font-family: b;
}
#signup label {
	float:left;
    font-family: koodak;
	display:block;
}
#signup .box_in_box .submit.green{
    font-family: BNazanin;
    font-size: 15px;
}
.form2 {

	margin-top:20px;
}
.form2 .item {
	clear:left;
}
.form2 .item label{
	float:none !important;
}
#signup .input.text.long {
	width:400px;
}
#signup .input.text.short {
	width:109px;
}
.singup_box {
	background:url(../images/singup_banner.jpg) no-repeat;
	height:595px;
	width:441px;
	float:left;
	margin: -40px 0 0;
}
.login_box {
        background: url(../images/login_banner.jpg) no-repeat;
        height: 595px;
        width: 441px;
        float: left;
        margin: -40px 0 0;
}
.long div.selector {
	width:412px;
}
.long div.selector span {
	width:387px;
}
.long div.selector select {
	width:422px;
}
#signup .capcha {
	width: 100%;
}
.form2 .item.cc {
	margin: 0 0 0 57px;
	width: 391px;
}
/* SOCIAL */
#social .banner {
	background: url("../images/social_banner.png") no-repeat;
	height: 353px;
	margin: -123px 0 0;
	position: relative;
	width: 978px;
}
#social .in_banner {
	margin: 143px 0 0;
	position: absolute;
}
#social .in_banner p {
	width:380px;
}
#social .title {
	font-size:34px;
	color:#3a3a3a;
}
.social_boxes {
	background:url(../images/grid.png) no-repeat;
	width:944px;
	height:255px;
	margin:-25px 0 0;
}
.social_boxes .box{
	float: left;
        margin: 95px 32px 0;
        width: 249px;
}
.social_boxes .box .title{
	color:#3a3a3a !important;
	font-size:22px !important;
}
.social_boxes .box .title img{
	margin: -14px 12px -14px 2px;
}
.social_boxes .box p{
	color:#5e5e5e;
	font-size:14px;
}
.social_boxes .box a{
	float:none;
	margin:0;
	color:#3a3a3a !important;
	font-size:22px !important;
	text-decoration:none;
}
.social_boxes .box a:hover{
	color:#6ba2c4 !important;
}

/* STUDY CASE */

#study .banner {
	background: url("../images/study_banner.png") no-repeat;
	height: 353px;
	margin: -123px 0 0;
	position: relative;
	width: 978px;
}
#study .in_banner {
	margin: 114px 0 0;
        position: absolute;
}
#study .in_banner ul {
	list-style:none;
}
#study .in_banner li {
	background:url(../images/li.png) no-repeat left 12px;
	color:#3a3a3a;
	font-size:18px;
	padding: 0 0 0 16px;
	line-height:32px;
}
.article h2.big {
	font-size:34px !important;
	color:#3a3a3a !important;
	display:block;
	float:none;
	padding:7px 0 0;
}
#study p {
	display:block;
}
.hspace{
	margin:50px 0 0 0;	
}
.singup_button{
	margin:0;
	padding:0;
}
.w560{
	width:560px;
}
.right{
	float:right;
}

.footer {
	background:url(../images/footer.jpg);
	padding: 0 0 20px;
}

.footer .boxes {
	width:931px;
 	margin:0 auto;
 	padding:48px 0 0;
}

.footerline {
        background: url('../images/footerline.png') repeat-x;
        height: 14px;
        margin: 50px 0 0;
}

p a{
	font-size: 14px;
}

.articles .article a {
	color:#3480af;
	font-size:12px;
}

.articles .article p a{
	font-size: 14px;
        float: none;
}

body#signup .radio_buttons label {
	display:block;
	float:left;
	position:relative;
	width:50%;
}

body#signup label[for="brand-domain"],
body#signup input[name="brand-domain"],
body#signup div#uniform-brand,
body#signup div.brand-domain-info {
	display:none;
}

body#signup input#own-domain {
	width:343px;
}

body#signup input#brand-domain {
	width:255px;
}

body#signup label[for="brand-domain"] {
	position:relative;
	float:left;
}

body#signup div#uniform-brand {
	position:relative;
	float:right;
}

body#signup label[for="type"] {
	display:none;
}

body#signup label[for="type-own"], body#signup label[for="type-branded"] {
	width:40%;
	position:relative;
	float:left;
	display:block;
	clear:left;
}

body#signup label[for="type-branded"] {
	float:right;
	clear:right;
	width:55%;
}

.error-element {
	border-color:#ff0000;
	margin-bottom:6px;
}

ul.errors li {
	color:#ff0000;
	font-weight:normal;
	line-height:18px;
	font-size:12px;
}

ul.errors {
	list-style-type:none;
}

body.kb-list ul li a {
	display:inline;
	float:none !important;
}

body.kb-list .support-navigation li a {
	display:block;
}

.notification {
	background: #fff;
	border: 1px solid #D1D1D1;
	float: left;
	width: 450px;
}

.notification p {
	padding: 14px;
	margin: 0;
}

.notification.success p {
	background: #cafe73;
}

.notification.error p {
	background: #ffd0cc;
}

.conversation {
	width:450px;
	margin:12px 0 0 0;
	float: left;
}

.conversation .box_in_box {
	margin-bottom:6px;
}

.conversation .box_in_box .time {
	float:right;
	margin-top:6px;
}

.conversation #message {
	width:432px;
}

.conversation form.message-form {
	margin-top:12px;
}

.conversation.title {
	width:100%;
	clear:both;
}

.conversation.contacts {
	margin-top:0;
	float:right;
	margin-top:12px;
}

.conversation label[for="captcha"] {
	display:block;
	clear:both;
	margin-bottom:12px;
}

.conversation input#captcha {
	width:164px;
}

.conversation ul.errors,
#contacts .errors.captcha {
	clear:both;
}

.conversation .box_in_box.from-admin .box_in_box2 {
	background-color:#fff;
}