* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #4a4a4a;
    background: #fff url(images/bg.gif) repeat-x 0 86px;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 980px; margin: 0 auto; }

.last { margin-right: 0 !important; }

#header { position: relative; height: 86px; background: url(images/header-bg.gif) repeat-x 0 0; margin-bottom: 16px; z-index: 5;  }

h1#logo { float: left; display: inline; width: 210px; height: 56px; margin: 17px 0 0 12px; }
h1#logo a { display: block; height: 56px; background: url(images/logo.png) no-repeat 0 0; }
#navigation2 { position: relative; float: left; display: inline; margin-top: 22px; z-index: 5; }
#navigation { position: relative; float: right; display: inline; margin-top: 26px; z-index: 5; }
#navigation ul { list-style: none outside none; }
#navigation ul li { position: relative; float: left; display: inline; margin-right: 10px; }
#navigation ul li.generic a { /* width: 104px; */ height: 44px; display: block; color: #474747; font-size: 13px; text-align: center; line-height: 43px; padding-right: 2px; }
#navigation ul li.generic a:hover,
#navigation ul li.generic a.active,
#navigation ul li.generic a.hover { background: url(images/nav-hover.gif) no-repeat 0 0; text-decoration: none; z-index: 1; }
#navigation ul li .dd-holder { position: absolute; top: 33px; left: 0; display: none; width: 152px; height: 100%; z-index: 5; }
#navigation ul li .dd { background: url(images/dd-bg.png) repeat-y 0 0; }
#navigation ul li .dd-t { width: 152px; height: 7px;  background: url(images/dd-t.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#navigation ul li .dd-b { position: relative; width: 152px; height: 9px; background: url(images/dd-b.png) no-repeat 0 0; }
#navigation ul li .dd ul { padding-top: 5px; padding-left: 17px; }
#navigation ul li .dd ul li { float: none; display: block; height: 12px; padding-bottom: 10px; background: url(images/pink-arrow.gif) no-repeat 0 4px;  padding-left: 10px; margin: 0; }
#navigation ul li .dd ul li a { height: 12px; font-size: 11px; line-height: 12px; width: auto; height: auto; height: 100%; color: #6c6c6c; text-align: left; }
#navigation ul li .dd ul li a:hover { background: none; color: #c40083; }

#slider { position: relative; z-index: 1;  height: 150px; margin-bottom: 15px; }
#slider .shell { position: relative; height: 150px; }

