@import url(////fonts.googleapis.com/css?family=Roboto:400,500,300|Playball);
@import 'owl.carousel.css';
/*iOs_link_fix*/
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
a,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}
/*------ template stylization ------*/
/*html{
    overflow: hidden;
}*/
body {
  position: relative;
  width: 100%;
  height: 100%;
  color: #f3ecdc;
  font-weight: 300;
  overflow-x: hidden;
  overflow-y: visible;
  background: #3a352f;
}
body.show-sub-pages {
  overflow: hidden !important;
}
body.show-sub-pages #other_pages {
  height: 100% !important;
}
body.show-sub-pages #other_pages > div {
  overflow-y: scroll !important;
}
#webSiteLoader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: #272c30;
}
p {
  margin-bottom: 15px;
}
address {
  color: #ffffff;
  margin: 10px 0px 25px;
}
h2 {
  font-family: 'Playball', 'cursive';
  line-height: 1em;
  color: #f3ecdc;
  letter-spacing: -1px;
  margin: 94px 0 -2px;
  padding: 0;
}
h3,
h4 {
  font-family: 'Playball', 'cursive';
  line-height: 1em;
  color: #f3ecdc;
  margin: 0 0 12px;
  padding: 0;
}
h4 {
  color: #8e283e;
}
h5 {
  font: 600 15px 'Roboto', 'sans-serif';
  line-height: 1em;
  color: #ffffff;
  text-transform: uppercase;
  margin: -5px 0px 12px 0px;
  padding: 0;
}
h3 > a,
h4 > a {
  color: inherit;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
h3 > a:hover,
h4 > a:hover {
  color: #ffd64f;
  text-decoration: none;
}
.title {
  font: 300 26px/34px 'Roboto', 'sans-serif';
  color: #e78660;
  padding: 0;
  margin: 0 0 32px;
}
.fontStyle1 {
  font: 600 15px 'Roboto', 'sans-serif';
  line-height: 25px;
  color: #a6adbf;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}
/*------------- HEADER ---------------------------------------------------------- */
header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  height: 98px;
  /*-----------  MENU  ------------------------------------------------------------*/
}
.holder_3d {
  perspective: 300;
  -webkit-perspective: 300;
  -moz-perspective: 300;
  -o-perspective: 300;
}
.headerHolder {
  position: relative;
  z-index: 100;
}
#menuToggler {
  position: relative;
  display: block;
  width: 96px;
  height: 98px;
  transform-origin: left center;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
}
#menuToggler > div {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(http://no3brew.com/img/menu_act 2.jpg) center repeat;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
#menuToggler > div span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/menu_icon.png) center no-repeat;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#menuToggler:hover > div {
  background: url(../img/menu_bg.jpg) 0 0 repeat;
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
}
#menuToggler:hover > div span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/menu_icon_act%20copy.png) center no-repeat;
}
.mainNav {
  position: relative;
  display: block;
  float: right;
  z-index: 20;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.mainNav.hideMenu {
  margin-right: -500px;
}
.mainNav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mainNav > ul li {
  position: relative;
  display: block;
  /*.size(390px,81px);*/
  width: 288px;
  height: 64px;
  z-index: 0;
}
.mainNav > ul li:first-child a div:after {
  display: none;
}
.mainNav > ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  perspective: 800;
  -webkit-perspective: 800;
  -moz-perspective: 800;
  -o-perspective: 800;
  overflow: hidden;
}
.mainNav > ul li a > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/menu_bg.jpg) 0 0 repeat;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: left center;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
}
.mainNav > ul li a > div:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #383431;
}
.mainNav > ul li a > div:first-child {
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
}
.mainNav > ul li a > div:first-child + div {
  background: url(../img/menu_act2.jpg);
  transform: rotateZ(-180deg);
  -webkit-transform: rotateZ(-180deg);
  -moz-transform: rotateZ(-180deg);
  -o-transform: rotateZ(-180deg);
}
.mainNav > ul li a > div span {
  position: relative;
  display: block;
  float: right;
  font: 300 32px/1em 'Roboto', 'sans-serif';
  line-height: 64px;
  color: #383431;
  text-transform: uppercase;
  margin: 0 30px 0 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.mainNav > ul li.active,
.mainNav > ul li.sfHover,
.mainNav > ul li:hover {
  z-index: 10;
}
.mainNav > ul li.active > a,
.mainNav > ul li.sfHover > a,
.mainNav > ul li:hover > a {
  text-decoration: none;
}
.mainNav > ul li.active > a > div:first-child,
.mainNav > ul li.sfHover > a > div:first-child,
.mainNav > ul li:hover > a > div:first-child {
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.mainNav > ul li.active > a > div:first-child + div,
.mainNav > ul li.sfHover > a > div:first-child + div,
.mainNav > ul li:hover > a > div:first-child + div {
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.mainNav > ul li.active > a > div span,
.mainNav > ul li.sfHover > a > div span,
.mainNav > ul li:hover > a > div span {
  color: #ffffff;
}
.mainNav > ul li .sf-mega {
  position: absolute;
  background: url(../img/menu_bg.jpg) 0 0 repeat;
  width: 250px;
  right: 288px;
  top: 0;
}
.mainNav > ul li .sf-mega ul {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  white-space: nowrap;
  text-align: center;
}
.mainNav > ul li .sf-mega ul li {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
}
.mainNav > ul li .sf-mega ul li a {
  position: relative;
  display: inline-block;
  font: 16px 'Roboto', 'sans-serif';
  line-height: 40px;
  color: #383431;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
  padding-right: 20px;
}
.mainNav > ul li .sf-mega ul li a:hover {
	color: #CC3300;
}
.mainNav > ul li .sf-mega ul li:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #4e5051;
}
.mainNav > ul li .sf-mega ul li.last:after {
  display: none;
}
/*-----------  menu end  --------------------------------------------------------*/
/*---------------- HEADER end ------------------------------------------------*/
/*-------------- FOOTER ---------------------------------------------------- */
footer {
  position: absolute;
  width: 100%;
  height: 72px;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: 100;
  background: url(../img/footer_bg.png) 0 0 repeat;
}
.copyright {
  font: 300 13px/1em 'Roboto', 'sans-serif';
  color: #7b7979;
  margin: 0;
  padding: 21px 0 0;
}
.copyright a {
  color: inherit;
}
.copyright a:hover {
  color: #e78660;
  text-decoration: none;
}
h1 {
  position: relative;
  float: left;
  width: 334px;
  height: 284px;
  margin: 0px 0px 0px 0px;
}
h1 a > img.img-responsive {
  margin: 0 auto;
  width: 100%;
}
/*-----------  FOOTER END  ------------------------------------------------------*/
/*-----------  CONTENT HOLDER  --------------------------------------------------*/
#glob-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#content > div {
  position: relative;
  width: 100%;
  height: 100%;
}
#content > div > .container {
  padding-top: 185px;
  /*padding-top: 18%;*/
}
#content h2,
#content h3,
#content h4,
#content h5,
#content p,
#content .image_1,
#content .padding1,
#content .padding2,
#content .btn,
#content address,
#content .formHolder,
#content .bigLogo {
  position: relative;
}
.container {
  position: relative;
  z-index: 1;
}
.bgHolder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
}
.cover {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.68);
  background-size: cover;
  z-index: -1;
}
.bg1,
.bg2,
.bg3,
.bg4 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/craftbeer.jpg');
  background-size: cover;
  z-index: -2;
}
.bg2 {
  background-image: url('../img/craftbeer.jpg');
}
.bg3 {
  background-image: url('../img/3_beer_background.jpg');
}
.bg4 {
  background-image: url('../img/craftbeer.jpg');
}
.backgroundPlane {
  position: absolute;
  display: none;
  top: 129px;
  left: -50px;
  width: 115%;
  height: 100%;
  background: rgba(50, 55, 61, 0.9);
  transform: rotateY(10deg);
  -webkit-transform: rotateY(10deg);
  -moz-transform: rotateY(10deg);
  -o-transform: rotateY(10deg);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 0;
}
.bg3 .backgroundPlane {
  transform: rotateY(-10deg);
  -webkit-transform: rotateY(-10deg);
  -moz-transform: rotateY(-10deg);
  -o-transform: rotateY(-10deg);
  left: -100px;
}
.logo {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 50%;
  margin-top: 55px;
  margin-left: -104px;
  width: 208px;
  height: 208px;
  z-index: 10;
}
.logo > img {
  max-width: 100%;
  height: auto;
}
.logo_footer {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 13px 0 0;
}
.color_1 {
  color: #e78660;
}
.style_1 {
  color: #000000;
  font-size: 15px;
  line-height: 24px;
}
#other_pages .logo {
  top: 0px;
}
#other_pages h2 {
  margin: 357px 0 41px;
}
#other_pages {
  position: fixed !important;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 150;
  top: -100%;
  top: 0;
  height: 0;
  -webkit-overflow-scrolling: touch;
}
#other_pages > div {
  position: absolute !important;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
  background: #3a352f;
}
#other_pages > div > div {
  padding-top: 0px;
}
#ajax-overlay {
  width: 100%;
  height: 10px;
  position: fixed;
  display: none;
  top: 0px;
  left: 0;
  background: url(../img/base/TMpreviewLoader.gif) 0 0 repeat-x rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
