@charset 'uft-8';

@font-face {
    font-family: 'Intro Bold Caps Regular';
    src: url('../fonts/intro-bold-caps-webfont.eot');
    src: url('../fonts/intro-bold-caps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/intro-bold-caps-webfont.woff') format('woff'),
         url('../fonts/intro-bold-caps-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

.cf:after,
.cf:before {
  content: '';
  display: table;
}
.cf:after {
  clear: both;
}




/* ==========================================================================
   General styles
   ========================================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

body {
  font: 400 13px/21px "Roboto", sans-serif;
  color: #585858;
  width: 100%;
  min-width: 1080px;
  min-height: 100%;
  height: 100%;
  height: auto;
  position: relative;
}

.container {
    border-width: 0 1px 0 1px;
    width: 1000px;
    margin: 0 auto;
}


.payment-systems,
.payment-form-wrap, 
.payment-details {
    float: left;
}

/* Header styles
   ========================================================================== */

header[role="banner"] {
    min-height: 103px;
    border-bottom: 1px solid #d4e5e9;
}

header[role="banner"] .container {
    border: 1px solid #d4e5e9;
    border-width: 0 1px 0 1px;
}

.logo {
    padding: 39px 83px 0 50px;
    float: left;
}

.logo a, .logo a img {
    display: block;
}

.menu {
    margin-left: 365px;
    font-size: 0;
}

.menu li {
    display: inline-block;
}

.menu li a {
    background-color: #fff;
    border-right: 1px solid #d4e5e9;
    color: #198ba4;
    display: block;
    font: 14px/102px "RobotoBold", sans-serif;
    min-height: 102px;
    padding: 0 30px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.menu li.active > a {
    background-color: #47a2b6;
    color: #fff;
}

.menu li.active > a:hover {
    color: #fff;
}

.menu li:first-child a {
    border-left: 1px solid #d4e5e9;
    padding: 0 31px;
}

.menu li:nth-child(2) a {
    padding: 0 32px 0 29px;
}

.menu li:nth-child(3) a {
    padding: 0 31px 0 29px;
}

.menu a.index-page:first-child {
    background-color: #fff;
    color: #198ba4;
}

.menu li a.personal-account-link {
    border-right: none;
    padding-left: 55px;
    padding-right: 31px;
}

.menu li a.personal-account-link:before {
    background: transparent url(../images/sprite.png) -39px 0 no-repeat;
    content: '';
    display: block;
    width: 15px;
    height: 19px;
    position: absolute;
    left: 33px;
    top: 50%;
    margin-top: -10px;
}

a.inside-page-bg {
    background-color: #47a2b6;
    color: #fff;
}

.sub-menu {
    position: relative;
}

.sub-menu ul {
    position: absolute;
    min-width: 200px;
    top: 103px;
    left: -1px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    z-index: 999;
}

.sub-menu ul li {
    display: block;
}

.sub-menu ul li a {
    border: 1px solid #d4e5e9;
    border-width: 0 1px 1px 1px;
    min-height: 0;
}

.sub-menu:hover > ul {
    opacity: 1;
    visibility: visible
}

.about-service {
    background: transparent url(../images/head-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    min-height: 403px;
    padding-top: 134px;
}

.about-service h2 {
    color: #343434;
    font: 700 40px/40px "Intro Bold Caps Regular", sans-serif;
    margin-bottom: 27px;
    padding-left: 400px;
}

.about-service h2 strong {
    color: #fdfdfd;
    text-transform: uppercase;
}

.about-service h2 + p {
    color: #fff;
    font: 400 14px/21px "Roboto", sans-serif;
    padding-left: 400px;
}

/*** breadcrumbs ***/

.breadcrumb {
    background: #e1ecf1 url(../images/breadcrumb-bg.jpg) 100% 100% no-repeat;
    background-size: cover;
    height: 50px;
}

.breadcrumb ul {
    padding-top: 18px;
    padding-left: 50px;
    font-size: 0;
    vertical-align: middle;
}

.breadcrumb ul li {
    display: inline-block;
    vertical-align: middle;
    max-width: 330px;
    margin: 0 3px;
}

.breadcrumb ul li a {
    color: #000;
    display: block;
    font: 400 13px/13px "Roboto", sans-serif;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.breadcrumb ul li:first-child a {
    background: transparent url(../images/sprite.png) -60px 0 no-repeat;
    display: inline-block;
    width: 18px;
    height: 16px;
}

.breadcrumb-separator {
    margin: 0 10px;
}

/* main styles
   ========================================================================== */

main[role="main"] {
    border-top: 1px solid #d4e5e9;
}

main[role="main"] .container {
    border: 1px solid #d4e5e9;
    border-width: 0 1px 0 1px;
    height: 100%;
}

main[role="main"].index-page .container {
    width: 1000px;
}

main[role="main"].index-page .content {
    padding-top: 0;
    padding-bottom: 0;
}

.content {
    padding-top: 51px;
    width: 663px;
    padding-bottom: 50px;
}

.text-page {
    width: 998px;
    padding-left: 49px;
}

.content-block, .text-block {
    padding: 40px 49px 44px 47px;
    /*margin-right: 49px;*/
}

.content-block.border-bottom {
    border-bottom: 1px solid #d4e5e9;
}

.content p {
    font: 400 13px/21px "Roboto", sans-serif;
}

.content h2, aside h2 {
    font: 400 25px "Intro Bold Caps Regular", sans-serif;
    color: #343434;
    padding: 0 44px;
}

.content.text-page h2 {
    margin-bottom: 40px;
    padding: 0;
}

.user-agreement {
    padding-right: 232px;
    font: 400 13px/21px "Roboto", sans-serif;
}

.user-agreement h2 + p {
    margin-bottom: 31px;
}

.content .benefits-for-users h2,
.content .benefits-for-website-owners h2 {
    margin-bottom: 54px;
}

.benefits-for-users {
    width: 448px;
    float: left;
    padding-left: 49px;
    padding-right: 30px;
    padding-top: 51px;
}

.benefits-for-website-owners {
    border-left: 1px solid #d4e5e9;
    width: 499px;
    float: left;
    padding-left: 49px;
    padding-top: 51px;
}

.benefits {
    color: #000;
    font: 400 13px/21px "Roboto", sans-serif;
}

.benefits li {
    font: 400 13px/21px "Roboto", sans-serif;
    padding-left: 51px;
    position: relative;
    margin-bottom: 26px;
}

.benefits li:before {
    background: transparent url(../images/sprite.png) 0 0 no-repeat;
    content: "";
    display: block;
    width: 36px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
}

.content ul li, .content ol li {
    font: 400 13px/21px "Roboto", sans-serif;
}

.content ol li {
    list-style-type: none;
}

.number-list {
    margin-bottom: 31px;
}

.number-list li {
    position: relative;
}

.number-list li > h3 {
    color: #343434;
    font: 18px/18px "RobotoBold", sans-serif;
    margin-bottom: 22px;
}

.number-list li > ol {
    padding-left: 23px;
}

.number-list li > ol li {
    margin-bottom: 33px;
}

.number-list li > ol li > ul {
    list-style-type: disc;
    padding-left: 42px;
}

.number-list li > ol li > ul li {
    margin: 22px 0;
    position: relative;
}

.number-list li > ol li > ul li:before {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGBAMAAAAS4vJ7AAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAAB3RSTlPtBpHukIiJoaFnDgAAAClJREFUeF4VxrENACAIRcGXWNj/DZiBIVyHBv76anHJoRUcN9v1vQ/KuDdZBOBlZZ+4AAAAAElFTkSuQmCC') /*../images/i.png*/ no-repeat;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: -20px;
    top: 8px;
}

.content.padding-for-aside {
    /*border-left: 1px solid #d4e5e9;*/
    margin-left: 335px;
    height: 100%;
}

.content.left-attach {
    border-right: 1px solid #d4e5e9;
    border-left: 0;
    float: left;
    margin-left: 0;
}

/*** Account page ***/

.account-page {

}

.account-page > header {
    border-bottom: 1px solid #d4e5e9;
    height: 53px;
    margin: 0 47px 0 41px;
}

h2.active-site-title {
    margin-bottom: 0;
    float: left;
    font-size: 20px;
    line-height: 53px;
    padding: 0;
    position: relative;
    max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.setting-nav {
    float: right;
}

.setting-nav li {
    display: inline-block;
}

.setting-nav li a {
    color: #198ba4;
    display: block;
    font: 14px/14px "RobotoBold", sans-serif;
    text-decoration: none;
    padding: 21px 25px 18px 25px;
    -moz-transition: background .3s ease, color .2s ease;
    -o-transition: background .3s ease, color .2s ease;
    -webkit-transition: background .3s ease, color .2s ease;
    transition: background .3s ease, color .2s ease;
}

.setting-nav li a:hover, .setting-nav li a.active {
    background-color: #47a2b6;
    color: #fff;

}


/***  Input radio, checkboxes  ***/

.select-social-service {
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
}

.select-social-service li {
    width: 188px;
    float: left;
    margin-bottom: 16px;
}

input[type="checkbox"],
input[type="radio"] {
    display:none;            
}

input[type="checkbox"] + label, 
input[type="radio"] + label {
  font: 400 13px/13px "Roboto", sans-serif;
  color: #000;
  cursor: pointer;

}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    
    margin: 0 5px 0 0;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
}

input[type="checkbox"] + label::before {
    background-position: -90px 0;
    height: 19px;
    width: 19px; 
}
input[type="radio"] + label::before {
    background-position: -140px 0;
    height: 20px;
    width: 20px;
}
input[type="checkbox"]:checked + label::before {
    background-position: -115px 0;
}
input[type="radio"]:checked + label::before {
    background-position: -165px 0;
}
input[type="checkbox"]:disabled + label::before {
    background-position: -330px 0;
}
input[type="checkbox"]:checked:disabled + label::before {
    background-position: -355px 0;
}
/*input[type="radio"]:disabled + label::before {
    background-position: -144px -279px;
}
input[type="radio"]:checked:disabled + label::before {
    background-position: -162px -279px;
}​*/


.form{
    /*clear: both;*/
}

.form-field {
    margin-bottom: 51px;
}

.form-field:last-child {
    margin-bottom: 0;
}

.form-field label, .form-field span {
    display: block;
    font: 400 13px/13px "Roboto", sans-serif;
    margin-bottom: 17px;
}

.form-field input[type="text"],
.form-field input[type="url"],
.form-field input[type="password"],
.form-field .sites-domains, .preview {
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    padding: 9px 18px;
    cursor: text;
}

.preview {
    border-color: #d4e5e9;
    padding: 23px;
    overflow: hidden;
}

/*.preview span {
    display: block;
    float: left;
}*/

#generate_code {
    margin-bottom: 18px;
}

#generate_code + .btn-submit,
#generate_code + .btn-submit + .btn-submit {
    display: inline-block;
}

#generate_code + .btn-submit {
    margin-right: 12px;
}

.plugin-prev {
    float: right;
}

.form-field textarea {
    margin-bottom: 18px;
}

.form-field p {
    color: #ccc;
    margin-bottom: 0;
}


.btn {
    background-color: #fff;
    border: 2px solid #ffc194;
    cursor: pointer;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 25px;
    margin: 0;
    -moz-transition: background-color .3s ease, border .35s ease, color .4s linear;
    -o-transition: background-color .3s ease, border .35s ease, color .4s linear;
    -webkit-transition: background-color .3s ease, border .35s ease, color .4s linear;
    transition: background-color .3s ease, border .35s ease, color .4s linear;
}

.btn-submit {
    color: #ff8329;
    font: 20px/20px "RobotoBold", sans-serif;
}

.btn-submit:hover {
    background-color: #ff8329;
    border-color: #ff8329;
    color: #fff;
}

/* sidebar styles
   ========================================================================== */

.sidebar {
    padding-top: 51px;
    width: 335px;
    float: left;
    height: 100%;
    border-right: 1px solid #d4e5e9;
}

.sidebar h2 {
    padding-left: 47px;
    margin-bottom: 40px;
}

.sidebar.right-attach {
    border-right: 0;
    float: none;
    margin-left: 663px;
    
}

.sidebar.right-attach h2 {
    padding-left: 0;
    padding-left: 47px;
}

.sidebar-block {
    margin-bottom: 50px;
    padding-left: 47px;
}

.sidebar-block h3 {
    font: 500 18px/18px "Roboto", sans-serif;
    margin-bottom: 22px;
}

.constructor-page .sidebar {
    padding-left: 46px;
}

.constructor-page .sidebar h2 {
    padding: 0;
}

.sites-menu, .faq-menu {
    font: 400 15px/15px "Roboto", sans-serif;
    color: #585858;
}

.sites-menu li {

}

.sites-menu li a, .faq-menu li a {
    border-bottom: 1px solid #c7dde2;
    color: #585858;
    display: block;
    text-decoration: none;
    padding: 28px 40px 28px 47px;
    -moz-transition: background .3s ease, color .2s ease;
    -o-transition: background .3s ease, color .2s ease;
    -webkit-transition: background .3s ease, color .2s ease;
    transition: background .3s ease, color .2s ease;
}

.sites-menu li a span, .faq-menu li a span {
    overflow: hidden;
    width: 100%;
    display: inline-block;
}

.sites-menu > li:first-child > a,
.faq-menu > li:first-child > a  {
    border-top: 1px solid #c7dde2;
}

.sites-menu li:last-child a {
    border-bottom: 0;
}

.sites-menu li a:hover,
.faq-menu li a:hover  {
    background-color: #e9f2f4;
    color: #238ca3;
}

.sites-menu li > ul,
.faq-menu li > ul {
    background-color: #e9f2f4;
    padding-bottom: 30px;
}


.sites-menu li > ul > li,
.faq-menu li > ul > li { 
    padding-left: 0;
    margin-left: 44px;
}

.sites-menu li > ul > li:first-child,
.faq-menu li > ul > li:first-child {
    border-bottom: 1px solid #c7dde2;
    padding: 0 0 31px;
    margin-bottom: 28px;
}

.sites-menu li > ul > li:first-child a,
.faq-menu li > ul > li:first-child a {
    padding: 28px 0 0;
    font-size: 15px;
    margin: 0;
    border-top: none;
}

.sites-menu li > ul > li a,
.faq-menu li > ul > li a {
    border: none;
    font-size: 13px;
    padding: 0 40px 0 0;
    margin-bottom: 28px;
    cursor: pointer;
}

.sites-menu li > ul > li a.add-new-site,
.faq-menu li > ul > li a.add-new-site {
    color: #fff;
}

.sites-menu li a.add-new-site:hover,
.faq-menu li a.add-new-site:hover {
    background: url('../images/plus.png') #fff 287px 50% no-repeat;
    border-color: #ff8329;
    color: #ff8329 !important;
}

.faq-menu .attach-item {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAMAAACDd7esAAAAilBMVEVHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorZHorbMcYFMAAAALXRSTlMAAXP8lwKupgUD9LIIIxSSvxrWgic6Ud82LOjm+TDt7/KJRogbn6D9dEUq98PFf5ZJAAAAaElEQVR4Xi3AhRECQQAEwbl3dzfc2fzTowpoToYfc0COC4DrCE9+AAS+PMKr4oQk1iUkM7mKslBuMqqSWi/VnCvsPsW6WaS9TbfMI0/GeengGG0DwxY9ANrd/r7ftXytk6aVv+bdAHwAIA4H4DKFYNQAAAAASUVORK5CYII=') 299px 50% no-repeat;
}

.faq-menu .attach-sub-item {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAMAAACDd7esAAAAhFBMVEVYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFj3H4PyAAAALHRSTlMAzAIByisuvya6mcMff45Bx7gkeXSyHFsQFmeLhb7CBAZdnBU3OMasqyBtbuciqR0AAABpSURBVHheLcZFDsMwFEDB922HmZnKcP/7VVY6q8GKLzF/fiCBf9b11mP1XIB7tDg4S3SDLC9K3pRFnmGals50tI3hNTDKQ0aGJ72uJbyGUuselUi6s6eSKCaZN2CbZUIqhaUq4aM56e8Plo0F2m0XcnEAAAAASUVORK5CYII=') 255px 50% no-repeat;
}


.add-new-site {
    background: #ff8329 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAGFBMVEX///////////////////////////////8pK8DIAAAAB3RSTlMALzFES3v5X8yLQwAAADpJREFUeF6NjbEJACAQA4M4gOAowX3E5lsLJesLL3yrV4UQLgCSDThZ6xEqmzZZYHI6dJnRxOZHGO8HOu0XnJgPdhcAAAAASUVORK5CYII=') 90% 50% no-repeat;
    color: #fff !important;
    font: 16px/16px "RobotoBold", sans-serif;
}

.sidebar footer {
    border-top: 1px solid #d4e5e9;
    color: #000;
    font-size: 13px;
    line-height: 21px;
    padding: 50px 15px 0 47px;
}


.sidebar-block span[class*="icons"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 5px;
}

/* social icons sprite */

.social-icons {
    background: transparent url(../images/sprite-social-icons.png) 0 0 no-repeat;
}

.icon-vkontakte { background-position: 0 0; }
.icon-odnoklassniki { background-position: 0 -23px; }
.icon-mailru { background-position: 0 -46px; }
.icon-facebook { background-position: 0 -69px; }
.icon-twitter { background-position: 0 -92px; }
.icon-google { background-position: 0 -115px; }
.icon-yandex { background-position: 0 -138px; }
.icon-linkedin { background-position: 0 -276px; }
.icon-steam { background-position: 0 -345px; }
.icon-instagram { background-position: 0 -552px; }
.icon-telegram {
    background: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.95617055%2011.392196c5.77764656-2.42328736%209.63031585-4.02086673%2011.55800785-4.79273807%205.5039525-2.20384954%206.6476266-2.5866818%207.3930574-2.59932314.1639507-.00278035.5305319.0363352.7679878.22182361.2005031.15662277.2556695.36819788.2820684.51669348.026399.1484956.0592719.48677234.0331404.75109194-.2982611%203.0169019-1.5888322%2010.33812718-2.2454015%2013.71710898-.2778191%201.4297738-.8288514%201.7357846-1.3584441%201.7826999-1.1509274.1019576-2.0208916-.5588425-3.1356211-1.2622918-1.7443316-1.1007592-2.3854935-1.3972358-4.0786694-2.4713734-1.95675765-1.2413519-.8891962-1.8911034.2259543-3.0061212.2918402-.2918054%205.3989024-4.83750096%205.497052-5.24030969.0122753-.05037796-.1557336-.55407742-.2716182-.65323489-.1158847-.09915747-.2869204-.06524947-.4103446-.03828214-.17495.03822537-2.9615423%201.81132342-8.35977698%205.31929412-.79096496.5228681-1.50739646.7776269-2.1492945.7642766-.70764107-.0147176-2.06885864-.3851791-3.08078398-.7018404-1.24116762-.388398-1.69932554-.5713149-1.61342745-1.2309348.04474105-.3435709.36011227-.7024173.94611366-1.0765391z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat 2px 3px;
    background-color: #54a9eb;
    background-size: 11px;
    border-radius: 2px;
    border-color: #848484;
}


/* platforms icons sprite */

.platforms-icons {
    background: transparent url(../images/sprite-platforms-icons.png) 0 0 no-repeat;
}

.icon-all-sites { background-position: 0 0; }
.icon-smf { background-position: -68px 0; }
.icon-drupal { background-position: -34px 0; }
.icon-joomla { background-position: -85px 0; }
.icon-wordpress { background-position: -17px 0; }
.icon-phpbb { background-position: -51px 0; }

.view-setting {

}

.view-setting li {
    margin-bottom: 30px;
}

.view-setting li img {
    margin: 0 17px 0 11px;
}

.view-setting li:last-child {
    margin-bottom: 0;
}





/*** text block style ***/

.text-block {
    padding-bottom: 0;
    overflow: hidden;
}

.text-block h3 {
    color: #171717;
    font: 500 18px/18px "Roboto", sans-serif;
    margin-bottom: 25px;
}

.text-block p, .text-block img, .text-block pre {
    margin-bottom: 15px;
}

.text-block ul {
    margin-bottom: 30px;
}

.text-block ul:last-child {
    margin-bottom: 0;
}

.text-block ul li {
    line-height: 13px;
    margin-bottom: 9px;
}

/*.text-block pre, .text-block code {
    white-space: normal;
    display: block;
}

.text-block code {
    background-color: #eee;
    padding: 9px 18px;
    line-height: 21px;
}*/

.string {
    color: #2e7a1d;
}


.color-red {
    color: #96234e;
}

.tabs-wrap {
    min-height: 600px;
}


/* footer styles
   ========================================================================== */

footer[role="contentinfo"] {
    border-top: 1px solid #d4e5e9;
}

footer[role="contentinfo"].main-page {
    padding: 50px 0;
}

footer[role="contentinfo"].main-page p {
    font: 400 13px/21px "Roboto", sans-serif;
}

footer[role="contentinfo"] a {
    color: #000;
    font: 400 13px/13px "Roboto", sans-serif;
    text-decoration: none;
}

footer[role="contentinfo"] a:hover {
    text-decoration: underline;
}

.social-share {
    padding: 51px 0 33px;
    text-align: left;
}

.social-share .share-btns {
    float: right;
}

.f-menu {
    background-color: #e9f2f4;
    border-bottom: 1px solid #93bec7;
    padding: 38px 0 36px;
}

.f-menu ul {
    float: left;
}

.f-menu ul li {
    float: left;
    margin-right: 54px;
}

.twitter-follow-btn {
    float: right;
}

.f-menu ul li:last-child {
    margin-right: 0;
}

.copyright {
    padding: 36px 0;
}

.copyright div {
    float: left;
}

.copyright ul {
    float: right;
    overflow: hidden;
}

.copyright ul li {
    float: left;
}

.copyright ul li:first-child {
    padding-right: 8px;
    border-right: 1px solid #333333;
}

.copyright ul li:last-child {
    padding-left: 7px;
    border-left: 1px solid #c9c9c9;
}

/* popup style
   ========================================================================== */

body.no-min-width {
    min-width: 0;
}


.popup {
    background-color: #fff;
    max-width: 800px;
    min-width: 400px;
    max-height: 600px;
    margin: 0 auto 0 auto;
    
}

.popup .popup-header {
    background-color: #3e95aa;
    border-bottom: none;
    padding: 28px 10px;
    overflow: hidden;
    vertical-align: middle;
}

.popup .popup-header .error-title {
    color: #fff;
    color: rgba(255, 255, 255, .8);
    font: 500 22px/22px "Roboto", sans-serif;
    float: left;
}

.popup .popup-header .powered {
    color: #fff;
    color: rgba(255, 255, 255, .8);
    font: 400 14px "Roboto", sans-serif;
    float: right;
    margin-top: 2px;
}

.popup .popup-body .popup-content {
    background-color: #fff;
    padding: 53px 15px 0;
}

.social-network-icon {
    width: 85px;
    height: 85px;
    margin: 0 auto 30px;
    background: url("../images/icons.jpg") 0 0 no-repeat;
}
.network-vkontakte { background-position: -135px -130px; }
.network-odnoklassniki { background-position: -519px -493px; }
.network-mailru { background-position: -649px -132px; }
.network-facebook { background-position: -781px -129px; }
.network-twitter { background-position: -134px -248px; }
.network-google { background-position: -261px -254px; }
.network-yandex { background-position: -524px -370px; }
.network-linkedin { background-position: -136px -374px; }
.network-steam { background-position: -386px -136px; }

.error-body .error-message {
    font: 700 30px/36px "Intro Bold Caps Regular", sans-serif;
    text-align: center;
    padding: 0;
}


.error-body .error-message:after {
    background-color: #d4e5e9;
    content: '';
    display: block;
    height: 1px;
    width: 160px;
    margin: 40px auto 30px;
}

.error-footer {
    text-align: center;
}

.error-footer > p {
    color: #343434;
    color: rgba(52, 52, 52,.8);
    font: 500 20px "Roboto", sans-serif;
    margin-bottom: 20px;
}

.close-popup {
    color: #238ca3;
    font: 400 14px "Roboto", sans-serif;
}

.error-footer  .btn-submit {
    margin-top: 64px;
    max-width: 274px;
    margin: 30px auto 0;
}

input#domains {
    display: none;
}

.form-field .sites-domains {
    padding: 11px 18px;
}

.sites-domains .domain {
    float: left;
    border: 1px solid #f64000;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 10px 5px 0;
    padding: 5px;
}

.sites-domains .domain.verified {
    border-color: #7ebc4e;
}

.sites-domains .domain-delete {
    color: #f64000;
    text-decoration: none;
}

.domain-block {
    border: 1px solid #ccc;
    padding: 11px 18px;
    margin: 10px 0;
}

.domain-block-case-status {
    float: right;
    color: #f64000;
    font-weight: bold;
    display: none;
}

.domain-block-host {
    float: left;
    width: 200px;
    overflow: hidden;
}

.domain-block-check, .ajax-loader {
    float: right;
}

.domain-block-status {
    float: left;
    margin: 0 0 0 10px;
    color: grey;
}

.ajax-loader {
    background: url("../images/ajax-loader.gif") center center no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    display: none;
    margin: 4px 10px 0 0;
}

.social-settings-button {
    float: right;
}

.social-settings-button:before {
    content: 'show';
}

.social-settings-button.active:before {
    content: 'hide';
}

.social-settings {
    display: none;
}

.social-list {
    float: left;
    margin: 10px 0 0;
}

.social-list-target {
    float: left;
    margin: 0;
    height: 450px;
    border: 1px solid #e2e1e1;
    margin: 0 0 30px;
    padding: 30px 48px 10px;
}

.social-list-target > div:not(:first-child) {
    display: none;
}

.social-list li {
    padding: 8px 20px 8px 5px;
    border: 1px solid #fff;
    border-right: 0;
}

.social-list li label {
    margin: 0;
}

.social-list li.active {
    border-color: #e2e1e1;
}

.social-list li.active:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 36px;
    background: #fff;
    margin: -8px 0 0 138px;
}

