@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}
._marginNull {
  margin: 0 !important;
}
._paddingNull {
  padding: 0 !important;
}
._borderNull {
  border: none !important;
}
._backgroundNull {
  background: none !important;
}
._relative {
  position: relative;
}
._absolute {
  position: absolute;
}
.wrap {
  overflow: hidden;
}
._txtLeft {
  text-align: left;
}
._txtRight {
  text-align: right;
}
._txtCenter {
  text-align: center;
}
._fullWidth {
  width: 100%;
}
/*------ template stylization ------*/
body {
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.428571429;
  color: #ffffff;
  background: url(../img/bg1.png) #222028;
  min-width: 1170px;
  position: absolute;
  width: 100%;
}
#webSiteLoader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: url(../img/site_loader.gif) 50% 50% no-repeat #222028;
}
/*------------- HEADER ---------------------------------------------------------- */
header {
  position: fixed;
  z-index: 10;
  top: -82px;
  left: 50%;
  margin-left: -585px;
}
header .container {
  position: relative;
}
header h1 {
  margin: 0;
  position: absolute;
  z-index: 1;
}
/*---------------- HEADER end ------------------------------------------------*/
/*-------------- FOOTER ---------------------------------------------------- */
footer {
  position: relative;
  width: 100%;
  text-align: center;
}
footer .container {
  background: url(../img/divider1.png) 0 0 repeat-x;
}
footer .copyright {
  font: 600 12px/20px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c5e2ed;
  display: inline-block;
  text-transform: uppercase;
  margin: 22px 0 60px 0;
}
/*-----------  FOOTER END  ------------------------------------------------------*/
/*-----------  MENU  ------------------------------------------------------------*/
header #mainNav {
  display: block;
  height: 82px;
  background: url(../img/bg2.png) 0 0 repeat-x #222028;
  border-bottom: 8px solid #c5e2ed;
}
header #mainNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
header #mainNav ul li {
  display: inline-block;
  width: 170px;
  padding-right: 2px;
  float: left;
  position: relative;
  top: -82px;
  background: url(../img/divider2.png) 100% 0 repeat-y;
}
header #mainNav ul li a {
  display: block;
  position: relative;
}
header #mainNav ul li a:hover {
  text-decoration: none;
}
header #mainNav ul li a:hover ._overPlane {
  top: 0px;
}
header #mainNav ul li .baseText {
  font: 300 15px/20px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  display: block;
  position: relative;
  z-index: 1;
  padding: 27px 0;
}
header #mainNav ul li ._overPlane {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -74px;
  left: 0;
  z-index: 0;
  background: url(../img/bg3.png) 0 0 repeat-x;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header #mainNav ul li ._area {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 10;
  background: url(../img/pixel.png);
}
header #mainNav ul li.active a ._overPlane {
  top: 0px;
}
/*-----------  menu end  --------------------------------------------------------*/
/*-----------  CONTENT HOLDER  --------------------------------------------------*/
.glob-wrap {
  overflow: hidden;
  width: 100%;
}
#content {
  position: relative;
  margin-top: 0px;
}
#content > div {
  display: block;
  position: relative;
}
#other_pages {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1170px;
  z-index: 11;
}
#other_pages > div {
  width: 100%;
  position: absolute;
  display: none;
  background: #222028;
}
#other_pages > div ._inner {
  width: 100%;
  display: block;
}
/*----------- CONTENT BASE Style  ---------------------------------------------- */
h2 {
  font: 600 32px/40px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 50px 0;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
h2.hide_state {
  opacity: 0;
  filter: alpha(opacity=0);
  top: -50px;
}
h2.show_state {
  opacity: 100;
  filter: alpha(opacity=10000);
  top: 0;
}
h3 {
  font: 300 20px/23px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c5e2ed;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
h3.hide_state {
  opacity: 0;
  filter: alpha(opacity=0);
  left: -50px;
}
h3.show_state {
  opacity: 100;
  filter: alpha(opacity=10000);
  left: 0;
}
p {
  font: 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #b4b4b4;
  margin-bottom: 21px;
}
.more_btn1 {
  display: inline-block;
  font: 600 20px/26px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c8e4ee;
  background: none;
  text-transform: uppercase;
  white-space: pre;
  padding: 0;
  border: none;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0px;
  background-position: 0;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.more_btn1:hover {
  text-decoration: none;
  color: #ffffff;
  background: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.more_btn1:hover ._link {
  width: 100%;
}
.more_btn1 ._link {
  position: absolute;
  width: 2px;
  height: 0%;
  display: block;
  top: 24px;
  left: 0;
  background: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.more_btn1.hide_state {
  opacity: 0;
  filter: alpha(opacity=0);
  left: -50px;
}
.more_btn1.show_state {
  opacity: 100;
  filter: alpha(opacity=10000);
  left: 0;
}
/*------------------------  content end  -----------------------------*/
/*---------------------- LINKS ---------------------------------- */
._link1 {
  font: 600 12px/20px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c5e2ed;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link1:hover {
  color: #ffffff;
  text-decoration: underline;
}
._link2 {
  font: 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c8e4ee;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link2:hover {
  color: #ffffff;
  text-decoration: none;
}
._link3 {
  font: 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222028;
  text-decoration: underline;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link3:hover {
  color: #222028;
  text-decoration: none;
}
._link4 {
  font: 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c8e4ee;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link4:hover {
  color: #ffffff;
  text-decoration: none;
}
/*-------------------------- MARGIN PADDING --------------------- */
.margin1 {
  margin-bottom: 25px;
}
.margin2 {
  margin-top: 60px;
}
.margin3 {
  margin-bottom: 80px;
}
.margin4 {
  margin-bottom: 20px;
}
.margin5 {
  margin-top: 0px;
}
/*-------------------------- TEXTSTYLES ------------------------- */
.textStyle1 {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 18px 0;
}
.textStyle2 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 37px;
}
.textStyle3 {
  font-size: 32px;
  line-height: 32px;
  margin: 0 0 31px 0;
  color: #222028;
}
.textStyle4 {
  color: #222028;
  font-size: 14px;
  margin-bottom: 0;
}
.textStyle5 {
  font-size: 24px;
  margin-bottom: 20px;
}
.textStyle6 {
  margin-bottom: 10px;
}
/*-------------------------- LISTS ------------------------------ */._list1 {
  list-style: none;
  margin: 0;
}
._list1 li {
  display: block;
  position: relative;
  margin-bottom: 8px;
  background: url(../img/marker1.png) 0 5px no-repeat;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._list1 li a {
  display: inline-block;
  margin-left: 20px;
  font: 15px/15px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c8e4ee;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._list1 li a ._line {
  position: absolute;
  width: 1px;
  height: 0%;
  display: block;
  top: 16px;
  left: 0;
  background: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
._list1 li a:hover {
  text-decoration: none;
  color: #ffffff;
}
._list1 li a:hover ._line {
  width: 100%;
}
._list1 li.hide_state {
  left: 100px;
  opacity: 0;
  filter: alpha(opacity=0);
}
._list1 li.show_state {
  left: 0px;
  opacity: 100;
  filter: alpha(opacity=10000);
}
/*-------------------------- OTHER -------------------------------*/
.space1 {
  width: 80px;
  display: inline-block;
}
.space2 {
  width: 60px;
  display: inline-block;
}
.extra_logo {
  margin: 0;
  position: absolute;
  z-index: 1;
  width: 436px;
  height: 436px;
  z-index: 2;
  top: 280px;
  left: 50%;
  margin-left: -219px;
}
.extra_logo ._inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.extra_logo ._inner .extra_bg1 {
  width: 440px;
  height: 439px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../img/logo_part1.png) 50% 50% no-repeat;
  z-index: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.5s;
}
.extra_logo ._inner .extra_bg2 {
  width: 436px;
  height: 436px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../img/logo_part2.png) 50% 50% no-repeat;
  z-index: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.8s;
}
.extra_logo ._inner ._name {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 140px;
  left: 0;
  z-index: 2;
  text-transform: uppercase;
  text-align: center;
}
.extra_logo ._inner ._name ._txt1 {
  display: block;
  font: 300 72px/66px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c5e2ed;
  position: relative;
  top: 10px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 1s;
}
.extra_logo ._inner ._name ._txt2 {
  display: block;
  font: 600 80px/66px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  position: relative;
  top: 10px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 1.2s;
}
.extra_logo ._inner ._name ._txt3 {
  display: block;
  font: 300 14px/30px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c5e2ed;
  position: relative;
  top: 10px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 1.5s;
}
.extra_logo._show ._inner .extra_bg1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  top: 0;
  left: 0;
}
.extra_logo._show ._inner .extra_bg2 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  top: 0;
  left: 0;
}
.extra_logo._show ._inner ._name ._txt1 {
  top: 0px;
  opacity: 100;
  filter: alpha(opacity=10000);
}
.extra_logo._show ._inner ._name ._txt2 {
  top: 0px;
  opacity: 100;
  filter: alpha(opacity=10000);
}
.extra_logo._show ._inner ._name ._txt3 {
  top: 0px;
  opacity: 100;
  filter: alpha(opacity=10000);
}
.social_list {
  list-style: none;
  margin: 0;
  right: 40px;
  top: 18px;
  position: absolute;
  padding: 0;
}
.social_list li {
  float: left;
  display: inline-block;
  margin-left: 6px;
}
.figure0 {
  margin: 35px 0 0 0;
}
.figure0 img {
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.figure0.hide_state img {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.figure0.show_state img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.figure1 {
  width: 275px;
  height: 528px;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 0 27px 0;
}
.figure1 img {
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.figure1.hide_state img {
  top: -275px;
}
.figure1.show_state img {
  top: 0;
}
.figure2 {
  display: block;
  margin: 25px 0 0 0;
}
.figure2 img {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.figure2.hide_state img {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.figure2.show_state img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.badge1 {
  padding: 0;
  border-radius: 45px;
  width: 90px;
  height: 90px;
  display: block;
  background: #cfe7f0;
  float: left;
  margin-right: 25px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.badge1 span {
  display: block;
  text-align: center;
  font: 600 25px/90px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222028;
}
.divSet1 {
  padding-bottom: 65px;
  margin-bottom: 60px;
  background: url(../img/divider1.png) 0 100% repeat-x;
}
.divSet2 {
  padding-bottom: 70px;
  margin-bottom: 47px;
  background: url(../img/divider1.png) 0 100% repeat-x;
}
._logo {
  position: absolute;
  width: 161px;
  height: 161px;
  display: block;
  bottom: -80px;
  left: 0px;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._logo.hide_state {
  left: -600px;
}
._logo.show_state {
  left: 0;
}
.picSet1 {
  width: 430px;
  height: 445px;
  display: block;
  position: relative;
}
.picSet1 ._img1 {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.2s;
}
.picSet1 ._img2 {
  display: block;
  position: absolute;
  left: 250px;
  top: 190px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.4s;
}
.picSet1 ._img3 {
  display: block;
  position: absolute;
  left: 75px;
  top: 250px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.6s;
}
.picSet1.hide_state ._img1 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.picSet1.hide_state ._img2 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.picSet1.hide_state ._img3 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.picSet1.show_state ._img1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.picSet1.show_state ._img2 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.picSet1.show_state ._img3 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.picSet2 {
  width: 455px;
  height: 470px;
  display: block;
  position: relative;
}
.picSet2 ._img1 {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.picSet2.hide_state ._img1 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.picSet2.show_state ._img1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.picSet3 {
  width: 435px;
  height: 470px;
  display: block;
  position: relative;
}
.picSet3 ._img1 {
  display: block;
  position: absolute;
  left: 63px;
  top: 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.2s;
}
.picSet3 ._img2 {
  display: block;
  position: absolute;
  left: 3px;
  top: 232px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.4s;
}
.picSet3.hide_state ._img1 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.picSet3.hide_state ._img2 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.picSet3.show_state ._img1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.picSet3.show_state ._img2 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.extraCloud {
  width: 387px;
  height: 387px;
  display: block;
  position: relative;
  display: inline-block;
  left: -50px;
  margin-top: 25px;
}
.extraCloud ._circ1 {
  width: 33px;
  height: 33px;
  display: block;
  position: absolute;
  background: url(../img/extra2.png) 0 0 no-repeat;
  left: -73px;
  top: 73px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.2s;
}
.extraCloud ._circ2 {
  width: 65px;
  height: 65px;
  display: block;
  position: absolute;
  background: url(../img/extra3.png) 0 0 no-repeat;
  left: -35px;
  top: 65px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.4s;
}
.extraCloud ._circ3 {
  width: 387px;
  height: 387px;
  display: block;
  position: absolute;
  background: url(../img/extra4.png) 0 0 no-repeat;
  left: 0;
  top: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.6s;
}
.extraCloud ._box {
  width: 210px;
  position: relative;
  z-index: 1;
  margin: 99px 88px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.8s;
}
.extraCloud.hide_state ._box {
  opacity: 0;
  filter: alpha(opacity=0);
  top: 50px;
}
.extraCloud.hide_state ._circ1 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.extraCloud.hide_state ._circ2 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.extraCloud.hide_state ._circ3 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.extraCloud.show_state ._box {
  opacity: 100;
  filter: alpha(opacity=10000);
  top: 0;
}
.extraCloud.show_state ._circ1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.extraCloud.show_state ._circ2 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.extraCloud.show_state ._circ3 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.stItem1 .badge1 {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-delay: 0s;
}
.stItem1 h3 {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-delay: 0.2s;
}
.stItem1 p {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-delay: 0.4s;
}
.stItem1.hide_state .badge1 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.stItem1.hide_state h3 {
  left: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.stItem1.hide_state p {
  left: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.stItem1.show_state .badge1 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.stItem1.show_state h3 {
  left: 0px;
  opacity: 100;
  filter: alpha(opacity=10000);
}
.stItem1.show_state p {
  left: 0px;
  opacity: 100;
  filter: alpha(opacity=10000);
}
.stItem2 > * {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.stItem2 .hide_state {
  opacity: 0;
  filter: alpha(opacity=0);
}
.stItem2 .show_state {
  opacity: 100;
  filter: alpha(opacity=10000);
}
.backButton {
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background: url(../img/sprite_btn_close.png) 0 0 no-repeat;
}
.backButton:hover {
  background: url(../img/sprite_btn_close.png) 0 100% no-repeat;
}
#rootGalleryHolder #closeBtnPrototype {
  background: url(../img/sprite_btn_close.png) 0 0 no-repeat;
}
#rootGalleryHolder #closeBtnPrototype:hover {
  background: url(../img/sprite_btn_close.png) 0 100% no-repeat;
}
#rootGalleryHolder #controlHolder {
  width: 120px;
  bottom: 20px;
  left: 50%;
  margin-left: -60px;
}
#rootGalleryHolder #controlHolder #controlPrevBtn {
  margin-left: 0px;
}
#rootGalleryHolder #controlHolder #controlNextBtn {
  margin-right: 0px;
}
#rootGalleryHolder #previewHolder #previewCounterText {
  width: 120px;
  left: 50%;
  margin-left: -60px;
  bottom: 26px;
  text-align: center;
}
#rootGalleryHolder .thumbList li {
  overflow: hidden;
}
#rootGalleryHolder .thumbList li img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#rootGalleryHolder .thumbList li img:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
/*----------------------------- slider --------------------------*/
._slider {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1000px;
}
._slider #slider_simple1 {
  width: 1400px;
  height: 1000px;
  left: -130px;
  display: inline-block;
  position: relative;
  background: url(../img/loader1.gif) 50% 50% no-repeat #ffffff;
}
._slider #slider_simple1 .slider_set {
  list-style: none;
  margin: 0;
  padding: 0;
}
._slider #slider_simple1 .slider_set li img {
  position: relative;
}
._slider #prevButton {
  left: -500px;
  top: 450px;
  width: 41px;
  height: 99px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: 0;
}
._slider #prevButton img {
  position: relative;
}
._slider #prevButton:hover img {
  top: -99px;
}
._slider #nextButton {
  right: -500px;
  top: 450px;
  width: 41px;
  height: 99px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin: 0;
}
._slider #nextButton img {
  position: relative;
}
._slider #nextButton:hover img {
  top: -99px;
}
/*========================= jCarousel ===============================*/
#jcarousel_1 {
  width: 1170px;
  height: 259px;
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#jcarousel_1 > ul {
  width: 1170px;
  list-style: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
#jcarousel_1 > ul > li {
  width: 283px;
  height: 259px;
  position: relative;
  float: left;
  margin-right: 2px;
  overflow: hidden;
  cursor: pointer;
}
#jcarousel_1 > ul > li .box {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
#jcarousel_1 > ul > li .box img {
  position: relative;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#jcarousel_1 > ul > li .box ._over {
  width: 100%;
  height: 100%;
  background: url(../img/bg5.png);
  position: absolute;
  top: -259px;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#jcarousel_1 > ul > li .box ._over .circ {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  background: #cfe7f0;
  margin: 70px 90px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-delay: 0.3s;
}
#jcarousel_1 > ul > li .box ._over .circ span {
  text-align: center;
  font: 600 18px/25px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222028;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  margin-top: 32px;
}
#jcarousel_1 > ul > li .box:hover {
  text-decoration: underline;
}
#jcarousel_1 > ul > li .box:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
#jcarousel_1 > ul > li .box:hover ._over {
  top: 0;
}
#jcarousel_1 > ul > li .box:hover ._over .circ {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#jcarousel_1.hide_state {
  opacity: 0;
  filter: alpha(opacity=0);
}
#jcarousel_1.show_state {
  opacity: 100;
  filter: alpha(opacity=10000);
}
.btnHolder1 {
  display: none;
  position: absolute;
  top: 30px;
  width: 68px;
  z-index: 1;
  right: 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btnHolder1 .prevBtn {
  float: left;
}
.btnHolder1 .nextBtn {
  float: right;
}
.btnHolder1 a {
  position: relative;
  width: 32px;
  height: 31px;
  overflow: hidden;
}
.btnHolder1.hide_state {
  opacity: 0;
  filter: alpha(opacity=0);
  right: 50px;
}
.btnHolder1.show_state {
  opacity: 100;
  filter: alpha(opacity=10000);
  right: 0;
}
/*-------------------------- mobile WRAP ----------------------------*/
#mobile-wrap {
  width: 100%;
  height: 100%;
  display: block;
}
#mobile-wrap .container {
  max-width: 480px;
}
#mobile-wrap #mobile-header {
  background: #222028;
  height: 270px;
  text-align: center;
}
#mobile-wrap #mobile-header h1 {
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
}
#mobile-wrap #mobile-header h1 a {
  width: 161px;
  height: 161px;
  display: inline-block;
  background: url(../img/extra1.png) 50% 50% no-repeat;
}
#mobile-wrap #mobile-header #mobile-navigation {
  width: 90%;
  margin: 26px 0;
}
#mobile-wrap #mobile-content {
  overflow: hidden;
}
#mobile-wrap #mobile-content ._slider {
  width: 100%;
  height: 300px;
}
#mobile-wrap #mobile-content ._slider #slider_simple1 {
  width: 100%;
  height: 100%;
  left: 0;
}
#mobile-wrap #mobile-content ._slider #slider_simple1 li img {
  width: 100%;
}
#mobile-wrap #mobile-content ._slider #slider_simple1 #prevButton {
  left: 10px;
  top: 100px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