/* rewrite bootstrap classes */
.btn {
  border: none;
  border-radius: 0;
  font: 600 18px 'Roboto', 'sans-serif';
  line-height: 20px;
  color: #ffffff;
  text-transform: uppercase;
  background: #ffd54f;
  padding: 13px 17px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn:hover,
.btn:active,
.btn:focus {
  color: #ffd54f;
  background: #ffffff;
  text-decoration: none;
}
.btn.btn-link {
  border: none;
  border-radius: 0;
  font: normal 37px/1em 'Playball', 'cursive';
  color: #f3ecdc;
  text-transform: lowercase;
  background: transparent;
  padding: 0px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn.btn-link.btn-lg {
  text-transform: lowercase;
  font-weight: 300;
  font-size: 70px;
  letter-spacing: 0px;
}
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link:focus {
  color: #e78660;
  background: transparent;
  text-decoration: none;
}
.form-control {
  background: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  color: #f3ecdc;
  font-weight: 300;
  width: 100%;
  height: 49px;
  padding: 10px 20px;
  background: #343434;
}
.form-control:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  color: #ffffff;
  background: #343434;
}
/*
.badge{
    margin: 0;
    padding: 0;
    .square(100px);
    background: @gray2;
    border-radius: 50px; 
    text-align: center;
}
*/
/* end bootstrap classes */
.closeIcon {
  position: absolute;
  top: 215px;
  right: 15px;
  width: 44px;
  height: 44px;
  z-index: 100;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.closeIcon:after {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/close_icon.png) left center no-repeat;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.closeIcon:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  text-decoration: none;
}
.closeIcon:hover:after {
  background: url(../img/close_icon.png) right center no-repeat;
}
/*
.color1{
    color: @white;
}
.color2, .color2:hover{
    color: @yellow2;
}
.color3{
    color: @gray4;
    &:hover{
        color: @yellow;
    }
}
*/
/*-----------  PAGE 2  --------------------------------------------------*/
#page2_item1 {
  position: absolute;
  z-index: -1;
  margin-left: 100%;
  top: 140px;
  left: 25px;
}
/*-----------  PAGE 3  --------------------------------------------------*/
.link_1 {
  position: relative;
  font: 300 26px/34px 'Roboto', 'sans-serif';
  color: #f3ecdc;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.link_1:hover {
  color: #e78660;
  text-decoration: none;
}
/*-----------  PAGE 4  --------------------------------------------------*/
#page4 h2 {
  margin: 9px 0 39px;
}
#page4_item1 {
  position: absolute;
  z-index: -1;
  margin-left: 100%;
  top: 83px;
  left: -558px;
}
.g_map {
  position: relative;
  display: block;
  width: 100%;
  height: 352px;
  float: left;
  margin: 0 0 72px;
  overflow: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
}
.g_map iframe {
  position: relative;
  display: block;
  outline: none;
  width: 100%;
  height: 100%;
  border: none;
  background: url(../img/base/site_loader.gif) center no-repeat #3c2e36 !important;
}
#form1 {
  position: relative;
  margin: 0;
  margin-bottom: 46px;
  overflow: hidden;
}
#form1 input,
#form1 textarea,
#form1 .success-message {
  position: relative;
  display: block;
  background: #343434;
}
#form1 .success-message {
  position: absolute;
  top: -340px;
  left: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  padding: 129px 14px;
  line-height: 20px;
  font-weight: 300;
  color: #ffffff;
  border: none;
  border-radius: 0;
  background: #343434;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#form1 ._placeholder {
  position: absolute;
  left: 0;
  top: 0;
  cursor: text;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 300 18px/25px 'Roboto', 'sans-serif';
  color: #f3ecdc;
  width: 100%;
  height: 49px;
  padding: 11px 20px;
  background: #343434;
}
#form1 textarea {
  width: 100%;
  height: 213px;
  overflow: auto;
  resize: none;
}
#form1 label {
  position: relative;
  display: block;
  min-height: 49px;
  margin-bottom: 16px;
  overflow: hidden;
  float: left;
  width: 49%;
}
#form1 label.labelMargin {
  margin-right: 2%;
}
#form1 label.message {
  width: 100% !important;
}
#form1 span.error,
#form1 span.empty {
  position: absolute;
  text-align: right;
  font-size: 10px;
  color: #f00;
  width: 200px;
  top: -30px;
  right: 2px;
  z-index: 2;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#form1 .btns {
  padding: 0;
  margin: 9px 0 0;
  position: relative;
}
#form1 .btns > p {
  padding: 0;
}
#form1 .btns > p .btn-link {
  font: 300 23px/1em 'Roboto', 'sans-serif';
  color: #f3ecdc;
  text-transform: uppercase;
}
#form1 .btns > p a {
  display: inline-block;
}
#form1 .btns > p a:first-child + a {
  margin-left: 25px;
}
#form1 .btns > p a:hover {
  color: #e78660;
  text-decoration: none;
}
#form1 ._placeholder.focused {
  opacity: .5;
}
#form1 ._placeholder.hidden {
  display: none;
}
#form1 .invalid span.error {
  top: -5px;
}
#form1 .ok span.error {
  display: none;
}
#form1 .empty span.empty {
  top: -5px;
}
#form1.success .success-message {
  top: 0;
}
.link_2 {
  position: relative;
  color: #e78660;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.link_2:hover {
  color: #f3ecdc;
  text-decoration: none;
}
/*-----------  PAGE 404  --------------------------------------------------*/
.block_1 {
  position: relative;
  display: inline-block;
  float: left;
  width: 34%;
  height: 50px;
  margin-right: 3%;
}
.block_1 img {
  position: absolute;
  left: 7px;
  top: -202px;
}
.block_2 {
  position: relative;
  display: inline-block;
  width: 63%;
}
.block_2 img {
  position: absolute;
  right: 18px;
  top: 138px;
}
.block_2 h3 {
  font-size: 60px;
  color: #8e283e;
}
/* search */
#search {
  position: relative;
  margin: 25px 0 30px;
  width: 100%;
  overflow: hidden;
}
#search > input {
  width: 236px;
  height: 39px;
  padding: 13px 17px;
  float: left;
}
#search > a {
  float: left;
  font-weight: 500;
  font-size: 17px;
  text-transform: lowercase;
  padding: 9px 19px 10px;
  background: #8e283e;
}
#search > a:hover {
  color: #e78660;
  text-decoration: none;
  background: #000000;
}
.search_result {
  color: #e78660;
}
.search_title {
  margin-bottom: 0!important;
}
.search_title a {
  position: relative;
  font-size: 30px;
  top: 6px;
  color: #e78660;
  text-decoration: underline;
}
.search_title a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.search_list {
  margin-bottom: 30px;
}
.search_list li {
  margin-bottom: 0px;
  margin-top: -45px;
}
.search_list li span:last-child {
  font-size: 13px;
}
/* classes-helpers */
.padding1 {
  padding: 0px 0 22px 0px;
}
.padding4 {
  padding-bottom: 30px;
}
.marg_1 {
  margin-top: 9px;
}
.marg_2 {
  margin: 282px 0 20px!important;
}
.marg_3 {
  margin-bottom: 25px;
}
.marg_4 {
  margin-top: 349px;
}
.bg_1 {
  background: #ece5d5;
  padding-top: 29px;
  padding-bottom: 9px;
}
.bg_2 {
  background: #ffffff;
}
.bg_2:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  color: #000000;
  background: #ffffff;
}
.corr_1 {
  right: 84px;
}
.box {
  overflow: hidden;
}
.marginAuto {
  margin: 0 auto;
}
.textAlignCenter {
  text-align: center;
}
.inlineBlock {
  display: inline-block;
}
.noDisplay {
  display: none;
}
/*-------------------------- mobile WRAP ----------------------------*/
.col-xm-offset-1 {
  margin-left: 8.333333333333332%;
}
.mobile-only {
  display: none;
}
html.desktop #search {
  width: 462px;
}
html.desktop #search > input {
  width: 236px;
  height: 39px;
}
@media (min-width: 1300px) {
  .g_map {
    margin-top: 20px;
  }
  #form1 label {
    width: 48%;
  }
  #form1 label.labelMargin {
    margin-right: 4%;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 1219px) {
  .item .left {
    width: 30%;
  }
  .item .right {
    width: 66%;
  }
  #page4_item1 {
    left: -458px;
  }
  .closeIcon {
    top: -65px;
  }
  .corr_1 {
    right: -3px !important;
    top: 215px!important;
  }
}
@media (max-width: 1024px) {
  #other_pages h2 {
    margin-top: 140px!important;
  }
  .closeIcon {
    top: -24px;
    right: 51px;
  }
}
@media (max-width: 991px) {
  .item .left {
    float: none;
  }
  .item .right {
    width: 100%;
  }
  #page4_item1 {
    left: -358px;
  }
  h2 {
    font-size: 49px;
  }
  .block_1 img {
    top: 28px;
    width: 85%;
  }
  .block_2 img {
    right: -1px;
    top: 183px;
    width: 30%;
  }
  .block_2 h3 {
    font-size: 50px;
  }
  .marg_4 {
    margin-top: 190px;
  }
  .corr_1 {
    top: 115px!important;
  }
}
@media (max-width: 900px) {
  .logo {
    right: auto!important;
    left: 108px!important;
    top: -50px !important;
    width: 97px;
    height: auto;
  }
}
@media (max-width: 840px) {
  .owl-theme .owl-controls {
    width: 0;
    top: 55px;
    right: 30%;
  }
  .owl-buttons .owl-prev {
    left: 13px;
  }
}
@media (max-width: 768px) {
  #page4 h2 {
    margin: 94px 0 33px;
  }
  #page4_item1 {
    display: none;
  }
  .block_2 img {
    display: none;
  }
  .block_2 h3 {
    font-size: 35px;
  }
}
@media (max-width: 535px) {
  h3 {
    font-size: 54px;
  }
  .block_2 h3 {
    font-size: 25px;
  }
  .link_1 {
    font-size: 17px;
  }
  .item .right .txt {
    margin-bottom: 16px;
  }
  .item .right .txt p {
    font-size: 14px;
  }
  .mainNav > ul li .sf-mega {
    right: 0;
    top: 193px;
  }
  #search > input {
    float: none;
    margin-bottom: 5px;
  }
  .search_list li {
    margin-top: -11px;
  }
}
@media (max-width: 400px) {
  h3 {
    font-size: 35px;
  }
  html.desktop #search > input {
    width: 186px;
  }
}
@media screen and (max-height: 768px) {
  #content > div > .container {
    padding-top: 50px;
  }
  .backgroundPlane {
    top: 10px;
  }
  .logo {
    right: auto!important;
    left: 108px!important;
    top: -50px !important;
    width: 97px;
    height: auto;
  }
  #other_pages h2 {
    margin-top: 147px;
  }
}
/* tablet version changes */
html.tablet .bigLogo {
  margin-top: 0px;
  width: 350px;
}
html.tablet #page1_item1 {
  left: -275px;
  top: 130px;
}
html.tablet #content > div > .container {
  padding-top: 20px;
}
html.tablet #form1 label {
  width: 100%;
  margin-bottom: 10px;
}
html.tablet #form1 label.labelMargin {
  margin-right: 0;
}
html.tablet #form1 ._placeholder,
html.tablet #form1 label,
html.tablet #form1 textarea,
html.tablet #form1 .success-message {
  font-size: 16px;
}
html.tablet #form1 .success-message {
  padding: 155px 24px;
}
html.tablet .form-control {
  font-size: 16px;
}
html.tablet h2 {
  margin-bottom: 0px;
}
html.tablet .item .right h3 {
  font-size: 49px;
}
html.tablet .headerHolder {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  transform-origin: left top;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  right: -29px;
}
html.tablet .mainNav {
  top: -28px;
}
html.tablet .mainNav > ul > li {
  width: 273px;
}
html.tablet .mainNav > ul > li .sf-mega {
  width: 200px;
  right: 274px;
}
html.tablet.portrait .bigLogo {
  margin-top: 120px;
}
html.tablet.portrait h2 {
  margin-top: 150px;
}
html.tablet.portrait #page1_item1 {
  left: -365px;
}
html.tablet.portrait #page3_item1 {
  top: 104px;
  left: -349px;
}
html.tablet.portrait .mainNav .sf-mega {
  width: 200px;
  right: 0;
  top: 193px;
}
html.tablet.portrait .corr_1 {
  right: 5px;
}
/* mobile version changes */
html.mobile body {
  overflow-y: visible;
}
html.mobile .mobile-only {
  display: block;
}
html.mobile .g_map {
  margin: 0 0 -6px;
}
html.mobile .bigLogo {
  margin: 50px 0;
}
html.mobile #page2_item1,
html.mobile #page4_item1 {
  display: none;
}
html.mobile h2 {
  margin-top: 118px;
}
html.mobile .owl-carousel {
  margin: 121px 0 0;
}
html.mobile .owl-next,
html.mobile .owl-prev {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
html.mobile .owl-theme .owl-controls {
  top: 30px;
}
html.mobile #page4 h2 {
  margin: 126px 0 33px;
}
html.mobile .logo {
  right: auto !important;
  left: 0 !important;
  margin-left: 15px;
}
html.mobile #search > a {
  float: right;
  padding: 13px 17px;
  margin-top: 15px;
}
html.mobile .closeIcon {
  top: -46px;
  right: 19px;
}
html.mobile .corr_1 {
  right: 9px !important;
  top: 65px!important;
}
html.mobile .search_title {
  margin-bottom: 12px!important;
}
html.mobile .search_list {
  margin-top: 15px;
}
html.mobile .marg_2 {
  margin-top: 120px!important;
}
html.mobile .marg_4 {
  margin-top: 125px;
}
html.mobile #mobile-wrap #mobile-header #mobile-navigation {
  width: 100%;
  margin: 20px 0;
  font-size: 16px;
}
html.mobile #mobile-wrap #mobile-content {
  position: relative;
  background: #272c30;
}
html.mobile #mobile-wrap #mobile-content > div {
  display: block;
}
html.mobile #mobile-wrap #mobile-content #form1 ._placeholder {
  margin-left: 0;
}
html.mobile #mobile-wrap #mobile-content #form1 .success-message {
  width: 100%;
  padding: 47px 14px;
}
html.mobile #mobile-wrap #mobile-content #form1 label {
  width: 100% !important;
  margin-right: 0 !important;
}
html.mobile #mobile-wrap #mobile-footer .copyright {
  float: left;
  margin: 8px 0 20px;
  padding-left: 15px;
}
/*Core variables and mixins*/
/* 3d mixins */
/* end 3d mixins */