@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

@import url(//fonts.googleapis.com/css?family=PT+Sans);

@import "jquery.fancybox.css";
/*------ template stylization ------*/
body {
    
  min-width: 1200px;
  background: #000000;
  color: #818181;
  font: 13px Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 18px;
}
.glob {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
#webSiteLoader {
  position: fixed;
  z-index: 1023;
  width: 100%;
  height: 100%;
  background: #000000 url(../img/web_site_loader.gif) center no-repeat;
}
#pageLoader {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  display: none;
  margin: -5px 0 0 -5px;
  width: 10px;
  height: 10px;
}
#pageLoader > div {
  width: 50px;
  height: 50px;
  background: url(../img/page_loader.gif) 0 0 no-repeat;
}
#back-top {
  position: fixed;
  right: 10px;
  bottom: 90px;
  z-index: 1000;
  display: none;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background: #cd4312 url("../img/up-arrow.png") center 12px no-repeat;
  cursor: pointer;
}
.animate,
.animate:hover {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#panel {
  font: 13px/16px "Arial", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*------ header ------- */
header {
  position: relative;
  margin-bottom: 43px;
  min-height: 105px;
  width: 100%;
}
h1 {
  margin: 0;
  position: relative;
  display: inline-block;
  max-width: 371px;
  width: 100%;
  margin-bottom: 0px;
  margin-left: -63px;
}
h1 > a {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
}
.select-menu {
  display: none;
  width: 100%;
}
header .navbar {
  position: relative;
  margin: 0;
  margin-top: 0;
  margin-left: 0;
}
header .navbar > .navbar-inner {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  filter: none;
}
#wrapper .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-right: 0px;
  padding-left: 0px;
  min-height: 0;
  border: 0;
  background-color: inherit;
  background-image: none;
  background-repeat: inherit;
  filter: inherit;
}
.sf-menu {
  position: relative;
  display: inline-block;
  /* overflow: hidden; */

  margin: 0;
  padding: 0;
  border: 0;
  background: url(../img/menu_bg.png) 0 0 repeat-x;
  list-style: none;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sf-menu > li {
  position: relative;
  display: inline-block;
  width: 195px;
  height: 85px;
  margin: 0;
  padding: 0;
  margin-right: -4px;
  border-right: 1px solid #252525;
}
.sf-menu > li.last {
  width: 190px;
  margin-right: 0;
  border-right: none;
}
.sf-menu > li > a {
  position: relative;
  z-index: 1;
  display: block;
  color: #fff;
  text-decoration: none;
  font: bold 24px/24px 'Arial', Arial, "Helvetica Neue", Helvetica, sans-serif;
  width: 100%;
  height: 100%;
}
.sf-menu > li > a .base_text {
  padding-top: 22px;
  padding-left: 19px;
}
.sf-menu > li > a .txt_small {
  display: block;
  font: bold 10px/10px 'Arial', Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #5b5b5b;
  text-transform: uppercase;
  padding-top: 3px;
}
.openPart {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../img/menu_over_plane.png) repeat-x;
}
.sf-menu > li.first .openPart {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.sf-menu > li.last .openPart {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
/*submenu1*/
.sf-menu ul {
  position: absolute;
  top: 85px;
  left: 0;
  z-index: 710;
  padding: 0;
  width: 195px;
  background: #000;
  list-style: none;
  border-top: 1px solid #181818;
}
.sf-menu ul > li {
  margin-top: 0;
  text-align: left;
}
.sf-menu ul a {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 2px 10px 0 22px;
  font: bold 24px/52px 'Arial', Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-color: #1e1e1e;
  background-image: -moz-linear-gradient(top, #232323, #171717);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232323), to(#171717));
  background-image: -webkit-linear-gradient(top, #232323, #171717);
  background-image: -o-linear-gradient(top, #232323, #171717);
  background-image: linear-gradient(to bottom, #232323, #171717);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff232323', endColorstr='#ff171717', GradientType=0);
  text-shadow: 1px 1px 1px #000;
}
.sf-menu ul a:hover {
  color: #232323 !important;
  text-decoration: none;
  background-color: #f54c0d;
  background-image: -moz-linear-gradient(top, #f7590f, #f13809);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7590f), to(#f13809));
  background-image: -webkit-linear-gradient(top, #f7590f, #f13809);
  background-image: -o-linear-gradient(top, #f7590f, #f13809);
  background-image: linear-gradient(to bottom, #f7590f, #f13809);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7590f', endColorstr='#fff13809', GradientType=0);
  text-shadow: 1px 1px 1px #ff8716;
}
/*submenu2*/
.sf-menu .subMenu2 {
  top: -1px;
  left: 195px;
  width: 195px;
  background: #000;
}
.sf-menu .subMenu2 a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff !important;
}
.sf-menu .subMenu2 a:hover {
  /*color:#ffab19 !important;*/

}
/*--- header end ------*/
/*-----bgStretch-----*/
#bgStretch {
  position: absolute;
  z-index: 1;
  overflow: hidden;
}
#splash {
  position: absolute;
  top: 200px;
  z-index: 10;
  width: 100%;
}
.splash_section {
  position: relative;
  overflow: hidden;
}
.close_section {
  position: absolute;
  display: inline-block;
  left: 50%;
  margin-left: -21px;
  top: -25px;
  width: 42px;
  height: 42px;
  background: url(../img/arrow1.png) 0% 0% no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.close_section:hover {
  background: url(../img/arrow1.png) 0% bottom no-repeat;
}
.splash_content {
  width: 100%;
  position: absolute;
  bottom: 65px;
}
.gall_spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/gallLoader.gif) 0% 0% no-repeat;
}
/*------ content ------- */
#wrapper > section > #content_part {
  position: relative;
  z-index: 11;
  display: inline-block;
  margin-top: 0px;
  width: 100%;
  height: 100% !important;
}
#wrapper > section > #content_part > div {
  position: relative;
}
.dynamicContent {
  position: absolute;
  width: 100%;
}
.dynamicContent > .content {
  padding: 0;
  min-height: 550px;
}
.dynamicContent > .content p {
  margin-bottom: 18px;
}
.dynamicContent .content .cont_bg,
.cont_bg {
  position: relative;
  width: 100%;
  background: url(../img/page_bg.png);
  min-height: 300px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cont_pad {
  padding: 43px 35px 28px 28px;
}
.dynamicContent .content .cont_bg .cont_pad {
  padding: 27px 35px 20px 28px;
}
.dynamicContent .content .cont_bg .cont_pad2 {
  padding: 27px 0px 20px 28px;
}
.dynamicContent .content .cont_bg .cont_pad3 {
  padding: 27px 65px 40px 28px;
}
.min_h_splash {
  min-height: 600px;
}
.min_h {
  min-height: 400px;
}
h2 {
  display: block;
  margin: 0;
  margin-bottom: 19px;
  color: #fff;
  text-transform: none;
  font: bold 24px/30px "Arial", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h2.v2 {
  margin-bottom: 23px;
}
h2.v3 {
  margin-top: 114px;
}
h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  font: 600 20px/20px "Yanone Kaffeesatz", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
h3.search_title {
  letter-spacing: 0;
  font: 24px/24px "Yanone Kaffeesatz", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
span.search {
  color: #fff;
}
a.login_link {
  float: right;
  color: #5b5b5b;
  text-transform: uppercase;
  font: bold 10px/16px "Arial", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 48px;
  margin-right: 1px;
}
a {
  color: #fe4b0c;
}
a:focus {
  outline: 0;
}
a:hover {
  color: #fff;
  text-decoration: none;
}
a,
.more {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
a.link1 {
  text-transform: uppercase;
  color: #ffab19;
  margin-top: 11px;
  display: inline-block;
}
a.link1:hover {
  color: #fff;
}
.imgIndent {
  float: left;
  margin: 0 20px 10px 0 !important;
}
.imgIndent2 {
  margin-bottom: 11px;
}
.imgIndent3 {
  float: left;
  margin: 0 20px 12px 0 !important;
}
.date_section {
  padding-left: 25px;
  background: url(../img/date_icon_!.png) 0 0 no-repeat;
}
.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.wrapper2 {
  position: relative;
  width: 100%;
}
.color1 {
  color: #fff;
}
.color2 {
  color: #fe4b0c;
}
.bold {
  font-weight: bold;
}
.box {
  overflow: hidden;
}
.marTop1 {
  margin-top: 14px;
}
.marBot1 {
  margin-bottom: 20px;
}
.marBot2 {
  display: inline-block;
  margin-bottom: 10px;
}
.marBot3 {
  margin-bottom: 6px;
}
.marBot4 {
  margin-bottom: 13px;
}
.marBot5 {
  margin-bottom: 32px;
}
.marBot6 {
  display: inline-block;
  margin-bottom: 6px;
}
.padLeft1 {
  width: 240px !important;
  margin-left: 111px;
}
.pos_rel {
  position: relative;
}
.col1 {
  float: left;
  width: 280px;
}
.col2 {
  float: left;
  width: 274px;
}
.col3 {
  float: left;
  width: 320px;
}
.col1.first {
  margin-right: 40px;
}
.img_404 {
  position: relative;
  margin-top: 72px;
  margin-left: 100px;
}
#search {
  position: relative;
  display: inline-block;
  float: left;
  margin: -13px 0 18px;
}
/* ============================= start scroll ====================== */
.scroll {
  height: 426px;
  position: relative;
  margin-top: 0px;
  display: inline-block;
}
.scroll_splash {
  width: 100%;
  height: 397px;
  position: relative;
  margin-top: 0px;
  display: inline-block;
}
._track {
  width: 13px;
  height: 490px;
  right: 32px;
  top: 34px;
  /*background:url(../img/track.png);*/

}
#splash ._track {
  width: 13px;
  height: 390px;
  right: 32px;
  top: 34px;
  /*background:url(../img/track.png);*/

}
._shuttle {
  cursor: pointer !important;
  position: relative;
  left: 0 !important;
  width: 13px;
  height: 139px;
  background: url(../img/shuttle.png);
  background-position: 0 top;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
._shuttle:hover {
  background-position: 0 bottom;
}
/* ============================= end scroll ====================== */
.width1 {
  position: relative;
  padding-right: 50px;
  min-height: 1px;
}
.blog_icon1,
.blog_icon2,
.blog_icon3 {
  display: inline-block;
  position: relative;
  width: 17px;
  height: 14px;
  margin-right: 4px;
  background: url(../img/blog_icon1.png) 0 3px no-repeat;
}
.blog_icon2 {
  margin-left: 39px;
  background: url(../img/blog_icon2.png) 0 3px no-repeat;
}
.blog_icon3 {
  margin-left: 28px;
  background: url(../img/blog_icon3.png) 0 3px no-repeat;
}
/* ============================= slider ====================== */
.slider {
  z-index: 1;
  margin-top: 8px;
  min-height: 310px;
  width: 590px !important;
}
.slider li {
  float: left;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 280px;
}
.slider li img {
  position: relative;
  z-index: 1;
  margin-bottom: 12px !important;
}
.prev,
.next {
  width: 35px;
  height: 40px;
  position: absolute;
  top: 3px;
}
.prev {
  right: 35px;
  background: url(../img/slider_arr_prev.png) 0 0 no-repeat;
}
.next {
  right: 0px;
  background: url(../img/slider_arr_next.png) 0 0 no-repeat;
}
a.fancybox,
a.fancybox2 {
  position: relative;
  float: left;
  margin-bottom: 30px;
}
a.fancybox2.v2 {
  margin-bottom: 16px;
}
.slider2 a.fancybox {
  margin-bottom: 25px;
}
.zoom {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url("../img/magnifier.png") center no-repeat;
}
a:hover .zoom {
  opacity: 1;
}
a .zoom {
  opacity: 0;
}
.zoom2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url("../img/video_sign.png") center no-repeat;
}
a:hover .zoom2 {
  opacity: 0;
}
a .zoom2 {
  opacity: 1;
}
/* ============================= end slider ====================== */
/* ============================= start slider2 ====================== */
.slider2 {
  z-index: 1;
  margin-top: 80px;
  min-height: 350px;
  width: 950px !important;
}
.slider2 li {
  float: left;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 220px;
}
.slider2 li img {
  position: relative;
  z-index: 1;
  margin-bottom: 0px !important;
}
/* ============================= end slider2 ====================== */
/* ============================= lists ====================== */
.listWithMarker {
  margin: 0;
  margin-top: 3px;
  margin-bottom: 8px;
  display: inline-block;
}
.listWithMarker li {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 6px;
  background: url(../img/list_marker.png) 0 9px no-repeat;
  padding-left: 13px;
}
.listWithMarker li a {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font: 9px 'PT Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.listWithMarker li a:hover {
  padding-left: 10px;
  color: #ffab19;
}
.listWithMarker2 li {
  display: block;
  padding-bottom: 6px;
}
.listWithMarker2 li a {
  display: inline-block;
  padding: 12px 0 12px 10px;
  min-width: 210px;
  background: #1a1a1a;
  color: #fff;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 18px "Yanone Kaffeesatz", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.listWithMarker2 li a:hover {
  background: #ddb637;
  color: #1a1a1a;
}
/* ============================= end lists ====================== */
.num_section {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  margin-right: 2px;
  width: 40px;
  /*height: 68px;*/

  color: #fff;
  text-transform: uppercase;
  font: bold 24px/32px "Arial", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*-------------- start botstrap btn reset ------------------------*/
.badge {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  padding-right: 0;
  padding-left: 0;
  width: 70px;
  height: 66px;
  background: #ff6119;
  color: #fff;
  font: bold 36px/66px "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  float: left;
  margin-right: 32px;
  text-shadow: none;
  margin-top: 5px;
}
.badge.v2 {
  background: #ffab19;
}
blockquote {
  -webkit-box-shadow: -1px -1px 1px rgba(35, 36, 41, 0.1);
  -moz-box-shadow: -1px -1px 1px rgba(35, 36, 41, 0.1);
  box-shadow: -1px -1px 1px rgba(35, 36, 41, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 27px;
  padding: 22px 29px 0px;
  border-left: none;
  background: url(../img/quote_pattern.png);
}
blockquote p {
  font-size: 14px;
  line-height: 24px;
}
blockquote:after {
  width: 32px;
  height: 22px;
  position: relative;
  bottom: -29px;
  left: 0px;
  display: inline-block;
  background: url(../img/quote_corner.png) no-repeat;
  content: "";
}
.img-rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.thumbnails {
  margin-left: 0;
}
.thumbnail {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  padding: 0px;
  border: 0;
  line-height: 24px;
}
.btn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: inline-block;
  margin-top: 0px;
  padding: 0;
  border: none;
  background-image: none;
  background-repeat: no-repeat;
  box-shadow: none;
  color: #333333;
  vertical-align: middle;
  text-align: center;
  text-shadow: none;
  font-size: 14px;
  line-height: 20px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: pointer;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  
}
.btn:active,
.btn.active {
  
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-position: 0 0;
  color: #333333;
  text-decoration: none;
}
.btn:focus {
  outline: none;
  outline-offset: 0;
}
.btn.active,
.btn:active {
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  outline: 0;
  background-image: none;
}
.btn.disabled,
.btn[disabled] {
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: default;
}
.btn-primary {
  position: relative;
  left: 0;
  z-index: 1;
  display: inline-block;
  padding: 7px 23px 8px 24px;
  border-radius: 2px;
  background: none;
  background: url(../img/btn_pattern.png) repeat;
  box-shadow: none;
  text-decoration: none !important;
  text-transform: none;
  text-shadow: none;
  font: 12px 'Anton', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*-------------- end botstrap btn reset ------------------------*/
.splash_btn {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background: #1e1e1e;
  /*#gradient .vertical(#252525, #171717);*/

  color: #e0e1e3;
  text-transform: none;
  font: bold 24px/72px "Arial", Arial, "Helvetica Neue", Helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.splash_btn:hover,
.splash_btn.active {
  background: #f7490c;
  /*#gradient .vertical(#fc5a0e, #f13809);*/

  color: #272727;
  text-shadow: 1px 1px 1px #ff8b16;
}
.more_btn {
  margin-top: 20px;
  padding: 0 9px;
  text-align: center;
  background: #3b3b3b;
  background-color: #3b3b3b;
  background-image: -moz-linear-gradient(top, #454545, #2b2b2b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#2b2b2b));
  background-image: -webkit-linear-gradient(top, #454545, #2b2b2b);
  background-image: -o-linear-gradient(top, #454545, #2b2b2b);
  background-image: linear-gradient(to bottom, #454545, #2b2b2b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff454545', endColorstr='#ff2b2b2b', GradientType=0);
  color: #e0e1e3;
  text-transform: none;
  text-transform: uppercase;
  font: bold 10px/23px "Arial", Arial, "Helvetica Neue", Helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#splash .more_btn {
  margin-top: 3px;
}
.more_btn.v2 {
  margin-top: 10px;
}
.more_btn.v3 {
  margin-top: 15px;
}
.more_btn:hover {
  color: #000;
  background: #fe4b0c;
}
.more_btn2 {
  margin-left: -44px;
  width: 38px;
  height: 33px;
  display: inline-block;
  background: url(../img/search_icon.png) 0 0 no-repeat;
  margin-top: 24px;
}
.more_btn2:hover {
  background: url(../img/search_icon.png) 0 bottom no-repeat;
}
/* ============================= project_pics ====================== */
.project_pics {
  position: relative;
}
.project_pics ul {
  margin: 0;
  margin-left: -20px;
}
.project_pics li {
  display: inline-block;
  float: left;
  margin-right: 5px;
  padding: 10px;
  width: 235px;
  background: #1a1a1a;
  list-style: none;
}
.project_pics li.last {
  margin-right: 0;
}
.project_pics li img {
  padding-bottom: 8px;
}
.project_pics li p {
  margin-bottom: 5px;
  padding-bottom: 0px;
}
.project_pics li a {
  position: relative;
  float: left;
}
.zoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/magnifier.png") center no-repeat;
}
.project_pics ul > li a:hover .zoom {
  opacity: 1;
}
.project_pics ul > li a .zoom {
  opacity: 0;
}
/* ============================= end project_pics ====================== */
/*-------------------------- GOOGLE MAP --------------*/
.g_map {
  margin: 0;
  margin-top: 23px;
  margin-bottom: 19px;
  width: 400px;
  height: 280px;
  border: 5px solid #fff;
}
.g_map > iframe {
  padding: 0;
  width: 100%;
  height: 280px;
  outline: none;
  border: none;
}
.address {
  padding: 0;
  color: #8a8a8a;
  line-height: 13px;
}
.phones_part {
  display: inline-block;
  width: 212px;
  line-height: 21px;
}
.mailLink {
  color: #8a8a8a;
  text-decoration: none;
}
/*-------------------------- start Contact form --------------*/
#form1 {
  position: relative;
  display: block;
  margin-top: 23px;
}
#form1 label {
  position: relative;
  display: inline-block;
  margin-bottom: 6px;
}
#form1 label input,
#form1 label textarea,
#search input {
  margin: 0;
  margin-bottom: 4px;
  padding: 11px 7px 11px 17px;
  width: 374px;
  outline: none;
  border: 1px solid #5b5b5b;
  border-radius: 0;
  background: #0c0a08;
  box-shadow: none;
  color: #878787;
  font: 14px Arial;
  line-height: 21px;
}
#search input {
  width: 211px;
  margin-top: 20px;
  float: left;
}
#form1 label textarea {
  width: 584px;
  height: 183px;
  resize: none;
}
#form1 .error {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: right;
  font-size: 10px;
  line-height: 12px;
}
#form1 .empty {
  position: absolute;
  top: 0;
  width: 100% !important;
  text-align: right;
  font-size: 10px;
  line-height: 12px;
}
#form1 .message .empty {
  width: 400px;
}
#form1 .success {
  position: absolute;
  z-index: 1;
  width: 398px;
  height: 144px;
  border: none;
  background: #000;
  border: 1px solid #fff;
  opacity: 0.9;
}
#form1 .success .success_txt {
  position: relative;
  top: 34%;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.btns {
  float: right;
  margin-top: -21px;
}
.btns > a {
  margin-left: 15px;
}
.fs14 {
  font-size: 14px;
  line-height: 21px;
}
/*-------------------------- end Contact form --------------*/
/*--- content end ------*/
/*------ footer ------- */
footer {
  position: relative;
  bottom: -18px;
  z-index: 0;
  width: 100%;
  color: #373737;
  text-transform: uppercase;
  font: bold 10px/16px 'Arial', Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding-top: 20px;
}
footer .footer_inner {
  padding: 19px 31px 37px 19px;
  /*background: #161616;*/

  background-color: #121212;
  background-image: -moz-linear-gradient(top, #161616, #0d0d0d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#161616), to(#0d0d0d));
  background-image: -webkit-linear-gradient(top, #161616, #0d0d0d);
  background-image: -o-linear-gradient(top, #161616, #0d0d0d);
  background-image: linear-gradient(to bottom, #161616, #0d0d0d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff161616', endColorstr='#ff0d0d0d', GradientType=0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
footer a {
  color: #898989;
  font-weight: normal;
}
footer a:hover {
  color: #fff;
}
.social_icons {
  position: relative;
  display: inline-block;
  float: right;
  margin: 0;
  margin-top: 0px;
  list-style: none;
  white-space: nowrap;
}
.social_icons > li {
  display: inline-block;
  margin-left: 1px;
}
.social_icons > li a {
  display: block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  position: relative;
  z-index: 1;
}
/*--- footer end ------*/
/*----- media queries ------*/
@media (min-width: 1200px) {
  
}
@media (min-width: 768px) and (max-width: 979px) {
  
}
@media (max-width: 767px) {
  
}
@media (max-width: 480px) {
  
}
/*Core variables and mixins*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


	
* {
    margin: 0;
    padding: 0;
}




@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}


@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}

    from {background-position: 0;}
    to {background-position:10000px 0;}




#agree {
    display:inline;
}

.stars, .twinkling {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.clouds {
  position:fixed;
  top:15%;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:80%;
  display:block;
}

.stars {
  background:#000 url(https://r8cheats.ru/img/stars.png) repeat top center;
  z-index:0;
}

.twinkling{
  background:transparent url(https://r8cheats.ru/img/twinkling.png) repeat top center;
  z-index:0;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url(https://r8cheats.ru/img/clouds3.png) repeat-x;
    z-index:0;

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}

h1{font-size:3em}

*{
  transform-style: preserve-3d;
}

.ball-wrapper {
  background-color: #550000;
}

.ball{
 position: absolute;
 margin: 0 auto;
 top: -60px;
  height:50em;
  width:50em;
  background:#171717;
  border-radius:50%;
  display: grid;
  place-items: center;
  perspective:100em;
  overflow:hidden;
  transform:scale(0.6); /* Размер шара */
  transition:transform 1s;
  -webkit-box-reflect: below 2em linear-gradient(transparent 40%, white);
  left: 650px;
  right: 0;
}
.no-events {
  pointer-events: none;
}

.ret-events-childs > * {
  pointer-events: all;
}

.ball::after {
  content: '';
  display: block;
  width: 50em;
  height: 50em;
  z-index: 2;
  position: absolute;
  background-image: radial-gradient(farthest-side at 60% 30%,rgba(255,255,255,.2),transparent,rgba(0,0,0,.7));
}
.roll{
  transform: rotateX(20deg);
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  animation:6s roll infinite linear; /* скорость вращения шара */
  will-change:transform;
}
.eight3D{
  position:absolute;
  transform:translateZ(24em);
}
.eight{
  height:15em;
  width:15em;
  background:#ddd;
  border-radius:50%;
  border:1.5em double black; /* Размер чорной полосы на шаре где 8*/
  text-align:center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* for safari */
}
.eight b{
  font:15em/1 arial;
}
.magic3D{
  position:absolute;
  transform:translateZ(-24em);
}
.magic{
  transform:rotateX(180deg);
  height:15em;
  width:15em;
  background:  radial-gradient(#000, #060823);
  border-radius:50%;
  border:1em solid #222;
  box-shadow: -.1em -.1em  #666, inset -.2em -.2em .1em #666;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* for safari */
  display: grid;
  place-items: center;
}
.magic .answer{
  display: flow-root;
  padding-top:1em;
  width:10em;
  height:8em;
  background:#3b27ab;
  clip-path: polygon(50% 100%, 0 0, 100% 0); 
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); /* for safari */
  box-shadow:inset 0 -1em 3em 2em rgba(0,0,0,0.5);
  border-radius:0% 100% 50% 50% / 0% 0% 100% 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* for safari */
  filter:blur(.2em);
  transform:scale(0.5) rotate(50deg);
  opacity:0.3;
  transition:all 3s;
  transition-delay:.5s;
}
.magic .answer span{
  font:1.2em/1.5 arial;
  color:white;
}
.magic .answer u{
  shape-outside: polygon(0 0, 0 100%, 100% 100%);
  shape-margin: .5em;
  width: 49%;
  height: 100%;
  float: left;
}
.magic .answer u + u{
  shape-outside: polygon(0 100% , 100% 100%, 100% 0%);
  float: right;
}
input:checked~.ball .roll{  
  animation:1s show forwards;
}
input:checked~.ball{
  transform:scale(0.60); /* размер шара после клика по умолчанию 1 */
}
input:checked~.ball .answer{
  filter:blur(0);
  transform:scale(1) rotate(-3deg) translateY(1em);
  opacity:1;
}
input{
  display:none;
}
input:checked~.ball .reset{
  display:block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: red;
  opacity: 0;
  z-index: 3;
}
.answer span::after{
  content:'';
  font-size:.9em;
}
@media screen and (max-width:500px){
  .answer span::after{
    font-size:.5em;
  }
}
#a1:checked ~* .answer span::after{content:'It is certain'}
#a2:checked ~* .answer span::after{content:'It is decidedly so';}
#a3:checked ~* .answer span::after{content:'Without a doubt'}
#a4:checked ~* .answer span::after{content:'Yes - definitely';}
#a5:checked ~* .answer span::after{content:'You may rely on it'}
#a6:checked ~* .answer span::after{content:'As I see it, yes'}
#a7:checked ~* .answer span::after{content:'Most likely'}
#a8:checked ~* .answer span::after{content:'Outlook good'}
#a9:checked ~* .answer span::after{content:'Yes'}
#a10:checked ~* .answer span::after{content:'Signs point to yes'}
#a11:checked ~* .answer span::after{content:'Reply hazy, try again';}
#a12:checked ~* .answer span::after{content:'Ask again later'}
#a13:checked ~* .answer span::after{content:'USE R8'}
#a14:checked ~* .answer span::after{content:'Cannot predict now'}
#a15:checked ~* .answer span::after{content:'Concentrate and ask again'}
#a16:checked ~* .answer span::after{content:"Don't count on it"}
#a17:checked ~* .answer span::after{content:'My reply is no'}
#a18:checked ~* .answer span::after{content:'My sources say no'}
#a19:checked ~* .answer span::after{content:'USE R8'}
#a20:checked ~* .answer span::after{content:'Very doubtful'}
input{
  
}
.ball label{
  position:absolute;
  top:0;
  display:block;
  height:25em;
  width:8em;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index:3;
  transform-origin:bottom;
  cursor: pointer;
  animation:20s random infinite linear;
}
label:nth-of-type(2){animation-delay:-1s;}
label:nth-of-type(3){animation-delay:-2s;}
label:nth-of-type(4){animation-delay:-3s;}
label:nth-of-type(5){animation-delay:-4s;}
label:nth-of-type(6){animation-delay:-5s;}
label:nth-of-type(7){animation-delay:-6s;}
label:nth-of-type(8){animation-delay:-7s;}
label:nth-of-type(9){animation-delay:-8s;}
label:nth-of-type(10){animation-delay:-9s;}
label:nth-of-type(11){animation-delay:-10s;}
label:nth-of-type(12){animation-delay:-11s;}
label:nth-of-type(13){animation-delay:-12s;}
label:nth-of-type(14){animation-delay:-13s;}
label:nth-of-type(15){animation-delay:-14s;}
label:nth-of-type(16){animation-delay:-15s;}
label:nth-of-type(17){animation-delay:-16s;}
label:nth-of-type(18){animation-delay:-17s;}
label:nth-of-type(19){animation-delay:-18s;}
label:nth-of-type(20){animation-delay:-19s;}

@keyframes random{
  to{transform:rotate(360deg);}
}
@keyframes roll{
  from{transform: rotateX(180deg)}
  to{transform: rotateX(-180deg)}
}
@keyframes show{
  to{transform: rotateX(195deg)}
}

@media (prefers-reduced-motion: reduce) {
  .roll{
    animation:none;
  }
  input:checked~.ball .roll{  
    animation:0s show forwards;
  }
}


/* show how it works  */
label[for="show"]{
  position:absolute;
  bottom:0;
  right:0;
  display:inline-block;
  background:white;
  padding:.5em;
  border-radius:.5em;
  border:.2em solid currentcolor;
}
#show:checked ~ form input{
  display:inline-block;
  width:3em;
}
#show:checked ~ form input::after{
  content:attr(id);
  color: #fff;
  margin-left: 1.5em;
}
#show:checked ~ form label{    
  background:rgba(255,0,0,0.4);
  border:2px solid red;
}
#show:checked ~ form .ball label::after{
  content:attr(for);
  font-size:2em;
  color:white;
}
#show:checked ~ form #a1:checked ~ .ball [for="a1"],
#show:checked ~ form #a2:checked ~ .ball [for="a2"],
#show:checked ~ form #a3:checked ~ .ball [for="a3"],
#show:checked ~ form #a4:checked ~ .ball [for="a4"],
#show:checked ~ form #a5:checked ~ .ball [for="a5"],
#show:checked ~ form #a6:checked ~ .ball [for="a6"],
#show:checked ~ form #a7:checked ~ .ball [for="a7"],
#show:checked ~ form #a8:checked ~ .ball [for="a8"],
#show:checked ~ form #a9:checked ~ .ball [for="a9"],
#show:checked ~ form #a10:checked ~ .ball [for="a10"],
#show:checked ~ form #a11:checked ~ .ball [for="a11"],
#show:checked ~ form #a12:checked ~ .ball [for="a12"],
#show:checked ~ form #a13:checked ~ .ball [for="a13"],
#show:checked ~ form #a14:checked ~ .ball [for="a14"],
#show:checked ~ form #a15:checked ~ .ball [for="a15"],
#show:checked ~ form #a16:checked ~ .ball [for="a16"],
#show:checked ~ form #a17:checked ~ .ball [for="a17"],
#show:checked ~ form #a18:checked ~ .ball [for="a18"],
#show:checked ~ form #a19:checked ~ .ball [for="a19"],
#show:checked ~ form #a20:checked ~ .ball [for="a20"]{
  background:green;
}


.gtx {
	position:absolute;
	left:30px;
	top:135px;
	z-index:-1;
}

/* Стиль для кнопки "Пройти капчу" */
.captcha-button {
  background-color: #ffab19; /* Оранжевый фон */
  color: white; /* Белый текст */
  padding: 15px 32px; /* Отступы */
  text-align: center; /* Выравнивание текста по центру */
  text-decoration: none; /* Убираем подчеркивание */
  display: inline-block; /* Отображение в виде блочного элемента */
  font-size: 16px; /* Размер текста */
  margin: 10px 0; /* Отступы сверху и снизу */
  cursor: pointer; /* Курсор при наведении */
  border-radius: 8px; /* Скругленные углы */
  border: none; /* Убираем рамку */
  transition: background-color 0.3s ease; /* Плавный переход цвета */
}

.captcha-button:hover {
  background-color: #e69b17; /* Изменение цвета при наведении */
}

/* Отступ между кнопками */
.captcha-btn-container {
  margin-bottom: 20px;
}