html, body {height:100%;}
.clear {height:0; display:block; clear:both;}
.relative {position:relative;}
.orange {color:#ff8a00;}
.blue {color:#1a51a8;}
.red {color:#b92121;}
.orangered {color:#f34d43;}

.yellow {color:#ffd584;}
a.yellow:hover {color:#ffd584;}
.rouble {font-family: 'ALSRublRegular';}

  /* global */
#global {position:relative; margin:0 auto; min-height:100%; text-align:center;}
.container {position:relative; max-width:1153px; min-width:953px; padding:0 26px 0 21px; width:auto; margin:0 auto; text-align:left;}


  /* header */
header {
  position:relative; margin:0 !important; min-width:1000px; height:112px; 
  background: url(img/header.png) left top repeat-x;
}
header .logo {position:absolute; left:21px; top:22px; width:206px; height:59px;}
    /* main-nav */
header .main-nav {position:absolute; left:25.73333%; top:36px; margin:0; padding:0;}
header .main-nav li {float:left; position:relative; font-size:15px; padding:7px 13px 0 13px; height:24px; list-style-type:none; margin-right:8px;}
header .main-nav li.active {padding:0; height:31px;}
header .main-nav li.active span {
  display:block; padding:7px 13px 0 13px; height:24px;
  background-color: #ff8c03;
  background-image: -moz-linear-gradient(top, #ff880c, #fc6654);
  background-image: -ms-linear-gradient(top, #ff880c, #fc6654);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff880c), to(#fc6654));
  background-image: -webkit-linear-gradient(top, #ff880c, #fc6654);
  background-image: -o-linear-gradient(top, #ff880c, #fc6654);
  background-image: linear-gradient(top, #ff880c, #fc6654);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff880c', endColorstr='#fc6654', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  color:#fff;
  -webkit-box-shadow: inset 0 2px 2px rgb(230,84,15);
  -moz-box-shadow: inset 0 2px 2px rgb(230,84,15);
  box-shadow: inset 0 2px 2px rgb(230,84,15);
}
header .main-nav li.active span:after {
  content:''; display:block; position:absolute; left:50%; top:100%; margin-left:-4px;
  border-left:5px solid transparent; border-right:5px solid transparent;
  border-top:5px solid #fc6457;
}
header .main-nav li a:hover {color:#ff8a00;}
    /* login and reg */
header .login-reg {position:absolute; right:6px; top:36px; z-index:1050;}
header .login-reg .custom-yellow-btn {
  margin:0; padding:7px 17px 6px 17px; 
  color:#4d4d4d !important; text-shadow:none !important;
}
header .login-reg .enter {
  position:relative;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
header .login-reg .reg {
  position:relative;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
header .login-reg .enter:after {display:block; position:absolute; right:0; top:0; bottom:0; width:1px; background: url(img/login.png) left top no-repeat; content:'';}
header .login-reg .reg:after {display:block; position:absolute; left:0; top:0; bottom:0; width:1px; background: url(img/login.png) -1px top no-repeat; content:'';}
header .login-reg .custom-yellow-btn.active {color:#a4680c; text-decoration:none;}
    /* login popup */
header .lrpopup {
  position:absolute; left:0; right:0; top:100%; z-index:999;
  display:block; margin-top:10px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.25);
  box-shadow: 0 2px 5px rgba(0,0,0,.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
header .lrpopup form {margin:0;}
header .lrpopup .control-group {margin-bottom:11px; padding:11px 11px 14px 11px; border-bottom:1px solid #d1d1d1;}
header .lrpopup input {width:183px; padding:7px 10px 5px 10px; color:#5f5f5f; font-size:15px;}
header .lrpopup button {font-weight:bold; padding-top:6px; padding-bottom:5px; width:205px;}
header .lrpopup h4 {font-size:13px; font-weight:bold; color:#5f5f5f; margin-bottom:10px;}
header .lrpopup a {margin-right:3px;}
header .lrpopup .social {margin-bottom:28px; text-align:center;}
    /* user-panel */
header .user-panel {
  position:absolute; top:0; right:26px; width:203px; height:77px; padding:8px 12px 0 13px;
  background:url(img/user-panel.png) left top repeat-x;
  -webkit-border-radius: 0 0 25px 0;
     -moz-border-radius: 0 0 25px 0; 
          border-radius: 0 0 25px 0;
}
header .user-panel:before {position:absolute; left:-14px; top:0; width:18px; height:100%; background:url(img/panel-before.png) left top no-repeat; content:'';}
header .user-panel h5 {font-weight:bold; font-size:13px; margin-bottom:6px;}
header .user-panel .balans,
header .user-panel .pay {font-size:11px; color:#2d2d2d;}
header .user-panel .balans {font-weight:bold;}
header .user-panel span {font-weight:bold;}
header .user-panel .manage-sites {
  display:inline-block; padding:2px 5px 2px 26px; margin-top:5px;
  text-decoration:none; color:#2d2d2d;
  background:#e0a14b url(img/tree.png) 5px center no-repeat;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
header .user-panel .manage-sites:hover {background-color:#e7a54d;}
header .user-panel .logout {
  position:absolute; right:12px; top:0; width:29px; height:24px;
  background: #fff url(img/logout.png) center center no-repeat;
  -webkit-border-radius: 5px 0 5px 5px;
     -moz-border-radius: 5px 0 5px 5px; 
          border-radius: 5px 0 5px 5px;
}
header .user-panel .logout:hover {opacity:.85;}


  /* top-panel */
.top-panel {position:relative; height:30px; background:#ffd584; font-size:11px; line-height:16px; min-width:1000px;}
.top-panel .close-panel {position:absolute; right:8px; top:11px; width:9px; height:9px; background:url(img/close.png) left top no-repeat; z-index:100;}
.top-panel .close-panel:hover {opacity:.8;}
.top-panel a {color:#323232;}
.top-panel .new-messages {float:left; width:16%; padding-top:6px;}
.top-panel .new-messages a {padding-left:21px; background:url(img/new-messages.png) left top no-repeat; font-weight:bold;}
.top-panel .today-news {float:left; width:83.9%; padding-top:6px; overflow:hidden; position:relative;}
.top-panel .today-news:after {display:block; position:absolute; right:0; top:0; width:29px; height:30px; background: url(img/overflow.png) 10px top no-repeat; content:'';}
.top-panel .today-news table {border-collapse: collapse; border-spacing: 0; width:100%;}
.top-panel .today-news td {vertical-align:top;}
.top-panel .today-news h5 {font-size:11px; white-space: nowrap; padding-right:4px}
.top-panel .today-news p {width:100%; white-space:nowrap;}


  /* visual */
#visual {height:318px; overflow:hidden; background:url(img/visual.png) left bottom repeat-x; min-width:1000px}
#visual ul,
#visual li {margin:0; padding:0; list-style-type:none; text-align:center;}
#visual #slider {width:100%; height:262px;}
#visual #slider li .bg,
#visual #slider li {height:262px;}
#visual #slider li.hide {display:none;}
#visual #slider li .shadow-left {background:url(img/left-shadow.png) left top no-repeat;}
#visual #slider li .shadow-right {background:url(img/right-shadow.png) right top no-repeat;}
#visual #slider li .bg {position:relative; max-width:1153px; min-width:953px; padding:0 26px 0 21px; width:auto; margin:0 auto; text-align:left;}

#visual #slider li.slide01 {background:url(img/step01.jpg) left top repeat-x;}
#visual #slider li.slide01 .rays {background:url(img/step01-bg.png) center top no-repeat;}
#visual #slider li.slide01 .bg {background:url(img/step01-bg02.png) center bottom no-repeat;}
#visual #slider li.slide01 .video-tour {position:absolute; left:27px; top:45px; text-align:center; width:249px;}
#visual #slider li.slide01 .video-tour a {text-decoration:none;}
#visual #slider li.slide01 .video-tour span {font-family: 'PFAgoraSlabProRegular'; font-size:16px; border-bottom:1px dotted #0a59a6;}
#visual #slider li.slide01 .video-tour a:hover span {border-bottom-color:transparent}
#visual #slider li.slide01 .text {position:absolute; left:318px; top:45px;}
#visual #slider li.slide01 .text h3 {font-size:23px; font-family: 'PFAgoraSlabProMediumRegular'; margin-bottom:10px;}
#visual #slider li.slide01 .text p {font-size:16px; line-height:29px; font-family: 'PFAgoraSlabProRegular'; margin-bottom:20px;}
#visual #slider li.slide01 .text button {font-size:18px; font-family: 'PFAgoraSlabProMediumRegular'; padding:11px 52px;}

#visual #slider li.slide02 {background:url(img/step01.jpg) left top repeat-x;}
#visual #slider li.slide02 .rays {background:url(img/step02-bg.png) center top no-repeat;}
#visual #slider li.slide02 .bg {background:url(img/step02-bg02.png) center bottom no-repeat;}
#visual #slider li.slide02 .video-tour {position:absolute; left:27px; top:45px; text-align:center; width:249px;}
#visual #slider li.slide02 .video-tour a {text-decoration:none;}
#visual #slider li.slide02 .video-tour span {font-family: 'PFAgoraSlabProRegular'; font-size:16px; border-bottom:1px dotted #0a59a6;}
#visual #slider li.slide02 .video-tour a:hover span {border-bottom-color:transparent}
#visual #slider li.slide02 .text {position:absolute; left:318px; top:57px;}
#visual #slider li.slide02 .text h3 {font-size:23px; font-family: 'PFAgoraSlabProMediumRegular'; margin-bottom:10px;}
#visual #slider li.slide02 .text p {font-size:16px; line-height:29px; font-family: 'PFAgoraSlabProRegular'; margin-bottom:20px;}
#visual #slider li.slide02 .text button {font-size:18px; font-family: 'PFAgoraSlabProMediumRegular'; padding:11px 52px;}

#visual #slider li.slide03 {background:url(img/step03.jpg) left top repeat-x;}
#visual #slider li.slide03 .rays {background:url(img/step03-bg.png) center top no-repeat;}
#visual #slider li.slide03 .bg {background:url(img/step03-bg02.png) center bottom no-repeat;}
#visual #slider li.slide03 .video-tour {position:absolute; left:27px; top:45px; text-align:center; width:249px;}
#visual #slider li.slide03 .video-tour a {text-decoration:none; color:#fff;}
#visual #slider li.slide03 .video-tour span {font-family: 'PFAgoraSlabProRegular'; font-size:16px; border-bottom:1px dotted #fff;}
#visual #slider li.slide03 .video-tour a:hover span {border-bottom-color:transparent}
#visual #slider li.slide03 .text {position:absolute; left:318px; top:57px;}
#visual #slider li.slide03 .text h3 {font-size:23px; font-family: 'PFAgoraSlabProMediumRegular'; margin-bottom:10px; color:#fff;}
#visual #slider li.slide03 .text p {font-size:16px; line-height:29px; font-family: 'PFAgoraSlabProRegular'; margin-bottom:20px; color:#fff;}
#visual #slider li.slide03 .text button {font-size:18px; font-family: 'PFAgoraSlabProMediumRegular'; padding:11px 52px;}

#visual #slider li.slide04 {background:url(img/step01.jpg) left top repeat-x;}
#visual #slider li.slide04 .rays {background:url(img/step04-bg.png) center top no-repeat;}
#visual #slider li.slide04 .bg {background:url(img/step04-bg02.png) center bottom no-repeat;}
#visual #slider li.slide04 .video-tour {position:absolute; left:27px; top:45px; text-align:center; width:249px;}
#visual #slider li.slide04 .video-tour a {text-decoration:none;}
#visual #slider li.slide04 .video-tour span {font-family: 'PFAgoraSlabProRegular'; font-size:16px; border-bottom:1px dotted #0a59a6;}
#visual #slider li.slide04 .video-tour a:hover span {border-bottom-color:transparent}
#visual #slider li.slide04 .text {position:absolute; left:64.2%; top:57px;}
#visual #slider li.slide04 .text h3 {font-size:23px; font-family: 'PFAgoraSlabProMediumRegular'; margin-bottom:10px;}
#visual #slider li.slide04 .text p {font-size:16px; line-height:29px; font-family: 'PFAgoraSlabProRegular'; margin-bottom:20px;}
#visual #slider li.slide04 .text button {font-size:18px; font-family: 'PFAgoraSlabProMediumRegular'; padding:11px 52px;}

#visual #slider li.slide05 {background:url(img/step01.jpg) left top repeat-x;}
#visual #slider li.slide05 .rays {background:url(img/step01-bg.png) center top no-repeat;}
#visual #slider li.slide05 .bg {background:url(img/step05-bg02.png) center bottom no-repeat;}
#visual #slider li.slide05 .video-tour {position:absolute; left:27px; top:45px; text-align:center; width:249px;}
#visual #slider li.slide05 .video-tour a {text-decoration:none;}
#visual #slider li.slide05 .video-tour span {font-family: 'PFAgoraSlabProRegular'; font-size:16px; border-bottom:1px dotted #0a59a6;}
#visual #slider li.slide05 .video-tour a:hover span {border-bottom-color:transparent}
#visual #slider li.slide05 .text {position:absolute; left:318px; top:57px;}
#visual #slider li.slide05 .text h3 {font-size:23px; font-family: 'PFAgoraSlabProMediumRegular'; margin-bottom:10px;}
#visual #slider li.slide05 .text p {font-size:16px; line-height:29px; font-family: 'PFAgoraSlabProRegular'; margin-bottom:20px;}
#visual #slider li.slide05 .text button {font-size:18px; font-family: 'PFAgoraSlabProMediumRegular'; padding:11px 52px;}

#visual .container {height:56px;}
#visual .pag {position:absolute; left:42px; top:20px;}
#visual .pag li {float:left; width:15px; height:14px; margin-right:7px;}
#visual .pag li a {display:block; width:15px; height:14px; background:url(img/pager.png) left top no-repeat;}
#visual .pag li.active a {background:url(img/pager-active.png) left top no-repeat;}
#visual .join {position:absolute; left:318px; top:10px; /* */ left:50%; margin-left:-170px;}
#visual .join > span {position:relative; top:2px; display:inline-block; padding-left:43px; margin:0 15px 0 -43px; background:url(img/wizard-tool.png) left top no-repeat; font-size:17px; color:#000; line-height:31px;}
#visual .join button {padding-left:25px; padding-right:25px;}



  /* teasers */
.teasers {background:url(img/teasers.gif) left top repeat; border-bottom:1px solid #eaeaea; padding-top:32px; padding-bottom:10px; margin-bottom:30px; min-width:1000px;}
.teasers h4 {font-weight:bold; font-size:14px; color:#323232; padding-bottom:4px;}
.teasers p {line-height:20px; margin-bottom:0;}
.teasers .items {position:relative; overflow:hidden; margin:0; padding:0;}
.teasers .item {float:left; width:33%; margin-bottom:30px; min-height:70px;}
.teasers .item > * {margin-left:98px;}
.teasers .item.intuitive-editor {background: url(img/intuitive-editor.png) 20px 4px no-repeat;}
.teasers .item.bulletproof-hosting {background: url(img/bulletproof-hosting.png) 18px 2px no-repeat;}
.teasers .item.know-ur-visitors {background: url(img/know-ur-visitors.png) 26px 7px no-repeat;}
.teasers .item.two-hundred-templates {background: url(img/two-hundred-templates.png) 16px top no-repeat;}
.teasers .item.free-domain-name {background: url(img/free-domain-name.png) 18px 1px no-repeat;}
.teasers .item.seo {background: url(img/seo.png) 27px 4px no-repeat;}


  /* template-samples */
.template-samples {padding-bottom:8px; background:url(img/template-samples.png) center bottom no-repeat; min-width:1000px; margin-bottom:30px;}
.template-samples h3 {margin-left:21px; font-size:18px; font-weight:normal; padding-bottom:20px;}
.template-samples .prev,
.template-samples .next {display:block; position:absolute; top:-3px; width:28px; height:26px;}
.template-samples .prev {right:73px; background: url(img/prev.png) left top no-repeat;}
.template-samples .next {right:35px; background: url(img/next.png) left top no-repeat;}
.template-samples .prev:hover,
.template-samples .next:hover {opacity:.85;}
.template-samples ul {margin:0 9px 44px 21px; padding:0;}
.template-samples li {list-style-type:none; float:left; width:33.33%; text-align:center;}
.template-samples li:first-child {text-align:left;}
.template-samples li:last-child {text-align:right;}
.template-samples a:hover {opacity:.9;}
.template-samples img {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px; 
          border-radius: 3px;
  -webkit-box-shadow: 0 10px 5px -7px #dadee4;
     -moz-box-shadow: 0 10px 5px -7px #dadee4;
          box-shadow: 0 10px 5px -7px #dadee4;
}
.template-samples .jcarousel-skin-tango {margin:0 9px 44px 21px;}
.template-samples .jcarousel-container {display:block; position:relative; overflow:hidden;}
.template-samples .jcarousel-skin-tango ul {margin:0;}
.template-samples .jcarousel-skin-tango ul li {width:auto; margin-right:2.5em;}




  /* main-page-text */
.main-page-text h1,
.main-page-text h2 {font-weight:normal; font-size:18px; padding-bottom:10px;}
.main-page-text p {line-height:23px; margin-bottom:30px;}
.main-page-text .main-text {float:left; width:47.5%; margin-right:7.5%;}
.main-page-text .main-text > * {margin-left:21px;}
.main-page-text .free-constructor {float:left; width:42%;}



  /* doc-header */
.doc-header {margin:0 2px 14px 2px; padding:0 34% 8px 0; border-bottom:1px solid #eeeeef;}
.doc-header .create-site,
.doc-header .create-conversation {position:absolute; right:145px; top:10px; font-size:14px; padding-left:25px; background:url(img/create-site-ico.png) left center no-repeat;}
.doc-header .create-site:hover,
.doc-header .create-conversation:hover {background:url(img/create-site-ico-hover.png) left center no-repeat;}
.doc-header .video-tour {position:absolute; right:35px; top:10px; font-size:14px; padding-left:25px; background:url(img/video-tour-ico.png) left center no-repeat;}
.doc-header .video-tour:hover {background-image:url(img/video-tour-ico-hover.png);}
.doc-header h1 {font-size:25px; color:#514f4d; font-weight:normal;}
.doc-header h1 .help {margin-left:10px; padding-left:30px; background:url(img/help.png) left 2px no-repeat; font-size:14px; font-weight:bold;}
  /* doc-content */
.doc-content {margin:0 13px 40px 20px;}
  /* side, center */
.center,
.side {float:left;}


  /* forum */
.forum .doc-header {position:relative; border-bottom-color: transparent;}
.forum .doc-header .create-conversation {right:18px; top:auto; bottom:15px;}
.forum .doc-header .follow {position:absolute; right:250px; bottom:15px; font-size:14px; padding-left:22px; background:url(img/follow.png) left center no-repeat;}
.forum .doc-header .follow:hover {background-image:url(img/follow-hover.png);}
.forum .doc-header .follow a {text-decoration:none;}
.forum .doc-header .follow span {border-bottom:1px dotted #0a59a6;}
.forum .doc-header .follow:hover span {border-bottom-color:transparent;}
.forum h2 {font-size:19px; font-weight:bold; color:#514f4d; padding-bottom:5px; padding-top:5px;}
.forum .right-col {float:right; width:24.89%;}
.forum .center-col {float:left; width:73.15%;}

  /* themes-block */
.themes-block {
  margin-bottom:17px; 
  border:2px solid #f3f7fb;
  -webkit-border-radius:5px; border-radius:5px;
}
.themes-block h3 {
  padding:7px 16px 10px 16px;
  font-size:15px; font-weight:bold; color:#0a59a6;
  background: #f3f7fb;
  -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
}
.themes-block .content {margin:12px 17px 14px 17px; position:relative; overflow:hidden;}
.themes-block ul,
.themes-block li {margin:0; padding:0; list-style-type:none; font-size:15px;}
.themes-block ul {float:left; width:47%; margin-right:2%; border-right:1px solid #eaeaea;}
.themes-block ul:last-child {border-right:none;}
.themes-block li {padding-bottom:10px;}
.themes-block li:last-child {padding-bottom:0;}

  /* themes */
.themes {
  margin:0 0 16px 0; padding:15px 18px 4px 18px;
  background:#f2f6fa;
  -webkit-border-radius:3px; border-radius:3px;
  box-shadow:0 2px 3px -1px #96b3cc;
}
.themes li {list-style-type:none; margin-bottom:10px; font-size:15px;}

  /* create-theme */
.create-theme {
  box-shadow:inset 0 2px 4px -1px #d6d6d6;
  padding:13px;
  border:1px solid #e7e7e7;
  -webkit-border-radius:3px; border-radius:3px;
}
.create-theme .btn {
  min-width:90%;
  font-weight:bold;
}
.create-theme h3 {
  padding:10px 0 2px 0;
  font-size:15px; font-weight:bold;
}
.create-theme p {
  margin-bottom:0;
  font-size:13px;
  line-height:25px;
}



  /* forum-search */
.forum-search {margin-bottom:11px; padding-right:110px; position:relative; }
.forum-search button {position:absolute; right:0; top:0; width:102px; padding:6px 0 5px 0; font-size:15px;}
.forum-search form {margin:0;}
.forum-search table {margin:0; width:100%;}
.forum-search td {vertical-align:top;}
.forum-search td:first-child {width:100%;}
.forum-search input[type='text'] {
  margin:0; width:100%; height:31px; padding:4px 10px 3px 10px;
  font-size:15px; line-height:22px; color:#454545;
  border-color:#cdcdcd; border-right:0;
  -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  -webkit-box-shadow: inset 0px 4px 4px -2px #eee; box-shadow: inset 0px 4px 4px -2px #eee;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.forum-search input[type='text']:focus {border-color:#cdcdcd;}
.forum-search .nav {
  display:block; margin:0; height:29px;
  font-size:13px;
  background: #f3f3f3; border:1px solid #cdcdcd; border-left:0;
  -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;
  -webkit-box-shadow: inset 0 25px 25px -20px rgba(255,255,255,.7); box-shadow: inset 0 25px 25px -20px rgba(255,255,255,.7);
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.forum-search .nav li.dropdown {float:none; display:inline-block;}
.forum-search .nav li.dropdown > a {margin:0; padding:4px 8px 3px 12px; font-size:13px; line-height:22px; white-space:nowrap; text-decoration:none; color:#000; background:transparent !important; border:none !important;}
.forum-search .nav li.dropdown > a span {border-bottom:1px dotted #454545;}
.forum-search .nav li.dropdown.open > a span,
.forum-search .nav li.dropdown > a:hover span {border-bottom-color: transparent;}
.forum-search .nav li.dropdown > a:hover .caret,
.forum-search .nav li.dropdown.open > a .caret,
.forum-search .nav .caret {margin-left:6px; margin-top:8px; border-top-color:#ea6643; opacity:1; border-top-width:5px; border-left-width:5px; border-right-width:5px;}
.forum-search .nav .dropdown-menu {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
      /* no-nav-pills */
.forum-search.no-nav-pills input[type='text'] {
  border-right: 1px solid #cdcdcd;
  -webkit-border-radius:3px; border-radius:3px;
}



  /* forum-filter */
.forum-filter {
  margin-bottom:25px; padding:9px;
  background:#ffd584;
  -webkit-border-radius:3px; border-radius:3px;
  font-size:14px; font-weight:bold; color:#000;
}
.forum-filter form {margin:0;}
.forum-filter select,
.forum-filter input {margin-right:5px; font-size:14px; font-weight:bold; color:#000; width:30%; min-width:250px; max-width:350px;}
.forum-filter .add-on {border:1px solid #ecb956; border-right:0;}
.forum-filter input {border:1px solid #ecb956; border-left:0;}


  /* topic-list */
.topic-list {margin-bottom:21px;}
.topic-list .topic-item {
  position:relative; overflow:hidden;
  margin-bottom:12px; padding:20px 20px 20px 114px;
  background:#f5f5f5;
  -webkit-border-radius:3px; border-radius:3px;
}
.topic-list .topic-item > .image {float:left; margin-left:-95px; width:78px; height:78px;}
.topic-list .topic-item h3 {font-size:15px; font-weight:bold;}
.topic-list .topic-item p a {color:#fe7e20;}
.topic-list .topic-item .follow {text-decoration:none; padding-left:22px; background:url(img/follow.png) left center no-repeat;}
.topic-list .topic-item .follow:hover {background-image:url(img/follow-hover.png);}
.topic-list .topic-item .follow span {border-bottom:1px dotted #0a59a6;}
.topic-list .topic-item .follow:hover span {border-bottom-color:transparent;}


  /* topic-list */
.forum-post {
  margin-bottom:20px; padding:17px 20px 20px 112px;
  border:2px solid #eaeaea;
  -webkit-border-radius:5px; border-radius:5px;
}
.forum-post .image {float:left; margin-left:-95px; width:78px; height:78px;}
.forum-post .post-header {position:relative;}
.forum-post .post-header h3 {position:absolute; right:0; top:0; font-size:13px; line-height:18px;}
.forum-post .post-header ul {width:70%; margin:0 0 15px 0;}
.forum-post .post-header li {list-style-type:none; line-height:19px;}
.forum-post .post-body img {margin-bottom:15px;}
.forum-post .post-body p {margin-bottom:18px;}
.forum-post .post-body button {font-size:15px; font-weight:bold; padding-left:25px; padding-right:25px;}


  /* forum-comments */
.forum-comments {margin-bottom:30px;}
.forum-comments h2 {padding-left:20px; font-size:18px; font-weight:bold; color:#514f4d;}
.forum-comments .comment-header {position:relative;}
.forum-comments .comment-header h3 {font-size:13px; font-weight:bold; width:70%;}
.forum-comments .comment-header .vote {position:absolute; right:0; top:0; font-weight:bold; padding:3px 30px 0 30px;}
.forum-comments .comment-header .vote .positive {color:#749b0a;}
.forum-comments .comment-header .vote .negative {color:#d55e5e;}
.forum-comments .comment-header .vote a {display:block; width:22px; height:22px; position:absolute; top:0;}
.forum-comments .comment-header .vote a:hover {opacity: .8;}
.forum-comments .comment-header .vote a.up {background:url(img/up.png) left top no-repeat; left:0;}
.forum-comments .comment-header .vote a.down {background:url(img/down.png) left top no-repeat; right:0;}
.forum-comments .comment-item {
  position:relative; overflow:hidden;
  margin-bottom:12px; padding:20px 20px 20px 114px;
  background:#f5f5f5;
  -webkit-border-radius:3px; border-radius:3px;
}
.forum-comments .comment-item .image {float:left; margin-left:-95px; width:78px; height:78px;}
.forum-comments .comment-item p {margin-top:15px;}


  /* forum-profile */
.forum-profile {padding-left:128px;}
.forum-profile .upic {width:107px; height:107px; float:left; margin-left:-128px; margin-top:5px;}
.forum-profile h2 {margin-top:-5px; line-height:25px; font-size:15px; font-weight:bold; color:#000;}
.forum-profile .uinfo {min-height:75px;}
.forum-profile .uinfo p {margin-bottom:0;}
.forum-profile .tab,
.forum-profile .tab li {margin:0; padding:0; list-style-type:none; font-size:14px; font-weight:bold;}
.forum-profile .tab {position:relative; overflow:hidden; margin-bottom:15px;}
.forum-profile .tab li {float:left;}
.forum-profile .tab a {
  display:block; padding:0 20px;
  line-height:37px; text-decoration:none; color:#514f4d;
  background: rgb(240,240,240); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgb(240,240,240) 0%, rgb(226,226,226) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,240,240)), color-stop(100%,rgb(226,226,226))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(240,240,240) 0%,rgb(226,226,226) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(240,240,240) 0%,rgb(226,226,226) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(240,240,240) 0%,rgb(226,226,226) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(240,240,240) 0%,rgb(226,226,226) 100%); /* W3C */
}
.forum-profile .tab li.active a {cursor:text;}
.forum-profile .tab li.active a,
.forum-profile .tab a:hover {
  color:#fff;
  background: rgb(107,107,107); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgb(107,107,107) 0%, rgb(69,69,69) 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(107,107,107)), color-stop(99%,rgb(69,69,69))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(107,107,107) 0%,rgb(69,69,69) 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(107,107,107) 0%,rgb(69,69,69) 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(107,107,107) 0%,rgb(69,69,69) 99%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(107,107,107) 0%,rgb(69,69,69) 99%); /* W3C */
}
.forum-profile .tab li:first-child a {-webkit-border-radius:3px 0 0 0; border-radius:3px 0 0 0;}
.forum-profile .tab li:last-child a {-webkit-border-radius:0 3px 0 0; border-radius:0 3px 0 0;}



  /* settings */
.settings .doc-header {padding-right:13px;}
.settings .premium-promo {text-align:center;}
.settings .premium-promo h3 {float:none; width:auto; margin-right:0; padding-top:0; text-align:center; margin-bottom:15px;}
.settings .premium-promo .item {display:inline-block; float:none; margin-right:4%; padding-top:50px; width:125px !important;}
.settings .premium-promo .item.certificate {width:175px !important;}
.settings .side {width:30%; margin-right:3%;}
.settings .center {width:67%;}


  /* up-ur-traffic & up-ur-quality */
.up-ur-traffic,
.up-ur-quality {margin-bottom:25px; padding:10px 20px 0 170px; min-height:140px;}
.up-ur-traffic {background:url(img/upload.png) left 15px no-repeat;}
.up-ur-quality {background:url(img/glass.png) left top no-repeat;}
.up-ur-traffic h3,
.up-ur-quality h3 {font-size:19px; font-weight:bold; margin-bottom:9px;}
.up-ur-traffic ul,
.up-ur-quality ul,
.up-ur-traffic li,
.up-ur-quality li {margin:0; padding:0; list-style-type:none;}
.up-ur-traffic li,
.up-ur-quality li {padding:3px 0;}



  /* optimize-ur-site */
.optimize-ur-site {
  padding:14px 33px 14px 20px;
  background: rgb(248,248,248); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(248,248,248) 0%, rgb(244,244,244) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(248,248,248)), color-stop(100%,rgb(244,244,244))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(248,248,248) 0%,rgb(244,244,244) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(248,248,248) 0%,rgb(244,244,244) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(248,248,248) 0%,rgb(244,244,244) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(248,248,248) 0%,rgb(244,244,244) 100%); /* W3C */

  -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
          border-radius: 5px;
}
.optimize-ur-site .bg {padding-right:167px; min-height:150px; background:url(img/graph.png) right center no-repeat;}
.optimize-ur-site h3 {font-size:17px; font-weight:bold; margin-bottom:9px;}
.optimize-ur-site ul, 
.optimize-ur-site li {margin:0; padding:0; list-style-type:none;}
.optimize-ur-site li {padding:3px 0;}
.optimize-ur-site.upload-ico .bg {background:url(img/upload.png) right center no-repeat;}


  /* block */
.block {margin-bottom:30px; position:relative;}
.block h2 {font-size:17px; font-weight:bold; margin-bottom:10px;}
.block label {font-size:14px;}
.block input[type="text"] {padding-top:7px; padding-bottom:6px;}
.block p {margin-bottom:15px;}
.block p.bold {font-size:14px; color:#000;}
.block .form-actions {margin:15px 0 0 0; padding:0; background:transparent; border:none;}
.block .add {text-decoration:none; border-bottom:1px dotted #0a59a6;}
.block .add:hover {border-bottom:transparent;}
    /* meta */
.block.meta form {margin:0; width:55%;}
.block.meta input[type="text"] {width:90%;}
.block.meta .add-site-to {position:absolute; left:57%; top:70px; margin:0; padding:0;}
.block.meta .add-site-to li {list-style-type:none; line-height:25px;}
    /* favicon */
.block.favicon p.current-favicon span {padding-left:21px; background:url(img/sample04.gif) left top no-repeat; margin-right:10px;}
.block.favicon .delete {color:#d92525; text-decoration:none; border-bottom:1px dotted #d92525;}
.block.favicon .delete:hover {border-bottom:transparent;}
    /* visitors-stat */
.block.visitors-stat h2 .nav:before,
.block.visitors-stat h2 .nav:after {display:none;}
.block.visitors-stat .nav {display:inline; border:0; margin:0;}
.block.visitors-stat .nav > li {float:none; display:inline;}
.block.visitors-stat .nav > li > a {display:inline; padding:2px 7px; border:0 !important; text-decoration:none; font-weight:normal;}
.block.visitors-stat .nav > li > a > span {border-bottom:1px dotted #0a59a6;}
.block.visitors-stat .nav > li.active > a {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px; 
          border-radius: 3px;
  background:#ffd48b;
  text-decoration:none; font-weight:bold;
}
.block.visitors-stat .nav > li:not(.active) > a:hover {background:transparent;}
.block.visitors-stat .nav > li > a:hover > span,
.block.visitors-stat .nav > li.active > a > span {border-bottom-color:transparent;}
.block.visitors-stat .tab-content {overflow:visible;}
.block.visitors-stat .stat {position:relative;}
.block.visitors-stat .stat ul,
.block.visitors-stat .stat li {margin:0; padding:0; list-style-type:none;}
.block.visitors-stat .stat ul.calendar,
.block.visitors-stat .stat ul.calendar li {height:140px;}
.block.visitors-stat .stat ul.calendar li {position:relative; float:left; margin-right:1px; font-size:10px; padding:18px 0 16px 0; width:2.9%; height:106px; text-align:center; color:#80b727;}
.block.visitors-stat .stat .relative {height:106px;}
.block.visitors-stat .stat .title {
  display:block; position:absolute; left:0; right:0; bottom:-16px;
}
.block.visitors-stat .stat .bar {
  position:absolute; left:0; right:0; bottom:0;
  display:block;
  background: rgb(176,212,118); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZDQ3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmVlODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgb(176,212,118) 0%, rgb(198,238,133) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(176,212,118)), color-stop(100%,rgb(198,238,133))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgb(176,212,118) 0%,rgb(198,238,133) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgb(176,212,118) 0%,rgb(198,238,133) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgb(176,212,118) 0%,rgb(198,238,133) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgb(176,212,118) 0%,rgb(198,238,133) 100%); /* W3C */
}
.block.visitors-stat .stat .bar .count {position:relative; z-index:100; display:block; height:18px; margin-top:-18px; border-bottom:2px solid #9dcc52;}
.block.visitors-stat .stat .blue {color:#35a5c1;}
.block.visitors-stat .stat .blue .bar {
  background: rgb(116,192,211); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0YzBkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWQ5ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgb(116,192,211) 0%, rgb(133,217,238) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(116,192,211)), color-stop(100%,rgb(133,217,238))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgb(116,192,211) 0%,rgb(133,217,238) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgb(116,192,211) 0%,rgb(133,217,238) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgb(116,192,211) 0%,rgb(133,217,238) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgb(116,192,211) 0%,rgb(133,217,238) 100%); /* W3C */
}
.block.visitors-stat .stat .blue .count {border-bottom-color:#35a5c1;}
.block.visitors-stat .stat h4 {font-size:13px; font-weight:bold; color:#80b727; position:absolute; right:0; top:-36px;}
.block.visitors-stat .stat .nav {position:absolute; right:125px; top:-38px; font-size:17px;}
.block.visitors-stat .stat .nav .caret {border-top-color:#1a64ac; opacity:1; margin:8px 0 0 0;}
.block.visitors-stat .stat .nav .dropdown-toggle {padding:0;}
.block.visitors-stat .stat .nav .dropdown-toggle span {border-bottom:1px dotted #1a64ac;}
.block.visitors-stat .stat .nav li.open .dropdown-toggle,
.block.visitors-stat .stat .nav li.active .dropdown-toggle,
.block.visitors-stat .stat .nav li.dropdown.open.active > a:hover {color: #ff8a00; background-color: transparent; border:none;}
.block.visitors-stat .stat .nav li.active .dropdown-toggle span,
.block.visitors-stat .stat .nav li.open .dropdown-toggle span,
.block.visitors-stat .stat .nav li .dropdown-toggle:hover span {border-bottom-color:transparent;}
.block.visitors-stat .stat .nav li .dropdown-toggle:hover .caret,
.block.visitors-stat .stat .nav li.open .dropdown-toggle .caret,
.block.visitors-stat .stat .nav li.caret .dropdown-toggle .caret {border-top-color:#ff8a00;}
.block.visitors-stat .stat .nav .dropdown-menu {margin:1px 0 0; padding:4px 0; font-size:13px; left:-15px;}
.block.visitors-stat .stat .nav .dropdown-menu a {text-decoration:none;}
      /* week */
.block.visitors-stat .stat.week ul.calendar li {width:5%; margin-right:.5%;}
.block.visitors-stat .stat.week h4 {top:60px; left:42%; right:auto;}


  /* connect-ur-name */
.connect-ur-name {
  margin-bottom:30px; padding:6px 0;
  background:#f4f4f4;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
          border-radius: 5px;
}
.connect-ur-name table {border-collapse: collapse; border-spacing: 0; width:100%;}
.connect-ur-name td.input {width:100%;}
.connect-ur-name label,
.connect-ur-name button {white-space:nowrap;}
.connect-ur-name label {font-size:15px; font-weight:bold; padding:5px 11px 0 17px;}
.connect-ur-name input {
  width:100%; margin:0; padding:7px; height:auto;
  font-size:15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box; 
          box-sizing: border-box;
}
.connect-ur-name .btn {margin:0 8px 0 11px;}
  
  
  /* settings-nav */
.settings-nav {
  padding:15px 19px;
  border:2px solid #e6e6e6;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
          border-radius: 5px;
}
.settings-nav h3 {font-size:13px; font-weight:bold; margin-bottom:4px;}
.settings-nav ul,
.settings-nav li {margin:0; padding:0; list-style-type:none;}
.settings-nav ul {margin-bottom:20px;}
.settings-nav li {margin-bottom:6px;}
.settings-nav li.selected span {
  margin-left:-9px;
  padding:4px 9px;
  background:#ffd584;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px; 
          border-radius: 3px; 
}
.settings-nav .premium,
.settings-nav .premium a {color:#ff8a00;}
.settings-nav .help {padding-left:21px; background:url(img/how.png) 2px 1px no-repeat;}


  /* tariff-stat */
.tariff-stat {
  margin-bottom:12px; padding:15px 20px;
  background:#fffbf5;
  border:1px solid #f7e8ca;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
          border-radius: 5px;
}
.tariff-stat h4 {font-size:15px; font-weight:bold; padding-bottom:4px;}
.tariff-stat p {margin-bottom:16px;}
.tariff-stat .btn {
  margin-right:14px; padding:8px 24px; margin-top:-5px;
  border-left:0; border-top:0; border-right:0;
  font-size:14px; font-weight:bold;
}


  /* edit-site */
.edit-site {
  margin-bottom:30px;
  background: rgb(255,211,136); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJhNmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(255,211,136) 0%, rgb(255,186,108) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,211,136)), color-stop(100%,rgb(255,186,108))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(255,211,136) 0%,rgb(255,186,108) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(255,211,136) 0%,rgb(255,186,108) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(255,211,136) 0%,rgb(255,186,108) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(255,211,136) 0%,rgb(255,186,108) 100%); /* W3C */
  border-bottom:1px solid #d4b491;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px; 
          border-radius: 3px;
}
.edit-site a {
  display:block; padding:14px 10px 15px 60px; font-size:17px; font-weight:bold; color:#93632c;
  text-shadow: 0 1px rgba(255, 255, 255, .2);
  background:url(img/edit-site.png) 13px 9px no-repeat;
}

  /* memory-stat */
.doc-header .memory-stat {float:right; margin-left:3em; margin-top:5px;}
.memory-stat .title {font-size:11px; font-weight:bold; color:#424242; display:block; float:left; margin-right:13px;}
.memory-stat .relative {float:left; margin-right:9px;}
.memory-stat .progress {
  margin:0; height:16px; width:145px;
}
.memory-stat .bar {
  background: rgb(255,211,136); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJhNmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(255,211,136) 0%, rgb(255,186,108) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,211,136)), color-stop(100%,rgb(255,186,108))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(255,211,136) 0%,rgb(255,186,108) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(255,211,136) 0%,rgb(255,186,108) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(255,211,136) 0%,rgb(255,186,108) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(255,211,136) 0%,rgb(255,186,108) 100%); /* W3C */
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.memory-stat .details {position:absolute; left:6px; top:-1px; font-size:9px; color:#815829; font-weight:bold; text-shadow:none;}
.memory-stat a {font-weight:bold; font-size:11px; float:left;}


  /* catalog */
.catalog .doc-header {border-bottom:none;}
.catalog .doc-content {margin-left:0; margin-right:0; text-align:center;}


  /* template-of-the-week */
.template-of-the-week {margin-bottom:30px; height:322px; background:url(img/oftheweek.jpg) left top repeat-x;}
.template-of-the-week .container {height:322px; background:url(img/oftheweek.png) center top no-repeat; text-align:center;}
.template-of-the-week .container .template-item {margin:18px auto 0 auto; width:358px; float:none;}


  /* change-tarif */
.change-tarif .doc-header .balans {position:absolute; right:30px; top:12px; font-size:14px; color:#514f4d; padding-left:30px; background:url(img/help.png) left 2px no-repeat;}


  /* change-tarif-form */
.change-tarif-form {font-size:15px;}
.change-tarif-form ul,
.change-tarif-form li {margin:0; padding:0; list-style-type:none;}
.change-tarif-form ul {margin-bottom:5px;}
.change-tarif-form li {padding-bottom:12px;}
.change-tarif-form h2 {padding-left:32px; margin-bottom:10px; font-size:18px; font-weight:normal; position:relative;}
.change-tarif-form h2 .step {position:absolute; top:8px; display:block; left:0; line-height:21px; width:21px; height:21px; background:url(img/round.png) left top no-repeat; text-align:center; font-size:13px; font-weight:normal; color:#fff;}
.change-tarif-form h2 .yeap {position:absolute; top:8px; display:block; left:0; line-height:20px; width:24px; height:20px; background:url(img/yeap-big.png) left top no-repeat;}
.change-tarif-form span.title {display:inline-block; width:240px;}
.change-tarif-form label {font-size:15px;}
.change-tarif-form button {font-weight:bold; padding:8px 14px;}
.change-tarif-form .tarif-stat {padding-top:5px;}
.change-tarif-form .tarif-stat a {margin-left:10px;}
.change-tarif-form .period li {padding-left:32px;}
.change-tarif-form .period input {position:relative; top:-1px;}
.change-tarif-form .period label {display:inline-block; width:210px; margin-bottom:0;}
.change-tarif-form .period .bonus {position:relative; top:-3px;}
.change-tarif-form .balans {padding-left:32px; margin-top:-8px; margin-bottom:12px; line-height:25px;}
.change-tarif-form .balans .not-enough {display:block; font-weight:bold; color:#bd1b1b;}
.change-tarif-form .form-inline {margin-left:32px;}
.change-tarif-form .final-info {margin-top:-10px; padding-left:32px; line-height:30px;}









  /* balans */
.balans .doc-content {margin-left:0; margin-right:0;}
.balans .side {width:17.8125%; margin-right:6.0416%;}
.balans .center {width:76.1459%;}


  /* balans-form */
.balans-form {margin-bottom:30px;}
.balans-form h2 {font-size:18px; font-weight:normal; margin-bottom:10px;}
.balans-form h2 .step {position:relative; top:-2px; display:inline-block; margin-left:-32px; margin-right:11px; line-height:21px; width:21px; height:21px; background:url(img/round.png) left top no-repeat; text-align:center; font-size:13px; font-weight:normal; color:#fff;}
.balans-form .parthners {margin:0 0 25px 0; padding:0;}
.balans-form .parthners li {list-style-type:none; float:left; margin-right:2%;}
.balans-form form {display:block; margin-bottom:20px;}
.balans-form form input,
.balans-form form select {margin-right:5px;}
.balans-form form button {margin-right:10px;}
.balans-form .details {}
.balans-form .details h3 {font-size:18px; font-weight:normal; margin-bottom:5px;}
.balans-form .details .inst {font-size:15px; line-height:26px;}
.balans-form .details .inst strong {color:#bb2c2c;}
.balans-form .details .small-size-details {font-size:11px; line-height:19px; color:#000; position:relative; border-top:1px solid #e5e5e5; padding-top:16px; margin-top:10px;}
.balans-form .details .small-size-details:before {position:absolute; left:0; right:0; top:3px; border-top:1px solid #e5e5e5; content:'';}
.balans-form .details .small-size-details .important {background:#ffd288; padding:1px 2px;}




  /* need-help */
.need-help {
  padding:10px 24px;
  background:#f6f6f6; font-size:15px; line-height:21px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.need-help h2 {font-size:20px; font-family: 'PFAgoraSlabProRegular'; margin-bottom:7px;}


  /* balans-stat */
.balans-stat {
  padding:16px 20px;  
  font-size:15px; line-height:23px;
  background:#ffd584;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0 2px 2px rgba(175, 136, 91, 0.5);
  -moz-box-shadow: 0 2px 2px rgba(175, 136, 91, 0.5);
  box-shadow: 0 2px 2px rgba(175, 136, 91, 0.5);
}
.balans-stat span {display:block;}


  /* tarifs */
.tarifs .doc-header {margin-bottom:0; border-bottom:0; padding:0 0 11px 0;}
.tarifs .doc-content {margin-left:0; margin-right:0;}


  /* tarifs-list */
.tarifs-list {margin-bottom:40px; position:relative;}
.tarifs-list .over {position:absolute; left:62.5%; top:-52px; margin-left:-205px; font-family: 'PFAgoraSlabProMediumItalic'; font-size:16px; color:#fc7865;}
.tarifs-list .over .relative {border-bottom:2px solid #fea593; padding:0 10px 5px 10px;}
.tarifs-list .over .relative:before,
.tarifs-list .over .relative:after,
.tarifs-list .over p:after {content:''; position:absolute; bottom:-2px; width:4px; height:5px;}
.tarifs-list .over .relative:before {left:-4px; background:url(img/lcs.png) left top no-repeat;}
.tarifs-list .over .relative:after {right:-4px; background:url(img/rcs.png) left top no-repeat;}
.tarifs-list .over p:after {left:50%; margin-left:-4px; bottom:-5px; width:8px; height:5px; background:url(img/csc.png) left top no-repeat;}
.tarifs-list .content {position:relative; zoom:1;}
.tarifs-list .content:before {content:''; position:absolute; z-index:-2;}
.tarifs-list .content:before {
  top:50%; bottom:6px; left:20px; right:20px;
  -webkit-box-shadow:0 0 25px #4c749d;
     -moz-box-shadow:0 0 25px #4c749d;
          box-shadow:0 0 25px #4c749d;
     -moz-border-radius:50px / 30px;
          border-radius:50px / 30px;
}
.tarifs-list .tarif-item {position:relative; float:left; width:25%; margin:6px 0; height:372px; background:#f5f5f5;}
.tarifs-list .tarif-item h3 {
  padding:7px 0 0 26px; height:33px; font-size:21px; font-weight:normal; font-family: 'PFAgoraSlabProRegular'; color:#fff !important;
  background: rgb(112,184,253); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYjhmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NWFiZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(112,184,253) 0%, rgb(101,171,239) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(112,184,253)), color-stop(100%,rgb(101,171,239))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(112,184,253) 0%,rgb(101,171,239) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(112,184,253) 0%,rgb(101,171,239) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(112,184,253) 0%,rgb(101,171,239) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(112,184,253) 0%,rgb(101,171,239) 100%); /* W3C */
}
.tarifs-list .tarif-item .price {height:75px; padding:11px 10px 0 26px; line-height:19px; background:#fff; color:#538fca;}
.tarifs-list .tarif-item .price strong {color:#4e4e4e;}
.tarifs-list .tarif-item .price strong.title {display:block; font-size:17px; font-weight:bold; color:#538fca;}
.tarifs-list .tarif-item .details {height:209px; padding:15px 10px 0 26px;}
.tarifs-list .tarif-item .details ul,
.tarifs-list .tarif-item .details li {margin:0; padding:0; list-style-type:none;}
.tarifs-list .tarif-item .details ul {height:170px;}
.tarifs-list .tarif-item .details li {font-size:14px; line-height:19px; padding-bottom:6px;}
.tarifs-list .tarif-item .details li.small {font-size:13px;}
.tarifs-list .tarif-item .details li.gift {color:#fc6557; font-size:13px;}
.tarifs-list .tarif-item .details .btn {font-size:17px; font-weight:bold; padding:8px 0 9px 0; width:95%; border-left:0; border-top:0; border-right:0;}
.tarifs-list .tarif-item .adwds {display:inline-block; padding-left:123px; background:url(img/adwords.jpg) left center no-repeat;}
.tarifs-list .tarif-item .dotted {border-bottom:1px dotted #414141;}
.tarifs-list .tarif-item.premium
    /* first-child & last-child */
.tarifs-list .tarif-item:first-child {
  -webkit-border-radius: 6px 0 0 6px;
     -moz-border-radius: 6px 0 0 6px;
          border-radius: 6px 0 0 6px;
}
.tarifs-list .tarif-item:first-child h3 {
  border-right:1px solid #5e9edc;
  -webkit-border-radius: 6px 0 0 0;
     -moz-border-radius: 6px 0 0 0;
          border-radius: 6px 0 0 0;
}
.tarifs-list .tarif-item:first-child .price {
  border-left:1px solid #f5f5f5;
  border-right:1px solid #eaeaea;
  padding-left:25px;
}
.tarifs-list .tarif-item:first-child .details {
  border-right:1px solid #e1e1e1;
  padding-right:9px;
}
.tarifs-list .tarif-item.last-child {
  -webkit-border-radius: 0 6px 6px 0;
     -moz-border-radius: 0 6px 6px 0;
          border-radius: 0 6px 6px 0;
}
.tarifs-list .tarif-item.last-child h3 {
  -webkit-border-radius: 0 6px 0 0;
     -moz-border-radius: 0 6px 0 0;
          border-radius: 0 6px 0 0;
}
.tarifs-list .tarif-item.last-child .price {
  border-right:1px solid #f5f5f5;
}
    /* premium */
.tarifs-list .tarif-item.premium {
  z-index:100; margin:0; height:383px;
  -webkit-box-shadow:0 5px 10px rgba(76,116,157,.5);
     -moz-box-shadow:0 5px 10px rgba(76,116,157,.5);
          box-shadow:0 5px 10px rgba(76,116,157,.5);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.tarifs-list .tarif-item.premium h3 {
  height:37px; padding-top:9px;
  font-size:25px;
  background: rgb(255,161,104); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTE2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYzc3NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(255,161,104) 0%, rgb(252,119,101) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,161,104)), color-stop(100%,rgb(252,119,101))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(255,161,104) 0%,rgb(252,119,101) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(255,161,104) 0%,rgb(252,119,101) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(255,161,104) 0%,rgb(252,119,101) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(255,161,104) 0%,rgb(252,119,101) 100%); /* W3C */
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.tarifs-list .tarif-item.premium .details {height:215px;}
.tarifs-list .tarif-item.premium .details ul {height:169px;}
.tarifs-list .tarif-item.premium .btn {padding-top:12px; padding-bottom:15px; font-size:19px;}


  /* tarif-compare */
.tarif-compare {margin:0 15px 40px 12px;}
.tarif-compare .section-header {padding-left:26%; margin-bottom:30px; position:relative; min-height:60px;}
.tarif-compare .section-header h2 {
  position:absolute; left:10px; top:0; 
  display:block; padding:6px 30px 0 30px; height:43px; 
  font-size:17px; font-weight:bold; color:#fff !important;
  background: rgb(106,179,250); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhYjNmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmExZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(106,179,250) 0%, rgb(82,161,236) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(106,179,250)), color-stop(100%,rgb(82,161,236))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(106,179,250) 0%,rgb(82,161,236) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(106,179,250) 0%,rgb(82,161,236) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(106,179,250) 0%,rgb(82,161,236) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(106,179,250) 0%,rgb(82,161,236) 100%); /* W3C */
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  -webkit-box-shadow: inset 0 2px 2px #4698e8;
  -moz-box-shadow: inset 0 2px 2px #4698e8;
  box-shadow: inset 0 2px 2px #4698e8;
}
.tarif-compare .section-header h2:after {
  content:''; display:block; position:absolute; left:50%; top:100%; margin-left:-4px;
  border-left:5px solid transparent; border-right:5px solid transparent;
  border-top:5px solid #52a1ec;
}
.tarif-compare .section-header p {font-size:15px; padding-top:4px;}
.tarif-compare .section-header p strong {display:block; font-size:19px; font-weight:normal; padding-bottom:7px;}
.tarif-compare table {width:90%; border-collapse: collapse; border-spacing: 0;}
.tarif-compare table th,
.tarif-compare table td {font-size:14px; line-height:21px; padding:8px 11px; width:18.15%; text-align:left;}
.tarif-compare table th:first-child,
.tarif-compare table td:first-child {border-left:11px solid #fff; padding-left:0; width:auto;}
.tarif-compare table th:last-child,
.tarif-compare table td:last-child {border-right:11px solid #fff; padding-left:0;}
.tarif-compare table tr:not(.adwds):hover td {background:#eff6fd;}
.tarif-compare table tr:not(.adwds):hover td:first-child {border-left-color:#eff6fd;}
.tarif-compare table tr:not(.adwds):hover td:last-child {border-right-color:#eff6fd;}
.tarif-compare table th {font-size:16px; font-weight:bold; padding-bottom:12px; border-bottom:1px solid #ccc;}
.tarif-compare table h4 {font-size:17px; font-weight:normal; line-height:26px;}
.tarif-compare table a {text-decoration:none;}
.tarif-compare table .yeap,
.tarif-compare table .nope {width:16px; height:14px; display:inline-block; margin-right:6px;}
.tarif-compare table .yeap {background:url(img/yeap.png) center center no-repeat;}
.tarif-compare table .nope {background:url(img/nope.png) center center no-repeat;}
.tarif-compare table .nope.baseline {margin-bottom:-2px;}
.tarif-compare table .gift {color:#fc635a; font-weight:bold; padding-left:21px; background:url(img/gift.png) left top no-repeat; margin-left:-21px;}
.tarif-compare table tr.adwds td {padding-top:14px; padding-bottom:21px; border-bottom:1px solid #ccc;}
.tarif-compare table tr.adwds td div {
  padding:35px 8px 0 8px; background: #f5f5f5 url(img/adwords-small.jpg) 10px 10px no-repeat;
  border:1px solid #ebebeb;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.tarif-compare table tr.adwds td div > span {
  display:block; padding:10px 0 8px 4px;
  font-size:22px; font-family: 'PFAgoraSlabProMediumItalic';
  
  border-top:1px solid #ddd;
}
.tarif-compare table tr.adwds td div > span.rouble {}


  /* what-do-u-can */
.what-do-u-can {margin:0 5px 30px 20px;}
.what-do-u-can .tasty {float:left; width:24.8%;}
.what-do-u-can .tasty .content {padding:0 0 0 2px; width:90%;}
.what-do-u-can .tasty .body {
  position:relative; padding:17px 21px; margin-bottom:18px;
  line-height:21px;
  background:#f5f5f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.what-do-u-can .tasty .body:after {position:absolute; display:block; left:24px; top:100%; width:12px; height:15px; background:url(img/tasty.png) left top no-repeat; content:'';}
.what-do-u-can .tasty .author {padding:0 10px 0 21px;}
.what-do-u-can .tasty .author strong {display:block;}
.what-do-u-can .tasty .author span {font-size:11px;}
.what-do-u-can .details {float:left; width:75.2%;}
.what-do-u-can .details .section-header {text-align:center; border-top:1px solid #6d6d6d; margin-bottom:-10px;}
.what-do-u-can .details h2 {display:inline; font-size:19px; font-weight:normal; padding:0 11px; background:#fff; position:relative; top:-20px;}
.what-do-u-can .details ul,
.what-do-u-can .details li {margin:0; padding:0; list-style-type:none; font-size:15px; line-height:25px;}
.what-do-u-can .details li {padding-bottom:5px;}
.what-do-u-can .details ul {float:left; width:45%; margin-right:5%;}


  /* promo-sale-left */
.promo-sale-left {
  margin-bottom:32px; padding:3px;
  border:1px solid #ececec;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}
.promo-sale-left .content {
  padding:3px 13px;
  background:#f2f7f9;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.promo-sale-left .bg {background:url(img/promo-sale-left.png) left top repeat;}
.promo-sale-left .col {float:left; width:47%; padding-left:5%;}
.promo-sale-left .col:first-child {width:18%; text-align:right; padding-left:0;}
.promo-sale-left .col:last-child {width:30%; padding-left:0;}
.promo-sale-left .title {display:block; font-size:38px; line-height:38px; font-family: 'PFAgoraSlabProRegular'; color:#fc6556; padding-top:27px;}
.promo-sale-left .big-clock {margin:10px 0 7px 0;}
.promo-sale-left .big-clock > div {position:relative; float:left; margin-right:12px; padding-bottom:18px;}
.promo-sale-left .big-clock > div span {display:inline-block; margin-right:6px; width:59px; height:71px; background:url(img/clock.png) left top no-repeat; line-height:71px; font-size:48px; color:#fff; font-family: 'PFAgoraSlabProRegular'; text-align:center;}
.promo-sale-left .big-clock > div:after {position:absolute; bottom:0; left:0; right:6px; font-size:12px; font-family: 'PFAgoraSlabProRegular'; color:#252525; text-align:center;}
.promo-sale-left .big-clock > div.days:after {content:'дней';}
.promo-sale-left .big-clock > div.hours:after {content:'часов';}
.promo-sale-left .big-clock > div.minutes:after {content:'минут';}


  /* promo-sale */
.promo-sale {
  margin-bottom:32px; padding:3px;
  border:1px solid #ececec;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}
.promo-sale .content {
  position:relative; height:82px;
  padding:25px 210px 0 171px;
  background:#f2f7f9;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.promo-sale .clock {
  position:absolute; left:12px; top:12px;
  width:128px; height:65px; padding-top:30px;
  text-align:center; font-size:24px; color:#c5574c; font-family: 'PFAgoraSlabProMediumRegular';
  background:url(img/imac.png) left top no-repeat;
}
.promo-sale h3 {font-size:28px; font-family: 'PFAgoraSlabProRegular'; color:#fc6556; padding-bottom:7px;}
.promo-sale h3 strong {font-family: 'PFAgoraSlabProMediumRegular';}
.promo-sale p {font-size:16px; font-family: 'PFAgoraSlabProRegular';}
.promo-sale .btn {position:absolute; left:80%; top:30px; font-size:19px; font-family: 'PFAgoraSlabProMediumRegular'; border-left:0; border-right:0; border-top:0; padding:12px 24px 14px 24px;}


  /* profile */
.profile .doc-header {margin-bottom:28px;}

  /* profile-details */
.profile-details {position:relative; padding-left:128px;}
.profile-details .image {float:left; width:100px; margin-left:-128px; text-align:center; font-size:11px;}
.profile-details .image img {
  margin-bottom:8px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.profile-details .section {border-bottom:1px solid #e5e5e5; margin-bottom:15px; padding-bottom:5px;}
.profile-details h4 {font-size:15px; font-weight:bold; color:#514f4d; margin-bottom:10px;}
.profile-details h4 a {font-size:11px; margin-left:5px; font-weight:normal;}
.profile-details h4 span {font-weight:normal;}
.profile-details ul,
.profile-details li {margin:0; padding:0; list-style-type:none;}
.profile-details ul {margin-bottom:5px;}
.profile-details li {padding-bottom:5px;}
.profile-details .title {display:inline-block; width:140px;}



  /* help */
.help .doc-header {margin-bottom:28px;}
.help .doc-content {margin-left:0; margin-right:0;}
.help .side {width:20.525%; margin-right:3.25%;}
.help .center {width:76.225%;}

  
  /* faq */
.faq {margin-bottom:20px;}
.faq h2 {font-size:18px; font-weight:normal; color:#514f4d; margin-bottom:8px;}
.faq ul {float:left; width:28.5%; margin:0 4.5% 0 0; padding:0;}
.faq li {list-style-type:none; padding:0 0 15px 0;}
.faq li a {padding-left:15px; background:url(img/bullet-blue.png) left 6px no-repeat;}
.faq li a:hover {background:url(img/bullet-orange.png) left 6px no-repeat;}
.faq.col30percent {float:left; width:30%; margin-right:5%;}
.faq.col30percent ul {float:none; width:auto; margin-right:0;}


  /* article */
.article {margin-bottom:30px;}
.article h2 {font-size:18px; font-weight:normal; color:#514f4d; margin-bottom:2px;}
.article h3 {font-size:17px; font-weight:bold; color:#514f4d; margin-bottom:7px;}
.article p {line-height:21px; margin-bottom:20px;}
.article img {border:3px solid #ececec; margin-bottom:15px;}


  /* breadcrumb */
.breadcrumb {padding:0; color:#0a59a6; margin-bottom:5px;}
.breadcrumb li:after {content:' →'; margin:0 4px;}
.breadcrumb li:last-child:after {content:'↓';}


  /* typeahead */
ul.typeahead {
  font-size:15px; color:#0a59a6;
  border:2px solid #f8ab4a;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
ul.typeahead li.active a {background:#f8ab4a !important; color:#fff !important;}
ul.typeahead li a {text-decoration:none;}
ul.typeahead li:not(.active) strong {padding:2px 0; background:#feeedb; font-weight:normal;}

  /* video */
.video {margin-bottom:30px;}
.video h2 {font-size:18px; font-weight:normal; color:#514f4d; margin-bottom:8px;}
.video .all-video {float:right; margin-top:10px; font-size:14px; padding-left:25px; background:url(img/video-tour-ico.png) left center no-repeat;}
.video .all-video:hover {background-image:url(img/video-tour-ico-hover.png);}


  /* top */
.btn.top {padding:10px 0; width:100%; font-size:15px; font-weight:bold; color:#514f4d !important; margin-top:-10px;}


  /* no-answer-form */
.no-answer-form {
  padding:12px 25px 10px 25px;
  background: rgb(100,157,237); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0OWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mzc1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(100,157,237) 0%, rgb(67,117,229) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(100,157,237)), color-stop(100%,rgb(67,117,229))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(100,157,237) 0%,rgb(67,117,229) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(100,157,237) 0%,rgb(67,117,229) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(100,157,237) 0%,rgb(67,117,229) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(100,157,237) 0%,rgb(67,117,229) 100%); /* W3C */
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.no-answer-form h3 {font-size:20px; color:#fff !important; font-family: 'PFAgoraSlabProRegular'; margin-bottom:10px;}
.no-answer-form p {font-size:15px; color:#fff;}
.no-answer-form a {color:#fff;}
.no-answer-form form {display:block; position:relative; margin-right:122px; margin-bottom:11px;}
.no-answer-form .input-bg {
  position:relative; height:32px; padding:0 40px 0 11px;
  background:#fff;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.no-answer-form .input-bg:after {position:absolute; right:8px; top:8px; display:block; width:16px; height:16px; background:url(img/zoom.png) left top no-repeat; content:'';}
.no-answer-form .input-bg input {
  border:0 !important; padding:8px 0 0 0; width:100%; font-size:14px; color:#000;
  background:#fff !important;
  outline: none !important;
  -webkit-box-shadow:none !important;
     -moz-box-shadow:none !important;
          box-shadow:none !important;
}
.no-answer-form button {float:right; margin-right:-122px; font-weight:bold; padding:7px 0 6px 0; width:113px;}


  /* no-answer */
.no-answer {
  position:relative; margin-bottom:30px; margin-left:3px; padding:12px 15px;
  font-size:15px; line-height:23px; color:#5c5a58;
  border:2px solid #eaeaea;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.no-answer span {display:block;}
.no-answer:before {position:absolute; left:-4px; top:-8px; width:16px; height:20px; content:''; background: #fff url(img/how.png) left top no-repeat;}

  /* help-cats */
.help-cats {margin:0 0 30px 0; padding:0;}
.help-cats li {list-style-type:none; padding:15px 20px 7px 20px; background:#f1f1f1;}
.help-cats li:not(:last-child):not(.active) {margin-bottom:2px;}
.help-cats li:first-child {
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}
.help-cats li:last-child {
  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}
.help-cats li.active {
  padding-bottom:9px;
  background: rgb(101,158,237); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1OWVlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjc0ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(101,158,237) 0%, rgb(66,116,229) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(101,158,237)), color-stop(100%,rgb(66,116,229))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(101,158,237) 0%,rgb(66,116,229) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(101,158,237) 0%,rgb(66,116,229) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(101,158,237) 0%,rgb(66,116,229) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(101,158,237) 0%,rgb(66,116,229) 100%); /* W3C */
}
.help-cats li.active h4,
.help-cats li.active p {color:#fff !important;}
.help-cats li h4 {font-size:15px; font-weight:bold; margin-bottom:5px;}
.help-cats li h4 a {text-decoration:none;}
.help-cats li p {font-size:11px; line-height:18px;}


  /* public */
.public .doc-header {margin-bottom:28px;}
.public .doc-content {margin-left:0; margin-right:0;}


  /* congratulation */
.congratulation {margin-bottom:20px; font-size:18px; background:url(img/wave.jpg) left center repeat-x; text-align:center;}
.congratulation span {background:#fff; padding:0 12px; color:#514f4d;}


  /* public-top */
.public-top {text-align:center; margin-bottom:40px; position:relative;}
.public-top .enter-cms {
  width:290px;
  margin:0 auto 17px auto; padding:8px;
  background:#f5f5f5;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.public-top .enter-cms .btn {font-weight:bold; padding:9px 0; width:290px;}
.public-top .link {width:306px; margin:0 auto; font-size:14px; text-align:left; position:relative;}
.public-top .link .title {
  display:block; float:left; width:59px; height:31px; line-height:31px; padding-left:8px;
  border:1px solid #dedede; border-right:none;
  background:#f5f5f5;
  -webkit-border-radius: 5px 0 0 5px;
     -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
}
.public-top .link .value {
  display:block; float:left; width:229px; height:31px; line-height:31px; padding-left:8px;
  border:1px solid #dedede; border-left:none;
  -webkit-border-radius: 0 5px 5px 0;
     -moz-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
}
.public-top .link a {position:absolute; left:100%; top:8px; margin-left:17px; font-size:13px; white-space: nowrap}
.public-top .tell-a-friend {position:absolute; bottom:0; left:40px; text-align:left;}
.public-top .tell-a-friend h4 {font-size:14px; font-weight:bold; margin-bottom:5px;}
.public-top .tell-a-friend ul {margin:0; padding:0;}
.public-top .tell-a-friend li {list-style-type:none; float:left; margin-right:4px;}


  /* services-promo */
.services-promo {
  margin:0 15px 40px 22px;
  background:#f3f3f3; line-height:21px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.services-promo .content {min-height:70px;}
.services-promo .connect-ur-domen {float:left; width:55%; background:url(img/slash.png) right top no-repeat;}
.services-promo .connect-ur-domen .content {padding:15px 25px 10px 102px; background:url(img/cud.png) 17px 14px no-repeat;}
.services-promo .up-in-search {float:left; width:45%; height:95px;}
.services-promo .up-in-search .content {padding:15px 25px 10px 90px; background:url(img/ups.png) 14px 16px no-repeat;}
.services-promo h4 {font-size:14px; font-weight:bold; margin-bottom:3px;}
.services-promo p {margin:0;}
.services-promo p a {color:#ff8a00;}


  /* screenshot */
.screenshot {width:727px; margin:0 auto 30px auto; position:relative;}
.screenshot img {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.screenshot:before {content:''; position:absolute; z-index:-2;}
.screenshot:before {
  top:50%; bottom:0px; left:10px; right:10px;
  -webkit-box-shadow:0 0 45px #637e99;
     -moz-box-shadow:0 0 45px #637e99;
          box-shadow:0 0 45px #637e99;
     -moz-border-radius:300px / 50px;
          border-radius:300px / 50px;
}




  /* create-site */
.create-site .doc-header {margin-bottom:28px;}
.create-site .doc-content {margin-left:0; margin-right:0;}
.create-site .side {width:20.525%; margin-right:3.25%;}
.create-site .center {width:76.225%;}


  /* templates-list */
.templates-list {padding-bottom:12px; border-bottom:1px solid #ececed; margin-bottom:15px;}
.template-item {float:left; width:49.315%; margin-right:1.37%; margin-bottom:10px; position:relative;}
.template-item:nth-child(2n) {margin-right:0;}
.template-item:before {content:''; position:absolute; left:-2px; top:-2px; width:56px; height:57px; background:url(img/premium.png) left top no-repeat;}
.template-item .content {width:358px;}
.template-item .image {overflow:hidden; width:358px;}
.template-item .image a {display:block; position:relative; text-decoration:none;}
.template-item .image .shadow {
  display:none; position:absolute; left:0; right:0; top:0; bottom:0; background:url(img/p.png) left top repeat; content:'';
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.template-item .image button {display:none; position:absolute; left:50%; top:50%; z-index:100; margin-left:-74px; margin-top:-18px; font-weight:bold; padding:9px 26px;}
.template-item .image a:hover .shadow {display:block;}
.template-item .image a:hover button {display:inline-block;}
.template-item .image img {
  width:100% !important;
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.template-item .desc {
  padding:9px 13px 13px 13px;
  background:#fff;
  border:1px solid #eee;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px; 
          border-radius: 0 0 6px 6px;
}
.template-item .desc p {margin:0;}
.template-item .desc p.price {font-size:11px; font-weight:bold; text-transform:uppercase; color:#ee7f12;}
.template-item .desc p.title {margin-bottom:13px;}
.template-item .desc .btn {padding-top:9px; padding-bottom:9px; margin-right:1em;}
.template-item .desc .view {padding-left:23px; color:#93632c; background:url(img/view-brown.png) left 2px no-repeat;}
    /* free */
.template-item.free p.price {color:#7fad05;}
.template-item.free:before {display:none;}
      /* catalog */
.catalog .templates-list {width:726px; margin:0 auto 15px auto; text-align:left; border-bottom:none;}
.catalog .template-item {width:358px; margin-right:10px;}
.catalog .template-item:nth-child(2n) {margin-right:0;}
.catalog .template-item .desc p.title {margin-bottom:0;}




  /* search */
.search {
  margin-bottom:24px; padding:7px 6px 7px 15px;
  background: rgb(255,243,222); /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjNkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmVhYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(255,243,222) 0%, rgb(255,234,197) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,243,222)), color-stop(100%,rgb(255,234,197))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(255,243,222) 0%,rgb(255,234,197) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(255,243,222) 0%,rgb(255,234,197) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(255,243,222) 0%,rgb(255,234,197) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(255,243,222) 0%,rgb(255,234,197) 100%); /* W3C */
  border:1px solid #ffdba1;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px; 
          border-radius: 6px;
}
.search table {border-spacing: 0; border-collapse: collapse; width:100%;}
.search .dominate {width:100%;}
.search form {margin:0;}
.search label {white-space: nowrap; color:#514f4d; margin:0 10px 0 0;}
.search input {
  width:100%; height:24px; margin:0; padding:4px 7px 3px 7px;
  border:none !important; border-top:1px solid #ecdabb !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box; 
          box-sizing: border-box;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px; 
          border-radius: 4px;
}
.search .btn {
  margin-left:7px;
  padding: 4px 28px 2px 28px;
  font-weight: bold;
}


  /* clear-sheet */
.clear-sheet {
  display:inline-block; margin-bottom:20px; padding:8px 18px 8px 34px; 
  color:#514f4d; font-weight:bold;
  background:url(img/clear-sheet.png) 11px center no-repeat;
  border:2px solid #daeda8; 
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px; 
          border-radius: 6px;
}
.clear-sheet:hover {color:#514f4d; opacity:.9;}
  
 
  /* how-to-create */
.how-to-create {display:inline-block; margin-bottom:30px; padding-left:21px; font-weight:bold; background:url(img/how.png) 2px 1px no-repeat;}

  
  /* cats */
.cats {padding-left:22px; margin-bottom:40px;}
.cats h3 {font-size:18px; color:#626361; font-weight:normal; margin-bottom:12px;}
.cats ul,
.cats li {margin:0; padding:0; list-style-type:none;}
.cats li {padding-bottom:11px; color:#514f4d; position:relative;}
.cats li.current:before {position:absolute; left:-20px; top:1px; width:13px; height:13px; background:url(img/bullet-big.png) left top no-repeat; content:'';}
.cats sup {margin-left:4px;}




  /* my-sites */
.my-sites .side {float:right; width:20.6%;}
.my-sites .center {width:76%;}
.sites-list  .disabled  {opacity:.5;}

  /* sites-list */
.sites-list {margin-bottom:30px;}
.sites-list .site-item {margin-bottom:18px; padding:0 0 17px 117px; border-bottom:1px solid #e0e0e0;}
.sites-list .site-item:last-child {border-bottom:none;}
.sites-list .site-item.disabled .image, 
.sites-list .site-item.disabled .desc > *:not(.error) {opacity:.5;}
.sites-list .site-item .image {float:left; width:100px; height:100px; margin-left:-117px;}
.sites-list .site-item .image img {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
          border-radius: 5px;
                 border:1px solid #EEEEEE;
}
.sites-list .site-item h3 {font-size:15px; font-weight:bold; margin-bottom:5px;}
.sites-list .site-item h3 a:not(.change-address) {color:#514f4d; margin-right:16px;}
.sites-list .site-item h3 a.change-address {font-size:11px; font-weight:normal;}
.sites-list .site-item .site-nav {margin:0 0 12px 0; padding:0;}
.sites-list .site-item .site-nav li {margin:0; padding:0; list-style-type:none; display:inline;}
.sites-list .site-item .site-nav .btn {text-shadow:none; border:0; border-bottom:1px solid #b2b2b2; padding:4px 12px; color:#514f4d; font-weight:bold;}
.sites-list .site-item .site-nav .btn.delete-site {color:#d16666;}
.sites-list .site-item .site-stat .tarif-deatils:after {content:'•'; margin:0 8px; font-weight:bold;}
.sites-list .site-item .site-stat .tarif {font-weight:bold;}
.sites-list .site-item .site-stat .tarif.business {color:#ff8a00;}
.sites-list .site-item .site-stat .tarif.start {color:#514f4d;}
.sites-list .site-item .site-stat .improve {padding-left:14px; background:url(img/improve.png) 2px 2px no-repeat;}
.sites-list .site-item .site-stat .space {font-weight:bold;}
.sites-list .site-item .warning {margin-top:15px;}
.sites-list .site-item .error {margin-top:15px;}


  /* warning */
.warning {
  margin-bottom:15px; padding:8px 12px;
  font-size:11px; line-height:16px;
  border:1px solid #edc0c0;
  background:#ffe2e2;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px; 
          border-radius: 3px;
}
.warning.big-size {font-size:13px;}
.warning.important-ico {padding:15px 20px 15px 47px; background-image:url(img/important.png); background-position:8px 8px; background-repeat:no-repeat;}


  /* error */
.error {
  margin-bottom:15px; padding:8px 17px;
  font-size:15px; line-height:20px; color:#fff;
  background:#fc6060;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px; 
          border-radius: 3px;
}


  /* premium-buy */  
.premium-buy {
  position:relative; margin-bottom:30px; padding:10px 15px 12px 15px;
  border:2px solid #ffaa38;
  color:#514f4d;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px; 
          border-radius: 6px;
}
.premium-buy:before {display:block; position:absolute; left:-10px; top:-9px; width:22px; height:21px; content:''; background: #fff url(img/star.png) left top no-repeat;}
.premium-buy h3 {font-size:16px; font-weight:bold; margin-bottom:5px;}
.premium-buy a {color:#ff8a00;}
.premium-buy p {line-height:16px; margin-bottom:6px;}
.premium-buy ul,
.premium-buy li {margin:0; padding:0; list-style-type:none; font-size:11px;}
.premium-buy ul {margin-top:12px;}
.premium-buy li {padding:0 0 5px 14px; background:url(img/bullet.png) left 6px no-repeat;}
.premium-buy .shop-possible {position:relative; margin-top:35px; padding:34px 0 5px 0; border-top:1px solid #fed39e; line-height:16px; text-align:center;}
.premium-buy .shop-possible:after {display:block; position:absolute; left:50%; top:-32px; width:86px; height:60px; margin-left:-47px; content:''; background:url(img/shopping-cart.jpg) left top no-repeat;}

  
  /* premium-promo */
.premium-promo {
  position:relative;
  margin-bottom:26px; padding:14px 0;
  border:2px solid #ff8c02;
  font-family: 'PFAgoraSlabProRegular'; color:#514f4d;
  background:url(img/premium-promo.jpg) left bottom repeat-x;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px; 
          border-radius: 7px;
}
.premium-promo:before {content:''; position:absolute; z-index:-2;}
.premium-promo:before {
  top:50%; bottom:0px; left:10px; right:10px;
  -webkit-box-shadow:0 0 25px #c07e2f;
     -moz-box-shadow:0 0 25px #c07e2f;
          box-shadow:0 0 25px #c07e2f;
     -moz-border-radius:200px / 30px;
          border-radius:200px / 30px;
}
.premium-promo h3 {float:left; width:33%; margin-right:4%; padding-top:9px; font-size:25px; line-height:30px; font-weight:normal; text-align:right;}
.premium-promo h3 a {color:#ff8a00;}
.premium-promo .item {float:left; margin-right:4%; padding-top:50px; width:10%; text-align:center;}
.premium-promo .item.domen-free {background:url(img/browser.png) center top no-repeat; width:15%;}
.premium-promo .item.certificate {background:url(img/adwords.png) center 5px no-repeat; width:15%;}
.premium-promo .item.mail {background:url(img/messages.png) center 5px no-repeat;}
.premium-promo .item.discount {background:url(img/discount.png) center top no-repeat; margin-right:0;}



/* pager */
.custom-pager {margin-bottom:20px; font-size:14px; line-height:21px;}
.custom-pager .bull {margin:0 5px; color:#0a59a6;}
.custom-pager .next {margin-right:20px;}
.custom-pager ul,
.custom-pager li {display:inline; margin:0; padding:0; list-style-type:none;}
.custom-pager ul {margin-left:10px;}
.custom-pager li {padding:2px 6px;}
.custom-pager li.active {
  color:#fff; background: #9dc5eb;
  border-top:1px solid #4e8ecc; border-left:1px solid #82b3e1; border-right:1px solid #82b3e1;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px; 
          border-radius: 4px;
}


/* custom btns */
.custom-orange-btn {
  color:#fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ff8c03;
  background-image: -moz-linear-gradient(top, #ff8c03, #fc615e);
  background-image: -ms-linear-gradient(top, #ff8c03, #fc615e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8c03), to(#fc615e));
  background-image: -webkit-linear-gradient(top, #ff8c03, #fc615e);
  background-image: -o-linear-gradient(top, #ff8c03, #fc615e);
  background-image: linear-gradient(top, #ff8c03, #fc615e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c03', endColorstr='#fc615e', GradientType=0);
  border-color: #fc615e #fc615e #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.custom-orange-btn:hover,
.custom-orange-btn:active,
.custom-orange-btn.active,
.custom-orange-btn.disabled,
.custom-orange-btn[disabled] {
  background-color: #fc615e;
  color:#fff;
}
.custom-orange-btn:active,
.custom-orange-btn.active {
  background-color: #c67605 \9;
}
.custom-yellow-btn {
  background-color: #ffd483;
  background-image: -moz-linear-gradient(top, #ffd483, #f8ac4d);
  background-image: -ms-linear-gradient(top, #ffd483, #f8ac4d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd483), to(#f8ac4d));
  background-image: -webkit-linear-gradient(top, #ffd483, #f8ac4d);
  background-image: -o-linear-gradient(top, #ffd483, #f8ac4d);
  background-image: linear-gradient(top, #ffd483, #f8ac4d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd483', endColorstr='#f8ac4d', GradientType=0);
  color: #93632c !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 1) !important;
  border: 0; border-bottom: 1px solid #b2b2b2;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.custom-yellow-btn:hover,
.custom-yellow-btn:active,
.custom-yellow-btn.active,
.custom-yellow-btn.disabled,
.custom-yellow-btn[disabled] {
  background-color: #f8ac4d;
  color:#fff;
}
.custom-yellow-btn:active,
.custom-yellow-btn.active {
  background-color: #c67605 \9;
}

.btn.btn-middle {padding:7px 23px; font-weight:bold;}

.btn span {padding-left:20px;}
.btn.phone span {background: url(img/phone.png) left top no-repeat;}
.btn.view-site span {padding-left:24px; background: url(img/view-site.png) left center no-repeat;}
.btn.view-template span {padding-left:24px; background: url(img/view-brown.png) left center no-repeat;}
.btn.delete-site {color:#d16666;}



  /* footer */
#footerPad {height:260px; clear:both;}
footer {
  position:relative; overflow:hidden; min-width:1000px; height:260px;
  margin:-260px 0 0 0 !important; padding:0 !important;
  background: url(img/footer.jpg) left top repeat-x;
}
footer .relative > div {position:absolute; top:24px; background:url(img/dashed.png) right top no-repeat; min-height:170px;}
footer .relative > div:last-child {background:none;}
footer h4 {padding-bottom:10px; font-size:15px; font-weight:bold; color:#2b2b2b;}
footer ul {margin:0 0 10px 0; padding:0; min-height:96px;}
footer li {margin:0; padding:0; list-style-type:none; line-height:24px; font-size:13px;}
footer p {font-weight:bold;}
footer a {color:#2b2b2b; text-decoration:none;}
footer button {margin-left:0 !important;}

footer .col01 {left:0; width:43%;}
footer .col01 > * {margin-left:21px;}
footer .col01 ul {float:left; width:43%; margin-bottom:15px;}
footer .col01 p {margin-left:6px;}
footer .col01 p span {display:inline-block; width:15px;}
footer .col02 {left:46%; width:14.7%;}
footer .col02 > * {margin-left:12px;}
footer .col03 {left:63.78%; width:18.6%;}
footer .col03 > * {margin-left:12px;}
footer .col04 {left:85.36%; width:14.64%;}
footer .col04 > * {margin-left:2px;}