@import url(animate.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
/*========================================================
                      Main Styles
=========================================================*/
body {
  background: white;
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none; }
img {
  max-width: 100%;
  height: auto; }

  h2 .fw {
    font-size: 53px;
    font-weight: 100; }
  @media (max-width: 479px) {
    h2 {
      font-size: 40px;
      line-height: 38px; }
      h2 .fw {
        font-size: 34px; } }

h3, .addr p:first-child {
  font-size: 21px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff; }
  h3 a:hover, .addr p:first-child a:hover {
    color: #78b907; }

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease; }
  a:active {
    background: transparent; }

a[href^="tel:"] {
  color: inherit;
  text-decoration: none; }

strong {
  font-weight: 700; }

.fa {
  line-height: inherit; }

[class*='fa-']:before {
  font-family: "FontAwesome"; }

/* Absolute Center CSS Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#page {
    display: block;
}
/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#FFF;
  background-image:url("../images/loader_logo.jpg");
  background-position: center;
  background-repeat:no-repeat;  
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.6em;
  margin-left:-0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 3.0em 0 0 0, rgba(0, 0, 0, 0.75) 2.1em 2.1em 0 0, rgba(0, 0, 0, 0.75) 0 3.0em 0 0, rgba(0, 0, 0, 0.75) -2.1em 2.1em 0 0, rgba(0, 0, 0, 0.5) -3.0em 0 0 0, rgba(0, 0, 0, 0.5) -2.1em -2.1em 0 0, rgba(0, 0, 0, 0.75) 0 -3.0em 0 0, rgba(0, 0, 0, 0.75) 2.1em -2.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 3.0em 0 0 0, rgba(0, 0, 0, 0.75) 2.1em 2.1em 0 0, rgba(0, 0, 0, 0.75) 0 3.0em 0 0, rgba(0, 0, 0, 0.75) -2.1em 2.1em 0 0, rgba(0, 0, 0, 0.75) -3.0em 0 0 0, rgba(0, 0, 0, 0.75) -2.1em -2.1em 0 0, rgba(0, 0, 0, 0.75) 0 -3.0em 0 0, rgba(0, 0, 0, 0.75) 2.1em -2.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*=============    Support Classes    =================*/
.center {
  text-align: center; }

.mg-add {
  margin-top: 5px; }

.oh {
  overflow: hidden; }

.primary {
  color: #f91d15; }

.secondary {
  color: #78b907; }

/*====================================================
                      Main Layout
======================================================*/
.page {
  overflow: hidden;
  min-height: 500px; }
  .lt-ie9 .page {
    min-width: 1200px; }

h2 + .off1 {
  margin-top: 26px; }

h2 + .off2 {
  margin-top: 78px; }

h3 + .off1 {
  margin-top: 10px; }

.row + .off1 {
  margin-top: 57px; }

.row + .off2 {
  margin-top: 25px; }

.row + .off3 {
  margin-top: 40px; }

.icon + .off1 {
  margin-top: 25px; }

.lazy-img + .off1 {
  margin-top: 21px; }

p + .off1 {
  margin-top: 30px; }

p + .off2 {
  margin-top: 41px; }

/*========================================================
                     Components
=========================================================*/
/*========================   Menu   ==========================*/
.nav {
  text-align: center; }

.sf-menu {
  display: inline-block; }
  .sf-menu:before, .sf-menu:after {
    display: table;
    content: "";
    line-height: 0; }
  .sf-menu:after {
    clear: both; }
  .sf-menu > li {
    position: relative;
    float: left; }
    .sf-menu > li + li {
      margin-left: 56px; }

@media (max-width: 767px) {
  .sf-menu {
    display: none; } }
.sf-menu a {
  display: block; }

.sf-menu > li > a {
  color: #fff;
  text-transform: uppercase;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.active > a {
  color: #78b907; }

.sf-menu ul {
  display: none;
  text-align: left;
  position: absolute;
  top: 100%;
  width: 260px;
  margin-top: 10px;
  padding: 10px 0 10px;
  background: #252525;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sf-menu ul > li > a {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px 27px 5px 30px; }
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
  color: #ffffff;
  background: #f91d15; }

.sf-menu ul ul {
  position: static;
  top: 100%;
  margin-top: 0;
  padding: 0;
  z-index: 4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.sf-menu > li > .sf-with-ul {
  position: relative; }
  .sf-menu > li > .sf-with-ul:before {
    position: absolute;
    left: 50%;
    top: 67%;
    margin-left: -6px;
    content: '\f0d7';
    font: 400 16px/18px 'FontAwesome'; }

.sub-menu > li > .sf-with-ul {
  position: relative; }
  .sub-menu > li > .sf-with-ul:before {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    content: '\f054';
    font: 400 14px/14px 'FontAwesome'; }

.sfHover .sfHover .sf-with-ul:before, .sub-menu > li > .sf-with-ul:hover:before {
  content: '\f078'; }

/*==================  Select Menu  ======================*/
.select-menu {
  position: relative;
  display: none;
  margin: 0 auto;
  width: 420px;
  background: #e5e5e5 url("data:image/png;base64,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") no-repeat right center;
  overflow: hidden; }
  .select-menu .select {
    width: 440px;
    height: 30px;
    color: #282829;
    background-color: transparent;
    line-height: 30px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none; }
    .select-menu .select::-ms-expand {
      display: none; }
  @media (max-width: 767px) {
    .select-menu {
      display: block; } }
  @media (max-width: 479px) {
    .select-menu {
      width: 270px; }
      .select-menu .select {
        width: 290px; } }

/*==================  Stuck menu  ======================*/
.isStuck {
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  padding-bottom: 10px;
  border-bottom: 1px solid #333333; }
  .isStuck .brand, .isStuck .social-list {
    display: none; }
  .isStuck .nav {
    margin-top: 10px; }

@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important; } }
/*==================   Lazy Img    ======================*/
.lazy-img {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  background: white url(../images/lazy-loader.gif) no-repeat center center; }
  .lazy-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
    opacity: 0; }
    .lt-ie9 .lazy-img img {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0); }
  .lazy-img .lazy-loaded {
    opacity: 1; }
    .lt-ie9 .lazy-img .lazy-loaded {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=100); }

/*==================   Tumbnail    ======================*/
.thumb {
  display: block;
  position: relative;
  overflow: hidden; }
  .thumb img {
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease; }
  .thumb_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #78b907;
    color: white; }
    .lt-ie9 .thumb_overlay {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0); }
    .thumb_overlay:before {
      content: "\f065";
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      font: 400 36px "FontAwesome";
      line-height: 36px;
      margin-top: -18px;
      text-align: center; }
      .lt-ie9 .thumb_overlay:before {
        display: none; }
  .thumb:hover {
    background-image: none; }
    .thumb:hover .thumb_overlay {
      opacity: 0.8; }
      .lt-ie9 .thumb:hover .thumb_overlay {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
        filter: alpha(opacity=80); }
      .lt-ie9 .thumb:hover .thumb_overlay:before {
        display: block; }

/*==================     ToTop     ======================*/
.toTop {
  width: 60px;
  height: 60px;
  font-size: 30px;
  line-height: 60px;
  color: #fff;
  background: #f91d15;
  position: fixed;
  right: 66px;
  bottom: 80px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
  .toTop:hover {
    color: #fff;
    background: #78b907;
    text-decoration: none; }

@media only screen and (max-width: 1399px) {
  .toTop {
    display: none !important; } }
/*==================   Parallax    ======================*/
.parallax {
  background-position: center 0;
  background-repeat: no-repeat; }
  .mobile .parallax, .tablet .parallax {
    background-size: cover; }

.parallax1 {
  background: url(../images/layer1.png) bottom center no-repeat;
  position: absolute;
  top: 445px;
  width:100%;
  height:1500px;
}

.parallax2 {
  background: url(../images/layer2.png) top center no-repeat;
  position: absolute;
  top: 900px;
  width:100%;
  height:1700px;
}

.parallax3 {
  background: url(../images/layer3.png) top center no-repeat;
  position: absolute;
  top: 1600px;
  width:100%;
  height:1670px;
}

.termek10 {
  background: url(../images/sub/termek10.png) top center no-repeat;
  position: absolute;
  top: 245px;
  width:100%;
  height:900px;
}
.termek1 {
  background: url(../images/sub/termek1.png) top center no-repeat;
  position: absolute;
  top: 900px;
  width:100%;
  height:1363px;
}
.termek2 {
  background: url(../images/sub/termek2.png) top center no-repeat;
  position: absolute;
  top: 1700px;
  width:100%;
  height:1004px;
}
.termek3 {
  background: url(../images/sub/termek3.png) top center no-repeat;
  position: absolute;
  top: 2700px;
  width:100%;
  height:1000px;
}
.termek4 {
  background: url(../images/sub/termek4.png) top center no-repeat;
  position: absolute;
  top: 3400px;
  width:100%;
  height:1000px;
}
.termek5 {
  background: url(../images/sub/termek5.png) top center no-repeat;
  position: absolute;
  top: 4250px;
  width:100%;
  height:1000px;
}
.termek6 {
  background: url(../images/sub/termek6.png) top center no-repeat;
  position: absolute;
  top: 5000px;
  width:100%;
  height:1000px;
}
.termek7 {
  background: url(../images/sub/termek7.png) top center no-repeat;
  position: absolute;
  top: 5700px;
  width:100%;
  height:1000px;
}
.termek8 {
  background: url(../images/sub/termek8.png) top center no-repeat;
  position: absolute;
  top: 6400px;
  width:100%;
  height:1000px;
}
.termek9 {
  background: url(../images/sub/termek9.png) top center no-repeat;
  position: absolute;
  top: 6880px;
  width:100%;
  height:900px;
}


.parallax4 {
  background: url(../images/page-1.jpg) top center no-repeat;
  height:880px;
}

.parallax5 {
  background: url(../images/page-2.jpg) top center no-repeat;
  height:800px;
}
.parallax6 {
  background: url(../images/page-3.jpg) top center no-repeat;
  height:814px;
}
.parallax7 {
  background: url(../images/page-4.jpg) top center no-repeat #e4ebef;
  height:982px;
}
.parallax8 {
  background: url(../images/page-5.jpg) top center no-repeat;
  height:465px;
  margin-top:145px;
}
.parallax9 {
  background: url(../images/sub/uae_sub_back.jpg) top center repeat-y;
	background-size: contain;
  min-height:1000px;
  margin-top:145px;
}

@media (max-width: 767px) {
  .parallax {
    background-position: center 0 !important;
    background-size: cover; } }
/*==================  Info Window Background  ========================*/
.gm-wrapper {
  top: -10px !important; }
  .gm-wrapper div:first-child div + div + div + div {
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, 0.7) !important; }
  .gm-wrapper * {
    box-shadow: 0 0 0 #000 !important;
    background-color: transparent !important;
    border-color: transparent !important; }

/*==================  Info Window Styles  ========================*/
.gm-style-iw {
  text-align: center;
  width: 330px !important;
  height: 127px !important;
  right: 0;
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  color: #888;
  padding-top: 38px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible !important; }
  .gm-style-iw:after {
    content: '';
    width: 0;
    height: 0;
    top: 100%;
    margin-top: 17px;
    left: 50%;
    margin-left: -38px;
    border-style: solid;
    border-width: 28px 28px 0 28px;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    position: absolute; }
    .lt-ie9 .gm-style-iw:after {
      border-color: #000 transparent transparent transparent; }
  .gm-style-iw span {
    font-weight: bold;
    display: block;
    font-size: 34px;
    line-height: 41px;
    color: #Fff; }

/*========================================================
                    HEADER Section
=========================================================*/
.header{
	position:fixed;
	width:100%;
	height:160px;
	z-index:100;
	background: url("../images/header_bg.png") repeat-x top;
}
.header-keret{
	max-width:900px;
	margin:0px auto
}
.header-flag{
	float:left;
	max-width:165px;
	margin-top:40px;
	margin-bottom:10px;
}
.header-logo{
	width:145px;
	margin:40px auto;
}
.header_contact{
	position:relative;
	width:250px;
	top:-17px;
	right:-80px;
	float:right;
}
.header_contact a{
	margin:0px 0px 0px 20px;
	color:#000;
	font-size:12px;
}
.header_contact br{
	display:none;
}
.header-text{
	width:535px;
	margin:20px auto 0 auto;
}
.header-text2{
	display:none;
	width:535px;
	margin:100px auto 0 auto;
}
.header-back{
	position:fixed;
	width:80px;
	top:170px;
	left:50%;
	margin-left:440px;
	z-index:100;
}
.header.page2 {
  background: url("../images/page-1_slide02.jpg") no-repeat;
  padding-bottom: 50px; }
  .header.page2 .parallax1 {
    top: 500px; }
  .header.page2 .header_panel {
    text-align: center; }
.header_panel:before, .header_panel:after {
  display: table;
  content: "";
  line-height: 0; }
.header_panel:after {
  clear: both; }
.social a{
	margin: 0px 10px;
}
.social-btn{
	position: absolute;
	top:25px;
	right:50%;
	margin-right: -490px;
	width:130px;
}
.social-text{text-align: center;}
.social-facebook{}
.social-instagram{}
@media (max-width: 1199px) {
  .header .brand {
    margin-left: 20px; }
  .header .social-list {
    margin-right: 20px; }
  .header .sf-menu > li + li {
    margin-left: 40px; } }
@media (max-width: 979px) {
  .header .brand, .header .social-list {
    margin-top: 20px; }
  .header .nav {
    display: block;
    clear: both; }
  .header .sf-menu {
    margin-top: 20px; }
  .header .caption h2 {
    font-size: 190px;
    line-height: 140px; }
  .header .caption h3 {
    font-size: 100px;
    line-height: 80px; }
  .header .caption h3 + p {
    margin-top: 20px; } }
@media (max-width: 767px) {
  .header {
    text-align: center; }
    .header .nav {
      margin-top: 0;
      padding-top: 20px; }
    .header .caption {
      margin-top: 30px; }
      .header .caption p {
        padding: 0; }
      .header .caption h2 {
        font-size: 128px;
        line-height: 140px;
        letter-spacing: -2px; }
      .header .caption h3 {
        font-size: 92px;
        line-height: 56px; } }
@media (max-width: 479px) {
  .header .social-list {
    margin-top: 50px; }
  .header .caption h2 {
    font-size: 85px;
    line-height: 85px; }
  .header .caption h3 {
    font-size: 70px;
    line-height: 60px;
    letter-spacing: -5px; }
  .header .caption p {
    padding: 0;
    font-size: 13px; } }

.absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }

/*==================     Brand     ======================*/
.brand, .social-list, .nav {
  position: relative;
  z-index: 5; }

.brand {
  float: left;
  margin: 50px 0 0 50px; }
  .brand_name a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-top: 34px;
    width: 135px;
    height: 135px;
    text-align: center;
    color: #ffffff;
    background: #78b907;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2; }
    .brand_name a:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 70px;
      background: #f91d15;
      z-index: -1; }

/*.social-list {
  float: right;
  margin: 75px 50px 0 0; }
  .social-list li {
    display: inline-block; }
    .social-list li + li {
      margin-left: 10px; }
  .social-list a {
    display: inline-block;
    width: 84px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    font-size: 40px;
    background: #282829;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .social-list a:hover {
      background: #78b907; }*/
  @media (max-width: 479px) {
    .social-list a {
      width: 60px;
      height: 60px;
      line-height: 60px;
      font-size: 28px; }
    .social-list li + li {
      margin-left: 3px; } }

.nav {
  margin-top: 104px;
  display: inline-block; }

.caption {
  margin-top: 154px;
  text-align: center;
  z-index: 0; }
  .caption h2 {
    color: #ffffff;
    letter-spacing: -17.4px; }
    .caption h2 .green {
      color: #78b907;
      font-size: inherit;
      font-weight: inherit; }
  .caption h3 {
    letter-spacing: -9.6px;
    color: #f91d15; }
  .caption h3 + p {
    margin-top: 29px; }
  .caption p {
    color: #ffffff;
    padding: 0 70px; }
  @media (max-width: 1500px) {
    .caption {
      margin-top: 60px; }
      .caption h2 {
        font-size: 230px;
        line-height: 170px; }
      .caption h3 {
        font-size: 120px;
        line-height: 80px; } }

/*========================================================
                    CONTENT Section 
=========================================================*/




/*==================      Well     ======================*/
.well {
  padding-top: 95px;
  padding-bottom: 92px; }

.well2 {
  padding-top: 86px;
  padding-bottom: 92px; }

/*==================      Price     ======================*/
.price {
  display: inline-block;
  width: 107px;
  height: 107px;
  line-height: 107px;
  text-align: center;
  font-size: 69px;
  font-weight: 700;
  color: #ffffff;
  background: #f91d15;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
  .price span {
    font-size: 33px;
    line-height: 90px; }

/*==================      Menu item     ======================*/

.side-menu {
	position:fixed;
	right:15px;
	top:45%;
}
  
    .side-menu li {
      margin: 5px 0px; }
  .side-menu a {
    display: inline-block;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 25px;
    background: #282829;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .side-menu a:hover {
      background: #78b907; }


.menu-item {
  text-align: center; }
  .menu-item p {
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease; }
  .menu-item .price {
    position: absolute;
    top: 33px;
    left: 17px; }
  .menu-item img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .menu-item .thumb-caption + p {
    margin-top: 23px;
    padding: 0 70px; }
  @media (min-width: 768px) and (max-width: 1199px), (max-width: 479px) {
    .menu-item .price {
      top: -30px;
      left: -2px; } }
  @media (min-width: 768px) and (max-width: 1199px), (max-width: 479px) {
    .menu-item .thumb-caption + p {
      padding: 0; } }
  .menu-item:hover > p {
    color: #ffffff; }

/*==================      Thumnail caption     ======================*/
.thumb-caption {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  text-align: center; }
  .thumb-caption .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 0;
    width: 0;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    background: rgba(120, 185, 7, 0.8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: white; }
    .lt-ie9 .thumb-caption .overlay {
      background: none;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC78B907', endColorstr='#CC78B907')";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC78B907', endColorstr='#CC78B907');
      zoom: 1; }
    .lt-ie9 .thumb-caption .overlay {
      display: none; }
  .thumb-caption .hover {
    opacity: 0;
    position: absolute;
    padding: 128px 50px 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2; }
    .lt-ie9 .thumb-caption .hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0); }
  .thumb-caption:hover {
    background-image: none; }
    .thumb-caption:hover .hover {
      opacity: 1; }
      .lt-ie9 .thumb-caption:hover .hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=100); }
    .thumb-caption:hover .overlay {
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
      .lt-ie9 .thumb-caption:hover .overlay {
        display: block; }
  @media (min-width: 980px) and (max-width: 1199px) {
    .thumb-caption .hover {
      padding-top: 50px; } }
  @media (min-width: 768px) and (max-width: 979px), (max-width: 479px) {
    .thumb-caption .hover {
      padding: 60px 10px 0;
      font-size: 12px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .thumb-caption {
      display: inline-block; } }

/*==================      Backgrounds     ======================*/
.bg {
  background: #212121; }
  .bg h2 {
    color: #ffffff; }

.bg-content2 {
  background: black url("../images/bg-content.jpg") no-repeat 0 -880px; }

.bg-content-wr {
  background: black url("../images/bg-content2.jpg") no-repeat 0 bottom;
  padding-bottom: 137px; }

.bg-content {
  background: black url("../images/bg-content.jpg") no-repeat 0 0; }
  @media (max-width: 767px) {
    .bg-content {
      background-image: none; } }

  @media (max-width: 1600px) {
     }
  .lt-ie9 .parallax1 {
    display: none; }

/*==================     Member Box      ======================*/
.member-box {
  text-align: center; }
  .member-box img, .member-box .lazy-img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .member-box p {
    padding: 0 30px;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease; }
    @media (min-width: 768px) and (max-width: 979px), (max-width: 479px) {
      .member-box p {
        padding: 0; } }
  .member-box:hover p {
    color: #ffffff; }

/*==================    Icons    ======================*/
.icon {
  display: inline-block;
  width: 208px;
  height: 208px;
  line-height: 208px;
  text-align: center;
  font-size: 94px;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #78b907; }
  .icon:hover {
    background: #f91d15; }

.video {
  width: 100%;
  height: 410px; }
  @media (max-width: 479px) {
    .video {
      height: 200px; } }

/*==================    Buttons    ======================*/
.btn {
  position: relative;
  display: inline-block;
  padding: 11px 30px 11px 30px;
  line-height: 30px;
  color: #ffffff;
  background: #78b907;
  font-weight: 400;
  font-size: 21px;
  text-transform: uppercase; }
  .btn:after {
    content: '\f019';
    display: inline-block;
    margin-left: 10px;
    font: 400 40px/30px "FontAwesome";
    color: #ffffff; }
  .btn:hover {
    background: #f91d15; }
  @media (max-width: 479px) {
    .btn {
      padding: 11px 10px;
      font-size: 18px; }
      .btn:after {
        font-size: 30px; } }

.btn__mod {
  padding: 15px 30px; }
  .btn__mod:after {
    display: none; }

.btn__skin2 {
  background: #f91d15; }
  .btn__skin2:hover {
    background: #78b907; }

.btn + .row {
  margin-top: 50px; }

/*==================  Blog Box  ======================*/
.blog-box .meta a {
  color: #f91d15; }
  .blog-box .meta a:hover {
    text-decoration: underline; }
.blog-box .meta span {
  color: #78b907; }
.blog-box .meta + p {
  margin-top: 10px; }
.blog-box .row + h3 {
  margin-top: 25px; }
.blog-box p + .btn {
  margin-top: 41px; }
.blog-box + .blog-box {
  margin-top: 95px; }

/*==================   Address    ======================*/
.addr {
  margin-top: 24px; }
  .addr dl dt, .addr dl dd {
    display: inline-block; }
  .addr dl dt {
    min-width: 90px; }
  .addr a {
    color: #f91d15; }
    .addr a:hover {
      text-decoration: underline; }

/*==================    Map    ======================*/
.map {
  height: 480px; }
  .map img {
    max-width: none !important; }
  @media (max-width: 767px) {
    .map {
      height: 250px; } }
  @media (max-width: 479px) {
    .map {
      height: 200px; } }

.map2 {
  height: 611px; }
  .map2 img {
    max-width: none !important; }
  @media (max-width: 767px) {
    .map2 {
      height: 250px; } }
  @media (max-width: 479px) {
    .map2 {
      height: 200px; } }

.policy-box + .policy-box {
  margin-top: 54px; }

/*========================================================
                     FOOTER Section
=========================================================*/
.footer {
  text-align: center;
  color:#000;
  margin:20px 0;
}

.copyright {
  font-size: 15px;
  color: #b6b6b6; }
  .copyright a:hover {
    text-decoration: underline; }

#popup2, #popup3{
	display:none;
}
#popup{
	position:fixed;
	top:150px;
	left:50%;
	display:none;
	height: 563px;
	width: 1000px;
	margin-left:-500px;
	z-index: 9999;
}
#popup-background{
	display:none;
	height: 100%;
	left: 0px;
	opacity: 0.8;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9998;
	cursor: pointer;
	background-color: rgb(0, 0, 0);
}
nav{
	display:none;
}
.active span{
	display:block!important;
}
nav .menu-toggle {
	cursor:pointer;
	display:none;
	float:left;
	padding:12px;
	margin:10px 0 10px 80px;
	background-color:#CCC;
}
@media screen and (max-width: 1200px) {


}

@media screen and (max-width: 1025px) {
.parallax1, .parallax2, .parallax3 {
  display:none;
}
.header_contact{
	top: 10px;
	right: 10px;
}
.social-btn{
	position: absolute;
	top:5px;
	right:60px;
	margin-right: 0px;
}
nav .menu-toggle {
	display:inline-block;
}
nav .icon-bar {
	background:#fff;
	display:block;
	width:22px;
	height:2px;
}
nav .icon-bar+ .icon-bar {
	margin-top: 4px;
}
.menu .active span{
	display:none!important;
}
nav {
	display:block;
	position:fixed;
	float:right;
	top:0px;
	right:10px;
	z-index:120;
}
nav .menu{
	clear:both;
}
nav .menu > ul { float: none; }
nav .menu li {
	max-width:600px;
	width:100%;
	float:none;
	background: #e2e2e2;
}
nav .menu li a,
nav .menu li a:hover,
nav .menu li a.active {  color:#000; }
.menu ul li {
	padding:5px;
	border-bottom:1px solid #000;
}
.side-menu {
	display:none;
}
.header{
	position:fixed;
	text-align: center;
	width:100%;
	height:88px;
	z-index:100;
	background: url("../images/header_bg.png") repeat-x bottom;
}
.header-flag{
	margin-top:-2px;
	width:255px;
}
.header-logo{
	margin:10px auto 0 auto;
}
.header_contact br{
	display:none;
}
.header-text{
	display:none;
}
.header-text2{
	display:block;
	padding-top:10px;
}
.header-text2 p{
	text-align:center;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:10px;
}
.parallax4 {
  background: url("../images/page-1_1025x1220.jpg") top center no-repeat;
  height:1220px;
  padding-top:0px;
  margin-top:0px;
}
.parallax5 {
  background: url("../images/page-2_1025x797.jpg") top center no-repeat;
  height:797px;
}
.parallax6 {
  background: url("../images/page-3_1025x614.jpg") top center no-repeat;
  height:614px;
}
.parallax7 {
  height:800px;
}
.parallax8 {
  margin-top:30px;
}
.parallax9 {
  margin-top:10px;
}
#popup2{
	display:none;
}
#popup3{
	display:block;
	width:530px;
	margin:300px auto 0 auto;
}

}

@media screen and (max-width: 767px) {
.header{
	position:fixed;
	width:100%;
	height:88px;
	z-index:100;
	background: url("../images/header_bg.png") repeat-x bottom;
}
.header-flag{
	margin-top: 16px;
	width:120px;
}
.header-logo{
	margin:10px auto 0 auto;
}
.header_contact br{
	display:none;
}
.header_contact a{
	font-size:10px;
}
.header-text{
	display:none;
}
.header-text2{
	display:block;
}
.header-text2 p{
	text-align:center;
	font-size:23px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:10px;
}
.parallax4 {
  height:920px;
  padding-top:0px;
  margin-top:0px;
}
.parallax5 {
  height:678px;
}
.parallax6 {
  height:583px;
}
.parallax7 {
  height:750px;
}
#popup2{
	display:none;
}
#popup3{
	display:block;
	width:530px;
	margin:250px auto 0 auto;
}
}

@media screen and (max-width: 500px) {
nav .menu-toggle {
	display:inline-block;
	cursor:pointer;
	float:left;
	padding:12px;
	margin:10px 0 10px 80px;
	background-color:#CCC;
}
nav .icon-bar {
	background:#fff;
	display:block;
	width:22px;
	height:2px;
}
nav .icon-bar+ .icon-bar {
	margin-top: 4px;
}
.social-btn{
	position: absolute;
	top:45px;
	right:50%;
	margin-right: -70px;
	transform: scale(0.7);
}
.menu .active span{
	display:none!important;
}
nav {
	display:block;
	position:fixed;
	float:right;
	top:0px;
	right:10px;
	z-index:120;
}
nav .menu{
	clear:both;
}
nav .menu > ul { float: none; }
nav .menu li {
	max-width:600px;
	width:100%;
	float:none;
	background: #e2e2e2;
}
nav .menu li a,
nav .menu li a:hover,
nav .menu li a.active {  color:#000; }
.menu ul li {
	padding:5px;
	border-bottom:1px solid #000;
}
.side-menu {
	display:none;
}
.header{
	position:fixed;
	width:100%;
	height:100px;
	z-index:100;
	background: url("../images/header_bg.png") repeat-x bottom;
}
.header-flag{
	margin-top:28px;
	width:120px;
}
.header-logo{
	margin:10px auto 0 auto;
	width:80px;
}
.header_contact{
	width:220px;
	text-align:right;
	margin-top:20px;
}

.header_contact a{
	margin:0px 5px 0px 10px;
}
.header-text{
	display:none;
}
.header-text2{
	display:block;
	max-width:464px;
	width:auto;
}
.header-text2 p{
	text-align:center;
	font-size:23px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:10px;
}
.parallax4 {
  background: url("../images/page-1_480x890.jpg") top center no-repeat;
  height:820px;
  padding-top:0px;
  margin-top:0px;
}
.parallax5 {
  background: url("../images/page-2_480x678.jpg") top center no-repeat;
  height:678px;
}
.parallax6 {
  background: url("../images/page-3_480x433.jpg") top center no-repeat;
  height:433px;
}
.parallax7 {
  height:630px;
}
#popup2{
	display:block;
	width:300px;
	margin:200px auto 0 auto;
}
#popup3{
	display:none;
}

}