/* CSS Document */
html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative; }

section {
  width: 100%;
  color: #000000; }

form {
  width: 100%;
  height: 100%; }

a {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

a, a img {
  text-decoration: none;
  outline: none;
  border: none; }

.clr {
  clear: both;
  height: 0; }

::-webkit-input-placeholder {
  color: #000000;
  font-style: italic; }

:-moz-placeholder {
  color: #000000;
  font-style: italic; }

::-moz-placeholder {
  color: #000000;
  font-style: italic; }

:-ms-input-placeholder {
  color: #000000;
  font-style: italic; }

::selection {
  background: #e4cfa7; }

::-moz-selection {
  background: #e4cfa7; }

body, input, textarea, select, option {
  font-family: 'Futura Lt BT', sans-serif;
  color: #636466; }

*, *:after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  outline: none; }

@font-face {
  font-family: 'Futura Hv BT';
  src: local("Futura Heavy BT"), local("FuturaBT-Heavy"), url("fonts/FuturaBT-Heavy.woff2") format("woff2"), url("fonts/FuturaBT-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Futura Lt BT';
  src: local("Futura Light Italic BT"), local("FuturaBT-LightItalic"), url("fonts/FuturaBT-LightItalic.woff2") format("woff2"), url("fonts/FuturaBT-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Futura Lt BT';
  src: local("Futura Light BT"), local("FuturaBT-Light"), url("fonts/FuturaBT-Light.woff2") format("woff2"), url("fonts/FuturaBT-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Lovelo-Black';
  src: url("fonts/Lovelo-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Lovelo-Black.woff") format("woff"), url("fonts/Lovelo-Black.ttf") format("truetype"), url("fonts/Lovelo-Black.svg#Lovelo-Black") format("svg");
  font-weight: normal;
  font-style: normal; }

.mobile-menu-open, .mobile-menu {
  display: none; }

nav {
  width: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 70px;
  z-index: 9; }
  nav ul {
    padding: 25px 0;
    width: 100%;
    text-align: center; }
    nav ul li {
      display: inline-block;
      margin: 0 30px; }
      nav ul li:last-child {
        margin-right: 0; }
      nav ul li a {
        color: #636466;
        font-size: 22px; }

section h2 {
  font-size: 48px;
  letter-spacing: 13px;
  text-align: center;
  padding: 90px 0 30px 0;
  font-weight: 300; }

#mainScreen {
  height: 100%;
  background: url(../images/leafs.jpg) no-repeat center;
  background-size: cover; }
  #mainScreen .mainScreen-img {
    width: 23%;
    margin: 0 auto;
    padding-top: 11%;
    font-family: 'Lovelo-Black'; }
    #mainScreen .mainScreen-img img {
      width: 100%;
      display: block;
      margin: 0 auto; }
    #mainScreen .mainScreen-img strong {
      display: block;
      text-align: center;
      color: #1d1d1b;
      padding: 40px 0 15px;
      font-size: 34px; }
    #mainScreen .mainScreen-img span {
      display: block;
      text-align: center;
      color: #4d4d4d; }

#secondScreen {
  height: 100%;
  background: url(../images/car.jpg) no-repeat bottom center;
  background-size: cover;
  position: relative; }
  #secondScreen .text-area {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-family: 'Lovelo-Black';
    background: rgba(255, 255, 255, 0.5);
    padding: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); }
    #secondScreen .text-area h2 {
      color: #000000;
      font-size: 40px;
      letter-spacing: 6px;
      padding: 0 0 40px 0; }
    #secondScreen .text-area p {
      font-size: 26px;
      position: relative; }
    #secondScreen .text-area img {
      display: block;
      width: 100%;
      max-width: 670px;
      margin: auto; }
    #secondScreen .text-area:before {
      width: 18%;
      padding-top: 18%;
      display: block;
      position: absolute;
      content: "";
      background: url(../images/decor.png) no-repeat center;
      background-size: 100% auto;
      top: -9%;
      left: -9%; }
    #secondScreen .text-area:after {
      width: 18%;
      padding-top: 18%;
      display: block;
      position: absolute;
      content: "";
      background: url(../images/decor.png) no-repeat center;
      background-size: 100% auto;
      bottom: -10%;
      right: -7%;
      transform: rotate(180deg); }