.slider-left { float: left; display: inline; width: 300px; height: 150px; color: #fff;  padding: 0px 0px 0 0px; }
.slider-left h2 { font-size: 20px; font-weight: normal; margin-bottom: 13px; }
.slider-left p { font-size: 13px; line-height: 18px; font-family: Arial; }
.slider-left .order-now { display: block; width: 134px; height: 38px; background: url(images/ordernow.gif) no-repeat 0 0; font-size: 16px; color: #fff; line-height: 37px; text-align: center; margin: 41px 0 0 69px; }
.slider-left .order-now:hover { background-position: 0 bottom; text-decoration: none; }
.slider-right { position: relative; float: left; display: inline; width: 656px; height: 150px; }
.slider-content { position: relative; width: 656px; height: 150px; overflow: hidden;  background: url(images/slider-image.jpg) no-repeat;}
.slider-content ul { list-style: none outside none; height: 100%; overflow: hidden; }
.slider-content ul li,
.jcarousel-clip { position: relative; width: 656px; height: 150px; z-index: 1; }

.slider-nav { position: absolute; bottom: 14px; right: 19px; display: block; z-index: 10; }
.slider-nav ul { list-style: none outside none; }
.slider-nav ul li { float: left; display: inline; width: 20px; height: 20px; margin-right: 4px; }
.slider-nav ul li a { width: 20px; height: 20px; display: block; background: url(images/slider-nav.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider-nav ul li a:hover,
.slider-nav ul li a.active { background: url(images/slider-nav-hover.png) no-repeat 0 0; }

#main { }
#main h2 { font-size: 20px; font-weight: normal; color: #4c4c4c; }

#sidebar { float: left; display: inline; width: 300px; }
#sidebar .text-container { min-height: 221px; padding: 0px 0px 0 0px; margin-bottom: 20px; }
#sidebar .text-container h2 { margin-bottom: 6px; }

.post { }
.post h2 { border-bottom: 5px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 11px; }
.post .more { display: block; background: url(images/pink-arrow.gif) no-repeat 0 4px; color: #c40083; font-size: 11px; line-height: 12px; padding-left: 10px; margin-top: 10px; }
.post .more:hover { color: #000; text-decoration: none; }
#sidebar .post { padding: 0 18px 0 14px; }
#sidebar .post .more { margin-top: 17px; }

#content { float: right; display: inline; width: 600px; padding-top: 17px; margin-right: 10px;}

.col { margin-bottom: 25px; }
.cols-2 { float: left; display: inline; width: 280px; margin-right: 40px; }

#footer { height: 87px; background: url(images/footer-bg.gif) repeat-x 0 0; font-size: 11px; color: #7f7f7f; }
#footer .shell { padding: 26px 0 0 0; }
#footer a { color: #7f7f7f; }
#footer p.left span { padding: 0 3px; }

.archie { margin: 8px 0 0px 0; }

.archie2 { margin: 8px 0 8px 0; }

.otstup {
    margin: 8px 0 0px 0;
}


input[type=button].button5 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
  height: 60px;
  width:240px;
  vertical-align: top;
} 
input[type=button].button5:hover { background: rgb(53, 167, 110); }
input[type=button].button5:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

input[type=button].button6 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
  height: 60px;
  width:110px;
  vertical-align: top;
} 
input[type=button].button6:hover { background: rgb(53, 167, 110); }
input[type=button].button6:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

#navigation {
width: 350px;
}

#navigation ul li {

}

#navigation ul li.generic {
width: 27%;
}

#navigation ul li.authicon {
width: 7%;
top: 10px;
}

.modalauth {
display: none;
width: 100%;
margin: 0 auto;
text-align: center;
/* position: absolute; */
position: fixed;
/*  top: 45%; */
top: 40%;
height: 270px;
z-index: 999;
/* background-color: #ffffff; */
}

.halfdark {
background: rgba(0,0,0,.5) !important;
overflow: hidden;
}

.overlayformodal {
width: 100%;
height: 100%;
opacity: 0.5;
background: rgba(0,0,0,.5) !important;
overflow: hidden;
z-index: 0;
position: fixed;
top: 0px;
}

.loginpanel {
width:50%;
background-color: #ffffff;
height: 270px;
margin: 0 auto;
border-radius: 10px;
}

.closemodal {
text-align: right;
padding-right: 10px;
padding-top: 5px;
}

.closebutton {
font-weight: 700;
font-size: 20px;
cursor: pointer;
width: 18px;
float: right;
}

.authform {
padding-top: 15px;
}

.authformblock {
/* padding-top: 30px; */
padding-top: 5px;
}

.premiumtext {
padding-top:10px;
}

.simplefieldset {
border: none;
}

.simplebtn {
padding-left: 5px;
padding-right: 5px;
}

.simplepaybtn {
padding-left: 5px;
padding-right: 5px;
height: 28px;
border: 1px solid #4a4a4a;
border-radius: 5px;
}

.simplepaybtn:hover {
cursor: pointer;
}

.formbutton {
padding-top:10px;
}

.buypremiumtext {
padding-top:10px;
}

.genericinput {
/* width: 150px; */
width: 130px;
}

.inputc {
width: 66px;
vertical-align: top;
margin-top: 6px;
}

.inputc2 {
/* width: 75px; */
width: 83px;
vertical-align: top;
height: 28px;
/* height: 24px; */
/* margin-left: 10px; */
margin-left: 8px;
}