.widget-delete {
    position: absolute;
    font-size: 12px;
    color: #f64000;
    text-decoration: none;
    margin-left: 5px;
    background: url("../images/sprite.png") no-repeat scroll -57px -21px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 2px;
    top: 3px;
    width: 10px;
}

.domain-delete {
    position: absolute;
    font-size: 12px;
    color: #f64000;
    text-decoration: none;
    margin: 2px 0 0 583px;
    background: url("../images/sprite.png") no-repeat scroll -57px -21px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 10px;
    position: absolute;
    width: 10px;
}

.site-delete {
    position: absolute;
    font-size: 12px;
    color: #f64000;
    text-decoration: none;
    margin: 15px 0 0 5px;
    background: url("../images/sprite.png") no-repeat scroll -57px -21px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 10px;
    position: absolute;
    /*right: 2px;*/
    /*top: 3px;*/
    width: 10px;
}

.block-help {
    display: none;
}

.hide-help {
    display: none;
}

#messages-block {
    position: fixed;
    top: 0;
    right: 0;
}

.message-error {
    color: red;
    border: 1px solid red;
    margin: 5px;
    padding: 5px;
    font-size: 14px;
    background: #fff;
}

.messages .message-success {
    padding: 10px;
    background: #beb;
    color: #030;
    margin: 0 auto;
}