#thirdScreen {
  padding: 2% 0 0 0; }
  #thirdScreen .item-upper {
    width: 80%;
    margin: 0 auto;
    overflow: hidden; }
    #thirdScreen .item-upper .left {
      width: 50%;
      float: left;
      border-right: 1px solid #787878; }
      #thirdScreen .item-upper .left h2 {
        padding: 15px 0;
        font-size: 28px;
        letter-spacing: 4px; }
      #thirdScreen .item-upper .left .item-upper-form {
        pointer-events: none;
        width: 60%;
        margin: 0 auto;
        display: block;
        margin-top: 3%; }
        #thirdScreen .item-upper .left .item-upper-form input[type="text"] {
          width: 100%;
          padding: 20px;
          border: 1px solid #787878; }
		#thirdScreen .item-upper .left .item-upper-form input[type="tel"] {
          width: 100%;
          padding: 20px;
          border: 1px solid #787878; }  
        #thirdScreen .item-upper .left .item-upper-form input[type="checkbox"] {
          margin: 15px 0;
          float: left; }
		  
		  #thirdScreen .item-upper .left .item-upper-form .inputError {border:1px solid #ff0000!important;}
		  .radiovalidate {position: absolute;left:-33px;top: 8px;}
		  .contact-error {display:none!important}
		  
        #thirdScreen .item-upper .left .item-upper-form label {
          margin-top: 15px;
          display: block;
          margin-left: 19px;
          text-align: left;
          font-style: italic; }
          #thirdScreen .item-upper .left .item-upper-form label a {
            color: #000000;
            text-decoration: underline; }
        #thirdScreen .item-upper .left .item-upper-form .button {
          padding: 12px;
          border: 1px solid #5e5e5e;
          width: 28%;
          float: right;
          margin-top: 20px;
          position: relative;
          background: #ffffff;
          cursor: pointer;
          -webkit-box-shadow: 8px 10px 0px 0px #e5e5e5;
          -moz-box-shadow: 8px 10px 0px 0px #e5e5e5;
          box-shadow: 8px 10px 0px 0px #e5e5e5; }
        #thirdScreen .item-upper .left .item-upper-form .alert {
          display: block;
          color: #ff0000;
          padding: 15px 0 0 15px; }
    #thirdScreen .item-upper .right {
      width: 40%;
      background: #f3f3f3;
      float: right;
      padding: 40px 70px;
      color: #000000;
      margin-top: 75px; }
      #thirdScreen .item-upper .right strong {
        display: block;
        font-size: 30px; }
      #thirdScreen .item-upper .right img {
        width: 18%;
        float: left; }
      #thirdScreen .item-upper .right p {
        padding-top: 50px;
        font-size: 30px; }
  #thirdScreen .item-lower {
    width: 80%;
    display: block;
    margin: 5% auto; }
    #thirdScreen .item-lower .left {
      width: 100%;
      height: 400px; }
    #thirdScreen .item-lower .right {
      width: 100%;
      color: #000000;
      margin-top: 2%;
      text-align: center; }
      #thirdScreen .item-lower .right .address {
        letter-spacing: 4px;
        margin-bottom: 10%;
        font-size: 20px; }

        .contentSlider{width: 80%; margin:auto;}
.contentSlider .owl-prev{display: block; position: absolute; left: -70px; margin-top: -30px; top:50%; width: 31px; height: 56px; background:url(../images/leftArrow.png) no-repeat;}
.contentSlider .owl-next{display: block; position: absolute; right: -70px; margin-top: -30px; top:50%; width: 31px; height: 56px; background:url(../images/rightArrow.png) no-repeat;}
.imgList{width: 100%;}
.imgItem{width: 25%; float: left; padding: 5px;}
.imgItem img{display: block; width: 100%; height: auto;}

.videoItem{width: 100%; height: auto; display: block;}

.txt{ text-align: center;}
.txt strong{display: block; color: #636466; font-size: 20px; padding: 50px 0; letter-spacing: 2px;}
.txt span{display: inline-block; color: #636466; font-size: 18px; background: url(../images/leaf.png) no-repeat left center; padding:0 30px; line-height: 1.5;}


@media screen and (max-width: 1366px) {
  section h2 {
    font-size: 40px; }
  nav {
    top: 40px; }
    nav ul li {
      margin: 0 15px; }
  #secondScreen .text-area p {
    font-size: 18px; }
  #secondScreen .text-area img {
    width: 80%; }
  #thirdScreen .item-upper .right strong {
    font-size: 24px; }
  #thirdScreen .item-upper .right p {
    font-size: 24px; } }