.inputc2::placeholder {
font-size: 11px;
}

.lefttext {
text-align: left;
padding-left: 30px;
padding-top: 10px;
}

.logout {
color: #0252aa;
cursor: pointer;
}

.littlepadding {
padding-bottom: 10px;
}

.payfieldset {
border: none;
}

.paycaptcha {
display:inline-block;
}

.payperiod {
display:inline-block;
/* margin-left: 10px; */
margin-left: 8px;
vertical-align: top;
}

.payperiodselect {
height: 28px;
}

.payemail {
display:inline-block;
vertical-align: top;
}

.captchaperiod, .captchaperiodwrapper {
display:inline-block;
}

.labelemail {
display:inline-block;
height: 28px;
}

.simplecap {
display:inline-block;
height: 28px;
vertical-align: top;
padding-top: 5px;
font-weight: 700;
}

.emailinput {
display:inline-block;
height: 28px;
/* margin-right: 10px; */
margin-right: 8px;
}

#email::placeholder {
font-size: 11px;
}

.payformbutton {
display:inline-block;
vertical-align: top;
/* margin-left: 10px; */
margin-left: 8px;
}

.sidebarmenulink {
color: #21610B;
font-size:15px;
}

#sidebar p {
margin-top: 5px;
}

@media screen and (max-width: 768px) {
  #navigation {
    display:none;
  }
  .options {
  position: absolute;
  top: 20px;
  right: 20px;
  }
  .options li {
  float: left;
  background: url('/css/images/options.png') no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
  width: 60px;
  height: 60px;
  display: inline-block;
  cursor: pointer;
  border-left: 0px solid #ccc;
  text-indent: -1000em;
  }
  .options li:first-child {
  display: none;
  }
  nav.menu {
  border-top: 1px solid #eee;
  background: #f2f2f2;
  z-index: 100;
  position: absolute;
  width: 100%;
  top: 80px;
  }
  nav.menu a {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  display: block;
  padding: 0 20px;
  }
  nav.menu a:hover {
  background: #fff;
  color: #ff664d;
  }
  nav.vertical .usermenu, nav.vertical .usermenu a {
  color: #ff664d;
  }
  .clear {
  clear: both;
  }
  .shell {
  width: auto;
  }
  h1#logo {
  /* width: 100%; */
  width: 210px;
  }
  .slider-left {
  display:none;
  }
  .slider-right {
  width: 100%;
  }
  #navigation2 {
  width: auto !important;
  margin-bottom: 12px;
  }
  .slider-content {
  width: auto;
  background-color: #2A2A2A;
  }
  .bannertext {
  padding: 50px 10px 0px 155px !important;
  text-align: center;
  }
  .bannertextparagraph {
  /* white-space: nowrap; */
  display: inline;
  }
  .authicon .usermenu {
  /* padding-top: 15px; */
  /* padding-bottom: 15px; */
  }
  .authicon .usermenu .openmodal:not(.onlymobile):not(.onlydesktop) {
  /* padding-top: 15px; */
  /* padding-bottom: 15px; */
  }
  #content {
  width: 90%;
  float: none;
  }
  .post h1 {
  line-height: 1.2;
  text-align: center;
  }
  .postheader h1 {
  line-height: 1.2;
  text-align: center;
  }
  .post {
  width: 90%;
  margin: 0 auto;
  }
  .postcontent {
  width: 90%;
  margin: 0 auto;
  padding-top: 20px;
  }
  #footer {
  width: 90%;
  margin: 0 auto;
  }
  #footer .left, #footer .right {
  float: none;
  }
  #footer .right {
  vertical-align: middle;
  }
  #sidebar .leftmenu {
  display: none;
  }
  #selector {
  margin-right: 0px !important;
  text-align: center;
  }
  #selector select {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 90%;
  height: 30px;
  padding-left: 5px;
  }
  #myForm input {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  }
  #myForm input.button {
  height: 30px;
  }
  #myForm input.myform {
  height: 25px;
  margin-left: 2px;
  }
  .helplinks {
  width: auto;
  }
  .helplinks a {
  font-size: 14px;
  }
  p.warnings.active {
  font-size: 17px !important;
  background-color: #f2f2f2;
  }
  p.warnings.active::before {
 /* content: '<a href="/aboutpremium#paybutton" class="paylinkbutton">Получить доступ</a>'; */
  }
  .paylinkbutton {
  display: block;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  font-family: sans-serif;
  margin-bottom: 5px;
  font-size: 17px;
  text-align: center;
  }
  .paylinkbutton:hover {
  background-color: #0056b3;
  text-decoration: none;
  }
  .searchlinks a {
  font-size: 14px;
  color: #b31a00;
  }
  input#searchbutton {
  background: #ff7c67;
  border: 1px solid #aaa;
  border-radius: 5px 5px 5px 5px;
  }
  .modalauth {
  top: 25%;
  }
  .loginpanel {
  width: 80%;
  }
  .authform p {
  font-size: 18px;
  }
  .overlayformodal {
  z-index: 5;
  }
  .genericinput {
  width: 250px;
  height: 20px;
  padding: 1px 2px !important;
  }
  .simpleinput{
  margin: 0 0 0.8em 0;
  }
  .inputc {
  width: 66px;
  vertical-align: top;
  margin-top: 0px;
  height: 25px;
  padding: 1px 2px !important;
  border: 1px solid #aaa;
  }
  .buypremiumtext, .aboutpremiumtext {
  display: inline-block;
  }
  .buypremiumtext::after {
  content: ' | ';
  }
  a.openmodal:not(.logined):not(.onlymobile)::after {
  content: 'Вход (премиум доступ)';
  } 
  /* a.openmodal:not(.logined)::after {
  content: 'Вход (премиум доступ)';
  } */
  a.openmodal.logined::after {
  content: 'Аккаунт [вход выполнен]';
  }
  a.openmodal img.iconauth, a.openmodal img.iconlogined {
  display: none;
  }
  .abouttext {
  font-size: 14px;
  text-align: justify;
  }
  .aboutsearchtext {
  font-size: 14px;
  }
  span.birthdate {
  display: none;
  }
  input[name="data"] {
  display: none;
  }
  h2.searchtext {
  margin-top: 10px;
  font-size: 24px !important;
  color: #0252aa !important;
  }
  .payperiod {
  /* width: calc(100% - 185px); */
  width: calc(100% - 186px);
  }
  .payperiodselect {
  width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .options {
  display: none;
  }
  .vertical.menu {
  display: none !important;
  }
  .bannertext {
  text-align: center;
  }
  .post .headingtext {
  margin-top: 20px;
  }
  .paylinkbutton {
  display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #sidebar .leftmenu {
  display: none;
  }
  .slider-left {
  display:none;
  }
  .slider-content {
  width: auto;
  background-color: #2A2A2A;
  }
  .slider-right {
  width: 100%;
  }
  #sidebar {
  display: none;
  }
  #content {
  display: block;
  margin: 0 auto;
  float: none;
  }
  #navigation2 {
  display:none;
  }
  #navigation {
  margin-right: 21%;
  }
  .shell {
  width: auto;
  }
  #footer {
  width: 90%;
  margin: 0 auto;
  }
  #footer .left, #footer .right {
  float: none;
}
}

.postheader {
  display: flex;
  justify-content: center;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  }
.postcontent {
  padding-top: 20px;
  }
h2.searchtext {
text-align: center;
}
.searchlinks {
text-align: center;
}
.headingtext {
text-align: center;
}
.abouttext {
margin-top: 20px;
text-indent: 20px;
}
.aboutsearchtext {
text-indent: 20px;
}
.right a {
vertical-align: middle;
}

p.warnings.active {
text-align: center;
}

input#searchbutton {
cursor: pointer;
}

.tablewrap {
min-height: 100px;
}

table#table tr.data {
height: 18px;
}