._opened {
  display: block !important;
}
.wide1170 #opendoc > div {
  width: 980px;
}
.wide_fullscreen #opendoc > div {
  width: auto;
}
body,
input,
button,
select,
textarea,
td,
th,
li,
dd,
dt,
p,
blockquote {
  font-family: "PT Sans", Arial, sans-serif;
  font-size: 13px;
  color: #444c4f;
}
._opened {
  display: block !important;
}
.wide1170 #opendoc > div {
  width: 980px;
}
.wide_fullscreen #opendoc > div {
  width: auto;
}
body,
input,
button,
select,
textarea,
td,
th,
li,
dd,
dt,
p,
blockquote {
  font-family: "PT Sans", Arial, sans-serif;
  font-size: 13px;
  color: #444c4f;
}
a:hover {
  color: #2686c5;
}
#opendoc {
  color: #444c4f;
  /********************************************
	  ************* CONTENT ***********************
	  ********************************************/

  /********* UI ******************************/

  /*******************************************/

}
#opendoc figure {
  position: relative;
  margin: 0 0 20px;
}
#opendoc figure img {
  max-width: 720px;
}
#opendoc figure figcaption {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(67%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.65) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 67%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  color: #FFF;
  position: absolute;
  text-align: right;
  bottom: 0;
  width: 100%;
}
#opendoc figure figcaption > div {
  padding: 40px 10px 10px;
}
#opendoc figure.pull-right {
  float: right;
  margin-left: 20px;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.6);
}
#opendoc figure.pull-right img {
  max-width: 200px;
}
#opendoc .bootstrap-widget-header {
  height: inherit;
}
#opendoc .bootstrap-widget-header h3 {
  margin: 0;
  font-size: 140%;
}
#opendoc #content {
  margin-bottom: 80px;
}
#opendoc #content p,
#opendoc #content li,
#opendoc #content blockquote,
#opendoc #content ul,
#opendoc #content ol {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 24px;
}
#opendoc #content p.help-block {
  font-size: 13px;
  line-height: 16px;
  color: #6d797d;
  margin-top: 5px;
  margin-bottom: 0;
}
#opendoc #content li {
  margin-bottom: 12px;
  position: relative;
}
#opendoc #content ul,
#opendoc #content ol {
  list-style: none;
  margin-left: 50px;
}
#opendoc #content ol {
  counter-reset: point;
}
#opendoc #content ol li:before {
  content: counter(point);
  /* выводим значение переменной */

  counter-increment: point 1;
  /* увеличваем счетчик на 1 */

  position: absolute;
  left: -30px;
  top: 0;
  color: #f05023;
  font-weight: bold;
  text-align: center;
}
#opendoc #content ul li:before {
  content: "-";
  position: absolute;
  left: -30px;
  top: 0;
  color: #f05023;
  font-weight: bold;
  text-align: center;
}
#opendoc #content blockquote {
  padding: 30px 0 30px 50px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: none;
}
#opendoc #content blockquote p {
  color: #f05023;
  font-style: italic;
  margin-bottom: 18px;
  font-size: 18px;
}
#opendoc #content blockquote .intro {
  font-size: 13px;
  font-style: normal;
  color: #444c4f;
  margin-bottom: 18px;
  line-height: 15px;
}
#opendoc #content blockquote .intro strong {
  color: #444c4f;
}
#opendoc #content blockquote .sign {
  font-size: 13px;
  font-style: normal;
  color: #6d797d;
  margin-bottom: 0;
  line-height: 15px;
}
#opendoc #content blockquote .sign strong {
  color: #000;
}
#opendoc form p {
  margin-bottom: 0;
}
#opendoc form textarea,
#opendoc form input[type="text"],
#opendoc form input[type="password"],
#opendoc form input[type="datetime"],
#opendoc form input[type="datetime-local"],
#opendoc form input[type="date"],
#opendoc form input[type="month"],
#opendoc form input[type="time"],
#opendoc form input[type="week"],
#opendoc form input[type="number"],
#opendoc form input[type="email"],
#opendoc form input[type="url"],
#opendoc form input[type="search"],
#opendoc form input[type="tel"],
#opendoc form input[type="color"],
#opendoc form .uneditable-input,
#opendoc form select {
  border-radius: 0;
  box-shadow: 0 8px 15px -17px #000000 inset;
  font-size: 15px;
  color: #6d797d;
  padding: 7px 10px;
}
#opendoc form select {
  height: 36px;
}
#opendoc form select[multiple],
#opendoc form select[size] {
  height: auto;
}
#opendoc form textarea:focus,
#opendoc form input[type="text"]:focus,
#opendoc form input[type="password"]:focus,
#opendoc form input[type="datetime"]:focus,
#opendoc form input[type="datetime-local"]:focus,
#opendoc form input[type="date"]:focus,
#opendoc form input[type="month"]:focus,
#opendoc form input[type="time"]:focus,
#opendoc form input[type="week"]:focus,
#opendoc form input[type="number"]:focus,
#opendoc form input[type="email"]:focus,
#opendoc form input[type="url"]:focus,
#opendoc form input[type="search"]:focus,
#opendoc form input[type="tel"]:focus,
#opendoc form input[type="color"]:focus,
#opendoc form .uneditable-input:focus,
#opendoc form select:focus {
  color: #444c4f;
}
#opendoc form .controls-row [class*="span"] + [class*="span"] {
  margin-left: 12px;
}
#opendoc form.form-inline select.error,
#opendoc form.form-inline input.error,
#opendoc form.form-inline textarea.error {
  border-color: #b94a48;
  color: #b94a48;
}
#opendoc form.form-inline label.error,
#opendoc form.form-inline .help-block.error,
#opendoc form.form-inline .help-inline.error {
  color: #b94a48;
}
#opendoc form.form-horizontal select.error,
#opendoc form.form-horizontal input.error,
#opendoc form.form-horizontal textarea.error {
  border-color: #b94a48;
  color: #b94a48;
}
#opendoc form.form-horizontal label.error,
#opendoc form.form-horizontal .help-block.error,
#opendoc form.form-horizontal .help-inline.error {
  color: #b94a48;
}
#opendoc form.form-vertical select.error,
#opendoc form.form-vertical input.error,
#opendoc form.form-vertical textarea.error {
  border-color: #b94a48;
  color: #b94a48;
}
#opendoc form.form-vertical label.error,
#opendoc form.form-vertical .help-block.error,
#opendoc form.form-vertical .help-inline.error {
  color: #b94a48;
}
#opendoc form.form-vertical label {
  margin-top: 20px;
}
#opendoc .form-actions {
  background: none;
  padding: 0;
  border-top: 0 none;
}
#opendoc .form-actions a {
  display: inline-block;
  margin: 0 15px 0 5px;
  position: relative;
  top: 2px;
}
/*** SOCIALS ***/
.socials_separator {
  border-top: 2px solid #e5e5e5;
  position: relative;
  padding-bottom: 30px;
}
.socials_separator ul {
  margin: 0;
  padding: 0 0 0 20px;
  float: right;
  position: relative;
  background: #fff;
  top: -15px;
}
.socials_separator li {
  margin: 0 2px 0 0;
  padding: 0;
  list-style: none;
  float: left;
}
.socials_separator li > a {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url('../../../img/new/socials.png') no-repeat 0 0;
}
.socials_separator .ssgp a {
  background-position: 0 0;
}
.socials_separator .ssgp:hover a {
  background-position: 0 -26px;
}
.socials_separator .sstw a {
  background-position: -85px 0;
}
.socials_separator .sstw:hover a {
  background-position: -85px -26px;
}
.socials_separator .ssvk a {
  background-position: -29px 0;
}
.socials_separator .ssvk:hover a {
  background-position: -29px -26px;
}
.socials_separator .ssod a {
  background-position: -57px 0;
}
.socials_separator .ssod:hover a {
  background-position: -57px -26px;
}
.socials_separator .ssfb a {
  background-position: -113px 0;
}
.socials_separator .ssfb:hover a {
  background-position: -113px -26px;
}
/** CSS-хаки для хрома **/
body.browser_webkit .inner_page_body #opendoc .crfm .chosen-widget {
  margin-top: 0;
}
body.browser_webkit #opendoc form textarea,
body.browser_webkit #opendoc form input[type="text"],
body.browser_webkit #opendoc form input[type="password"],
body.browser_webkit #opendoc form input[type="datetime"],
body.browser_webkit #opendoc form input[type="datetime-local"],
body.browser_webkit #opendoc form input[type="date"],
body.browser_webkit #opendoc form input[type="month"],
body.browser_webkit #opendoc form input[type="time"],
body.browser_webkit #opendoc form input[type="week"],
body.browser_webkit #opendoc form input[type="number"],
body.browser_webkit #opendoc form input[type="email"],
body.browser_webkit #opendoc form input[type="url"],
body.browser_webkit #opendoc form input[type="search"],
body.browser_webkit #opendoc form input[type="tel"],
body.browser_webkit #opendoc form input[type="color"],
body.browser_webkit #opendoc form .uneditable-input,
body.browser_webkit .inner_page_body #opendoc .crfm .chzn-container {
  box-shadow: inset 0 5px 14px -9px #000000;
}
body.browser_webkit #opendoc form select,
body.browser_webkit select {
  /*		padding-top: 1px;
		-webkit-appearance: none; appearance: none;
*/

  box-shadow: inset 0 5px 14px -9px #000000;
}
body.browser_webkit .inner_page_body #opendoc .crfm .chzn-single {
  background: none;
}
body.browser_webkit #login_form .form-actions {
  margin-top: 17px !important;
}
.big_section > div {
  width: 940px;
  margin: 0 auto;
  position: relative;
}
#sec1,
#sec3 {
  background: #edf1f3;
  height: 620px;
}
#sec1 img.monitor,
#sec3 img.monitor {
  position: absolute;
  right: 0;
  top: 60px;
}
#sec1 h1,
#sec3 h1 {
  display: inline-block;
  position: relative;
  font-size: 60px;
  font-weight: bold;
  line-height: 60px;
  color: #003a6c;
  margin: 70px 330px 30px 0;
}
#sec1 ul,
#sec3 ul {
  margin: 0 0 0 26px;
  padding: 0;
}
#sec1 ul li,
#sec3 ul li {
  list-style: none;
  margin: 16px 0;
  padding: 0;
  position: relative;
  font-size: 18px;
  color: #6d797d;
}
#sec1 ul li:before,
#sec3 ul li:before {
  content: "-";
  font-size: 30px;
  color: #f05023;
  position: absolute;
  top: -2px;
  left: -26px;
}
#sec1 .button,
#sec3 .button {
  margin: 40px 0 25px 0;
}
#sec1 .button a.btn,
#sec3 .button a.btn {
  font-size: 24px;
  padding: 15px 30px;
}
#sec1 .links,
#sec3 .links {
  font-size: 15px;
}
#sec1 .links a.arrow,
#sec3 .links a.arrow {
  display: inline-block;
  background: url('/themes/crewplanet/img/new/icon-play.png') no-repeat left center;
  padding: 7px 0 7px 40px;
}
#sec_menu {
  background: #2686c5;
  position: absolute;
  width: 100%;
  top: 750px;
}
#sec_menu.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0 !important;
  z-index: 10000;
  box-shadow: 0 -4px 15px 7px rgba(0, 0, 0, 0.3);
}
#sec_menu ul {
  margin: 0 0 0 -1px;
  padding: 0px;
  float: left;
  border-left: 1px solid #4e9bce;
}
#sec_menu ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
}
#sec_menu ul li a {
  display: inline-block;
  padding: 16px 0 14px 0;
  text-align: center;
  width: 234px;
  border-right: 1px solid #4e9bce;
}
#sec_menu ul li a:hover {
  background: #1f77b3;
  text-decoration: none;
}
#sec_menu ul li a span {
  font-size: 15px;
  color: #fff;
}
#sec_menu ul li.active a {
  background: #013b6d;
}
#sec3 {
  padding-top: 100px;
  padding-bottom: 40px;
  background: #fff;
}
#sec3 .slides_menu li:before {
  content: "";
}
#sec3 .slide_area {
  height: 375px;
  width: 940px;
  overflow: hidden;
  position: relative;
}
#sec3 .slide_area table {
  position: absolute;
}
#sec3 .slide_area table td {
  height: 420px;
}
#sec3 .slide_area table td > div {
  width: 940px;
}
#sec3 .slide_area table td > div .left {
  margin-left: 20px;
  display: block;
  float: left;
}
#sec3 .slide_area table td > div .left h2 {
  margin: 0 0 30px 0;
  font-size: 34px;
}
#sec3 .slide_area table td > div .left p {
  margin: 20px 0;
  font-size: 18px;
  color: #6d797d;
}
#sec3 .slide_area table td > div .left p.orange {
  color: #f05023;
}
#sec3 .slide_area table td > div .right {
  display: block;
  float: left;
  margin-left: 18px;
  text-align: center;
}
#sec3 .links {
  margin: 0 0 54px 0;
}
#sec3 .links a {
  width: 32px;
  height: 32px;
  display: inline-block;
}
#sec3 .links a.left {
  background: url('/themes/crewplanet/img/new/scroller-arrows.png') no-repeat 0 0;
}
#sec3 .links a.left:hover {
  background: url('/themes/crewplanet/img/new/scroller-arrows.png') no-repeat 0 -40px;
}
#sec3 .links a.right {
  background: url('/themes/crewplanet/img/new/scroller-arrows.png') no-repeat -36px 0;
}
#sec3 .links a.right:hover {
  background: url('/themes/crewplanet/img/new/scroller-arrows.png') no-repeat -36px -40px;
}
#sec4 {
  background: #edf1f3;
  padding: 80px 0 120px 0;
}
#sec4 h2 {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 16px 0;
}
#sec4 .subtitle {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #003a6c;
  margin: 0 0 40px 0;
}
#sec4 .membership_selector .section {
  background: #fff;
  text-align: center;
  padding: 40px 20px;
  position: relative;
}
#sec4 .membership_selector .section .title {
  font-size: 30px;
  font-weight: bold;
  color: #2686c5;
  margin: 10px 0;
}
#sec4 .membership_selector .section .price {
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #f05023;
  margin: 0 0 30px 0;
}
#sec4 .membership_selector .section ul.features {
  margin: 10px 0 20px 0;
  padding: 0;
}
#sec4 .membership_selector .section ul.features li {
  font-size: 15px;
  margin: 10px 0;
  padding: 0 0 10px 0;
  list-style: none;
  border-bottom: 1px solid #ccd8dc;
  text-align: center;
}
#sec4 .membership_selector .section ul.features li strong {
  color: #444c4f !important;
}
#sec4 .membership_selector .section ul.features li:last-of-type {
  border-bottom: 0 none;
}
#sec4 .membership_selector .section .placeholder {
  margin: 10px 0 0 0;
  color: #f05023;
}
#sec4 .membership_selector .low_info {
  text-align: center;
  font-size: 13px;
  color: #a7b1b4;
  margin: 16px 0 0 0;
}
#sec4 .membership_selector .additional_btn {
  text-align: center;
  margin: 40px 0 25px 0;
}
#sec4 .membership_selector .additional_btn a.btn {
  font-size: 24px;
  padding: 15px 40px;
}
#sec5 {
  padding: 40px 0 0 0;
}
#sec5 h2 {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0 90px 0;
}
#sec5 ul {
  float: left;
  margin: 0 0 0 -20px;
  padding: 0;
}
#sec5 ul li {
  float: left;
  margin: 0;
  padding: 0 0 30px 0;
  list-style: none;
  width: 460px;
  margin-left: 20px;
}
#sec5 ul li.new_row {
  clear: left;
}
#sec5 ul li .question {
  font-size: 18px;
  font-weight: bold;
  color: #003a6c;
  margin: 0 0 10px 0;
}
#sec5 ul li .answer {
  font-size: 13px;
  line-height: 18px;
  color: #6d797d;
  margin: 0 0 10px 0;
}
#sec5 .additional_btn {
  text-align: center;
  margin: 40px 0 25px 0;
  position: relative;
  border-top: 1px solid #e5e5e5;
}
#sec5 .additional_btn a.btn {
  font-size: 24px;
  padding: 15px 40px;
  position: relative;
  top: -28px;
}
#sec_last {
  padding: 0 0 70px 0;
}
#sec_last > div {
  text-align: center;
}
#sec_last h2 {
  font-size: 24px;
  font-weight: bold;
  color: #003a6c;
  margin: 0 0 10px 0;
}
#sec_last p {
  font-size: 15px;
  color: #6d797d;
}
ul.slides_menu {
  margin: 0;
  padding: 0px;
  float: left;
}
ul.slides_menu li {
  margin: 0 0 0 20px;
  padding: 0;
  list-style: none;
  float: left;
}
ul.slides_menu li a {
  display: inline-block;
  text-align: center;
  width: 100%;
}
ul.slides_menu li a:hover {
  text-decoration: none;
}
ul.slides_menu li a span {
  font-size: 15px;
}
ul.slides_menu li.active a {
  color: #f05023;
}
ul.slides_menu li .my_progress {
  float: left;
  width: 100%;
  margin: 14px 0 0 -5px;
}
ul.slides_menu li .my_progress .progress_section {
  display: block;
  float: left;
  margin-left: 5px;
  height: 4px;
  background: #ccd8dc;
}
ul.slides_menu li .my_progress .progress_section .cover {
  display: block;
  width: 0;
  height: 4px;
  background: #2686c5;
}
ul.slides_menu li.slides2 .my_progress .progress_section {
  width: 23.2%;
}
ul.slides_menu li.slides3 .my_progress .progress_section {
  width: 48.3%;
}
ul.slides_menu li.slides4 .my_progress .progress_section {
  width: 31.6%;
}
/** CSS-хаки для хрома **/
body.browser_webkit .inner_page_body #opendoc .crfm .chosen-widget {
  margin-top: 0;
}
body.browser_webkit #opendoc form textarea,
body.browser_webkit #opendoc form input[type="text"],
body.browser_webkit #opendoc form input[type="password"],
body.browser_webkit #opendoc form input[type="datetime"],
body.browser_webkit #opendoc form input[type="datetime-local"],
body.browser_webkit #opendoc form input[type="date"],
body.browser_webkit #opendoc form input[type="month"],
body.browser_webkit #opendoc form input[type="time"],
body.browser_webkit #opendoc form input[type="week"],
body.browser_webkit #opendoc form input[type="number"],
body.browser_webkit #opendoc form input[type="email"],
body.browser_webkit #opendoc form input[type="url"],
body.browser_webkit #opendoc form input[type="search"],
body.browser_webkit #opendoc form input[type="tel"],
body.browser_webkit #opendoc form input[type="color"],
body.browser_webkit #opendoc form .uneditable-input,
body.browser_webkit .inner_page_body #opendoc .crfm .chzn-container {
  box-shadow: inset 0 5px 14px -9px #000000;
}
body.browser_webkit #opendoc form select,
body.browser_webkit select {
  /*		padding-top: 1px;
		-webkit-appearance: none; appearance: none;
*/

  box-shadow: inset 0 5px 14px -9px #000000;
}
body.browser_webkit .inner_page_body #opendoc .crfm .chzn-single {
  background: none;
}
body.browser_webkit #login_form .form-actions {
  margin-top: 17px !important;
}