#mobile-wrap #mobile-content ._slider #slider_simple1 #nextButton {
  right: 10px;
  top: 100px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
#mobile-wrap #mobile-content #jcarousel_1 {
  width: 100%;
}
#mobile-wrap #mobile-content #jcarousel_1 ul {
  width: 100%;
}
#mobile-wrap #mobile-content #jcarousel_1 ul li {
  width: 100%;
  height: auto;
  margin-right: 0;
  margin-bottom: 5px;
}
#mobile-wrap #mobile-content #jcarousel_1 ul li .box ._over {
  top: 0 !important;
  background: none;
}
#mobile-wrap #mobile-content #jcarousel_1 ul li .box ._over .circ {
  width: 100% !important;
  height: 32px !important;
  border-radius: 0;
  margin: 0;
  bottom: 10px;
  position: absolute;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#mobile-wrap #mobile-content #jcarousel_1 ul li .box ._over .circ span {
  font-size: 12px;
  line-height: 16px;
  margin-top: 0px;
}
#mobile-wrap #mobile-content #jcarousel_1 ul li img {
  width: 100%;
}
#mobile-wrap #mobile-content #jcarousel_1 ul li ul {
  display: none;
}
#mobile-wrap #mobile-content .extra_logo {
  top: 0;
  display: none;
}
#mobile-wrap #mobile-content .figure0 {
  text-align: center;
}
#mobile-wrap #mobile-content .figure0 img {
  width: 100%;
}
#mobile-wrap #mobile-content .figure2 img {
  width: 100%;
}
#mobile-wrap #mobile-content .margin5 {
  margin-top: 40px;
}
#mobile-wrap #mobile-content .extraCloud {
  left: 0;
  width: 290px;
  height: 290px;
  position: relative;
  margin: 20px auto;
  display: block;
}
#mobile-wrap #mobile-content .extraCloud ._circ1 {
  display: none;
}
#mobile-wrap #mobile-content .extraCloud ._circ2 {
  display: none;
}
#mobile-wrap #mobile-content .extraCloud ._circ3 {
  width: 100%;
  height: 100%;
  background: #C5E2ED;
  border-radius: 160px;
}
#mobile-wrap #mobile-content .extraCloud ._box {
  width: 100%;
  top: 50px;
  margin: 0;
  text-align: center;
  position: absolute;
}
#mobile-wrap #mobile-content .picSet1 {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
#mobile-wrap #mobile-content .picSet1 ._img1 {
  width: 100%;
  position: relative;
}
#mobile-wrap #mobile-content .picSet1 ._img2 {
  top: 55%;
  left: 50%;
  width: 45%;
}
#mobile-wrap #mobile-content .picSet1 ._img3 {
  top: 60%;
  left: 5%;
  width: 40%;
}
#mobile-wrap #mobile-content .picSet2 {
  width: 100%;
  height: auto;
}
#mobile-wrap #mobile-content .picSet2 ._img1 {
  width: 100%;
  position: relative;
}
#mobile-wrap #mobile-content .picSet3 {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
#mobile-wrap #mobile-content .picSet3 ._img1 {
  width: 100%;
  top: 0;
  left: 0;
  position: relative;
}
#mobile-wrap #mobile-content .picSet3 ._img2 {
  top: 60%;
  width: 40%;
}
#mobile-wrap #mobile-footer {
  background: url(../img/bg2.png) 0 0 repeat-x;
  height: 74px;
  text-align: center;
}
#mobile-wrap #mobile-footer .container .copyright {
  font: 600 12px/20px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #c5e2ed;
  display: inline-block;
  text-transform: uppercase;
  margin: 27px 0;
}
/*Core variables and mixins*/