/* colors */
/*bg colors*/
/*colors*/
/* /colors */
/* layout sizes */
/* width */
/* media */
/* /media */
/* /width */
/* aside */
/* /aside */
/*page padding*/
/*page padding*/
/* /layout sizes */
/* elements */
/*menu*/
/* /menu*/
/* form */
/* /elements */
/* fonts */
/* /fonts */
/* text */
/* /text */
/* background */
/* langs_bg */
/* .langs_bg{.bg_img('langs_imgs.png');}
.ru_lang_bg{background-position:0 0;}
.uk_lang_bg{background-position:0 -30px;}
.en_lang_bg{background-position:0 -60px;} */
/* langs_bg */
/* color */
/* gradient */
/* animaited gradient */
/* background svg */
/* background image */
/* /background */
/* border */
/* /border */
/* opacity */
/* /opacity */
/* filters */
/* /filters */
/* box shadow */
/* /box shadow */
/* transition */
/* .transition(@duration:0.3s, @property:all, @timing_function:ease-in, @delay:0) {
  -webkit-transition-property: @property;
  -webkit-transition-duration: @duration;
  -webkit-transition-timing-function:@timing_function;
  -webkit-transition-delay: @delay;
     -moz-transition-property: @property;
     -moz-transition-duration: @duration;
     -moz-transition-timing-function:@timing_function;
     -moz-transition-delay: @delay;
       -o-transition-property: @property;
       -o-transition-duration: @duration;
       -o-transition-timing-function:@timing_function;
       -o-transition-delay: @delay;
          transition-property: @property;
          transition-duration: @duration;
          transition-timing-function:@timing_function;
          transition-delay: @delay;
} */
/* transform el */
/* /transform el */
/*layout*/
/*placeholder*/
/* adaptive background */
html,
body,
a,
img,
ul,
ol,
li,
input,
textarea,
checkbox {
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
}
*,
*:after,
*:before {
  -webkit-box-sizing: content-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;
  /* Firefox, other Gecko */
  box-sizing: content-box;
  /* Opera/IE 8+ */
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
div {
  display: block;
}
body {
  position: relative;
  height: auto !important;
  min-width: 310px;
  background-color: #3e3e3e;
  text-transform: none;
  font-family: 'Lato', Georgia, 'Times New Roman', Times, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: normal;
  text-decoration: none;
  letter-spacing: normal;
  color: #3e3e3e;
  zoom: 1;
  overflow-x: hidden;
}
/* .body_wrap{
  .bg_img('@{imgs_path}default/main/main_page.jpg',no-repeat,50%,50%);
  .absolute;
  z-index:-1;
} */
html,
body,
.sp-wrap {
  height: 100%;
  min-height: 100%;
}
a {
  color: #3e71b5;
  cursor: pointer;
}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
a:hover {
  color: #4b7ec1;
}
a:active,
a:focus {
  color: #3765a2;
}
a.selected {
  cursor: default;
}
ul {
  list-style: none;
}
.sp-wrap {
  z-index: 3;
}
.ie7 .sp-wrap {
  padding-bottom: 700px;
}
.sp-wrap:after {
  content: ".";
  display: block;
  padding-bottom: 700px;
  height: 0;
  visibility: hidden;
  clear: both;
}
.sp-container {
  width: 100%;
  float: left;
  padding-top: 60px;
}
.sp-site-html .sp-index-body .sp-container {
  padding-top: 0;
}
.sp-content-wrap {
  max-width: 1900px;
  min-width: 310px;
  margin: 0 auto;
  width: 100%;
}
.sp-content {
  max-width: 1420px;
  min-width: 300px;
  margin: 0 auto;
  width: 100%;
}
/* footer */
.sp-footer {
  height: 700px;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 100%;
  z-index: 1;
}
/* /footer */
.sp-up-down-but {
  width: 30px;
  height: 30px;
  position: fixed;
  left: auto;
  top: auto;
  right: 30px;
  bottom: 45px;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  cursor: pointer;
  display: none;
  z-index: 50;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  -moz-background-clip: padding;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background-clip: padding-box;
  background-color: #ffffff;
}
.sp-up-down-but:after {
  content: '';
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  position: absolute;
  left: 10px;
  top: 3.75px;
  right: auto;
  bottom: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 5px;
  border-color: transparent;
  border-bottom-color: #3e3e3e;
}
.sp-up-down-but:hover {
  background-color: #3e3e3e;
}
.sp-up-down-but:hover:after {
  border-bottom-color: #ffffff;
}
/* preload */
.loader_img {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  z-index: 1000;
  margin: -5px 0 0 -23px;
  width: 46px;
  height: 10px;
}
/* body{
  .bg_img('@{imgs_path}main/main_page_1px.jpg',repeat-x,0,0);
}
 */
@media screen and (min-width: 1420px) {
  body {
    background-image: url('../../images/large/main/main_page_1px.jpg');
    background-repeat: repeat-x;
    background-position: 0 0;
  }
  /* */
  /* .body_wrap{
    .bg_img('@{imgs_path}main/main_page.jpg',,50%);
  } */
}
@media screen and (max-width: 1300px) {
  /* .body_wrap{
    .bg_img('@{imgs_path}main/main_page.jpg',,50%);
  } */
}
@media screen and (max-width: 1050px) {
  /* .body_wrap{
    .bg_img('@{imgs_path}main/main_page.jpg',,50%);
  } */
}
@media screen and (max-width: 800px) {
  /* .body_wrap{
    .bg_img('@{imgs_path}main/main_page.jpg',,50%);
  } */
  .sp-wrap:after {
    padding-bottom: 800px;
  }
  .sp-footer {
    height: 800px;
  }
}
@media screen and (max-width: 630px) {
  .sp-wrap:after {
    padding-bottom: 900px;
  }
  .sp-footer {
    height: 900px;
  }
  /* .body_wrap{
    .bg_img('@{imgs_path}main/main_page.jpg',,50%);
  } */
}
@media screen and (max-width: 500px) {
  .sp-wrap:after {
    padding-bottom: 1000px;
  }
  .sp-footer {
    height: 1000px;
  }
  .sp-up-down-but {
    bottom: 4px;
  }
}
@media screen and (max-width: 360px) {
  /* .body_wrap{
    .bg_img('@{imgs_path}main/main_page.jpg',,50%);
  } */
}
.sp-top-menu .sp-top-menu-bg:after {
  content: '';
  background: gray !important;
  height: 2px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 100;
}
/*@media screen and (min-width:@max_content_width){
  .sp-top-menu .sp-top-menu-bg:after{
    background:red !important;
  }
}
@media screen and (max-width:@big_width){
  .sp-top-menu .sp-top-menu-bg:after{background:green !important;}
}
@media screen and (max-width:@middle_width){
  .sp-top-menu .sp-top-menu-bg:after{background:yellow !important;}
}
@media screen and (max-width:@small_width){
  .sp-top-menu .sp-top-menu-bg:after{background:red !important;}
}
@media screen and (max-width:@mini_width){
  .sp-top-menu .sp-top-menu-bg:after{background:green !important;}
}
@media screen and (max-width:@mobil_big_width){
  .sp-top-menu .sp-top-menu-bg:after{background:yellow !important;}
}
@media screen and (max-width:@mobil_width){
  .sp-top-menu .sp-top-menu-bg:after{background:red !important;}
}*/
.hide {
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
}
.none {
  display: none;
}
.transition_none {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}
/* langs_bg */
.langs_bg {
  background-image: url('../../images/langs_imgs.png');
  background-repeat: no-repeat;
  background-position: left top;
}
.ru_lang_bg {
  background-position: left top;
}
.uk_lang_bg {
  background-position: 0 -30px;
}
.en_lang_bg {
  background-position: 0 -60px;
}
/* langs_bg */
/* vertical align center */
.v_center {
  position: relative;
  display: table;
  vertical-align: middle;
  height: 100%;
  table-layout: fixed;
}
.ie7 .v_center {
  position: absolute;
  height: auto;
  top: 50%;
  left: 0;
}
.v_center1 {
  display: table-cell;
  vertical-align: middle;
}
.ie7 .v_center1 {
  position: relative;
  top: -50%;
  left: 0;
}
/* /vertical align center */
.xdebug-error {
  margin-top: 60px;
}
pre {
  position: relative;
  background: #fff;
  color: #000;
  float: left;
  padding: 10px;
  z-index: 1000;
  text-align: left;
}