@media screen and (max-width: 1024px) {
	.imgItem {
    width: 50%;
}

  #contentSlider .owl-next {
    right: -10%; }
  #contentSlider .owl-prev {
    left: -10%; }
	
	
  .mobile-menu-open {
    display: block;
    position: absolute;
    right: 3%;
    top: 3%;
    width: 7%;
    padding: 5px; }
    .mobile-menu-open span {
      width: 100%;
      height: 9px;
      background: #626366;
      display: block;
      margin: 6px 0; }
  .mobile-menu {
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: fixed;
    z-index: 9;
    font-size: 24px;
    text-align: center;
    right: -100%;
    display: block; }
    .mobile-menu .close {
      position: absolute;
      right: 20px;
      top: 20px; }
    .mobile-menu ul {
      margin-top: 30%; }
      .mobile-menu ul li {
        margin: 30px 0; }
        .mobile-menu ul li a {
          color: #5e5e5e; }
  nav {
    display: none; }
  section {
    height: auto; }
  nav ul li {
    margin-right: 50px; }
  #mainScreen .mainScreen-img {
    width: 75%;
    padding-top: 5%; }
  #secondScreen {
    padding-bottom: 10%;
    padding-top: 0; }
    #secondScreen .text-area p {
      font-size: 18px; } }

@media screen and (max-width: 768px) {
  .mobile-menu-open span {
    height: 6px; }
  .mobile-menu-open {
    width: 9%; }
    .mobile-menu-open span {
      height: 3px;
      margin: 3px 0; }
  #mainScreen .mainScreen-img {
    padding-top: 15%; }
  #mainScreen .mainScreen-img span {
    font-size: 14px; }
  section h2 {
    padding: 60px 0 30px 0; }
  #secondScreen {
    padding-bottom: 15%; }
    #secondScreen .text-area {
      width: 80%;
      padding: 30px; }
      #secondScreen .text-area h2 {
        font-size: 22px; }
      #secondScreen .text-area p {
        font-size: 14px; }
  #thirdScreen {
    padding: 25px; }
    #thirdScreen .item-upper {
      width: 100%;
      margin: 0 auto;
      overflow: hidden; }
      #thirdScreen .item-upper .left {
        width: 100%;
        float: none;
        border: none;
        border-bottom: 1px solid #787878; }
        #thirdScreen .item-upper .left .item-upper-form {
          width: 100%; }
      #thirdScreen .item-upper .right {
        width: 100%;
        background: #f3f3f3;
        float: right;
        padding: 25px;
        color: #000000;
        margin-top: 75px; }
        #thirdScreen .item-upper .right strong {
          display: block;
          font-size: 20px; }
        #thirdScreen .item-upper .right p {
          padding-top: 50px;
          font-size: 20px; }
    #thirdScreen .item-lower {
      width: 100%;
      display: block;
      margin: 0;
      padding: 25px 0; }
      #thirdScreen .item-lower .left {
        width: 100%;
        height: 400px; }
      #thirdScreen .item-lower .right {
        width: 100%;
        color: #000000;
        margin-top: 25px;
        text-align: center; }
        #thirdScreen .item-lower .right .address {
          letter-spacing: 4px;
          margin-bottom: 10%;
          font-size: 20px; } }

		  
		  
.ajaxloader { width: 80px; text-align: center; margin: auto; }
.bubblingG { text-align: center; width: 80px; height: 50px; }
.bubblingG span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 25px auto; background: #173c6e; -moz-border-radius: 50px; -moz-animation: bubblingG 1.3s infinite alternate; -webkit-border-radius: 50px; -webkit-animation: bubblingG 1.3s infinite alternate; -ms-border-radius: 50px; -ms-animation: bubblingG 1.3s infinite alternate; -o-border-radius: 50px; -o-animation: bubblingG 1.3s infinite alternate; border-radius: 50px; animation: bubblingG 1.3s infinite alternate; }
#bubblingG_1 { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }
#bubblingG_2 { -moz-animation-delay: 0.39s; -webkit-animation-delay: 0.39s; -ms-animation-delay: 0.39s; -o-animation-delay: 0.39s; animation-delay: 0.39s; }
#bubblingG_3 { -moz-animation-delay: 0.78s; -webkit-animation-delay: 0.78s; -ms-animation-delay: 0.78s; -o-animation-delay: 0.78s; animation-delay: 0.78s; }
.radiovalidate { POSITION: ABSOLUTE; right: -3px; top: 6px; width: 24px; }
.izin { margin: 5px auto; width: 140px; }
@-moz-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
-moz-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
-moz-transform:translateY(-21px)
}
}
@-webkit-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
-webkit-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
-webkit-transform:translateY(-21px)
}
}
@-ms-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
-ms-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
-ms-transform:translateY(-21px)
}
}
@-o-keyframes bubblingG {
 0% {
width:10px;
 height:10px;
background-color:#173c6e;
-o-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
-o-transform:translateY(-21px)
}
}
@keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
transform:translateY(-21px)
}
}