.panel-settings li {
    display: inline;
}

.panel-settings li input {
    width: 90px;
    text-align: center;
}

.user-panel {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #d4e5e9;
    font-size: 14px;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: right;
    width: 998px;
}

.user-panel a {
    display: inline-block;
    margin-left: 10px;
    color: #ff8329;
    font: 10px/10px "RobotoBold",sans-serif;
    background-color: #fff;
    border: 2px solid #ffc194;
    cursor: pointer;
    padding: 2px 5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s, border 0.35s ease 0s, color 0.4s linear 0s;
}

.user-panel a:hover {
    background-color: #ff8329;
    border-color: #ff8329;
    color: #fff;
}

.menu li.sub-menu ul li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d4e5e9;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    line-height: 20px;
    min-height: 0;
    padding: 15px 10px 15px 31px;
    transition: all 0.2s ease 0s;
}

.menu li:first-child + li a {
    padding: 0 32px 0 29px;
}

.menu li a {
    background-color: #fff;
    border-right: 1px solid #d4e5e9;
    color: #198ba4;
    display: block;
    font: 14px/102px "RobotoBold",sans-serif;
    min-height: 102px;
    padding: 0 30px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

.menu li a:hover, .menu a.index-page:first-child:hover {
    color: #000;
    box-shadow: inset 0 3px  #47a2b6;
}

.b-left {
    float: left;
    margin-left: 5px;
}

.b-width20 {
    width: 20px;
    overflow: hidden;
}

.app-arrow {
    background: url("../images/sprite.png") no-repeat scroll -190px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 25px;
    position: absolute;
    width: 25px;
    margin: -47px 0 0 520px;
}

.app-arrow.active {
    background: url("../images/sprite.png") no-repeat scroll -221px 0 rgba(0, 0, 0, 0);
}

textarea {
    border: 1px solid #dbd9d9;
    min-height: 115px;
    overflow: hidden;
    padding: 10px;
    resize: vertical;
    width: 100%;
}

input[type="text"], textarea {
    color: #737373;
    font-family: verdana,helvetica,sans-serif;
    font-size: 13px;
    line-height: 18px;
    outline: medium none;
}

.widget-list {
    border-bottom: 1px solid #d4e5e9;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 30px 0;
}

.widget-title {
    float: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 -130px 0 0;
    width: 130px;
}

.widget-code {
    margin: 0 30px 0 140px;
}

.widget-item {
    margin-bottom: 23px;
    overflow: hidden;
    position: relative;
}

.widget-item textarea {
    min-height: 54px;
}

.widget-edit {
    color: #ff8329;
    display: block;
    width: 100px;
    margin: 0 0 0 auto;
    text-align: center;
}

.login4play-powered {
    top: 30px;
}

.add-domain-field {
    width: 515px;
    float: left;
}

.add-domain-field input.error {
    border-color: #f64000;
}

.add-domain-error {
    color: #f64000;
}

.add-domain-button {
    width: 48px;
    float: right;
    font: 20px/20px "RobotoBold",sans-serif;
    background: url("../images/plus-white.png") center center no-repeat #ff8329;
    border: 2px solid #ff8329;
    cursor: pointer;
    display: block;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s, border 0.35s ease 0s, color 0.4s linear 0s;
    padding: 16px;
}

.add-domain-button:hover {
    border-color: #ffc194;
    background: url("../images/plus.png") center center no-repeat #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .add-domain-button {
        padding: 17px 16px;
        margin: 2px 0 0;
    }
}

#chart-nodata {
    text-align: center;
    font-style: italic;
    margin-top: 50px;
}

.auth-fields {
    width: 100%;
}

.auth-fields tr th,
.auth-fields tr td {
    text-align: center;
    padding: 5px 0;
    margin: 0;
}

label.required:before {
    content: "*";
    color: #f00;
    margin-right: 5px;
}

.auth-fields {
    width: 100%;
}

.auth-fields tr th,
.auth-fields tr td {
    text-align: center;
    padding: 5px 0;
    margin: 0;
}

.auth-fields tr th:first-child,
.auth-fields tr td:first-child {
    text-align: left;
}

.form-field-bordered {
    padding: 30px 0;
    border: solid #d7d7d7;
    border-width: 1px 0;
}