@font-face {
  font-family: 'Gotham-Book';
  src: url("../fonts/Gotham-Book");
  src: url("../fonts/Gotham-Book/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book/Gotham-Book.otf") format("otf"), url("../fonts/Gotham-Book/Gotham-Book.svg") format("svg"), url("../fonts/Gotham-Book/Gotham-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url("../fonts/Gotham-Medium");
  src: url("../fonts/Gotham-Medium/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Medium/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham-Medium/Gotham-Medium.otf") format("otf"), url("../fonts/Gotham-Medium/Gotham-Medium.svg") format("svg"), url("../fonts/Gotham-Medium/Gotham-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Black';
  src: url("../fonts/Gotham-Black");
  src: url("../fonts/Gotham-Black/Gotham-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Black/Gotham-Black.woff") format("woff"), url("../fonts/Gotham-Black/Gotham-Black.woff2") format("woff2"), url("../fonts/Gotham-Black/Gotham-Black.otf") format("otf"), url("../fonts/Gotham-Black/Gotham-Black.svg") format("svg"), url("../fonts/Gotham-Black/Gotham-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url("../fonts/Gotham-Bold");
  src: url("../fonts/Gotham-Bold/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold/Gotham-Bold.otf") format("otf"), url("../fonts/Gotham-Bold/Gotham-Bold.svg") format("svg"), url("../fonts/Gotham-Bold/Gotham-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Light';
  src: url("../fonts/Gotham-Light");
  src: url("../fonts/Gotham-Light/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Light/Gotham-Light.woff") format("woff"), url("../fonts/Gotham-Light/Gotham-Light.woff2") format("woff2"), url("../fonts/Gotham-Light/Gotham-Light.otf") format("otf"), url("../fonts/Gotham-Light/Gotham-Light.svg") format("svg"), url("../fonts/Gotham-Light/Gotham-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.padding0 {
  padding: 0 !important;
}

.paddingL {
  padding-left: 0 !important;
}

.paddingR {
  padding-right: 0 !important;
}

.clear {
  clear: both;
}

.ort1 {
  display: table;
  height: 100%;
  overflow: hidden;
  margin: 0px auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.ort2 {
  display: table-cell;
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6, ul, p {
  margin: 0;
  padding: 0;
}

li {
  list-style: none !important;
}

a, a:focus, a:hover {
  text-decoration: none !important;
}

input {
  outline: none;
}

input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

body {
  background: #dde9ec;
  overflow: hidden;
  overflow-y: scroll;
}

body.white {
  background: #fff;
}

header {
  width: 100%;
  height: 200px;
  position: absolute;
  z-index: 11;
  background: -webkit-linear-gradient(bottom, #287a84, rgba(35, 122, 132, 0));
  background: -o-linear-gradient(bottom, #287a84, rgba(35, 122, 132, 0));
  background: -moz-linear-gradient(bottom, #287a84, rgba(35, 122, 132, 0));
  background: linear-gradient(to bottom, #287a84, rgba(35, 122, 132, 0));
}

.slider {
  width: 100%;
  height: 850px;
  float: left;
  overflow: hidden;
  position: relative;
}
.slider .owl-item .item {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.slider .owl-item .item .ort1 {
  width: 100%;
}
.slider .owl-item .item img {
  width: auto;
  float: left;
}
.slider .owl-item.active .item img {
  -webkit-animation: moveUp 1s ease-in-out both;
  -moz-animation: moveUp 1s ease-in-out both;
  -o-animation: moveUp 1s ease-in-out both;
  -ms-animation: moveUp 1s ease-in-out both;
  animation: moveUp 1s ease-in-out both;
}
.slider .owl-controls {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 70px;
}
.slider .owl-controls .owl-dots {
  float: left;
}
.slider .owl-controls .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  float: left;
  clear: both;
  margin-bottom: 12px;
  background: rgba(255, 255, 255, 0.5);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slider .owl-controls .owl-dots .owl-dot.active {
  background: white;
}
.slider .owl-controls .owl-nav {
  display: none;
}

@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateX(-40px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-moz-keyframes moveUp {
  0% {
    -moz-transform: translateX(-40px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}
@-o-keyframes moveUp {
  0% {
    -o-transform: translateX(-40px);
    opacity: 0;
  }

  100% {
    -o-transform: translateX(0px);
    opacity: 1;
  }
}
@-ms-keyframes moveUp {
  0% {
    -ms-transform: translateX(-40px);
    opacity: 0;
  }

  100% {
    -ms-transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes moveUp {
  0% {
    transform: translateX(-40px);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
.slider .owl-stage, .slider .owl-stage-outer, .slider .owl-carousel, .slider .owl-item, .slider .owl-wrapper-outer, .slider .owl-wrapper {
  height: 100%;
}

.headerLeft a {
  float: left;
  margin-top: 40px;
}

.headerRight .ort1 {
  overflow: auto;
}

.hrTop {
  float: right;
  clear: both;
  margin-top: 44px;
}

.headerSocail {
  float: left;
  margin-right: 30px;
}
.headerSocail li {
  float: left;
  position: relative;
  margin-right: 23px;
}
.headerSocail li a {
  float: left;
  font-size: 24px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.headerSocail li .popInfo {
  position: absolute;
  left: -24px;
  z-index: 9;
  display: none;
  top: 25px;
}
.headerSocail li .popInfo .popInfoArea {
  width: 175px;
  height: 37px;
  position: relative;
  line-height: 37px;
  text-align: center;
  background: #fff;
  float: left;
  margin-top: 25px;
  border-radius: 40px;
  font-family: "Gotham-Bold";
  color: #0f767d;
  font-size: 14px;
}
.headerSocail li .popInfo .popInfoArea a {
  color: #0f767d;
  color: #0f767d;
  font-size: 14px;
  width: 100%;
  float: left;
  text-align: center;
}
.headerSocail li .popInfo .popInfoArea:before {
  content: "";
  width: 9px;
  height: 9px;
  background: #fff;
  position: absolute;
  top: -4.5px;
  left: 30px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.headerSocail li:last-child {
  margin-right: 0;
}
.headerSocail li:hover a {
  color: #7fbc47;
}
.headerSocail li:hover .popInfo {
  display: block;
}

.lang {
  width: 67px;
  height: 34px;
  float: left;
  position: relative;
  border: 2px solid #fff;
  border-radius: 20px;
  margin-top: 0;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  cursor: pointer;
}
.lang a.firsLang {
  width: 100%;
  height: 100%;
  float: left;
}
.lang .s1 {
  float: left;
  font-family: "Gotham-Bold";
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  margin-left: 14px;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}
.lang .s2 {
  float: right;
  margin-right: 14px;
  color: #fff;
  font-size: 16px;
  margin-top: 4px;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}
.lang ul {
  width: 67px;
  position: absolute;
  z-index: 9;
  left: -2px;
  top: 22px;
  background: #fff;
  padding-top: 0;
  padding-bottom: 5px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}
.lang ul li {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}
.lang ul li a {
  width: 100%;
  float: left;
  text-indent: 16px;
  font-family: "Gotham-Bold";
  font-size: 14px;
  color: #0f767d;
}
.lang ul li:hover a {
  color: #7fbc47;
}

.lang:hover {
  background: #fff;
  border-radius: 0;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.lang:hover .s1 {
  color: #0f767d;
}
.lang:hover .s2 {
  color: #0f767d;
}
.lang:hover ul {
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  visibility: visible;
  opacity: 1;
  top: 32px;
}

.searchRight {
  float: right;
  margin-top: 12px;
  margin-left: 30px;
}
.searchRight .searchClick {
  width: 18px;
  height: 18px;
  float: left;
  background: url(../img/ico/search.png) no-repeat;
  background-size: 18px;
}

.searchArea {
  width: 100%;
  height: 525px;
  position: absolute;
  top: -525px;
  left: 0;
  z-index: 11;
  background: rgba(15, 118, 125, 0.95);
  -webkit-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.searchContent {
  width: 100%;
  float: left;
  padding-top: 83px;
}

.scTop {
  width: 100%;
  float: left;
}

.scTopLeft {
  width: 54px;
  height: 54px;
  background: url(../img/ico/search2.png) no-repeat;
  float: left;
  margin-right: 30px;
}

.scTMiddle {
  width: 873px;
  float: left;
}
.scTMiddle input[type="text"] {
  width: 760px;
  height: 54px;
  float: left;
  outline: none;
  border: none;
  background: none !important;
  font-size: 36px;
  font-family: "Gotham-Light";
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  color: #fff;
}
.scTMiddle input[type="text"]:-moz-placeholder {
  font-family: "Gotham-Light";
  font-size: 36px;
  font-family: "Gotham-Book";
  color: #76afb6;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.scTMiddle input[type="text"]::-moz-placeholder {
  font-family: "Gotham-Light";
  font-size: 36px;
  font-family: "Gotham-Book";
  color: #76afb6;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.scTMiddle input[type="text"]::-webkit-input-placeholder {
  font-family: "Gotham-Light";
  font-size: 36px;
  font-family: "Gotham-Book";
  color: #76afb6;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.scTMiddle input[type="text"]:-ms-input-placeholder {
  font-family: "Gotham-Light";
  font-size: 36px;
  font-family: "Gotham-Book";
  color: #76afb6;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.scTMiddle input[type="text"]:focus:-moz-placeholder {
  color: transparent;
}
.scTMiddle input[type="text"]:focus::-moz-placeholder {
  color: transparent;
}
.scTMiddle input[type="text"]:focus::-webkit-input-placeholder {
  color: transparent;
}
.scTMiddle input[type="text"]:focus:-ms-input-placeholder {
  color: transparent;
}
.scTMiddle input[type="submit"], .scTMiddle input[type="button"], .scTMiddle button {
  width: 97px;
  height: 54px;
  float: left;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  margin-left: 15px;
  background: url(../img/ico/submit.png) no-repeat;
  border: none;
  outline: none;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.scTMiddle input[type="text"]:focus ~ input[type="submit"], .scTMiddle input[type="text"]:focus ~ input[type="button"], .scTMiddle input[type="text"]:focus ~ button {
  background: url(../img/ico/submiActive.png) no-repeat;
}

.sctRight a {
  width: 54px;
  height: 54px;
  float: right;
  position: relative;
  background: url(../img/ico/searchClose.png) no-repeat center center;
  background-size: 18px;
  margin-right: -20px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.sctRight:hover a {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.scBottom {
  width: 100%;
  float: left;
  margin-top: 55px;
}
.scBottom h2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #76afb6;
  margin-bottom: 25px;
}
.scBottom ul {
  width: 100%;
  float: left;
}
.scBottom ul li {
  float: left;
  margin-bottom: 8px;
  clear: both;
  -webkit-transform: translate(-80vw, 0);
  -ms-transform: translate(-80vw, 0);
  transform: translate(-80vw, 0);
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: auto;
  opacity: 0;
}
.scBottom ul li a {
  float: left;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
}
.scBottom ul li:last-child {
  margin-bottom: 0;
}
.scBottom ul li:nth-child(1) {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}
.scBottom ul li:nth-child(2) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}
.scBottom ul li:nth-child(3) {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}
.scBottom ul li:nth-child(4) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.scBottom ul li:nth-child(5) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}
.scBottom ul li:nth-child(6) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.scBottom ul li:nth-child(7) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
}

.searchArea.active {
  top: 0;
}
.searchArea.active .scBottom ul li {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.hrBottom {
  float: right;
  margin-top: 11px;
  clear: both;
}
.hrBottom ul {
  float: right;
}
.hrBottom ul li {
  float: left;
  position: relative;
  margin-right: 1px;
}
.hrBottom ul li a {
  float: left;
  color: #fff;
  font-size: 18px;
  color: #fff;
  font-family: "Gotham-Book";
  padding: 10px 18px;
  border-radius: 40px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.hrBottom ul li:last-child {
  margin-right: 0;
}
.hrBottom ul li.active a {
  color: #0c7b86;
  background: #fff;
}
.hrBottom ul li:hover a {
  color: #0c7b86;
  background: #fff;
}

.popupMenu {
  width: 175px;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.popupMenu ul {
  width: 100%;
  float: left;
  position: relative;
  padding: 25px 18px;
  background: #fff;
  border-radius: 20px;
  margin-top: 25px;
}
.popupMenu ul li {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.popupMenu ul li a {
  float: left;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #0f767d;
  padding: 0;
  background: none !important;
  -webkit-transition: color 0.6s linear;
  transition: color 0.6s linear;
}
.popupMenu ul li:hover a {
  color: #7fbc47;
}
.popupMenu ul li:last-child {
  margin-bottom: 0;
}
.popupMenu ul::before {
  content: "";
  width: 9px;
  height: 9px;
  background: #fff;
  position: absolute;
  top: -4.5px;
  left: 30px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hrBottom ul li:hover .popupMenu {
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  top: 45px;
  visibility: visible;
  opacity: 1;
}

.slideContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ortala {
  width: 1170px;
  display: table;
  margin: 0px auto;
  padding: 0  95px;
}

.slideSocail {
  position: absolute;
  z-index: 9;
  left: 65px;
  bottom: 100px;
}
.slideSocail span {
  color: #fff;
  font-family: "Gotham-Light";
  font-size: 14px;
  position: absolute;
  width: 100px;
  left: -35px;
  top: -69px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.slideSocail ul {
  float: left;
}
.slideSocail ul li {
  float: left;
  margin-top: 10px;
  clear: both;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.slideSocail ul li a {
  width: 32px;
  height: 32px;
  float: left;
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.slideSocail ul li a i {
  display: table;
  color: #fff;
  margin: 0px auto;
  margin-top: 7px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.slideSocail ul li:hover a {
  border: 2px solid #287a84;
}
.slideSocail ul li:hover a i {
  color: #287a84;
}

.scrollDown {
  position: absolute;
  z-index: 9;
  right: 72px;
}
.scrollDown .s1 {
  position: absolute;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -15px;
  top: -47px;
  font-family: "Gotham-Light";
  font-size: 14px;
  color: #fff;
}
.scrollDown .s2 {
  width: 9px;
  height: 56px;
  float: left;
  background: url(../img/ico/down.png) no-repeat;
}

.section2 {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 30px;
}
.section2 .container {
  position: relative;
}

.offerlist {
  position: absolute;
  right: -115px;
  top: -30px;
  z-index: 9;
  width: 100px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.offerlistTop {
  width: 100%;
  height: 115px;
  float: left;
  clear: both;
  background: #fff;
  padding-top: 20px;
  margin-bottom: 20px;
}
.offerlistTop span.s1 {
  width: 29px;
  height: 29px;
  display: table;
  margin: 0px auto;
  background: url(../img/ico/rightFix.png) no-repeat;
  background-size: 29px;
}
.offerlistTop span.s2 {
  width: 90%;
  display: table;
  margin: 0px auto;
  text-align: center;
  font-family: "Gotham-Light";
  font-size: 14px;
  color: #2c2c2c;
  line-height: 13px;
  margin-top: 20px;
}

.offerlistBottom {
  width: 100%;
  height: 65px;
  float: left;
  background: #0f767d;
}
.offerlistBottom a {
  width: 100%;
  height: 100%;
  float: left;
}
.offerlistBottom span {
  width: 90%;
  display: table;
  margin: 0px auto;
  font-family: "Gotham-Light";
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 18px;
  margin-top: 14px;
}

.sec2Left {
  margin-top: -70px;
  position: relative;
  z-index: 9;
}

.sec2LeftArea {
  width: 100%;
  height: 508px;
  float: left;
  position: relative;
}
.sec2LeftArea main {
  width: 100%;
  height: 100%;
  float: left;
}
.sec2LeftArea main a.tilter {
  width: 100%;
  height: 100%;
  float: left;
  margin: 0;
}
.sec2LeftArea .tilter--3 .tilter__caption {
  padding: 0;
  height: 100%;
}

.slaRight {
  position: absolute;
  right: 50px;
  top: 0;
  height: 100%;
}
.slaRight h2 {
  width: 215px;
  float: left;
  clear: both;
  font-family: "Gotham-Light";
  font-size: 38px;
  color: #2e2a2c;
  text-align: right;
  margin-bottom: 85px;
  line-height: 57px;
}
.slaRight a {
  float: right;
  background: #2e2a2c;
  border: 2px solid #2e2a2c;
  width: 193px;
  height: 50px;
  line-height: 46px;
  border-radius: 40px;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
  text-align: center;
  clear: both;
}
.slaRight span.s2 {
  float: right;
  background: #2e2a2c;
  border: 2px solid #2e2a2c;
  width: 193px;
  height: 50px;
  line-height: 46px;
  border-radius: 40px;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
  text-align: center;
  clear: both;
}

.sec2Left .grid--effect-polaris {
  padding: 0;
}
.sec2Left .grid--effect-polaris .grid__item {
  width: 100%;
  margin: 0;
}
.sec2Left .grid--effect-polaris .grid__item .stack {
  height: 100%;
}

.sec2RightArea {
  width: 100%;
  height: 408px;
  float: left;
  margin-top: 30px;
}
.sec2RightArea .tilter--3 .tilter__caption {
  padding: 0;
  height: 100%;
}
.sec2RightArea main {
  width: 100%;
  height: 100%;
  float: left;
}
.sec2RightArea .myFigure {
  width: 100%;
  height: 100%;
  float: left;
  background: url(../img/ico/sec2Right.png) 30px 25px no-repeat #2c2c2c;
}
.sec2RightArea .tilter {
  width: 100%;
  height: 408px;
  float: left;
  margin: 0;
}
.sec2RightArea .sraRight {
  position: absolute;
  right: 50px;
  top: 0;
  height: 100%;
}
.sec2RightArea .sraRight h2 {
  width: 215px;
  float: left;
  clear: both;
  font-family: "Gotham-Light";
  font-size: 38px;
  color: #fff;
  text-align: right;
  margin-bottom: 85px;
  line-height: 57px;
}
.sec2RightArea .sraRight a {
  float: right;
  background: #0f767d;
  border: 2px solid #0f767d;
  width: 193px;
  height: 50px;
  line-height: 46px;
  border-radius: 40px;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
  text-align: center;
  clear: both;
}
.sec2RightArea .sraRight span.s2 {
  float: right;
  background: #0f767d;
  border: 2px solid #0f767d;
  width: 193px;
  height: 50px;
  line-height: 46px;
  border-radius: 40px;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
  text-align: center;
  clear: both;
}
.sec2RightArea .grid--effect-polaris {
  padding: 0;
}
.sec2RightArea .grid--effect-polaris .grid__item {
  width: 100%;
  margin: 0;
}
.sec2RightArea .grid--effect-polaris .grid__item .stack {
  height: 100%;
}

.sraLeft {
  float: left;
  margin-top: 30px;
  margin-left: 50px;
}

.section3 {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.sec3LeftArea {
  width: 100%;
  height: 408px;
  float: left;
  position: relative;
  background: url(../img/ico/flowerpot.png) no-repeat left bottom #0f767d;
  padding: 15px;
}
.sec3LeftArea img {
  display: table;
  margin: 0px auto;
  padding-top: 35px;
}
.sec3LeftArea h2 {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #fff;
  margin-top: 60px;
}
.sec3LeftArea .sec3LeftBot {
  width: 100%;
  position: absolute;
  bottom: 50px;
  left: 0;
}
.sec3LeftArea .sec3LeftBot .sec3Mid {
  display: table;
  margin: 0px auto;
}
.sec3LeftArea .sec3LeftBot a {
  float: left;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
}
.sec3LeftArea .sec3LeftBot .s1 {
  float: left;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
}
.sec3LeftArea .sec3LeftBot .s2 {
  width: 34px;
  height: 34px;
  border: 2px solid #fff;
  border-radius: 100%;
  margin-top: 6px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.sec3LeftArea .sec3LeftBot .s2 i {
  display: table;
  margin: 0px auto;
  color: #fff;
  font-size: 16px;
  margin-top: 6.5px;
}
.sec3LeftArea .sec3LeftBot a:hover .s2 {
  background: #fff;
}
.sec3LeftArea .sec3LeftBot a:hover .s2 i {
  color: #0f767d;
}
.sec3LeftArea .sec3LeftBot .sec3LeftBotLeft {
  float: left;
  margin-right: 20px;
}
.sec3LeftArea .sec3LeftBot .sec3LeftBotLeft a {
  float: left;
}
.sec3LeftArea .sec3LeftBot .sec3LeftBotLeft .s1 {
  width: 130px;
  float: left;
  text-align: right;
  margin-right: 10px;
}
.sec3LeftArea .sec3LeftBot .sec3LeftBotLeft .s2 {
  float: right;
}
.sec3LeftArea .sec3LeftBot .sec3LeftBotRight {
  float: left;
}
.sec3LeftArea .sec3LeftBot .sec3LeftBotRight .s1 {
  width: 60px;
  float: right;
  text-align: left;
  margin-left: 10px;
}
.sec3LeftArea .sec3LeftBot .sec3LeftBotRight .s2 {
  float: right;
}

.sec3RightArea {
  width: 100%;
  height: 408px;
  float: left;
  position: relative;
  background: #fff;
}
.sec3RightArea .itemLeft {
  width: 290px;
  height: 408px;
  float: left;
  padding: 0 15px;
}
.sec3RightArea .itemLeft img {
  width: 100%;
  height: 260px;
}
.sec3RightArea .itemRight {
  width: calc(100% - 290px);
  height: 408px;
  float: left;
  padding: 50px 15px;
  padding-right: 50px;
}
.sec3RightArea .itemRight h2 {
  width: 100%;
  float: left;
  text-align: right;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #0c7b86;
  margin-bottom: 38px;
}
.sec3RightArea .itemRight span {
  width: 100%;
  float: left;
  text-align: right;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #666666;
  margin-bottom: 24px;
}
.sec3RightArea .itemRight h3 {
  width: 100%;
  float: left;
  text-align: right;
  color: #282828;
  font-family: "Gotham-Light";
  font-size: 30px;
  margin-bottom: 28px;
}
.sec3RightArea .itemRight p {
  width: 100%;
  float: left;
  text-align: right;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
}
.sec3RightArea .owl-controls {
  float: left;
  margin-top: -67px;
  margin-left: 51px;
}
.sec3RightArea .owl-controls .owl-nav {
  display: none;
}
.sec3RightArea .owl-controls .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 10px;
  background: #dde9ec;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.sec3RightArea .owl-controls .owl-dots .owl-dot.active {
  background: #0f767d;
}
.sec3RightArea .allSeeSec3 {
  width: auto;
  height: 34px;
  line-height: 30px;
  position: absolute;
  z-index: 9;
  bottom: 43px;
  padding: 0 15px;
  font-family: "Gotham-Light";
  font-size: 14px;
  color: #fff;
  background: #0f767d;
  border: 2px solid #0f767d;
  border-radius: 40px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.sec3RightArea .allSeeSec3:hover {
  background: #fff;
  color: #0f767d;
}

.section4 {
  width: 100%;
  height: 835px;
  float: left;
  background-image: url(../img/ico/sec4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 100px;
}
.section4 h2 {
  width: 582px;
  display: table;
  margin: 0px auto;
  color: #282828;
  font-family: "Gotham-Light";
  font-size: 30px;
  text-align: center;
  padding-bottom: 95px;
}

footer {
  width: 100%;
  float: left;
}

.footerTop {
  width: 100%;
  height: 137px;
  float: left;
  background: url(../img/ico/cup.png) center center no-repeat #0f767d;
  background-size: 14px;
}
.footerTop .container {
  height: 100%;
}
.footerTop .container .row {
  height: 100%;
}

.footerTopLeft {
  padding-right: 0;
  height: 100%;
}
.footerTopLeft .ort1 {
  width: 100%;
}
.footerTopLeft ul {
  float: left;
}
.footerTopLeft ul li {
  float: left;
  margin-right: 35px;
}
.footerTopLeft ul li a {
  float: left;
  color: #fff;
  font-family: "Gotham-Book";
  font-size: 18px;
  color: #fff;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  padding-bottom: 10px;
}
.footerTopLeft ul li:last-child {
  margin-right: 0;
}
.footerTopLeft ul li:hover a {
  border-bottom: 2px solid white;
  padding-bottom: 5px;
}

.footerTopRight {
  height: 100%;
}

.footerSoc {
  float: right;
  height: 100%;
}
.footerSoc ul {
  float: left;
}
.footerSoc ul li {
  float: left;
  margin-right: 10px;
}
.footerSoc ul li a {
  width: 32px;
  height: 32px;
  float: left;
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.footerSoc ul li a i {
  display: table;
  color: #fff;
  margin: 0px auto;
  margin-top: 7px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.footerSoc ul li:hover a {
  background: #fff;
}
.footerSoc ul li:hover a i {
  color: #0f767d;
}
.footerSoc ul li:last-child {
  margin-right: 0;
}

.footerEBullet {
  width: 230px;
  float: right;
  height: 100%;
  margin-right: 52px;
}
.footerEBullet input[type="email"] {
  width: 230px;
  padding-bottom: 10px;
  float: right;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  font-size: 14px;
  font-family: "Gotham-Book";
  color: #fff;
}
.footerEBullet input[type="submit"], .footerEBullet input[type="button"], .footerEBullet button {
  width: 24px;
  height: 24px;
  float: right;
  margin-top: -32px;
  border: none;
  outline: none;
  background: url(../img/ico/tick.png) no-repeat;
  background-size: 24px;
}
.footerEBullet input[type="email"]:-moz-placeholder {
  font-size: 14px;
  font-family: "Gotham-Book";
  color: #76b0b5;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.footerEBullet input[type="email"]::-moz-placeholder {
  font-size: 14px;
  font-family: "Gotham-Book";
  color: #76b0b5;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.footerEBullet input[type="email"]::-webkit-input-placeholder {
  font-size: 14px;
  font-family: "Gotham-Book";
  color: #76b0b5;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.footerEBullet input[type="email"]:-ms-input-placeholder {
  font-size: 14px;
  font-family: "Gotham-Book";
  color: #76b0b5;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.footerEBullet input[type="email"]:focus {
  border-bottom: 2px solid white;
}
.footerEBullet input[type="email"]:focus:-moz-placeholder {
  color: transparent;
}
.footerEBullet input[type="email"]:focus::-moz-placeholder {
  color: transparent;
}
.footerEBullet input[type="email"]:focus::-webkit-input-placeholder {
  color: transparent;
}
.footerEBullet input[type="email"]:focus:-ms-input-placeholder {
  color: transparent;
}

.footerEBulletLeft {
  float: right;
  height: 100%;
  margin-right: 45px;
}
.footerEBulletLeft span {
  width: 120px;
  float: left;
  font-family: "Gotham-Book";
  font-size: 16px;
  color: #fff;
  line-height: 18px;
}

.footerBot {
  width: 100%;
  height: 80px;
  float: left;
  background: #fff;
}

.footerBotLeft img {
  float: left;
  margin-top: -27px;
}

.footerMiddle p {
  width: 100%;
  float: left;
  text-align: center;
  line-height: 80px;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #0f767d;
}

.PantoneCreative {
  float: right;
  margin-top: 28px;
}
.PantoneCreative a {
  float: left;
  font-family: "Gotham-Light";
  font-size: 14px;
  color: #0f767d;
  position: relative;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.PantoneCreative a:first-child {
  margin-right: 20px;
}
.PantoneCreative a:nth-child(2) {
  width: 115px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.PantoneCreative a:nth-child(2)::before {
  content: "";
  width: 115px;
  height: 25px;
  position: relative;
  float: left;
  margin-bottom: -25px;
  background: url(../img/ico/pantone-creative.png) no-repeat;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
  opacity: 0;
}
.PantoneCreative a:nth-child(2):hover::before {
  width: 115px;
  opacity: 1;
}

.tabListMY {
  width: 100%;
  float: left;
}

.tablist {
  height: 150px;
  float: left;
  background: #f00;
}

.testTab {
  float: left;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
}
.testTab li {
  float: left;
  clear: both;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
}
.testTab li a {
  width: 100px;
  height: 100px;
  float: left;
  background: #258;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
}

.section4 .container {
  height: calc(100%);
}
.section4 .container .row {
  height: calc(100%);
}

.sec4Left {
  height: calc(100% - 191px);
  position: relative;
}

.scrollImg {
  width: 16px;
  height: 51px;
  position: absolute;
  right: 39px;
  z-index: 9;
  top: 101px;
  display: none;
  background: url(../img/ico/scrolImage.png) no-repeat;
}

.scrollImgBar {
  width: 2px;
  height: 465px;
  position: absolute;
  right: 46px;
  z-index: 8;
  top: 0;
  background: #dde9ec;
}

.tabListHidden {
  width: 545px;
  height: 465px;
  float: left;
  overflow: hidden;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
}

.tabList {
  width: 531px;
  height: 465px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  overflow-y: visible;
  cursor: grab;
  float: left;
  padding-right: 81px;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
}
.tabList ul {
  width: 100%;
  float: left;
  margin-top: -101px;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
}
.tabList ul li {
  width: 100%;
  height: 56px;
  float: left;
  margin-bottom: 45px;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
}
.tabList ul li a {
  width: 100%;
  height: 56px;
  float: left;
  text-align: right;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #0f767d;
  line-height: 28px;
  -webkit-transition: .5s linear;
  -moz-transition: .5s linear;
  -ms-transition: .5s linear;
  -o-transition: .5s linear;
  transition: .5s linear;
}
.tabList ul li.active a {
  color: #2c2c2c;
}

.tabList::-webkit-scrollbar {
  width: 16px;
}

.tabList::-webkit-scrollbar-track {
  background-color: transparent;
}

.tabList::-webkit-scrollbar-thumb {
  background-color: #0f767d;
}

.tabList::-webkit-scrollbar-thumb:vertical {
  background: transparent url(../img/ico/scrolImage.png) no-repeat;
  background-size: 16px 51px;
  background-position: center center;
  display: block;
  width: 30px;
  height: 51px;
}

.tabListActive {
  width: 100%;
  height: 56px;
  position: relative;
  float: left;
  margin-top: 100px;
}

.sec4RightArea {
  width: 100%;
  float: left;
}

.sec4Right {
  float: right;
}

.rightTabContent {
  width: 100%;
  float: left;
}
.rightTabContent h3, .rightTabContent h2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #2c2c2c;
  margin-bottom: 25px;
}
.rightTabContent p {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
  margin-bottom: 20px;
}
.rightTabContent a {
  padding: 0 24px;
  float: left;
  line-height: 30px;
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #fff;
  height: 34px;
  border: 2px solid #0f767d;
  border-radius: 40px;
  background: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.rightTabContent a:hover {
  background: #fff;
  color: #0f767d;
}

.mblBtn {
  display: none;
}

.loading {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #0f767d;
  top: 0;
  left: 0;
  z-index: 99;
}

@keyframes color-animation {
  1% {
    background: url(../img/ico/loading1.jpg) center center no-repeat;
    background-size: 125px 125px;
  }

  14% {
    background: url(../img/ico/loading2.jpg) center center no-repeat;
    background-size: 125px 125px;
  }

  28% {
    background: url(../img/ico/loading3.jpg) center center no-repeat;
    background-size: 125px 125px;
  }

  42% {
    background: url(../img/ico/loading4.jpg) center center no-repeat;
    background-size: 125px 125px;
  }

  56% {
    background: url(../img/ico/loading5.png) center center no-repeat;
    background-size: 125px 125px;
  }

  70% {
    background: url(../img/ico/loading6.png) center center no-repeat;
    background-size: 125px 125px;
  }

  84% {
    background: url(../img/ico/loading7.png) center center no-repeat;
    background-size: 125px 125px;
  }

  100% {
    background: url(../img/ico/loading1.jpg) center center no-repeat;
    background-size: 125px 125px;
  }
}
.loadingElement {
  float: left;
}
.loadingElement li {
  width: 125px;
  height: 125px;
  float: left;
  display: none;
}
.loadingElement li a {
  width: 125px;
  height: 125px;
  float: left;
  font-size: 30px;
  text-align: center;
  line-height: 50px;
  background-size: 125px 125px;
}
.loadingElement li:first-child {
  display: block;
}

.contentHeader {
  height: 160px;
  background: #0f767d;
}

.pageInfo {
  width: 100%;
  height: 180px;
  float: left;
  margin-top: 160px;
}
.pageInfo .container, .pageInfo .row {
  height: 180px;
}

.pageInfoLeft {
  height: 180px;
}
.pageInfoLeft .ort1 {
  width: 100%;
}
.pageInfoLeft .ort1 h1 {
  clear: both;
  float: left;
  font-size: 48px;
  color: #0f767d;
  font-family: "Gotham-Light";
  margin-bottom: 3px;
}
.pageInfoLeft .ort1 ul {
  float: left;
  clear: both;
}
.pageInfoLeft .ort1 ul li {
  float: left;
}
.pageInfoLeft .ort1 ul li a {
  float: left;
  font-size: 18px;
  font-family: "Gotham-Light";
  color: #0f767d;
}
.pageInfoLeft .ort1 ul li a::after {
  content: "-";
  float: right;
  font-size: 18px;
  font-family: "Gotham-Light";
  color: #0f767d;
  margin: 0 8px;
}
.pageInfoLeft .ort1 ul li:last-child a::after {
  display: none;
}

.pageInfoRight {
  height: 180px;
}
.pageInfoRight .ort1 {
  width: 100%;
}
.pageInfoRight .ort1 h2 {
  float: right;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #0f767d;
  margin-bottom: 10px;
}

.catalogLeft {
  float: left;
  margin-right: 10px;
}
.catalogLeft a {
  float: left;
}
.catalogLeft a .s1 {
  width: 80px;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #0f767d;
  text-align: right;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.catalogLeft a .s2 {
  width: 34px;
  height: 34px;
  background: url(../img/ico/catalogIco.png) no-repeat center center;
  background-size: 9px 16px;
  float: left;
  border: 2px solid #fff;
  border-radius: 100%;
  margin-left: 10px;
  margin-top: 4px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.catalogLeft a:hover .s2 {
  border: 2px solid #0f767d;
  background: url(../img/ico/catalogIcoHover.png) #0f767d no-repeat center center;
  background-size: 9px 16px;
}

.catalogRight {
  float: right;
}
.catalogRight a {
  float: left;
}
.catalogRight a .s1 {
  width: 55px;
  float: right;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.catalogRight a .s2 {
  width: 34px;
  height: 34px;
  background: url(../img/ico/catalogIco.png) no-repeat center center;
  background-size: 9px 16px;
  float: right;
  border: 2px solid #fff;
  border-radius: 100%;
  margin-right: 10px;
  margin-top: 4px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.catalogRight a:hover .s2 {
  border: 2px solid #0f767d;
  background: url(../img/ico/catalogIcoHover.png) #0f767d no-repeat center center;
  background-size: 9px 16px;
}

.white .catalogRight a .s2, .white .catalogLeft a .s2 {
  border: 2px solid #deeaec;
}
.white .catalogRight a:hover .s2, .white .catalogLeft a:hover .s2 {
  border: 2px solid #0f767d;
}

.mainContent {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}

.leftMenuTop {
  width: 100%;
  float: left;
  margin-bottom: 2px;
}
.leftMenuTop ul {
  width: 100%;
  float: left;
  background: #fff;
  padding: 35px 0px;
}
.leftMenuTop ul li {
  width: 100%;
  float: left;
  padding: 0 30px;
  margin-bottom: 20px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.leftMenuTop ul li a {
  float: left;
  font-family: "Gotham-Book";
  font-size: 18px;
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.leftMenuTop ul li:last-child {
  margin-bottom: 0;
}
.leftMenuTop ul li:hover {
  background: url(../img/ico/leftIco.png) left center no-repeat;
}
.leftMenuTop ul li:hover a {
  color: #2e2a2c;
}
.leftMenuTop ul li.active {
  background: url(../img/ico/leftIco.png) left center no-repeat;
}
.leftMenuTop ul li.active a {
  color: #2e2a2c;
}

.decorativeProducts {
  width: 100%;
  height: 160px;
  float: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  margin-bottom: 2px;
}

.dpArea {
  width: 117px;
  margin-right: 30px;
  margin-top: 30px;
}
.dpArea h2 {
  width: 100%;
  float: right;
  text-align: right;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #2e2a2c;
  margin-bottom: 15px;
}
.dpArea a {
  width: 100%;
  height: 34px;
  float: right;
  border: 2px solid #0f767d;
  background: #0f767d;
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  line-height: 30px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.dpArea a:hover {
  background: #fff;
  color: #0f767d;
}

.rightContentFloor {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  padding: 60px 30px;
}

.rightContentFloorPL {
  padding-left: 90px;
  padding-right: 60px;
}

.aboutUs {
  width: calc(100% + 60px + 90px);
  height: 300px;
  float: left;
  position: relative;
  overflow: hidden;
  margin-top: -60px;
  margin-left: -90px;
  margin-bottom: 50px;
}
.aboutUs .item img {
  width: 100%;
}
.aboutUs .owl-controls {
  position: absolute;
  left: 30px;
  top: 30px;
}
.aboutUs .owl-controls .owl-nav {
  display: none;
}
.aboutUs .owl-controls .owl-dots {
  float: left;
}
.aboutUs .owl-controls .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 10px;
  background: #dde9ec;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.aboutUs .owl-controls .owl-dots .owl-dot.active {
  background: #0f767d;
}

.rightContentTextField {
  width: 100%;
  float: left;
  position: relative;
  text-align: justify;
}
.rightContentTextField h2, .rightContentTextField h3, .rightContentTextField h4, .rightContentTextField h5 {
  width: 100% !important;
  float: left !important;
  font-family: "Gotham-Light";
  color: #2c2c2c;
  margin-bottom: 15px;
}
.rightContentTextField h2 {
  font-size: 26px;
}
.rightContentTextField h3 {
  font-size: 24px;
}
.rightContentTextField h4 {
  font-size: 22px;
}
.rightContentTextField h5 {
  font-size: 20px;
}
.rightContentTextField p {
  width: 100% !important;
  float: left !important;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
  margin-bottom: 20px;
}
.rightContentTextField strong {
  font-family: "Gotham-Bold";
}

.textFieldSocial {
  position: absolute;
  left: -67px;
  top: 46px;
}
.textFieldSocial a {
  width: 32px;
  height: 32px;
  float: left;
  margin-bottom: 10px;
  clear: both;
  border: 2px solid #0f767d;
  border-radius: 100%;
  font-size: 16px;
  color: #0f767d;
}
.textFieldSocial a i {
  display: table;
  margin: 0px auto;
  margin-top: 6px;
}
.textFieldSocial span {
  float: left;
  font-family: "Gotham-Light";
  font-size: 14px;
  color: #0f767d;
  transform: rotate(-90deg);
  margin-left: -32px;
  margin-bottom: 58px;
}

.newsTab {
  display: table;
  margin: 0px auto;
  height: 50px;
  background: #0f767d;
  border: 4px solid #0f767d;
  border-radius: 40px;
  margin-bottom: 60px;
  clear: both;
}
.newsTab li {
  float: left;
  margin-right: 5px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.newsTab li a {
  width: 225px;
  height: 42px;
  line-height: 42px;
  border-radius: 40px;
  float: left;
  text-align: center;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.newsTab li.active a {
  background: #fff;
  color: #0f767d;
}
.newsTab li:hover a {
  background: #fff;
  color: #0f767d;
}
.newsTab li:last-child {
  margin-right: 0;
}

.newsTabContent {
  width: 100%;
  float: left;
  clear: both;
}
.newsTabContent .news:last-child {
  margin-bottom: -30px;
}

.news {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.news a {
  width: 100%;
  float: left;
}
.news .newsLeft {
  width: 260px;
  height: 270px;
  float: left;
  overflow: hidden;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.news .newsLeft img {
  width: 100%;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.news .newsRight {
  width: calc(100% - 260px);
  float: left;
  padding-left: 30px;
}
.news .newsRight .newsTitle {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #282828;
  line-height: 26px;
  margin-bottom: 35px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.news .newsRight span {
  width: 100%;
  float: left;
  clear: both;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #0f767d;
  margin-bottom: 35px;
}
.news .newsRight p {
  width: 100%;
  float: left;
  clear: both;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
  line-height: 20px;
}
.news a:hover .newsLeft img {
  transform: scale(1.1);
}
.news a:hover .newsRight .newsTitle {
  color: #0f767d;
}

.decorativeProductsTop {
  width: 100%;
  height: 95px;
  float: left;
  background: #dde9ec;
  border-radius: 60px;
}
.decorativeProductsTop img {
  float: left;
}
.decorativeProductsTop input[type="text"] {
  width: 955px;
  height: 95px;
  float: left;
  border: none;
  outline: none;
  text-indent: 25px;
  background: #dde9ec;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #0f767d;
}
.decorativeProductsTop input[type="text"]:-moz-placeholder {
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.decorativeProductsTop input[type="text"]::-moz-placeholder {
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.decorativeProductsTop input[type="text"]::-webkit-input-placeholder {
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.decorativeProductsTop input[type="text"]:-ms-input-placeholder {
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.decorativeProductsTop input[type="submit"], .decorativeProductsTop input[type="button"], .decorativeProductsTop button {
  width: 82px;
  height: 95px;
  float: left;
  border: none;
  outline: none;
  background: url(../img/ico/decorativeProductsBtn.png) no-repeat;
}

.decorativeProductsList {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.dpList {
  margin-bottom: 30px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.dpListArea {
  width: 100%;
  height: 336px;
  float: left;
  position: relative;
  overflow: hidden;
}
.dpListArea img {
  width: 100%;
}

.dpListArea::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to top right, rgba(14, 59, 60, 0.9) 15%, rgba(35, 122, 132, 0) 80%);
}

.dpTitlesLink {
  width: 100%;
  position: absolute;
  bottom: 35px;
  left: 0;
  z-index: 3;
  padding: 0 30px;
}
.dpTitlesLink a {
  width: 193px;
  height: 50px;
  text-align: center;
  float: left;
  clear: both;
  background: #fff;
  border-radius: 40px;
  line-height: 46px;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #0f767d;
  margin-top: 20px;
  margin-bottom: -70px;
  opacity: 0;
  visibility: hidden;
  border: 2px solid #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.dpTitlesLink a:hover {
  background: none;
  color: #fff;
}

.dpListArea:hover .dpTitlesLink a {
  margin-bottom: 0;
  opacity: 1;
  visibility: visible;
}

.dpTitles {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #fff;
}

.productionFlowerpot li .dpListArea {
  background: #2c2c2c;
}
.productionFlowerpot li .dpListArea::after {
  display: none;
}

.production {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  background: #fff;
}

.productionTop {
  width: 100%;
  height: 300px;
  float: left;
  overflow: hidden;
}
.productionTop .item {
  height: 300px;
}
.productionTop .owl-controls {
  position: absolute;
  left: 30px;
  top: 30px;
}
.productionTop .owl-controls .owl-nav {
  display: none;
}
.productionTop .owl-controls .owl-dots {
  float: left;
}
.productionTop .owl-controls .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 10px;
  background: #dde9ec;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.productionTop .owl-controls .owl-dots .owl-dot.active {
  background: #0f767d;
}

.productionBottom {
  width: 100%;
  float: left;
  padding: 0 40px;
  padding-bottom: 40px;
  padding-top: 50px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.productionBottom p {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
}

.pbTitle {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #282828;
  line-height: 35px;
  margin-bottom: 20px;
}

.sssBanner {
  width: calc(100% + 60px);
  height: 300px;
  float: left;
  margin-left: -30px;
  margin-top: -60px;
  margin-bottom: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.accordionMenu {
  width: 100%;
  float: left;
}
.accordionMenu li {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 55px;
  margin-bottom: 62px;
  overflow: hidden;
}
.accordionMenu li a {
  float: left;
  clear: both;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.accordionMenu li .accordionDescription {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 0;
  opacity: 0;
  height: 0;
  visibility: hidden;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.accordionMenu li .accordionDescription p:last-child {
  margin-bottom: 0 !important;
}
.accordionMenu li p {
  width: 100%;
  float: left;
  clear: both;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
  margin-bottom: 15px;
}
.accordionMenu li::after {
  content: "";
  width: 16px;
  height: 2px;
  background: #0f767d;
  position: absolute;
  left: 0;
  top: 15px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.accordionMenu li::before {
  content: "";
  width: 16px;
  height: 2px;
  background: #0f767d;
  position: absolute;
  left: 0;
  top: 15px;
  transform: rotate(90deg);
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.accordionMenu li.active a {
  color: #2e2a2c;
}
.accordionMenu li.active .accordionDescription {
  margin-top: 20px;
  height: auto;
  visibility: visible;
  opacity: 1;
}
.accordionMenu li.active::before {
  transform: rotate(0deg);
}
.accordionMenu li:last-child {
  margin-bottom: 0;
}

.history {
  padding: 0 40px;
}

.timeLine {
  width: 100%;
  float: left;
  position: relative;
}

.timeLineItem {
  width: 50.15%;
  float: left;
  position: relative;
  clear: both;
  padding-right: 30px;
  padding-bottom: 40px;
  border-right: 2px solid #dde9ec;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.timeLineItem .timeLineYear {
  width: 100%;
  height: 52px;
  line-height: 52px;
  float: right;
  text-align: right;
  font-family: "Gotham-Light";
  font-size: 72px;
  color: #2c2c2c;
  margin-bottom: 10px;
}
.timeLineItem .timeLineDescription {
  width: 100%;
  float: right;
  text-align: right;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #2c2c2c;
  margin-bottom: 20px;
  line-height: 28px;
}
.timeLineItem p {
  width: 100%;
  float: right;
  text-align: right;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
  letter-spacing: -0.5px;
}

.timeLineItem::before {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  right: -2px;
  background: #0f767d;
  border-radius: 100%;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.timeLineItem::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  right: -16px;
  top: 0;
  background: #dde9ec;
  border-radius: 100%;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.timeLineItem:nth-child(2n+0) {
  float: right;
  padding-right: 0;
  padding-left: 30px;
  border-right: 0;
  border-left: 2px solid #dde9ec;
}
.timeLineItem:nth-child(2n+0) .timeLineYear, .timeLineItem:nth-child(2n+0) .timeLineDescription, .timeLineItem:nth-child(2n+0) p {
  float: left;
  text-align: left;
}

.timeLineItem:nth-child(2n+0)::after {
  left: -16px;
}

.timeLineItem:nth-child(2n+0)::before {
  right: auto;
  left: -2px;
}

.timeLineItem:last-child {
  padding-bottom: 0;
  border-color: #fff;
}

.timeLineItem.active::after {
  background: #0f767d;
}

.timeLineItem.active::before {
  height: 100%;
}

.productsDetailTop {
  width: 100%;
  float: left;
}

.productsDetailTopLeft {
  width: 100%;
  height: 412px;
  border: 1px solid #dde9ec;
  float: left;
}

.pdtlImgArea {
  width: 300px;
  height: 323px;
  display: table;
  margin: 0px auto;
  overflow: hidden;
}
.pdtlImgArea img {
  width: 100%;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.pdtITitle {
  width: 100%;
  position: absolute;
  bottom: 40px;
  left: 0;
  padding: 0 15px;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #282828;
  text-align: center;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.productsDetailTopRight {
  width: 100%;
  float: left;
}

.pdtrEditor {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.pdtrEditor h2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #282828;
  margin-bottom: 30px;
}
.pdtrEditor p {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
  margin-bottom: 15px;
}
.pdtrEditor p:last-child {
  margin-bottom: 0;
}

.productsDetailKind {
  width: 100%;
  float: left;
}
.productsDetailKind ul {
  width: 100%;
  float: left;
}
.productsDetailKind ul li {
  float: left;
  margin-bottom: 15px;
  margin-right: 30px;
}
.productsDetailKind ul li a {
  width: 67px;
  float: left;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.productsDetailKind ul li a .pdkTop {
  width: 67px;
  height: 72px;
  float: left;
  border: 1px solid #dde9ec;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.productsDetailKind ul li a .pdkTop img {
  width: 100%;
  height: 70px;
}
.productsDetailKind ul li a .pdkBot {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "Gotham-Light";
  font-size: 12px;
  color: #282828;
  letter-spacing: -0.2px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.productsDetailKind ul li.active a .pdkTop {
  border: 1px solid #0f767d;
}

.productsDetailBottom {
  width: 100%;
  float: left;
  margin-top: 40px;
}

.tableArea {
  width: 100%;
  float: left;
  overflow: hidden;
}
.tableArea .table-bordered > thead > tr > th, .tableArea .table-bordered > tbody > tr > th, .tableArea .table-bordered > tfoot > tr > th, .tableArea .table-bordered > thead > tr > td, .tableArea .table-bordered > tbody > tr > td, .tableArea .table-bordered > tfoot > tr > td {
  border: 2px solid #fff;
}
.tableArea .table-bordered {
  border: 2px solid #fff;
}
.tableArea thead tr th {
  background: #0f767d;
  height: 60px;
  font-family: "Gotham-Book";
  font-size: 16px;
  color: #fff;
  text-align: left;
  padding: 0 15px;
}

.tableStyle1 tr td {
  background: #dde9ec;
  height: 58px;
  text-align: center;
  padding: 0 5px !important;
  line-height: 58px !important;
  color: #0f767d;
}

.tableStyle2 tr {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.tableStyle2 tr td {
  height: 92px;
  border: 2px solid #dde9ec !important;
  line-height: 100px !important;
  padding: 0 10px;
}

.rightForm {
  width: 100%;
  float: left;
  padding: 30px;
  background: #0f767d;
}
.rightForm h2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
  margin-bottom: 30px;
}
.rightForm p {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #98cdd2;
  margin-bottom: 15px;
}
.rightForm p:last-child {
  margin-bottom: 27px;
}
.rightForm .inputGroup {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 20px;
}
.rightForm .inputGroup input[type="submit"], .rightForm .inputGroup input[type="button"], .rightForm .inputGroup button {
  width: 100%;
  height: 50px;
  float: left;
  background: #7fbc47;
  border-radius: 40px;
  border: 2px solid #7fbc47;
  outline: none;
  font-family: "Gotham-Bold";
  font-size: 14px;
  color: #fff;
  text-align: center;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.rightForm .inputGroup input[type="submit"]:hover, .rightForm .inputGroup input[type="button"]:hover, .rightForm .inputGroup button:hover {
  background: transparent;
}
.rightForm .inputGroup input[type="text"], .rightForm .inputGroup input[type="email"], .rightForm .inputGroup textarea {
  width: 100%;
  height: 50px;
  float: left;
  border: 2px solid #76b0b5;
  background: transparent;
  padding: 0 15px;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  outline: none;
  resize: none;
}
.rightForm .inputGroup textarea {
  height: 80px;
  padding: 15px;
}
.rightForm .inputGroup input[type="text"]:-moz-placeholder, .rightForm .inputGroup textarea:-moz-placeholder, .rightForm .inputGroup input[type="email"]:-moz-placeholder {
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.rightForm .inputGroup input[type="text"]::-moz-placeholder, .rightForm .inputGroup textarea::-moz-placeholder, .rightForm .inputGroup input[type="email"]::-moz-placeholder {
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.rightForm .inputGroup input[type="text"]::-webkit-input-placeholder, .rightForm .inputGroup textarea::-webkit-input-placeholder, .rightForm .inputGroup input[type="email"]::-webkit-input-placeholder {
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.rightForm .inputGroup input[type="text"]:-ms-input-placeholder, .rightForm .inputGroup textarea:-ms-input-placeholder, .rightForm .inputGroup input[type="email"]:-ms-input-placeholder {
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.rightForm .inputGroup input[type="text"]:focus:-moz-placeholder, .rightForm .inputGroup textarea:focus:-moz-placeholder, .rightForm .inputGroup input[type="email"]:focus:-moz-placeholder {
  color: transparent;
}
.rightForm .inputGroup input[type="text"]:focus::-moz-placeholder, .rightForm .inputGroup textarea:focus::-moz-placeholder, .rightForm .inputGroup input[type="email"]:focus::-moz-placeholder {
  color: transparent;
}
.rightForm .inputGroup input[type="text"]:focus::-webkit-input-placeholder, .rightForm .inputGroup textarea:focus::-webkit-input-placeholder, .rightForm .inputGroup input[type="email"]:focus::-webkit-input-placeholder {
  color: transparent;
}
.rightForm .inputGroup input[type="text"]:focus:-ms-input-placeholder, .rightForm .inputGroup textarea:focus:-ms-input-placeholder, .rightForm .inputGroup input[type="email"]:focus:-ms-input-placeholder {
  color: transparent;
}
.rightForm .inputGroup:last-child {
  margin-bottom: 0;
}
.rightForm .selectGroup span {
  width: 100%;
  height: 50px;
  line-height: 50px;
  float: left;
  background: url(../img/ico/ico8.png) calc(100% - 15px) 16px no-repeat #6aa9ae;
  padding: 0 15px;
  color: #fff;
  font-size: 16px;
  font-family: "Gotham-Light";
  padding-right: 30px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rightForm .selectGroup ul {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 9;
  overflow: hidden;
  display: none;
}
.rightForm .selectGroup ul li {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-top: 1px solid #fff;
  background: #6aa9ae;
  padding: 0 15px;
  cursor: pointer;
  font-family: "Gotham-Light";
  font-size: 14px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.addOffer {
  width: 100%;
  float: left;
  border: 2px solid #dde9ec;
  padding: 28px;
  margin-bottom: 30px;
}

.addOfferItem {
  width: 221px;
  float: left;
  margin-right: 30px;
}
.addOfferItem label {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #0f767d;
  margin-bottom: 4px;
}
.addOfferItem input[type="text"] {
  width: 100%;
  height: 50px;
  float: left;
  line-height: 50px;
  padding: 0 15px;
  background: #0f767d;
  font-family: "Gotham-Book";
  font-size: 16px;
  color: #fff;
  outline: none;
  border: none;
}

.addOfferItemSubmit {
  width: 70px;
  float: left;
}
.addOfferItemSubmit input[type="submit"], .addOfferItemSubmit input[type="button"], .addOfferItemSubmit button {
  width: 100%;
  height: 50px;
  background: url(../img/ico/exit.png) center center no-repeat #f23c3c;
  float: left;
  border: 2px solid #f23c3c;
  border-radius: 40px;
  outline: none;
  margin-top: 26px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.addOfferItemSubmit input[type="submit"]:hover, .addOfferItemSubmit input[type="button"]:hover, .addOfferItemSubmit button:hover {
  background: url(../img/ico/exitHover.png) center center no-repeat white;
}

.addOfferContainer {
  width: 100%;
  float: left;
  margin-top: 15px;
}

.decorativeFlowerpotDetail {
  width: 100%;
  float: left;
}

.dfdTop {
  width: 100%;
  height: 336px;
  float: left;
  overflow: hidden;
}
.dfdTop img {
  width: 100%;
}

.dfdBottom {
  width: 100%;
  float: left;
}

.dfdbLeft {
  width: 355px;
  float: left;
  margin-top: -100px;
  margin-left: 30px;
  background: #fff;
  padding-bottom: 30px;
}

.dfdbLeftImg {
  width: 100%;
  height: 260px;
  float: left;
  margin-bottom: 30px;
}
.dfdbLeftImg img {
  width: 100%;
}

.dfdbLeftTitle {
  width: 100%;
  float: left;
  padding: 0 15px;
  text-align: center;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #282828;
  margin-bottom: 30px;
}

.colorsOption {
  width: 100%;
  float: left;
  padding: 0 30px;
}
.colorsOption ul {
  width: 100%;
  float: left;
}
.colorsOption ul li {
  float: left;
  position: relative;
  border-radius: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
}
.colorsOption ul li a {
  width: 50px;
  height: 50px;
  float: left;
  outline: none;
}
.colorsOption ul li:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 15px;
  background: #fff;
  border-radius: 100%;
  display: none;
}
.colorsOption ul li:nth-child(5n+0) {
  margin-right: 0;
}
.colorsOption ul li.active:after {
  display: block;
}

.dfdbRight {
  width: 455px;
  float: left;
  padding-top: 60px;
  padding-left: 30px;
  padding-right: 15px;
}
.dfdbRight h2, .dfdbRight h3 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #282828;
  margin-bottom: 25px;
}
.dfdbRight h3 {
  font-size: 28px;
}
.dfdbRight h4 {
  font-size: 26px;
}
.dfdbRight h5 {
  font-size: 24px;
}
.dfdbRight p {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
  margin-bottom: 15px;
}
.dfdbRight p:last-child {
  margin-bottom: 0;
}

.feature {
  width: 100%;
  float: left;
}

.featureItem {
  width: 124px;
  height: 124px;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}

.featureItem:nth-child(2n+0) {
  margin-right: 0;
}

.uvAdded {
  background: url(../img/ico/uvAdded.png) no-repeat;
}

.wheeledPot {
  background: url(../img/ico/wheeledPot.png) no-repeat;
}

.blconyPot {
  background: url(../img/ico/blconyPot.png) no-repeat;
}

.tableType {
  background: url(../img/ico/tableType.png) no-repeat;
}

.outdoorInDoor {
  background: url(../img/ico/indoorAndOutdoorPlants.png) no-repeat;
}

.accessoriesForYourInterest {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.accessoriesForYourInterest h2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #282828;
}

.myModal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(15, 118, 125, 0.8);
  display: none;
}

.myModalArea {
  min-width: 320px;
  max-width: 940px;
  float: left;
  position: relative;
  padding: 60px 40px;
  background: #fff;
}
.myModalArea .modalExit {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 30px;
  top: 30px;
  background: url(../img/ico/exitHover.png) no-repeat;
}
.myModalArea h2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #282828;
  margin-bottom: 30px;
}

.howDoIQuote {
  width: 100%;
  float: left;
}
.howDoIQuote li {
  float: left;
  position: relative;
  margin-right: 29px;
}
.howDoIQuote li img {
  display: table;
  margin: 0px auto;
  clear: both;
}
.howDoIQuote li p {
  width: 267px;
  display: table;
  margin: 0px auto;
  clear: both;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #282828;
  text-align: center;
  margin-top: 25px;
}
.howDoIQuote li::after {
  content: "";
  width: 44px;
  height: 14px;
  position: absolute;
  right: -34px;
  top: 103px;
  background: url(../img/ico/rodaTo.png) no-repeat;
}
.howDoIQuote li:last-child {
  margin-right: 0;
}
.howDoIQuote li:last-child::after {
  display: none;
}

.contactMiddle {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  background: #fff;
}
.contactMiddle .contactMiddleTop {
  width: 100%;
  float: left;
  background: #fff;
  padding: 20px 30px;
}
.contactMiddle .contactMiddleTop h2 {
  width: 50%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #2e2a2c;
  line-height: 34px;
}
.contactMiddle .contactMiddleTop .contactBranch {
  float: right;
  position: relative;
}
.contactMiddle .contactMiddleTop .contactBranch .contactBranchLink {
  cursor: pointer;
  width: 147px;
  height: 34px;
  float: right;
  position: relative;
  border: 2px solid #0f767d;
  border-radius: 40px;
  padding: 0 15px;
}
.contactMiddle .contactMiddleTop .contactBranch .s1 {
  width: calc(100% - 20px);
  float: left;
  line-height: 30px;
}
.contactMiddle .contactMiddleTop .contactBranch .s2 {
  width: 9px;
  height: 13px;
  float: right;
  background: url(../img/ico/down2.png) no-repeat;
  margin-top: 8px;
}

.contactForm input[type="submit"], .contactForm input[type="button"], .contactForm button {
  text-align: left !important;
  border-radius: 0 !important;
  padding: 0 15px !important;
}

.contactMiddleTopTabContent {
  width: 100%;
  float: left;
  background: #fff;
  padding-bottom: 30px;
}

.myMap {
  width: 100%;
  height: 340px;
  float: left;
  margin-bottom: 50px;
}
.myMap img {
  width: 100%;
}

.adressArea {
  width: 100%;
  float: left;
  padding: 0 30px;
}

.adressGroup {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
.adressGroup .s1 {
  width: 105px;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #666666;
}
.adressGroup .s2 {
  width: calc(100% - 105px);
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #0f767d;
}
.adressGroup .s2 a {
  color: #0f767d;
  float: left;
  clear: both;
}

.adressGroup:last-child {
  margin-bottom: 0;
}

.adressAreaLeft {
  width: calc(100% - 130px);
  float: left;
  padding-right: 40px;
  clear: both;
}

.adressAreaRight {
  width: 130px;
  height: 100%;
  float: right;
  clear: both;
  position: relative;
  margin-top: -11px;
}
.adressAreaRight a {
  width: 130px;
  height: 34px;
  float: left;
  background: #0f767d;
  border: 2px solid #0f767d;
  border-radius: 40px;
  line-height: 30px;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  text-align: center;
}
.adressAreaRight a:hover {
  background: #fff;
  color: #0f767d;
}

.contactMiddleLast {
  width: 100%;
  float: left;
  padding: 35px 40px;
  background: #fff;
  padding-bottom: 15px;
}

.cmlItem {
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
.cmlItem .s1 {
  width: 21px;
  height: 30px;
  float: left;
  margin-right: 30px;
}
.cmlItem .s2s3 {
  width: calc(100% - 21px - 30px);
  float: left;
}
.cmlItem .s2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 14px;
  color: #0f767d;
  margin-top: -5px;
}
.cmlItem .s3 {
  width: 100%;
  float: left;
  font-family: "Gotham-Bold";
  font-size: 14px;
  color: #0f767d;
  margin-top: 0;
}
.cmlItem .s3 a {
  color: #0f767d;
}

.tableToUl {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.tableToUl .tuHead {
  width: 100%;
  float: left;
}
.tableToUl .tuHead li {
  height: 60px;
  float: left;
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #fff;
  padding: 0 15px;
  background: #0f767d;
  text-align: left;
  border-right: 2px solid #eef4f5;
}
.tableToUl .tuHead li .ort1 {
  float: left;
}
.tableToUl .tuHead li:last-child {
  margin-right: 0;
}
.tableToUl .tuBody {
  width: 100%;
  float: left;
}
.tableToUl .tuBody li {
  height: 100px;
  font-family: "Gotham-Book";
  font-size: 16px;
  color: #0f767d;
  padding: 0 10px;
  border-right: 2px solid #dde9ec;
  border-top: 2px solid #dde9ec;
  border-bottom: 2px solid #dde9ec;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.tableToUl .tuBody li a {
  width: 18px;
  height: 18px;
  float: left;
  background: url(../img/ico/exitHover.png) no-repeat;
}
.tableToUl .tuBody li input[type="text"] {
  width: 55px;
  height: 36px;
  padding: 0 5px;
  float: left;
  margin-right: 15px;
  border: none;
  background: #dde9ec;
  text-align: center;
}
.tableToUl .tuBody li .s2 {
  float: left;
  margin-top: 8px;
}
.tableToUl .tuBody li input[type="text"]:-moz-placeholder {
  font-size: 16px;
  font-family: "Gotham-Book";
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.tableToUl .tuBody li input[type="text"]::-moz-placeholder {
  font-size: 16px;
  font-family: "Gotham-Book";
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.tableToUl .tuBody li input[type="text"]::-webkit-input-placeholder {
  font-size: 16px;
  font-family: "Gotham-Book";
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.tableToUl .tuBody li input[type="text"]:-ms-input-placeholder {
  font-size: 16px;
  font-family: "Gotham-Book";
  color: #0f767d;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.tableToUl .tuBody li input[type="text"]:focus:-moz-placeholder {
  color: transparent;
}
.tableToUl .tuBody li input[type="text"]:focus::-moz-placeholder {
  color: transparent;
}
.tableToUl .tuBody li input[type="text"]:focus::-webkit-input-placeholder {
  color: transparent;
}
.tableToUl .tuBody li input[type="text"]:focus:-ms-input-placeholder {
  color: transparent;
}
.tableToUl .tuBody li:first-child {
  border-left: 2px solid #dde9ec;
}
.tableToUl li {
  float: left;
}
.tableToUl li:nth-child(1) {
  width: 141px;
}
.tableToUl li:nth-child(2) {
  width: 240px;
}
.tableToUl li:nth-child(3) {
  width: 132px;
}
.tableToUl li:nth-child(4) {
  width: 134px;
}
.tableToUl li:nth-child(5) {
  width: 140px;
}
.tableToUl li:nth-child(6) {
  width: 136px;
}
.tableToUl li:nth-child(7) {
  width: 132px;
}
.tableToUl li:nth-child(8) {
  width: 82px;
}

.tuBodyParent {
  width: 100%;
  float: left;
}
.tuBodyParent .tuBodyParentLi {
  width: 100% !important;
  float: left;
  margin-top: 10px;
}
.tuBodyParent .tuBodyParentLi:hover .tuBody li {
  background: #f1f6f7;
}
.tuBodyParent .tuBodyParentLi:hover .tuBody li:nth-child(1) {
  background: #fff;
}

.tableToUlBottom {
  width: 100%;
  float: left;
}

.tableToUlBottomL {
  width: 50%;
  float: left;
}
.tableToUlBottomL a {
  width: 215px;
  height: 70px;
  float: left;
  background: #0f767d;
  border-radius: 40px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.tableToUlBottomL a .s1 {
  width: 20px;
  height: 27px;
  float: left;
  background: url(../img/ico/question.png) no-repeat;
  margin-top: 22px;
  margin-left: 30px;
}
.tableToUlBottomL a p {
  width: 99px;
  float: left;
  font-family: "Gotham-Bold";
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.5px;
  margin-top: 10px;
  margin-left: 23px;
  line-height: 16px;
}

.tableToUlBottomR {
  width: 50%;
  float: left;
}
.tableToUlBottomR a {
  width: 195px;
  height: 70px;
  float: right;
  background: #0f767d;
  border-radius: 40px;
  margin-left: 10px;
}
.tableToUlBottomR a .s1 {
  width: 20px;
  height: 27px;
  float: left;
  background: url(../img/ico/question.png) no-repeat;
  margin-top: 22px;
  margin-left: 30px;
}
.tableToUlBottomR a p {
  width: 99px;
  float: left;
  font-family: "Gotham-Bold";
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.5px;
  margin-top: 20px;
  margin-left: 23px;
  line-height: 16px;
}
.tableToUlBottomR a.ttubr1 {
  background: #7fbc47;
}
.tableToUlBottomR a.ttubr1 .s1 {
  width: 29px;
  height: 26px;
  background: url(../img/ico/update.png) no-repeat;
}
.tableToUlBottomR a.ttubr2 {
  background: #f23c3c;
}
.tableToUlBottomR a.ttubr2 .s1 {
  width: 29px;
  height: 26px;
  background: url(../img/ico/update.png) no-repeat;
}

.offerListBottom {
  width: 100%;
  float: left;
  margin-top: 60px;
}
.offerListBottom h2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 30px;
  color: #282828;
  margin-bottom: 30px;
}

.solidityRatio {
  width: 100%;
  height: 170px;
  float: left;
  position: relative;
  background: #f1f6f7;
}

.srLeft {
  width: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
}

.scrlBot {
  width: 81px;
  float: left;
  clear: both;
  font-family: "Gotham-Book";
  font-size: 16px;
  color: #0f767d;
  line-height: 18px;
}

.scrlTop {
  width: 95px;
  float: left;
  clear: both;
  position: relative;
  margin-bottom: 35px;
}

.konteyner .scrlTop .s1 {
  width: 95px;
  height: 36px;
  float: left;
  background: url(../img/ico/container.png) no-repeat;
}

.konteyner:last-child .scrlTop .s1{
  width: 103px;
  height: 37px;
  background: url(../img/ico/turck.png) no-repeat;
}
.konteyner .scrlTop .s2 {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -9px;
  top: 20px;
  background: #7fbc47;
  line-height: 40px;
  font-family: "Gotham-Light";
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
}

.lastForm {
  width: 100%;
  float: left;
  padding: 30px;
  background: #0f767d;
  margin-top: 30px;
  padding-bottom: 10px;
}

.lfLeft {
  width: 247px;
  float: left;
  padding-right: 30px;
}
.lfLeft h2 {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 24px;
  color: #fff;
  margin-bottom: 27px;
}
.lfLeft p {
  width: 100%;
  float: left;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #98cdd2;
}

.lfMiddle {
  width: 718px;
  float: left;
}
.lfMiddle .lfGroup {
  width: 190px;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
}
.lfMiddle .lfGroup:nth-child(3n+0) {
  width: 295px;
  margin-right: 0;
}
.lfMiddle input[type="text"], .lfMiddle input[type="email"], .lfMiddle textarea {
  width: 100%;
  height: 50px;
  float: left;
  border: 2px solid #76b0b5;
  background: transparent;
  padding: 0 15px;
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  outline: none;
  resize: none;
}
.lfMiddle textarea {
  padding: 12px;
}
.lfMiddle input[type="text"]:-moz-placeholder, .lfMiddle textarea:-moz-placeholder, .lfMiddle input[type="email"]:-moz-placeholder {
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.lfMiddle input[type="text"]::-moz-placeholder, .lfMiddle textarea::-moz-placeholder, .lfMiddle input[type="email"]::-moz-placeholder {
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.lfMiddle input[type="text"]::-webkit-input-placeholder, .lfMiddle textarea::-webkit-input-placeholder, .lfMiddle input[type="email"]::-webkit-input-placeholder {
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.lfMiddle input[type="text"]:-ms-input-placeholder, .lfMiddle textarea:-ms-input-placeholder, .lfMiddle input[type="email"]:-ms-input-placeholder {
  font-family: "Gotham-Light";
  font-size: 16px;
  color: #fff;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}
.lfMiddle input[type="text"]:focus:-moz-placeholder, .lfMiddle textarea:focus:-moz-placeholder, .lfMiddle input[type="email"]:focus:-moz-placeholder {
  color: transparent;
}
.lfMiddle input[type="text"]:focus::-moz-placeholder, .lfMiddle textarea:focus::-moz-placeholder, .lfMiddle input[type="email"]:focus::-moz-placeholder {
  color: transparent;
}
.lfMiddle input[type="text"]:focus::-webkit-input-placeholder, .lfMiddle textarea:focus::-webkit-input-placeholder, .lfMiddle input[type="email"]:focus::-webkit-input-placeholder {
  color: transparent;
}
.lfMiddle input[type="text"]:focus:-ms-input-placeholder, .lfMiddle textarea:focus:-ms-input-placeholder, .lfMiddle input[type="email"]:focus:-ms-input-placeholder {
  color: transparent;
}

.lfRight {
  width: 88px;
  float: left;
  margin-left: 20px;
}
.lfRight input[type="submit"], .lfRight input[type="button"], .lfRight button {
  width: 100%;
  height: 120px;
  float: left;
  border: none;
  outline: none;
  background: url(../img/ico/submit2.png) center center no-repeat #7fbc47;
}

.sraRight {
  float: right;
  margin-top: 25px;
  margin-right: 15px;
}
.sraRight .progress-bar {
  background: #f1f6f7;
  -webkit-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent;
}
.sraRight .progress-bar div span {
  background: #f1f6f7;
  line-height: 100px;
  color: #0f767d;
  font-family: "Gotham-Light";
  font-size: 36px;
}

@media screen and (max-width: 1199px) {
  .offerlist {
    display: none;
  }

  .konteyner {
    margin-bottom: 10px;
  }

  .tableToUl {
    overflow: hidden;
    overflow-x: visible;
  }

  .tuHead, .tuBody {
    width: 1140px !important;
  }

  .lfLeft {
    width: 100%;
    float: left;
    margin-bottom: 10px;
  }

  .lfMiddle {
    width: 772px;
  }

  .lfMiddle .lfGroup:nth-child(3n+0) {
    width: 352px;
  }

  .myMap {
    height: 287px;
  }

  .featureItem {
    width: 100px;
    height: 100px;
    background-size: 100px !important;
  }

  .productionTop .item {
    height: 249px;
  }

  .productionTop {
    height: 249px;
  }

  .productionBottom {
    padding: 20px;
  }

  .decorativeProductsTop input[type="text"] {
    width: 761px;
  }

  .dpListArea {
    height: 275px;
  }

  .dfdbRight {
    width: 312px;
    padding-top: 30px;
  }

  .addOfferItem {
    width: 187px;
    margin-right: 15px;
  }

  .dfdTop {
    height: 278px;
  }

  .pageInfoRight {
    padding-left: 0;
  }

  .catalogLeft a .s2 {
    margin-left: 5px;
  }

  .catalogRight a .s2 {
    margin-right: 5px;
  }

  .aboutUs {
    height: 248px;
  }

  .tabList {
    width: 512px;
    padding-right: 62px;
  }

  .ortala {
    width: 950px;
  }

  .hrBottom ul li a {
    padding: 10px 13px;
  }

  .sec3LeftArea img {
    width: 100%;
  }

  .section4 {
    background-image: url(../img/ico/sec4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .footerEBullet {
    margin-right: 15px;
  }

  .footerTopLeft ul li {
    margin-right: 25px;
  }
  .footerTopLeft ul li a {
    font-size: 16px;
  }

  .scTMiddle {
    width: 815px;
  }
  .scTMiddle input[type=text] {
    width: 720px;
  }
  .scTMiddle input[type="submit"], .scTMiddle input[type="button"], .scTMiddle button {
    width: 70px;
  }

  .hrBottom ul {
    margin-left: 0 !important;
  }

  .popupMenu {
    width: 300px;
    z-index: 9;
  }
}
@media screen and (max-width: 991px) {
  .lfMiddle {
    width: 552px;
  }

  .lfMiddle .lfGroup:nth-child(3n+0) {
    width: 222px;
  }

  .lfMiddle .lfGroup {
    width: 145px;
  }

  .addOffer {
    margin-bottom: 0;
  }

  .pdtlImgArea {
    width: 100%;
    height: 234px;
  }

  .productsDetailTopLeft {
    height: 340px;
  }

  .dpListArea {
    height: 324px;
  }

  .productsDetailKind ul li {
    margin-right: 13px;
  }

  .tableToUlBottomL {
    width: 40%;
  }

  .tableToUlBottomR {
    width: 60%;
  }

  .productsDetailKind ul li:nth-child(6n+0) {
    margin-right: 0;
  }

  .decorativeProductsTop input[type="text"] {
    width: 541px;
  }

  .contentHeader {
    height: 120px;
  }

  .addOfferContainer {
    width: 100%;
    margin-top: 15px;
  }

  .addOfferItem {
    width: calc(50% - 20px);
    margin: 0 10px;
    margin-bottom: 10px;
  }

  .addOfferItemSubmit input[type="submit"], .addOfferItemSubmit input[type="button"], .addOfferItemSubmit button {
    margin-top: 10px;
  }

  .addOffer {
    margin-top: 15px;
  }

  .featureItem:nth-child(2n+0) {
    margin-right: 12px;
  }

  .pageInfoLeft .ort1 h1 {
    font-size: 36px;
  }

  .pageInfo {
    margin-top: 120px;
  }

  .tabListHidden {
    width: 320px;
    height: auto;
    display: block;
    margin: 0px auto;
    float: none;
  }

  .tabListActive ul {
    display: table;
    margin: 0px auto;
  }

  .mblBtn {
    display: block;
    float: right;
    position: relative;
    z-index: 100;
    margin-right: 20px;
    margin-top: 40px;
  }
  .mblBtn .hamburger {
    padding: 0;
  }
  .mblBtn .hamburger-inner, .mblBtn .hamburger-inner::before, .mblBtn .hamburger-inner::after {
    background: #fff;
  }

  header .hamburger-box {
    height: 40px;
  }

  @-webkit-keyframes moveUp2 {
    0% {
      -webkit-transform: translateY(-100vh);
      opacity: 0;
    }

    100% {
      -webkit-transform: translateY(0px);
      opacity: 1;
    }
  }
  @-moz-keyframes moveUp2 {
    0% {
      -moz-transform: translateY(-100vh);
      opacity: 0;
    }

    100% {
      -moz-transform: translateY(0px);
      opacity: 1;
    }
  }
  @-o-keyframes moveUp2 {
    0% {
      -o-transform: translateY(-100vh);
      opacity: 0;
    }

    100% {
      -o-transform: translateY(0px);
      opacity: 1;
    }
  }
  @-ms-keyframes moveUp2 {
    0% {
      -ms-transform: translateY(-100vh);
      opacity: 0;
    }

    100% {
      -ms-transform: translateY(0px);
      opacity: 1;
    }
  }
  @keyframes moveUp2 {
    0% {
      transform: translateY(-100vh);
      opacity: 0;
    }

    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }
  .headerRight {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 99;
    left: 0;
    background: rgba(40, 122, 132, 0.95);
    transform: translateY(-100vh);
    opacity: 0;
    -webkit-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
  }

  .headerRight.active {
    transform: translateY(0px);
    opacity: 1;
  }

  .searchArea {
    z-index: 101;
    height: 100vh;
    top: -100vh;
  }

  .searchArea.active {
    top: 0;
  }

  section, footer {
    -webkit-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
  }

  body.active {
    overflow: hidden;
  }

  section.active, footer.active {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
  }

  .hrBottom {
    height: 100%;
    float: none;
    display: table;
    margin: 0px auto;
  }
  .hrBottom ul {
    width: 300px;
    float: none;
    display: table;
    margin: 0px auto;
    clear: both;
    padding-top: 0;
    margin-left: -10px;
  }
  .hrBottom ul li {
    width: 100%;
    position: relative;
    margin: 0;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .hrBottom ul li a {
    opacity: 0;
    -webkit-transform: translate(0, 150px);
    -ms-transform: translate(0, 150px);
    transform: translate(0, 150px);
    -webkit-transition: 1.8s ease-in-out;
    transition: 1.8s ease-in-out;
    width: 100%;
    font-size: 22px;
    text-align: center;
  }
  .hrBottom ul li:hover {
    overflow: inherit;
  }
  .hrBottom ul li:last-child {
    margin-bottom: 0;
  }
  .hrBottom ul li.active a {
    background: none !important;
    color: #fff;
  }
  .hrBottom .searchRight {
    float: none;
    position: absolute;
    left: 30px;
    top: 58.5px;
    margin: 0;
  }

  .headerRight.active .hrBottom ul li a {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  .headerRight.active .hrBottom ul li:nth-child(1) a {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }
  .headerRight.active .hrBottom ul li:nth-child(2) a {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
  }
  .headerRight.active .hrBottom ul li:nth-child(3) a {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
  }
  .headerRight.active .hrBottom ul li:nth-child(4) a {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
  }
  .headerRight.active .hrBottom ul li:nth-child(5) a {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .headerRight.active .hrBottom ul li:nth-child(6) a {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
  }

  .headerLeft a {
    margin-top: 30px;
  }

  .hrTop {
    width: calc(100% - 30px);
    position: absolute;
    bottom: 50px;
    left: 30px;
  }
  .hrTop .lang {
    float: right;
    margin-right: 60px;
  }

  .scTMiddle {
    width: 600px;
  }
  .scTMiddle input[type="text"] {
    width: 500px;
    font-size: 24px;
  }
  .scTMiddle input[type="text"]:-moz-placeholder {
    font-size: 24px;
  }
  .scTMiddle input[type="text"]::-moz-placeholder {
    font-size: 24px;
  }
  .scTMiddle input[type="text"]::-webkit-input-placeholder {
    font-size: 24px;
  }
  .scTMiddle input[type="text"]:-ms-input-placeholder {
    font-size: 24px;
  }

  .ortala {
    width: 750px;
  }

  .slaRight {
    right: 30px;
  }
  .slaRight h2 {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 45px;
  }
  .slaRight span.s2 {
    width: 180px;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
  }

  .sec2RightArea .sraRight {
    right: 30px;
  }
  .sec2RightArea .sraRight h2 {
    width: 165px;
    float: right;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 45px;
  }
  .sec2RightArea .sraRight span.s2 {
    width: 180px;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
  }

  .footerTop {
    height: auto;
    padding: 20px 0;
    padding-bottom: 40px;
    background: #0f767d;
  }

  .footerTopRight {
    margin-top: 30px;
    width: auto;
    float: left;
  }

  .footerEBulletLeft span {
    width: auto;
  }

  .footerBot {
    height: auto;
  }

  .PantoneCreative {
    float: none;
    display: table;
    margin: 0px auto;
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .scrollImg, .scrollImgBar {
    display: none;
  }

  .sec4Left {
    height: auto;
  }

  .tabList {
    padding-right: 0;
    width: 320px;
    height: auto;
    padding-left: 0;
    float: none;
    display: block;
    margin: 0px auto;
  }
  .tabList ul {
    margin-top: 0 !important;
    width: 250px;
  }
  .tabList ul li {
    width: 230px;
    height: auto;
    margin-bottom: 25px;
  }
  .tabList ul li a {
    text-align: center;
    height: auto;
    font-size: 18px;
  }

  .tabListActive {
    width: 230px;
    float: none;
    display: block;
    margin: 0px auto;
    height: auto;
    margin-top: 0;
  }

  .sec2LeftArea {
    overflow: hidden;
    height: 570px;
  }

  .tilter__image {
    height: auto;
  }

  .sec3Left {
    margin-top: 30px;
  }

  .slider {
    height: 95vh;
  }

  .lang ul {
    padding-top: 13px;
    top: auto;
    bottom: 22px;
    border-radius: 0;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .lang:hover {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .lang:hover ul {
    top: auto;
    bottom: 32px;
  }

  .decorativeProducts {
    width: calc(50% - 4px);
    margin: 10px 2px;
  }

  .myMap {
    height: auto;
  }

  .contactMiddleLast {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .productionTop .item {
    height: 104px;
  }

  .pbTitle {
    font-size: 24px;
    line-height: 23px;
  }

  .productionTop {
    height: 104px;
  }

  .adressAreaLeft {
    width: 100%;
    padding-bottom: 45px;
    padding-right: 0;
  }

  .cmlItem {
    width: 100%;
  }

  .sssBanner {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 0;
    background-position: -33px 0;
  }

  .accordionMenu li {
    margin-bottom: 30px;
  }

  .contactMiddle .contactMiddleTop {
    padding: 20px 15px;
  }

  .contactMiddle .contactMiddleTop h2 {
    width: 40%;
  }

  .pageInfo {
    margin-top: 120px;
  }

  .pageInfoLeft .ort1 ul {
    display: none;
  }

  .pageInfoRight {
    display: none;
  }

  .dfdbLeft {
    width: 100%;
    margin: 0;
  }

  .dfdTop {
    display: none;
  }

  .pageInfo {
    height: 90px;
  }
  .pageInfo .container {
    height: 90px;
  }
  .pageInfo .container .row {
    height: 90px;
  }
  .pageInfo .container .row .pageInfoLeft, .pageInfo .container .row .pageInfoRight {
    height: 90px;
  }

  .colorsOption ul li:nth-child(5n+0) {
    margin-right: 10px;
  }

  .dfdbRight {
    width: 100%;
    padding-left: 15px;
  }

  .feature {
    margin-top: 15px;
  }

  .tableArea {
    overflow: hidden;
    overflow-x: visible;
  }
  .tableArea table {
    min-width: 420px;
  }

  .addOfferContainer {
    width: 100%;
    margin-top: 15px;
  }

  .aboutUs {
    width: calc(100% + 30px);
    float: left;
    height: auto;
    margin-left: -15px;
    margin-top: -15px;
  }

  .rightContentFloorPL {
    padding: 15px;
  }

  .leftMenu {
    margin-bottom: 15px;
  }

  .decorativeProducts {
    background-image: none !important;
    background: white !important;
  }
  .decorativeProducts .dpArea {
    width: 100%;
    margin: 0;
    margin-top: 30px;
    padding: 0 10px;
  }
  .decorativeProducts .dpArea h2 {
    width: 100%;
    text-align: center;
  }

  .rightContentFloor {
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  .ortala {
    width: 100%;
  }

  .sec2LeftArea {
    height: 233px;
  }

  .itemLeft {
    display: none;
  }

  .sec3RightArea {
    height: 345px;
  }
  .sec3RightArea .itemRight {
    width: 100%;
    height: 345px;
    padding: 30px;
  }
  .sec3RightArea .itemRight h3 {
    font-size: 24px;
    margin-bottom: 0;
  }
  .sec3RightArea .itemRight p {
    display: none;
  }

  .footerTop {
    padding-bottom: 72px;
  }

  .footerTopLeft {
    margin-bottom: 55px;
  }
  .footerTopLeft ul li {
    width: 100%;
    margin-bottom: 10px;
  }

  .footerEBulletLeft {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    margin-top: -70px;
  }

  .footerEBullet {
    float: none;
    display: table;
    margin: 0px auto;
    margin-top: -75px;
  }

  .footerBotLeft img {
    float: none;
    display: table;
    margin: 0px auto;
    margin-top: -20px;
  }

  .section4 {
    width: 100%;
    overflow: hidden;
    padding-top: 50px;
    background: #fff;
    height: auto;
    padding-bottom: 30px;
    -webkit-transition: .5s linear;
    -moz-transition: .5s linear;
    -ms-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear;
  }
  .section4 h2 {
    width: 280px;
    font-size: 20px;
    padding-bottom: 50px;
  }

  .sec4Left {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-left: 0 !important;
    padding: 0;
  }

  .tabListHidden {
    width: 100%;
  }

  .tabList {
    width: 100%;
    padding-left: 1.9%;
    display: table;
    margin: 0px auto;
  }

  .slider {
    height: 80vh;
  }
  .slider .ort1 {
    width: 100%;
    float: left;
  }
  .slider .owl-controls {
    right: 15px;
  }
  .slider .scrollDown {
    right: 15px;
    top: calc(50%) !important;
  }
  .slider .ortala {
    width: 90% !important;
    position: relative;
    padding: 0;
  }
  .slider .ortala img {
    width: 290px !important;
  }
  .slider .owl-controls {
    display: none;
  }

  .slideSocail {
    left: 15px;
  }
  .slideSocail span {
    display: none;
  }

  .footerSoc {
    float: none;
    display: table;
    margin: 0px auto;
  }

  .footerTopRight {
    width: 100%;
  }

  .sec2RightArea {
    height: 233px;
  }
  .sec2RightArea .tilter {
    height: 233px;
  }
  .sec2RightArea .myFigure {
    background: url(../img/ico/sec2Right.png) 15px 14px no-repeat #2c2c2c;
    background-size: 75px;
  }

  .sec3LeftArea {
    height: 350px;
  }
  .sec3LeftArea h2 {
    margin-top: 40px;
  }

  .footerTopLeft {
    padding: 0 15px;
  }

  .hrBottom ul {
    margin-top: -30px;
  }

  .headerLeft img {
    width: 220px;
  }

  .mblBtn {
    margin-top: 37px;
  }

  .hrBottom .searchRight {
    top: 43px;
  }

  .searchContent {
    padding-top: 30px;
  }

  .scTopLeft {
    width: 24px;
    height: 24px;
    background-size: 24px;
    margin-right: 24px;
  }

  .scTMiddle {
    width: calc(100% - 82px);
  }
  .scTMiddle input[type=text] {
    width: calc(100% - 95px);
    margin-top: -17px;
  }
  .scTMiddle input[type="text"]:-moz-placeholder {
    font-size: 16px;
  }
  .scTMiddle input[type="text"]::-moz-placeholder {
    font-size: 16px;
  }
  .scTMiddle input[type="text"]::-webkit-input-placeholder {
    font-size: 16px;
  }
  .scTMiddle input[type="text"]:-ms-input-placeholder {
    font-size: 16px;
  }
  .scTMiddle input[type="submit"], .scTMiddle input[type="button"], .scTMiddle button {
    width: 54px;
    height: 54px;
    background-position: center;
    margin-left: 10px;
    margin-top: -17px;
  }
  .scTMiddle input[type="text"]:focus ~ input[type="submit"], .scTMiddle input[type="text"]:focus ~ input[type="button"], .scTMiddle input[type="text"]:focus ~ button {
    background: url(../img/ico/submiActive.png) no-repeat;
    background-position: center;
  }

  .sctRight a {
    margin-top: -12px;
  }

  .offerlist {
    display: none;
  }

  .footerTopLeft ul li {
    margin-right: 0;
  }

  .hrTop {
    left: 30px;
    width: calc(100% - 60px);
  }
  .hrTop .lang {
    margin-right: 0;
  }

  .headerSocail li {
    margin-right: 20px;
  }

  .sctRight a {
    width: 34px;
    margin-right: 0;
  }

  .slideSocail ul li {
    clear: none;
    margin-right: 10px;
  }

  .sec3RightArea .owl-controls {
    margin-left: 30px;
  }
  .sec3RightArea .allSeeSec3 {
    left: auto !important;
    right: 30px !important;
  }

  .decorativeProductsTop img {
    display: none;
  }
  .decorativeProductsTop input[type="text"] {
    width: calc(100% - 88px);
    -webkit-border-top-left-radius: 60px;
    -webkit-border-bottom-left-radius: 60px;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-bottomleft: 60px;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
  }

  .dpListArea {
    height: auto;
  }

  .pageInfoLeft .ort1 h1 {
    font-size: 24px;
  }

  .news .newsLeft {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 15px;
  }

  .rightContentFloor {
    padding: 15px;
  }

  .news .newsRight {
    width: 100%;
    padding-left: 0;
  }

  .news .newsRight .newsTitle {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .news .newsRight span {
    margin-bottom: 13px;
  }

  .newsTabContent .news:last-child {
    margin-bottom: 15px;
  }

  .newsTab li {
    width: 100%;
  }

  .newsTab li a {
    width: 100%;
    border-radius: 10px;
  }

  .newsTab {
    border-radius: 10px;
  }

  .history {
    padding: 0 5px;
  }

  .timeLineItem:nth-child(2n+0) {
    float: left;
  }

  .timeLineItem {
    width: 90%;
  }
  .timeLineItem .timeLineYear {
    font-size: 48px;
  }

  .timeLineItem:nth-child(2n+0)::after {
    left: auto;
    right: -16px;
  }

  .timeLineItem:nth-child(2n+0) {
    float: left;
    padding-right: 20px;
    padding-left: 0;
    border-left: 0;
    border-right: 2px solid #dde9ec;
  }

  .timeLineItem:nth-child(2n+0) .timeLineYear, .timeLineItem:nth-child(2n+0) .timeLineDescription, .timeLineItem:nth-child(2n+0) p {
    float: right;
    text-align: right;
  }

  .timeLineItem:nth-child(2n+0)::before {
    right: -2px;
    left: auto;
  }

  .pdtlImgArea img {
    width: 288px;
    float: none;
    display: table;
    margin: 0px auto;
  }

  .productsDetailTopLeft {
    height: 360px;
  }

  .pdtITitle {
    bottom: 15px;
  }

  .pdtrEditor {
    margin-top: 20px;
  }
  .pdtrEditor h2 {
    font-size: 24px;
  }

  .productsDetailKind ul {
    width: 240px;
    float: none;
    display: table;
    margin: 0px auto;
  }
  .productsDetailKind ul li:nth-child(3n+0), .productsDetailKind ul li:nth-child(6n+0) {
    margin-right: 0;
  }

  .colorsOption ul {
    width: 172px;
    display: table;
    margin: 0px auto;
    float: none;
  }
  .colorsOption ul li:nth-child(3n+0) {
    margin-right: 0;
  }

  .feature {
    width: 213px;
    float: none;
    display: table;
    margin: 0px auto;
    padding-top: 15px;
  }

  .featureItem:nth-child(2n+0) {
    margin-right: 0;
  }

  .addOfferItem {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  .addOfferItemSubmit {
    width: 100%;
  }

  .adressArea {
    padding: 0 15px;
  }

  .adressGroup .s1 {
    width: 85px;
  }

  .adressGroup .s2 {
    width: calc(100% - 85px);
  }

  .contactMiddleLast {
    padding: 20px;
    padding-bottom: 10px;
  }

  .history {
    width: 100%;
    float: left;
    padding: 0 5px;
    padding-bottom: 20px;
  }

  .lfMiddle .lfGroup {
    width: 100% !important;
    margin: 0;
    margin-bottom: 10px;
  }

  .lfMiddle {
    width: 100%;
  }

  .lfRight {
    width: 100%;
    margin: 0;
  }

  .lfRight button, .lfRight input[type=button], .lfRight input[type=submit] {
    height: 80px;
  }

  .tableToUlBottomL, .tableToUlBottomR {
    width: 100%;
  }
  .tableToUlBottomL a, .tableToUlBottomR a {
    display: table;
    margin: 10px auto;
    float: none;
  }
}

.Tesekkur {
    width:100%;
    float:left;
    margin-top:300px;
}

.Tesekkur h2 {
    width:100%;
    float:left;
    text-align:center;
    color:#7fbd47;
    font-size:36px;
    font-family: "Gotham-Black";
    font-weight:900;
    margin: 0;
    margin-top: 50px;
}

.Tesekkur p {
    width:100%;
    float:left;
    text-align:center;
    color:#22252e;
    font-family: "Gotham-Book";
    font-size:16px;
    margin: 0;
    margin-top: 15px;
    margin-bottom:55px;
}

.Tesekkur img {
    display:table;
    margin:0px auto;
}

.Tesekkur a {
    display:table;
    margin:0px auto;
    background:#0f767d;
    border:2px solid #0f767d;
    height:40px;
    text-align:center;
    text-decoration:none!important;
    border-radius:40px;
    line-height:36px;
    color:#fff;
    font-size:16px;
    font-family: "Gotham-Book";
    width:140px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-bottom:60px;
}

.Tesekkur a:hover {
    background:#fff;
    color:#0f767d;
}