@charset "UTF-8";

/*------------------------------------------------------------------

[Table of contents]

1. Top bar / .topbar

2. Header / header

3. Navigation / .navi-level-1 

4. Blog / .lastest-blog-container

5. Sidebar / .main-sidebar

6. Search / .modal-search

7. Sub Header / .sub-header

8. Footer / footer

-------------------------------------------------------------------*/

/* Colors

----------------------------------------------------------*/

/* Typography

----------------------------------------------------------*/

/* Transition\

----------------------------------------------------------*/

/* LESS / Social Media Brand Colors */

/* Main Button Style

----------------------------------------------------------*/

/* Icon Social

----------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&subset=latin,vietnamese);

ul.social {

  display: block;

  padding: 0;

  margin: 0;

}

ul.social li {

  display: inline-block;

}

ul.social li a {

  width: 36px;

  height: 36px;

  background: rgba(255, 255, 255, 0.1);

  color: #fff;

  display: block;

  line-height: 36px;

  text-align: center;

  font-size: 15px;

  margin-left: 5px;

  transition: all 0.6s ease 0s;

}

ul.social li a:hover {

  color: #333;

  background: #ebcd1e;

}

ul.social li.active a {

  color: #333;

  background: #ebcd1e;

}

/* Back To Top */

#to-the-top {

  display: none;

  position: fixed;

  text-align: center;

  right: 30px;

  bottom: 30px;

  color: #fff;

  cursor: pointer;

  border-radius: 2px;

  z-index: 10000;

  height: 40px;

  width: 40px;

  line-height: 40px;

  background-color: rgba(0, 0, 0, 0.4);

  background-repeat: no-repeat;

  background-position: center;

  transition: background-color 0.1s linear;

}

#to-the-top:hover {

  background-color: #ebcd1e;

  color: #333;

}

/* Button

----------------------------------------------------------*/

/*reset btn bootstrap */

.reset-btn {

  border: 0;

  outline: none;

  background: 0;

  box-shadow: none;

}

/*button*/

.ot-btn {

  font-size: 12px;

  color: #333;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  padding: 0 25px;

  margin-bottom: 15px;

  outline: none;

  transition: all 0.6s ease 0s;

  font-family: 'Montserrat', sans-serif;

  letter-spacing: 1px;

}

.ot-btn:hover,

.ot-btn:focus {

  text-decoration: none;

}

/*Style*/

.btn-rounded {

  border-radius: 3px;

}

.btn-pill {

  border-radius: 25px;

}

.btn-border {

  border: 2px solid #000;

  color: #000;

  box-sizing: border-box;

  background: transparent;

}

.btn-border:hover,

.btn-border:focus {

  border-color: #ebcd1e;

  color: #ebcd1e;

  text-decoration: none;

}

.btn-border-ghost {

  border: 2px solid #000;

  color: #000;

  box-sizing: border-box;

  background: transparent;

  border-color: #fff;

  color: #fff;

}

.btn-border-ghost:hover,

.btn-border-ghost:focus {

  border-color: #ebcd1e;

  color: #ebcd1e;

  text-decoration: none;

}

.btn-border-ghost:hover {

  background: #ebcd1e;

  color: #222;

}

.btn-border-grey {

  border-color: #e6e6e6;

}

.block-btn {

  display: block;

}

/*Size*/

.large-btn {

  font-size: 18px;

  height: 50px;

  line-height: 48px;

  padding: 0 30px;

  min-width: 170px;

}

.default-size-btn {

  min-width: auto;

}

.small-btn {

  font-size: 10px;

  padding: 0 15px;

  min-width: auto;

  height: 30px;

  line-height: 28px;

}

.btn-long {

  padding-left: 55px;

  padding-right: 55px;

}

/*icon button*/

.icon-btn-left {

  text-align: left;

}

.icon-btn-left i {

  line-height: inherit;

  font-size: inherit;

  float: left;

  margin: 0 8px;

}

.icon-btn-right {

  text-align: left;

}

.icon-btn-right i {

  line-height: inherit;

  font-size: inherit;

  float: right;

  margin: 0 8px;

}

.btn-main-color {

  background: #ebcd1e;

}

.btn-main-color:hover {

  color: #fff;

  background: #333;

}

.btn-sub-color {

  background: #fff;

}

.btn-sub-color:hover {

  background: #333;

  color: #fff;

}

.btn-dark-color {

  background: #333;

  color: #fff;

}

.btn-dark-color:hover,

.btn-dark-color:focus {

  color: #333;

  background: #fff;

}

.btn-border-dark:hover {

  background: #fff;

  border-color: #fff;

  color: #333;

}

.btn-white-color {

  background: #fff;

}

.btn-white-color:hover {

  background: #333;

  color: #fff;

}

.btn-teal-color {

  background: #439088;

  color: #fff;

}

.btn-teal-color:hover {

  background: #333;

  color: #439088;

}

.btn-blue-color {

  background: #0888f0;

  color: #fff;

}

.btn-blue-color:hover {

  background: #333;

  color: #0888f0;

}

.btn-maroon-color {

  background: #953c44;

  color: #fff;

}

.btn-maroon-color:hover {

  background: #333;

  color: #953c44;

}

.btn-brown-color {

  background: #906e43;

  color: #fff;

}

.btn-brown-color:hover {

  background: #333;

  color: #906e43;

}

.btn-green-color {

  background: #2ccb7a;

  color: #fff;

}

.btn-green-color:hover {

  background: #333;

  color: #2ccb7a;

}

div.fancy-select {

  position: relative;

  color: #46565D;

}

div.fancy-select.disabled {

  opacity: 0.5;

}

div.fancy-select select:focus + div.trigger {

  box-shadow: 0 0 0 2px #4B5468;

}

div.fancy-select select:focus + div.trigger.open {

  box-shadow: none;

}

div.fancy-select div.trigger {

  border-radius: 4px;

  cursor: pointer;

  padding: 10px 24px 9px 9px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  position: relative;

  background: #99A5BE;

  border: 1px solid #99A5BE;

  border-top-color: #A5B2CB;

  color: #4B5468;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

  width: 200px;

  transition: all 0.6s ease 0s;

}

div.fancy-select div.trigger:after {

  content: "";

  display: block;

  position: absolute;

  width: 0;

  height: 0;

  border: 5px solid transparent;

  border-top-color: #4B5468;

  top: 20px;

  right: 9px;

}

div.fancy-select div.trigger.open {

  background: #4A5368;

  border: 1px solid #475062;

  color: #7A8498;

  box-shadow: none;

}

div.fancy-select div.trigger.open:after {

  border-top-color: #7A8498;

}

div.fancy-select ul.options {

  list-style: none;

  margin: 0;

  position: absolute;

  top: 40px;

  right: 0;

  visibility: hidden;

  opacity: 0;

  z-index: 50;

  max-height: 200px;

  overflow: auto;

  background: #62C8BF;

  border-radius: 4px;

  border-top: 1px solid #7DD8D2;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

  min-width: 120px;

  transition: all 0.3s ease 0s;

}

div.fancy-select ul.options.open {

  visibility: visible;

  top: 50px;

  opacity: 1;

  /* have to use a non-visibility transition to prevent this iOS issue (bug?): */

  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/

  transition: all 0.4s ease 0s;

}

div.fancy-select ul.options.overflowing {

  top: auto;

  bottom: 40px;

  transition: all 0.3s ease 0s;

}

div.fancy-select ul.options.overflowing.open {

  top: auto;

  bottom: 50px;

  transition: all 0.3s ease 0s;

}

div.fancy-select ul.options li {

  padding: 8px 12px;

  color: #2B8686;

  cursor: pointer;

  white-space: nowrap;

  transition: all 0.3s ease 0s;

}

div.fancy-select ul.options li.selected {

  background: rgba(43, 134, 134, 0.3);

  color: rgba(255, 255, 255, 0.75);

}

div.fancy-select ul.options li.hover {

  color: #fff;

}

/* Slider

----------------------------------------------------------*/

.rev_slider .heading-1 {

  font-size: 72px;

  line-height: 60px;

  letter-spacing: 3px;

  font-family: 'Roboto', sans-serif;

  font-weight: 100;

}

.rev_slider .heading-2 {

  font-size: 30px;

  line-height: 50px;

  letter-spacing: 5px;

  font-family: 'Montserrat', sans-serif;

}

.rev_slider .heading-3 {

  font-size: 30px;

  line-height: 50px;

  letter-spacing: 7px;

  font-family: 'Montserrat', sans-serif;

}

.rev_slider .heading-4 {

  font-size: 72px;

  line-height: 60px;

  letter-spacing: 7px;

  font-family: 'Roboto', sans-serif;

  font-weight: 900;

  border: 3px solid #ebcd1e;

  padding: 22px 26px;

}

.rev_slider .heading-5 {

  font-family: 'Roboto', sans-serif;

  font-size: 24px;

}

.rev_slider .ot-btn {

  margin-bottom: 0!important;

  width: 155px;

}

.rev_slider .thin-text {

  font-weight: 100;

  font-family: 'Roboto', sans-serif;

}

.rev_slider .heading-6 {

  font-size: 30px;

  line-height: 60px;

  letter-spacing: 2px;

  font-family: 'Roboto', sans-serif;

  font-weight: bold;

  color: #333;

}

.rev_slider .heading-7 {

  font-size: 60px;

  line-height: 60px;

  letter-spacing: 2px;

  font-family: 'Roboto', sans-serif;

  font-weight: bold;

  color: #eb581e;

}

.rev_slider .heading-8 {

  font-family: 'Montserrat', sans-serif;

  font-size: 24px;

  line-height: 30px;

  color: #666;

}

.rev_slider .heading-9 {

  font-family: 'Roboto', sans-serif;

  font-weight: bold;

  line-height: 60px;

  color: #eb581e;

  font-size: 30px;

}

.rev_slider .heading-10 {

  font-family: 'Roboto', sans-serif;

  font-weight: 900;

  line-height: 60px;

  color: #eb581e;

  font-size: 60px;

}

.rev_slider .heading-11 {

  font-family: 'Montserrat', sans-serif;

  font-size: 24px;

  line-height: 36px;

  color: #333;

}

.slider-home-1 .tparrows,

.slider-home-2 .tparrows,

.slider-home-3 .tparrows,

.slider-home-4 .tparrows,

.slider-home-5 .tparrows {

  background: transparent;

}

.slider-home-1 .tparrows:hover,

.slider-home-2 .tparrows:hover,

.slider-home-3 .tparrows:hover,

.slider-home-4 .tparrows:hover,

.slider-home-5 .tparrows:hover {

  background: transparent;

}

.slider-home-1 .tparrows:before,

.slider-home-2 .tparrows:before,

.slider-home-3 .tparrows:before,

.slider-home-4 .tparrows:before,

.slider-home-5 .tparrows:before {

  content: "";

  display: block;

  width: 20px;

  height: 37px;

}

.slider-home-1 .tparrows.tp-leftarrow:before,

.slider-home-2 .tparrows.tp-leftarrow:before,

.slider-home-3 .tparrows.tp-leftarrow:before,

.slider-home-4 .tparrows.tp-leftarrow:before,

.slider-home-5 .tparrows.tp-leftarrow:before {

  content: "";

  background: url("revolution/assets/Left.png");

}

.slider-home-1 .tparrows.tp-rightarrow:before,

.slider-home-2 .tparrows.tp-rightarrow:before,

.slider-home-3 .tparrows.tp-rightarrow:before,

.slider-home-4 .tparrows.tp-rightarrow:before,

.slider-home-5 .tparrows.tp-rightarrow:before {

  content: "";

  background: url("revolution/assets/Right.png");

}

.rev-scroll-btn {

  z-index: 7;

  border-color: rgba(255, 255, 255, 0.3);

  border-style: solid;

  border-width: 2px;

  border-radius: 23px 23px 23px 23px;

  box-sizing: border-box;

}

.rev-scroll-btn span {

  border-radius: 100%;

  background: rgba(225, 255, 255, 0.9);

}

.tp-kbimg-wrap img {

  width: auto!important;

  height: 100%!important;

}

.slider-home-4 .tparrows {

  top: calc(50% + 40px) !important;

}

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}

@-webkit-keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

}

@-webkit-keyframes flash {

  0%,

  50%,

  100% {

    opacity: 1;

  }

  25%,

  75% {

    opacity: 0;

  }

}

@keyframes flash {

  0%,

  50%,

  100% {

    opacity: 1;

  }

  25%,

  75% {

    opacity: 0;

  }

}

.flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}

@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

}

@-webkit-keyframes rubberBand {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  30% {

    -webkit-transform: scaleX(1.25) scaleY(0.75);

    transform: scaleX(1.25) scaleY(0.75);

  }

  40% {

    -webkit-transform: scaleX(0.75) scaleY(1.25);

    transform: scaleX(0.75) scaleY(1.25);

  }

  60% {

    -webkit-transform: scaleX(1.15) scaleY(0.85);

    transform: scaleX(1.15) scaleY(0.85);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes rubberBand {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  30% {

    -webkit-transform: scaleX(1.25) scaleY(0.75);

    -ms-transform: scaleX(1.25) scaleY(0.75);

    transform: scaleX(1.25) scaleY(0.75);

  }

  40% {

    -webkit-transform: scaleX(0.75) scaleY(1.25);

    -ms-transform: scaleX(0.75) scaleY(1.25);

    transform: scaleX(0.75) scaleY(1.25);

  }

  60% {

    -webkit-transform: scaleX(1.15) scaleY(0.85);

    -ms-transform: scaleX(1.15) scaleY(0.85);

    transform: scaleX(1.15) scaleY(0.85);

  }

  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand;

}

@-webkit-keyframes shake {

  0%,

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

  }

}

@keyframes shake {

  0%,

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px);

  }

}

.shake {

  -webkit-animation-name: shake;

  animation-name: shake;

}

@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

.swing {

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing;

}

@-webkit-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  10%,

  20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }

  40%,

  60%,

  80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }

  100% {

    -webkit-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  10%,

  20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }

  40%,

  60%,

  80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }

  100% {

    -webkit-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

.tada {

  -webkit-animation-name: tada;

  animation-name: tada;

}

@-webkit-keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

  }

  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }

  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }

  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }

  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }

  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }

  100% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

  }

}

@keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }

  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }

  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }

  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }

  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }

  100% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

}

.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble;

}

@-webkit-keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

  }

  70% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

  }

  70% {

    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

.bounceIn {

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}

@-webkit-keyframes bounceInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(30px);

    transform: translateY(30px);

  }

  80% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes bounceInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

  }

  80% {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}

@-webkit-keyframes bounceInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(30px);

    transform: translateX(30px);

  }

  80% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes bounceInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(30px);

    -ms-transform: translateX(30px);

    transform: translateX(30px);

  }

  80% {

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}

@-webkit-keyframes bounceInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-30px);

    transform: translateX(-30px);

  }

  80% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes bounceInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-30px);

    -ms-transform: translateX(-30px);

    transform: translateX(-30px);

  }

  80% {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}

@-webkit-keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  80% {

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  80% {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}

@-webkit-keyframes bounceOut {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  25% {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

}

@keyframes bounceOut {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  25% {

    -webkit-transform: scale(0.95);

    -ms-transform: scale(0.95);

    transform: scale(0.95);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

}

.bounceOut {

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut;

}

@-webkit-keyframes bounceOutDown {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

@keyframes bounceOutDown {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    transform: translateY(-100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown;

}

@-webkit-keyframes bounceOutLeft {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes bounceOutLeft {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft;

}

@-webkit-keyframes bounceOutRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes bounceOutRight {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(-100px);

    -ms-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight;

}

@-webkit-keyframes bounceOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes bounceOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp;

}

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    transform: translateY(-100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}

@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    -ms-transform: translateX(-100px);

    transform: translateX(-100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}

@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}

@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}

@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }

}

@keyframes fadeOutDown {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

  }

}

.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

}

@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

@keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig;

}

@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

  }

}

@keyframes fadeOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    -ms-transform: translateX(-100px);

    transform: translateX(-100px);

  }

}

.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}

@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig;

}

@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

  }

}

@keyframes fadeOutRight {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

  }

}

.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

}

@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig;

}

@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px);

  }

}

@keyframes fadeOutUp {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    transform: translateY(-100px);

  }

}

.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}

@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig;

}

@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  100% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  100% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

.animated.flip {

  -webkit-backface-visibility: visible;

  -ms-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}

@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}

@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    -ms-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    -ms-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}

.flipInX {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}

@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

}

@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    -ms-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    -ms-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

}

.flipInY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}

@-webkit-keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

@keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

.flipOutX {

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

}

@-webkit-keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

@keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

.flipOutY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY;

}

@-webkit-keyframes lightSpeedIn {

  0% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: translateX(-20%) skewX(30deg);

    transform: translateX(-20%) skewX(30deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: translateX(0%) skewX(-15deg);

    transform: translateX(0%) skewX(-15deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

}

@keyframes lightSpeedIn {

  0% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    -ms-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: translateX(-20%) skewX(30deg);

    -ms-transform: translateX(-20%) skewX(30deg);

    transform: translateX(-20%) skewX(30deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: translateX(0%) skewX(-15deg);

    -ms-transform: translateX(0%) skewX(-15deg);

    transform: translateX(0%) skewX(-15deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(0%) skewX(0deg);

    -ms-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

}

.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}

@-webkit-keyframes lightSpeedOut {

  0% {

    -webkit-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

}

@keyframes lightSpeedOut {

  0% {

    -webkit-transform: translateX(0%) skewX(0deg);

    -ms-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    -ms-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

}

.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in;

}

@-webkit-keyframes rotateIn {

  0% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateIn {

  0% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(-200deg);

    -ms-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

}

@-webkit-keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft;

}

@-webkit-keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight;

}

@-webkit-keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft;

}

@-webkit-keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight;

}

@-webkit-keyframes rotateOut {

  0% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

@keyframes rotateOut {

  0% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(200deg);

    -ms-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut;

}

@-webkit-keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft;

}

@-webkit-keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight;

}

@-webkit-keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft;

}

@-webkit-keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight;

}

@-webkit-keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}

@-webkit-keyframes slideInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes slideInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}

@-webkit-keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}

@-webkit-keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft;

}

@-webkit-keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight;

}

@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp;

}

@-webkit-keyframes slideInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes slideInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}

@-webkit-keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

@keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown;

}

@-webkit-keyframes hinge {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  20%,

  60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  40% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  80% {

    -webkit-transform: rotate(60deg) translateY(0);

    transform: rotate(60deg) translateY(0);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }

  100% {

    -webkit-transform: translateY(700px);

    transform: translateY(700px);

    opacity: 0;

  }

}

@keyframes hinge {

  0% {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  20%,

  60% {

    -webkit-transform: rotate(80deg);

    -ms-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  40% {

    -webkit-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  80% {

    -webkit-transform: rotate(60deg) translateY(0);

    -ms-transform: rotate(60deg) translateY(0);

    transform: rotate(60deg) translateY(0);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }

  100% {

    -webkit-transform: translateY(700px);

    -ms-transform: translateY(700px);

    transform: translateY(700px);

    opacity: 0;

  }

}

.hinge {

  -webkit-animation-name: hinge;

  animation-name: hinge;

}

@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-120deg);

    transform: translateX(-100%) rotate(-120deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

}

@keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-120deg);

    -ms-transform: translateX(-100%) rotate(-120deg);

    transform: translateX(-100%) rotate(-120deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

}

.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn;

}

@-webkit-keyframes rollOut {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100%) rotate(120deg);

    transform: translateX(100%) rotate(120deg);

  }

}

@keyframes rollOut {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100%) rotate(120deg);

    -ms-transform: translateX(100%) rotate(120deg);

    transform: translateX(100%) rotate(120deg);

  }

}

.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut;

}

@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

  }

}

@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

  }

}

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}

@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    -ms-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    -ms-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown;

}

@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(48px);

    transform: scale(0.475) translateX(48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    -ms-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(48px);

    -ms-transform: scale(0.475) translateX(48px);

    transform: scale(0.475) translateX(48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft;

}

@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-48px);

    transform: scale(0.475) translateX(-48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    -ms-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-48px);

    -ms-transform: scale(0.475) translateX(-48px);

    transform: scale(0.475) translateX(-48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight;

}

@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    -ms-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    -ms-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp;

}

@-webkit-keyframes zoomOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  50% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

  100% {

    opacity: 0;

  }

}

@keyframes zoomOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  50% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

  100% {

    opacity: 0;

  }

}

.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut;

}

@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

  }

}

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    -ms-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    -ms-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

  }

}

.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown;

}

@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(42px);

    transform: scale(0.475) translateX(42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-transform-origin: left center;

    transform-origin: left center;

  }

}

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(42px);

    -ms-transform: scale(0.475) translateX(42px);

    transform: scale(0.475) translateX(42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    -ms-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center;

  }

}

.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft;

}

@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-42px);

    transform: scale(0.475) translateX(-42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-transform-origin: right center;

    transform-origin: right center;

  }

}

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-42px);

    -ms-transform: scale(0.475) translateX(-42px);

    transform: scale(0.475) translateX(-42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    -ms-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

  }

}

.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight;

}

@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-transform-origin: center top;

    transform-origin: center top;

  }

}

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    -ms-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    -ms-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-transform-origin: center top;

    -ms-transform-origin: center top;

    transform-origin: center top;

  }

}

.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp;

}

.fadeInUp2 {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}

@-webkit-keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

/* Header

----------------------------------------------------------*/

/* Top Bar */

.topbar {

  width: 100%;

  height: 30px;

  display: block;

  float: left;

}

.topbar-dark {

  background: #333;

  font-size: 10px;

  color: #999;

}

.topbar-dark p {

  display: inline-block;

  float: left;

  line-height: 30px;

  margin-right: 30px;

}

.topbar-dark .language {

  float: right;

}

.topbar-dark .language a {

  color: #666;

  display: inline-block;

  position: relative;

  padding: 0 12px;

  line-height: 30px;

}

.topbar-dark .language a:hover {

  color: #999;

}

.topbar-dark .language a:after {

  content: "/";

  display: block;

  position: absolute;

  font-size: 11px;

  right: 0;

  top: 0;

}

.topbar-dark .language a:last-child:after {

  display: none;

}

.topbar-dark .language a.active {

  color: #999;

}

.topbar-position {

  width: calc(100% + 80px);

  z-index: 3;

  position: relative;

  overflow: hidden;

  top: -10px;

  left: -40px;

}

.topbar-position .language {

  width: auto;

}

.topbar-position p {

  margin: 0;

}

.hide-topbar {

  display: none;

}

.bg-light-grey {

  background: #f5f5f5;

}

.topbar-transparent {

  height: 50px;

  background: transparent;

  line-height: 25px;

  padding: 10px 0;

  float: none;

}

.topbar-transparent .social-share {

  float: left;

  display: inline-block;

}

.topbar-transparent .social-share a {

  font-size: 13px;

}

.topbar-transparent p.ads-text {

  text-align: center;

  font-size: 11px;

  display: inline-block;

  width: calc(100% - 540px);

  letter-spacing: 2px;

}

.topbar-transparent .account {

  display: inline-block;

  float: right;

}

.topbar-transparent .account a {

  font-size: 11px;

  color: #666;

  display: inline-block;

  position: relative;

  padding: 0 12px;

}

.topbar-transparent .account a:hover {

  color: #333;

}

.topbar-transparent .account a:after {

  content: "/";

  display: block;

  position: absolute;

  font-size: 11px;

  right: -2px;

  top: 0;

}

.topbar-transparent .account a:last-child:after {

  display: none;

}

.topbar-transparent .topbar-left {

  float: left;

  width: 260px;

}

.topbar-transparent .topbar-right {

  float: right;

  width: 260px;

}

.language {

  float: left;

  display: inline-block;

  width: 80px;

  font-size: 11px;

  text-transform: uppercase;

}

.language div.fancy-select {

  color: #666;

}

.language div.fancy-select div.trigger {

  padding: 0;

  background: none;

  border: none;

  outline: none;

  box-shadow: none;

  width: 100%;

  letter-spacing: 1px;

}

.language div.fancy-select div.trigger::after {

  top: 10px;

  right: 15px;

}

.language div.fancy-select ul.options {

  left: 0;

  border: 0;

  background: #333;

  border-radius: 0;

}

.language div.fancy-select ul.options li {

  color: #fff;

  letter-spacing: 1px;

}

.language div.fancy-select ul.options li.selected {

  color: #222;

  background: #ebcd1e;

  letter-spacing: 1px;

}

.language div.fancy-select ul.options li:hover {

  color: #333;

  background: #ebcd1e;

}

.language div.fancy-select ul.options.open {

  top: 30px;

}

/*Modal Search */

body.modal-open {

  padding-right: 0!important;

}

.close {

  font-size: 50px;

  display: block;

}

.modal-search {

  background: rgba(235, 205, 30, 0.95);

  position: fixed;

  top: 0;

  left: 0;

  transition: all 0.6s ease 0s;

  padding-right: 0!important;

}

.modal-search .modal-body {

  text-align: center;

}

.myModal-search {

  top: 50%!important;

  transform: translate(0, -50%) !important;

  position: absolute;

  width: 100%;

  margin: 0;

}

.modal-search .search-form {

  width: 100%!important;

  max-width: 555px;

  display: inline-block;

  position: relative;

}

.modal-search .search-submit {

  position: absolute;

  right: 0;

  top: 13px;

  border: none;

  background: transparent;

}

.modal-search input[type="search"] {

  border-bottom: 3px solid #222;

  border-top: 0px solid #222;

  border-right: 0px solid #222;

  border-left: 0px solid #222;

  font-size: 36px;

  line-height: 36px;

  font-weight: 300;

  width: 100%;

  background: transparent;

  color: #fff;

  padding: 10px 0px;

  color: #222;

  padding-right: 50px;

}

.modal-search .modal-content {

  background: none;

  border: 0;

  outline: none;

  box-shadow: none;

}

.modal-search .search-submit .fa {

  color: #222;

  font-size: 30px;

}

.modal-search .close {

  margin-top: 25px;

  margin-right: 45px;

  opacity: .9;

  color: #222;

}

.modal-search .close:hover {

  opacity: 1;

}

/* Header Desktop */

header {

  width: 100%;

}

header ul {

  list-style: none;

  display: block;

  padding: 0;

  margin: 0;

}

.header-border {

  border-bottom: 1px solid #e5e5e5;

}

.header-fix {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999;

}

.header-bg-white {

  background: #fff;

}

header .left-header .navi-level-1 li a.logo {

  padding: 0;

  padding-top: 15px;

}

.navi-level-1 > li {

  position: relative;

  display: inline-block;

}

.navi-level-1 > li a {

  display: block;

  line-height: 22px;

  font-family: 'Montserrat', sans-serif;

  font-size: 12px;

  letter-spacing: 1px;

  text-transform: uppercase;

  position: relative;

  padding: 18px 30px 17px 30px;

  color: #555;

  letter-spacing: 2px;

}

.navi-level-1 > li > a:after {

  content: "|";

  width: 1px;

  height: 22px;

  position: absolute;

  right: 0px;

  top: 17px;

  color: #ccc;

  display: block;

}

.navi-level-1 > li .navi-level-2 {

  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);

  height: auto;

  min-width: 215px;

  display: block;

  position: absolute;

  top: calc(100% - 5px);

  left: 0;

  z-index: 99999;

  display: none;

  padding: 0;

  background: #ebcd1e;

}

.navi-level-1 > li .navi-level-2 li {

  display: block;

  position: relative;

  width: 100%;

}

.navi-level-1 > li .navi-level-2 li a {

  display: block;

  padding: 10px 20px;

  width: 100%;

  color: #333;

  transition: all 0.1s;

}

.navi-level-1 > li .navi-level-2 li a:hover {

  color: #ebcd1e;

  background: #333;

}

.navi-level-1 > li .navi-level-2 li:last-child {

  border-bottom: none;

}

.navi-level-1 > li .fadeInUp {

  animation-duration: .4s;

}

@keyframes fadeInUp {

  from {

    opacity: 0;

    transform: translate3d(0, 10%, 0);

  }

  to {

    opacity: 1;

    transform: none;

  }

}

.navi-level-1 > li .open-navi-2 {

  display: block;

}

.navi-level-1 > li:last-child a:after {

  display: none;

}

.navi-level-1 li:last-child ul.navi-level-2 {

  right: 0;

  left: auto;

}

.sub-navi {

  text-align: right;

}

.sub-navi > li a {

  padding-left: 15px;

  padding-right: 15px;

}

.sub-navi > li:nth-last-child(2) a {

  padding-right: 0;

}

.sub-navi > li:nth-last-child(2) a:after {

  display: none;

}

.mini-cart {

  display: inline-block;

  position: relative;

}

span.mini-cart-counter {

  position: absolute;

  display: block;

  top: -5px;

  left: 35px;

  width: 18px;

  height: 18px;

  background: #ebcd1e;

  color: #333;

  border-radius: 50%;

  line-height: 18px;

  text-align: center;

}

.header-v1 .left-header,

.header-v1 .right-header,

.header-v1 nav {

  float: left;

}

.header-v1 .left-header,

.header-v1 .right-header {

  width: 20%;

}

.header-v1 nav {

  width: 60%;

}

.header-v1 nav .navi-level-1 {

  text-align: center;

}

.header-v1 nav .navi-level-2 {

  text-align: left;

}

.header-v2 {

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  z-index: 3;

}

.header-v2 .navi-level-1 > li a {

  color: #ccc;

}

.header-v2 .left-header {

  float: left;

  width: 470px;

}

.header-v2 .left-header li {

  vertical-align: top;

}

.header-v2 .left-header .navi-level-1 li a.logo {

  padding-left: 15px;

  padding-right: 15px;

}

.header-v2 nav {

  float: right;

  width: calc(100% - 670px);

  text-align: right;

}

.header-v2 nav ul.navi-level-2 {

  text-align: left;

}

.header-v2 nav ul {

  display: inline-block;

}

.header-v2 nav ul:nth-child(1) > li:last-child:after {

  display: block;

}

.header-v2 .sub-navi {

  float: right;

}

/* Header V3 */

.header-v3 .left-header,

.header-v3 .right-header {

  width: calc(50% - 112.5px);

  float: left;

}

.header-v3 div.logo {

  width: auto;

  display: block;

  float: left;

}

.header-v3 div.logo a {

  padding-bottom: 0;

  padding-top: 15px;

}

.header-v3 nav {

  display: block;

  width: 100%;

}

.header-v3 .left-header {

  text-align: right;

}

.header-v3 .left-header .navi-level-2 {

  text-align: left;

}

.header-v3 .right-header ul {

  text-align: left;

}

.header-v3 #navi-left li:last-child a:after {

  display: block;

}

/* Header V4 */

.header-v4 .left-header {

  width: 160px;

  display: inline-block;

  float: left;

}

.header-v4 nav {

  width: calc(100% - 160px - 90px);

  display: inline-block;

  float: left;

  text-align: right;

}

.header-v4 nav li a {

  padding: 18px 20px 17px 20px;

}

.header-v4 nav li:last-child a:after {

  display: block;

}

.header-v4 .right-header {

  width: 90px;

  display: inline-block;

  float: right;

}

.header-v4 .navi-level-1 > li a {

  color: #555;

}

.header-v4 .left-header .navi-level-1 li a.logo {

  padding-left: 0;

}

/* Header V5 */

.header-v5 {

  background: transparent;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}

.header-v5 .left-header {

  width: 160px;

}

.header-v5 .navi-level-1 > li > a {

  color: #ccc;

}

.header-v5 .navi-level-1 > li > a::after {

  color: rgba(255, 255, 255, 0.08);

}

.header-v6 {

  position: relative;

  height: auto;

}

.header-v6 .left-header {

  width: 300px;

  display: inline-block;

}

.header-v6 .logo {

  display: block;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 60px;

}

.header-v6 .right-header {

  width: 300px;

  float: right;

  text-align: right;

}

.header-v6 .right-header a {

  color: #666;

  transition: all 0.6s ease 0s;

}

.header-v6 .right-header a:hover {

  color: #ebcd1e;

}

.header-v6 .right-header .price-mini-cart {

  margin-left: 10px;

}

.header-v6 nav {

  margin-top: 30px;

  clear: both;

  text-align: center;

  margin-bottom: 20px;

}

.header-v6 nav ul li {

  text-align: center;

}

.header-v6 nav .navi-level-2 li {

  text-align: left!important;

}

.header-v6 .right-header > ul > li:nth-last-child(2) a {

  display: none;

}

.header-v6 .right-header > ul > li:nth-last-child(3) a:after {

  display: none;

}

.header-v6 .right-header > ul > li:nth-last-child(3) a {

  padding-right: 0;

}

/* Menu Style */

.navi-level-1.dot-seperator > li > a:after,

.navi-level-1.line-separator > li > a:after,

.navi-level-1.circle-separator > li > a:after,

.navi-level-1.square-separator > li > a:after,

.navi-level-1.plus-separator > li > a:after,

.navi-level-1.strip-separator > li > a:after {

  position: absolute;

  font-family: "FontAwesome";

  color: #ebcd1e;

  top: 17px;

  right: 0;

}

.navi-level-1.dot-seperator > li > a:after {

  content: "\f111";

  font-size: 6px;

}

.navi-level-1.line-separator > li > a:after {

  content: "/";

  font-size: 15px;

}

.navi-level-1.circle-separator > li > a:after {

  content: "\f10c";

  font-size: 8px;

}

.navi-level-1.square-separator > li > a:after {

  content: "\f096";

  font-size: 8px;

}

.navi-level-1.plus-separator > li > a:after {

  content: "\f067";

  font-size: 8px;

}

.navi-level-1.strip-separator > li > a:after {

  content: "\f068";

  font-size: 8px;

}

.navi-level-1.no-separator > li > a:after {

  display: none!important;

}

/* Hover Effect Link */

.navi-level-1.hover-style-2 li a span {

  display: block;

  position: relative;

}

.navi-level-1.hover-style-2 li a span:before {

  display: block;

  width: 0;

  height: 3px;

  position: absolute;

  background: #ebcd1e;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  content: "";

  transition: all 0.3s ease-in-out;

  z-index: -1;

}

.navi-level-1.hover-style-2 li a:hover span:before {

  width: 100%;

}

.navi-level-1.hover-style-3 li a span {

  display: block;

  position: relative;

  padding: 0 5px;

}

.navi-level-1.hover-style-3 li a span:before {

  display: block;

  width: 0;

  height: 100%;

  position: absolute;

  background: #ebcd1e;

  left: 0;

  top: 0;

  content: "";

  transition: all 0.3s ease-in-out;

  z-index: -1;

}

.navi-level-1.hover-style-3 li a:hover span:before {

  width: 100%;

}

.navi-level-1.hover-style-4 li a {

  transition: all 0.6s ease 0s;

}

.navi-level-1.hover-style-4 li a:hover {

  color: #ebcd1e;

}

.navi-level-1.hover-style-5 li a span {

  display: block;

  position: relative;

  padding: 0;

}

.navi-level-1.hover-style-5 li a span:before {

  display: block;

  width: 0;

  height: 2px;

  position: absolute;

  background: #ebcd1e;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0px;

  content: "";

  transition: all 0.3s ease-in-out;

  z-index: -1;

}

.navi-level-1.hover-style-5 li a:hover span:before {

  width: 100%;

}

.navi-level-1 li span {

  z-index: 3;

}

.mCSB_container {

  padding-bottom: 100%;

}

.mobile-menu-first .mCSB_container {

  padding: 0px 0 100% 0;

}

.mobile-menu-first .mCustomScrollbar {

  max-height: 600px;

  overflow: hidden;

  position: relative;

}

.mobile-menu-first .mCSB_scrollTools {

  left: 0;

}

.footer-mobile-menu {

  float: left;

}

.button-wrap .bttn {

  width: 150px;

  background: #FFC000;

  color: #222;

  display: inline-block;

  margin-right: 20px;

  padding: 10px 0;

  padding-left: 30px;

}

pre {

  font-family: monospace;

  background-color: #fFF9f9;

  border: #bb7799 1px solid;

  color: #440011;

  font-size: 100%;

  width: 80%;

  overflow: auto;

  word-spacing: normal;

  word-wrap: normal;

  padding-top: 15px;

}

a.options {

  padding: 5px 10px;

  background: #FFC000;

  text-decoration: none;

  color: #fff;

  margin-right: 10px;

}

.option-wrap {

  margin-bottom: 10px;

  background: #eee;

  padding: 10px 0 10px 10px;

  width: 80%;

}

@media (max-width: 767px) {

  .browser-size {

    display: none;

  }

}

@media (max-width: 640px) {

  .option-wrap,

  pre {

    width: 100%;

  }

}

/******** ie11 scroll bar fix *********/

@-ms-viewport {

  width: auto !important;

}

/************************

*************************

    Mobile Menu v1.0

    (c) 2015 George Lieu

    licensed under MIT

************************

************************/

html {

  overflow-x: hidden;

}

#page {

  position: relative;

  left: 0;

}

#overlay {

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  min-height: 100%;

  width: 100%;

  z-index: 9999;

  background: rgba(235, 205, 30, 0.95);

  opacity: 1;

  cursor: pointer;

  transition: all 1s;

}

.mmPushBody {

  width: 100%;

  height: 100%;

  overflow-x: hidden;

}

#mobile-menu {

  position: fixed;

  top: 0;

  z-index: 99999;

  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);

  display: none;

  border-right: 1px solid #cccccc;

  box-sizing: content-box;

}

#mobile-menu-right {

  position: fixed;

  top: 0;

  z-index: 99999;

  box-shadow: 0 1px 8px #555555;

  display: none;

  border-right: 1px solid #cccccc;

  box-sizing: content-box;

}

.mobile-menu {

  list-style-type: none;

  margin: 0;

  width: 100%;

  float: left;

  margin-left: 0;

  padding-left: 0;

  position: relative;

  box-sizing: border-box;

}

.mobile-menu ul {

  margin-left: 0;

  padding-left: 0;

  float: left;

  display: block;

  width: 100%;

}

.mobile-menu .expand {

  right: 0;

  position: absolute;

  padding: 0 10px;

  color: #888;

  margin-left: 100px;

}

.mobile-menu .expand:hover {

  cursor: pointer;

}

.mobile-menu li {

  display: block;

  border-bottom: 1px solid #eee;

  width: 100%;

  float: left;

  margin-left: 0;

  padding-left: 0;

  position: relative;

  background: transparent;

}

.mobile-menu li a {

  display: block;

  overflow: hidden;

  white-space: normal;

  text-decoration: none;

  padding: 10px;

  padding-left: 15px;

  transition: all 0.6s ease 0s;

}

.mobile-menu li li a {

  padding-left: 25px;

}

.mobile-menu li li li a {

  padding-left: 35px;

}

.mm-toggle {

  display: none!important;

  cursor: pointer;

  font-size: 18px!important;

  transition: all 0.6s ease 0s;

  position: relative;

}

.mm-toggle span {

  position: absolute;

  top: 5px;

}

.icon-plus:before,

.icon-minus:before {

  content: "\4c";

  font-family: 'ElegantIcons';

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

}

.icon-minus:before {

  content: "\4b";

}

.mobile-menu .open {

  background: transparent;

  color: #fff;

}

.mobile-menu .open + a {

  background: #ebcd1e;

  color: #333;

}

.mmPushBody .mm-toggle {

  position: relative;

}

.header-mobile-menu {

  display: block;

  width: 100%;

  padding: 25px 15px;

  background: #222;

  z-index: 999;

}

.header-mobile-menu a {

  font-size: 13px;

  font-weight: normal;

  color: #fff;

}

.header-mobile-menu .mm-toggle {

  position: absolute;

  top: 15px;

  right: -14px;

  font-size: 35px !important;

  width: 50px;

  height: 50px;

  color: #ebcd1e;

  opacity: .8;

}

.header-mobile-menu .mm-toggle:hover {

  opacity: 1;

}

.footer-mobile-menu ul.social {

  padding-left: 15px;

}

.footer-mobile-menu ul.social li {

  display: inline-block;

  float: left;

  width: auto;

  margin-right: 5px;

  margin-top: 15px;

  margin-bottom: 10px;

  border-bottom: 0;

}

.footer-mobile-menu ul.social li a {

  background: rgba(255, 255, 255, 0.1);

  line-height: 20px;

  text-align: center;

  margin-left: 0;

  font-size: 11px;

}

.footer-mobile-menu ul.social li a i {

  margin-left: -3px;

}

.footer-mobile-menu ul.social li a:hover {

  color: #222;

  background: #ebcd1e;

}

ul.address-footer-mobile {

  padding: 0;

  padding-left: 20px;

  margin: 0;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  display: block;

  width: 100%;

  float: left;

}

ul.address-footer-mobile li {

  display: block;

  width: 100%;

  padding: 7px 0;

}

ul.address-footer-mobile li p {

  font-size: 13px;

  color: #fff;

  font-weight: 300;

  margin: 0;

}

/* Custom */

.mobile-menu {

  background: #333;

}

.mobile-menu li {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.mobile-menu li a {

  color: #fff;

  font-weight: 300;

  font-size: 13px;

  transition: all 0.1s;

  display: block;

}

.mobile-menu li ul li:last-child {

  border-bottom: none;

}

.mobile-menu li:hover .expand {

  color: #222;

}

.mobile-menu li ul {

  background: #222;

}

.mobile-menu .open + a {

  color: #222;

  font-weight: 400;

  transition: all 0.6s ease 0s;

}

.mobile-menu .expand:hover {

  color: #fff;

}

.mobile-menu .expand.open {

  color: #222;

}

.mobile-menu > li:hover > a {

  background: #ebcd1e;

  color: #222;

  font-weight: 400;

}

.mobile-menu li li:hover a {

  background: #ebcd1e;

  color: #222;

  font-weight: 400;

}

/* Layour

----------------------------------------------------------*/

/* Import */

/* Font Family

----------------------------------------------------------*/

/* Reset

----------------------------------------------------------*/

h1 {

  font-size: 40px;

  line-height: 1.2;

  letter-spacing: 2px;

}

h2 {

  font-size: 36px;

  line-height: 1.2;

  letter-spacing: 2px;

}

h3 {

  font-size: 24px;

  line-height: 1.2;

  letter-spacing: 2px;

}

h4 {

  font-size: 18px;

  line-height: 1.2;

  font-weight: 400;

  letter-spacing: 2px;

}

h5 {

  font-size: 15px;

  line-height: 1.2;

  letter-spacing: 2px;

}

h6 {

  font-size: 12px;

  line-height: 1.2;

}

h1,

h2,

h3,

h4,

h5 {

  color: #333;

}

h6 {

  color: #555;

}

a {

  text-decoration: none;

}

a:hover {

  text-decoration: none;

}

a:hover,

a:focus {

  outline: none;

  text-decoration: none;

}

ul {

  padding-left: 0;

}

h4 mark {

  letter-spacing: 2px;

}

/* #PAGE LOAD */

#royal_preloader {

  width: 100%;

  height: 100%;

  font-family: Arial;

  font-size: 12px;

  visibility: visible;

  position: fixed;

  top: 0px;

  right: 0px;

  bottom: 0px;

  left: 0px;

  z-index: 9999999999;

  -webkit-transition: opacity 0.2s linear 0.8s;

  -moz-transition: opacity 0.2s linear 0.8s;

  -ms-transition: opacity 0.2s linear 0.8s;

  -o-transition: opacity 0.2s linear 0.8s;

  transition: opacity 0.2s linear 0.8s;

}

#royal_preloader.complete {

  opacity: 0;

}

#royal_preloader .background {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  background-color: #000000;

  -webkit-transition: background 0.5s linear;

  -moz-transition: background 0.5s linear;

  -ms-transition: background 0.5s linear;

  -o-transition: background 0.5s linear;

  transition: background 0.5s linear;

}

#royal_preloader.number .name {

  position: absolute;

  top: 20%;

  left: 0px;

  right: 0px;

  text-transform: uppercase;

  color: #EEEEEE;

  text-align: center;

  opacity: 0;

  -webkit-transition: -webkit-transform 0.3s linear;

  -moz-transition: -moz-transform 0.3s linear;

  -ms-transition: -ms-transform 0.3s linear;

  -o-transition: -o-transform 0.3s linear;

  transition: transform 0.3s linear;

  -webkit-animation: fly 0.3s;

  -moz-animation: fly 0.3s;

  -ms-animation: fly 0.3s;

  -o-animation: fly 0.3s;

  animation: fly 0.3s;

}

#royal_preloader.number .percentage {

  color: #FFFFFF;

  font-family: Impact, Arial;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

  text-align: center;

  margin: -90px 0px 0px -90px;

  background-image: url('../images/loader.html');

  background-repeat: no-repeat;

  background-position: 50% 0;

  padding-top: 80px;

  width: 180px;

  position: absolute;

  font-size: 50px;

  top: 50%;

  left: 50%;

  -webkit-transition: all 0.3s linear 0.5s;

  -moz-transition: all 0.3s linear 0.5s;

  -ms-transition: all 0.3s linear 0.5s;

  -o-transition: all 0.3s linear 0.5s;

  transition: all 0.3s linear 0.5s;

}

#royal_preloader.text .loader {

  position: absolute;

  text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

  text-transform: uppercase;

  text-align: center;

  top: 50%;

  left: 50%;

  width: 240px;

  margin-left: -60px;

  height: 60px;

  line-height: 60px;

  margin-top: -30px;

  font-size: 30px;

  white-space: nowrap;

}

#royal_preloader.text .loader div {

  position: absolute;

  top: 0px;

  right: 0px;

  bottom: 0px;

  left: 0%;

  background-color: #000000;

  opacity: 0.7;

  filter: alpha(opacity=70);

  -webkit-transition: left 0.3s linear;

  -moz-transition: left 0.3s linear;

  -ms-transition: left 0.3s linear;

  -o-transition: left 0.3s linear;

  transition: left 0.3s linear;

}

#royal_preloader.logo .loader {

  width: 76px;

  height: 29px;

  position: absolute;

  left: 52%;

  top: 50%;

  margin: -14px 0px 0px -60px;

  background-size: 100% auto;

  overflow: hidden;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  /*background-size: cover;*/

}

#royal_preloader.logo .loader div {

  position: absolute;

  bottom: 0%;

  left: 0px;

  right: 0px;

  height: 100%;

  opacity: 0.7;

  filter: alpha(opacity=70);

  -webkit-transition: bottom 0.3s linear;

  -moz-transition: bottom 0.3s linear;

  -ms-transition: bottom 0.3s linear;

  -o-transition: bottom 0.3s linear;

  transition: bottom 0.3s linear;

}

#royal_preloader.logo .percentage {

  position: absolute;

  width: 80px;

  height: 30px;

  line-height: 30px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 400;

  font-size: 13px;

  letter-spacing: 2px;

  top: 50%;

  left: 50%;

  margin: 33px 0px 0px -40px;

  color: #212121;

  text-align: center;

}

@-webkit-keyframes fly {

  0% {

    opacity: 0;

    top: 50%;

  }

  20% {

    opacity: 1;

    top: 40%;

  }

  100% {

    opacity: 0;

    top: 20%;

  }

}

@-moz-keyframes fly {

  0% {

    opacity: 0;

    top: 50%;

  }

  20% {

    opacity: 1;

    top: 40%;

  }

  100% {

    opacity: 0;

    top: 20%;

  }

}

@-ms-keyframes fly {

  0% {

    opacity: 0;

    top: 50%;

  }

  20% {

    opacity: 1;

    top: 40%;

  }

  100% {

    opacity: 0;

    top: 20%;

  }

}

@-o-keyframes fly {

  0% {

    opacity: 0;

    top: 50%;

  }

  20% {

    opacity: 1;

    top: 40%;

  }

  100% {

    opacity: 0;

    top: 20%;

  }

}

@keyframes fly {

  0% {

    opacity: 0;

    top: 50%;

  }

  20% {

    opacity: 1;

    top: 40%;

  }

  100% {

    opacity: 0;

    top: 20%;

  }

}

/* Global

----------------------------------------------------------*/

.max-height-header {

  max-height: 79px;

}

.white-text {

  color: white;

}

.text-cap {

  text-transform: uppercase;

}

.bg-grey {

  background: #f5f5f5;

}

.bg-dark {

  background: #333;

}

.grey-text {

  color: #ccc;

}

.no-padding {

  padding: 0!important;

}

.no-padding-tb {

  padding-top: 0!important;

  padding-bottom: 0!important;

}

.no-padding-bot {

  padding-bottom: 0!important;

}

.padding-bot-90 {

  padding-bottom: 90px!important;

}

.padding-bot-30 {

  padding-bottom: 30px!important;

}

.padding-top-30 {

  padding-top: 30px!important;

}

.padding-top-20 {

  padding-top: 20px!important;

}

mark {

  background: #ebcd1e;

  padding: 0 3px;

}

.font-use {

  font-family: 'Montserrat', sans-serif;

  font-family: 'Roboto', sans-serif;

}

body {

  font-family: 'Roboto', sans-serif;

  font-size: 15px;

  line-height: 25px;

  color: #666;

  overflow: hidden;

}

.padding {

  padding: 94px 0 120px 0;

}

.padding-bottom-0 {

  padding-bottom: 0!important;

}

/*space*/

.fixbug-inline-block {

  margin-top: -10px;

}

.mgb0 {

  margin-bottom: 0px!important;

}

.mgb20 {

  margin-bottom: 20px;

}

.mgb30 {

  margin-bottom: 20px;

}

.mgb45 {

  margin-bottom: 45px;

}

.mgt60 {

  margin-top: 60px;

}

/* Divider */

.divider {

  width: 100%;

  max-width: 370px;

  height: 1px;

  margin: 40px auto;

  display: block;

  position: relative;

  background: #e5e5e5;

}

/* SVG */

.svg-triangle-icon-container {

  width: 22px;

  height: 15px;

  overflow: visible!important;

  left: 50%;

  margin-left: -11px;

  margin-top: -6px;

  display: block;

  position: absolute;

}

.svg-triangle-icon {

  fill: transparent;

  stroke: #ebcd1e;

  stroke-width: 3;

}

/* Title */

.title {

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

  text-align: center;

}

/* Block */

.block-img-left,

.block-img-right {

  margin: 25px 0;

}

/* Block IMG Left */

.block-img-left {

  display: inline-block;

}

.block-img-left .text-box {

  text-align: left;

  display: inline-block;

  padding-left: 15px;

  width: 50%;

}

.block-img-left .img-block {

  float: left;

  width: calc(50% - 15px);

  margin-right: 15px;

  border-radius: 3px;

  overflow: hidden;

  display: block;

}

/* Block IMG Right */

.block-img-right {

  display: inline-block;

}

.block-img-right .text-box {

  text-align: right;

  display: inline-block;

  padding-right: 15px;

  width: 50%;

}

.block-img-right .img-block {

  float: right;

  width: calc(50% - 15px);

  margin-left: 15px;

  border-radius: 3px;

  overflow: hidden;

  display: block;

}

/* Block Img Full */

.block-img-full .img-block {

  display: block;

  border-radius: 3px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.block-img-full .text-box {

  margin-top: 30px;

  padding: 0;

}

.block-img-full .text-box h4 {

  margin-bottom: 20px;

}

/* Promotion Box */

.promotion-box {

  display: inline-block;

}

.promotion-box figure {

  position: relative;

  float: left;

  overflow: hidden;

  text-align: center;

  cursor: pointer;

  width: 33.333%;

  max-height: 420px;

}

.promotion-box figure:last-child {

  margin-left: -1px;

}

.promotion-box figure figcaption {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

/* Promotion Dark */

.promotion-box-2 {

  display: flex;

}

.promotion-box-dark {

  width: 33.3333%;

  display: flex;

  height: 420px;

  cursor: pointer;

  transition: all 0.6s ease 0s;

}

.promotion-box-dark .box-dark-content {

  width: 100%;

  height: 100%;

  text-align: center;

}

.promotion-box-dark p {

  font-size: 15px;

  color: #aaa;

}

.promotion-box-dark h3 {

  font-weight: 300;

  color: #fff;

  margin-bottom: 20px;

}

.promotion-box-dark.box-pro-1 {

  background: #333333;

}

.promotion-box-dark.box-pro-1:hover {

  background: #000;

}

.promotion-box-dark.box-pro-2 {

  background: #2b2b2b;

}

.promotion-box-dark.box-pro-2:hover {

  background: #000;

}

.promotion-box-dark.box-pro-3 {

  background: #242424;

  margin-left: -1px;

}

.promotion-box-dark.box-pro-3:hover {

  background: #000;

}

.icon-promotion {

  color: #ebcd1e;

  font-size: 60px;

  text-align: center;

  display: block;

  padding-bottom: 14px;

  margin-top: 117px;

}

/* Promotion Fixed */

.relative {

  position: relative;

}

.prmotion-fix {

  position: absolute;

  top: -236px;

  left: 0;

  width: 100%;

}

.item-promotion-h5 {

  display: inline-block;

  width: 49%;

  float: left;

  background: #ebcd1e;

}

.item-promotion-h5 .img-promotion-h5 {

  display: inline-block;

  float: left;

  width: 50%;

}

.item-promotion-h5 .promotion-h5-text-box {

  display: inline-block;

  float: left;

  width: 50%;

  padding: 10px 26px;

}

.item-promotion-h5 .promotion-h5-text-box h3 {

  font-weight: 400;

  font-family: 'Roboto', sans-serif;

}

.item-promotion-h5 a {

  fotn-size: 12px;

  font-family: 'Montserrat', sans-serif;

  color: #333;

  margin-top: 16px;

  display: block;

  transition: all 0.6s ease 0s;

}

.item-promotion-h5 a:hover {

  padding-left: 15px;

}

.item-promotion-h5:last-child {

  float: right;

}

/*---------------*/

/***** Layla *****/

/*---------------*/

figure figcaption {

  background: rgba(0, 0, 0, 0.6);

  transition: all .35s;

  cursor: default;

}

figure.effect-layla img {

  width: 120%;

  max-width: 992px;

}

figure.effect-layla figcaption::before,

figure.effect-layla figcaption::after {

  position: absolute;

  content: '';

  opacity: 0;

}

figure.effect-layla figcaption::before {

  top: 50px;

  right: 30px;

  bottom: 50px;

  left: 30px;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

  -webkit-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

}

figure.effect-layla figcaption::after {

  top: 30px;

  right: 50px;

  bottom: 30px;

  left: 50px;

  border-right: 1px solid #fff;

  border-left: 1px solid #fff;

  transform: scale(1, 0);

  transform-origin: 100% 0;

}

figure.effect-layla h3 {

  padding-top: 20%;

  transition: transform 0.35s;

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

}

figure.effect-layla p {

  padding: 0.5em 0;

  text-transform: none;

  transform: translate3d(0, -10px, 0);

  color: #aaa;

  max-width: 300px;

  margin: 0 auto;

  padding-bottom: 26px;

  transition: all .5s;

}

figure.effect-layla h3 {

  transform: translate3d(0, -20px, 0);

}

figure.effect-layla img,

figure.effect-layla figcaption::before,

figure.effect-layla figcaption::after,

figure.effect-layla p {

  transition: opacity 0.35s, transform 0.35s;

}

figure .ot-btn {

  position: relative;

  z-index: 2;

}

/* Why Choose Us */

.chooseus-container {

  width: 880px;

  margin: 0 auto;

}

.chooseus-container .chooseus-item {

  width: 50%;

  float: left;

  display: inline-block;

  margin-bottom: 0px;

}

.chooseus-canvas-item,

.chooseus-item {

  position: relative;

  padding: 0;

  width: 310px;

  height: 350px;

  text-align: center;

  margin: 0 auto;

}

.chooseus-canvas-item h4,

.chooseus-item h4 {

  transition: all 0.6s ease 0s;

}

.triangle-div {

  cursor: pointer;

  fill: none;

  fill-opacity: 0;

  stroke: #ccc;

  stroke-width: 1;

  stroke-dasharray: 4;

}

.svg-hexagon {

  width: 310px;

  height: 350px;

}

.hexagon {

  fill: transparent;

  stroke: #ebcd1e;

  stroke-width: 3;

}

.svg-triangle-dotted {

  position: absolute;

  top: 28px;

  left: 28px;

}

.svg-triangle-container {

  width: 256px;

  padding: 0;

  position: absolute;

  top: 28px;

  left: 28px;

}

.svg-triangle-dotted {

  width: 256px;

  height: 220px;

}

.svg-triangle-dotted.svg-tri-2 {

  transform: rotate(-30deg) translateY(40px);

  left: -20px;

}

.svg-triangle-dotted.svg-tri-3 {

  transform: rotate(-90deg) translateY(40px);

  left: -30px;

}

.svg-triangle-dotted.svg-tri-4 {

  transform: rotate(-180deg) translateY(-74px);

  left: 27px;

}

.triangle-img-warp {

  width: 256px;

  height: 220px;

  overflow: hidden;

  position: absolute;

}

.triangle-img-warp img {

  width: 140%;

  max-width: 140%;

  transition: all 0.8s ease-in-out;

  display: block;

  position: absolute;

}

.tri {

  top: 28px;

  left: 28px;

  transform: translateY(32px);

  transition: all 0.8s ease-in-out;

}

.tri img {

  left: -50px;

  top: -90px;

  transition: all 0.8s ease-in-out;

}

.triangle-img-warp {

  clip-path: url("images/Svg/triangle.svg#svgClip");

  -webkit-clip-path: polygon(0px 220px, 256px 220px, 128px 0px);

}

.tri2 {

  clip-path: url("images/Svg/tri2.svg#tri2");  

  -webkit-clip-path: polygon(0px 256px, 220px 128px, 0px 0px);

  transition: all 0.8s ease-in-out;

  left: 95px;

  top: 40px;

  width: 220px;

  height: 256px;

}

.tri2 img {

  /*left: -65px;*/

}

.tri3 {

  transition: all 0.8s ease-in-out;

  transform: rotate(-90deg) translateY(40px);

  left: -48px;

  top: 60px;

}

.tri3 img {

  left: -42px;

  transform: scale(0.9, 0.9) rotate(90deg) translateY(20px);

}

.tri4 {

  transition: all 0.8s ease-in-out;

  transform: rotate(-180deg) translateY(-74px);

  left: 27px;

  top: -10px;

}

.tri4 img {

  left: -42px;

  transform: scale(0.8, 0.8) rotate(180deg) translateY(40px) translateX(20px);

}

/* Choose Us Full Width */

.chooseus-full-width .chooseus-container {

  max-width: 100%;

  width: 100%;

}

.chooseus-full-width .chooseus-container .chooseus-item {

  width: 25%;

  display: inline-block;

  float: left;

}

/* Iso Top Lastest Project */

.projectContainer .element-item {

  width: 25%;

  position: relative;

  transform-style: preserve-3d;

}

.projectContainer .element-item .project-info {

  position: absolute;

  width: 100%;

  height: 100%;

  opacity: 0;

  transition: all 0.6s ease 0s;

  top: 0;

  left: 0;

}

.projectContainer .element-item .project-info a {

  display: block;

  position: relative;

  top: 40.5%;

  transform: translateY(-50px);

  text-align: center;

  transition: all 0.6s ease 0s;

}

.projectContainer .element-item .project-info a.cateProject {

  font-size: 15px;

  line-height: 18px;

  color: #555;

  position: relative;

  top: 41%;

  transform: translateY(50px);

  text-align: center;

  display: block;

  transition: all 0.6s ease 0s;

}

.projectContainer .element-item .project-info a.cateProject:hover {

  color: #222;

}

.projectContainer .element-item:hover .project-info {

  opacity: 1;

  background: rgba(235, 205, 30, 0.95);

}

.projectContainer .element-item:hover .project-info a {

  transform: translateY(0%);

}

.projectContainer .element-item:hover .project-info a.cateProject {

  transform: translateY(0%);

}

.project-terms {

  text-align: center;

  margin-top: 5px;

  margin-bottom: 48px;

  display: block;

}

.project-terms a {

  display: inline-block;

  padding: 0 25px;

}

.project-terms a h4 {

  display: inline-block;

  position: relative;

  color: #555;

  font-family: 'Montserrat', sans-serif;

  font-size: 12px;

  z-index: 9;

}

.project-terms a h4:before {

  content: "";

  width: 0px;

  height: 3px;

  background: rgba(235, 205, 30, 0.9);

  transition: all 0.6s ease 0s;

  position: absolute;

  top: 0px;

  left: 0;

  z-index: -1;

  top: 5px;

}

.project-terms a:hover h4:before {

  content: "";

  width: 100%;

  height: 3px;

  background: rgba(235, 205, 30, 0.9);

}

.project-terms a.current h4 {

  color: #333;

}

.project-terms a.current h4:before {

  content: "";

  width: 100%;

  height: 3px;

  background: rgba(235, 205, 30, 0.9);

}

.project-terms-2 a h4 {

  color: #ccc;

  padding: 0 5px;

  transition: all 0.6s ease 0s;

}

.project-terms-2 a h4:before {

  content: "";

  width: 0%;

  height: 22px;

  top: -4px;

  background: rgba(235, 205, 30, 0.9);

}

.project-terms-2 a.current h4 {

  color: #333;

  padding: 0 5px;

}

.project-terms-2 a.current h4:before {

  content: "";

  width: 100%;

  height: 22px;

  top: -4px;

  background: rgba(235, 205, 30, 0.9);

}

.project-terms-2 a:hover h4 {

  color: #333;

}

.project-terms-2 a:hover h4:before {

  content: "";

  width: 100%;

  height: 22px;

  top: -4px;

  background: rgba(235, 205, 30, 0.9);

}

/*Portfolio Grid v1 2 column container */

.portfolio-grid-1-warp {

  padding: 0 20px;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item {

  width: 50%;

  padding: 0 20px;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item .portfolio-img-demo {

  overflow: hidden;

  display: block;

  width: 100%;

  margin-bottom: 12px;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item img {

  transition: all 0.6s ease 0s;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item img:hover {

  transform: scale(1.1, 1.1);

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item .project-info {

  position: static;

  opacity: 1;

  transform: none;

  display: block;

  float: left;

  padding: 0px 0 35px  0px;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item .project-info a {

  transform: none;

  position: static;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item .project-info h4 {

  transform: none;

  font-size: 16px;

  transition: all 0.6s ease 0s;

  margin-top: 5px;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item .project-info h4:hover {

  color: #ebcd1e;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item .project-info a.cateProject {

  color: #9f9f9f;

  font-size: 13px;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item .project-info a.cateProject:hover {

  color: #ebcd1e;

}

.portfolio-grid-1-warp .portfolio-grid-1-container .element-item:hover .project-info {

  background: transparent;

}

/*Portfolio Grid 1 2 column container */

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item {

  width: 33.333%;

  padding: 0 20px;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item .portfolio-img-demo {

  overflow: hidden;

  display: block;

  width: 100%;

  margin-bottom: 12px;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item img {

  transition: all 0.6s ease 0s;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item img:hover {

  transform: scale(1.1, 1.1);

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item .project-info {

  position: static;

  opacity: 1;

  transform: none;

  display: block;

  float: left;

  padding: 0px 0 35px  0px;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item .project-info a {

  transform: none;

  position: static;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item .project-info h4 {

  transform: none;

  font-size: 16px;

  transition: all 0.6s ease 0s;

  margin-top: 5px;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item .project-info h4:hover {

  color: #ebcd1e;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item .project-info a.cateProject {

  color: #9f9f9f;

  font-size: 13px;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item .project-info a.cateProject:hover {

  color: #ebcd1e;

}

.portfolio-grid-2-warp .portfolio-grid-2-container .element-item:hover .project-info {

  background: transparent;

}

/*Portfolio Grid 1 3 column container */

.portfolio-grid-3-warp {

  padding: 0 20px;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item {

  width: 25%;

  padding: 0 20px;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item .portfolio-img-demo {

  overflow: hidden;

  display: block;

  width: 100%;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item img {

  transition: all 0.6s ease 0s;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item img:hover {

  transform: scale(1.1, 1.1);

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item .project-info {

  margin-top: 12px;

  position: static;

  opacity: 1;

  transform: none;

  display: block;

  float: left;

  padding: 12px 0 35px  0px;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item .project-info a {

  transform: none;

  position: static;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item .project-info h4 {

  transform: none;

  font-size: 16px;

  transition: all 0.6s ease 0s;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item .project-info h4:hover {

  color: #ebcd1e;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item .project-info a.cateProject {

  color: #9f9f9f;

  font-size: 13px;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item .project-info a.cateProject:hover {

  color: #ebcd1e;

}

.portfolio-grid-3-warp .portfolio-grid-3-container .element-item:hover .project-info {

  background: transparent;

}

/*Portfolio Grid 1 4 column container */

.portfolio-grid-v2-4-col-warp .portfolio-grid-v2-4-col-container .element-item {

  width: 25%;

}

/*Portfolio Grid V2 2 column container */

.portfolio-grid-v2-3-col-warp .portfolio-grid-v2-3-col-container .element-item {

  width: 33.333%;

}

/*Portfolio Grid V2 2 column container */

.portfolio-grid-v2-2-col-warp .portfolio-grid-v2-2-col-container .element-item {

  width: 50%;

}

/* Portfolio Detail Style 1 */

/* divider -line */

.divider-line {

  width: 100%;

  height: 1px;

  background: #e5e5e5;

}

.single-project-warp {

  margin-bottom: 120px;

  margin-top: 30px;

}

.single-project-warp h3 {

  font-weight: 300;

  margin-top: 0;

}

.header-pj-style-1 {

  width: 100%;

  height: 76px;

  line-height: 76px;

}

.header-pj-style-1 .divider-line {

  margin-bottom: 20px;

}

.header-pj-style-1 h3 {

  float: left;

  display: inline-block;

  margin: 0;

  line-height: 76px;

}

.header-pj-style-1 .social-share {

  float: right;

  display: inline-block;

  vertical-align: middle;

}

.social-share {

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

  color: #666666;

  font-size: 13px;

}

.social-share p {

  display: inline;

}

.social-share a {

  color: #666666;

  font-size: 15px;

  display: inline-block;

  margin: 0 10px;

  transition: all 0.6s ease 0s;

}

.social-share a:hover {

  color: #000;

}

.pj-info {

  display: inline-block;

}

.pj-info div {

  margin-bottom: 10px;

}

.pj-info h5 {

  display: inline;

  color: #666;

  font-weight: bold;

}

.pj-description {

  display: inline-block;

  margin-top: 13px;

}

.pj-img-demo img {

  margin-bottom: 35px;

}

.arr-pj-container {

  margin: 55px 0;

}

.arr-pj-container a {

  color: #666;

  transition: all 0.6s ease 0s;

}

.arr-pj-container a i {

  font-size: 18px;

  line-height: 24px;

}

.arr-pj-container a:hover {

  color: #ebcd1e;

}

.prev-pj-arr {

  float: left;

}

.prev-pj-arr i {

  margin-right: 20px;

  transition: all 0.6s ease 0s;

}

.prev-pj-arr:hover i {

  margin-right: 10px;

}

.next-pj-arr {

  float: right;

}

.next-pj-arr i {

  margin-left: 20px;

  transition: all 0.6s ease 0s;

}

.next-pj-arr:hover i {

  margin-left: 10px;

}

/* Single Project Style 3 */

.single-project-warp-3 {

  padding: 0 20px;

}

.single-project-warp-3 .pj-img-demo {

  width: 63%;

  padding: 0 20px;

  display: inline-block;

  padding-right: 36px;

}

.single-project-warp-3 .pj-info {

  width: 27%;

  padding: 0 20px;

  display: inline-block;

  vertical-align: top;

}

/* Overlay */

.overlay-arc {

  width: 100%;

  height: 220px;

  background-attachment: fixed;

  background-position: center center;

  -webkit-background-size: cover;

  background-size: cover;

  background-image: url("images/Overlay/1.jpg");

  margin-top: -1px;

}

.layer-1 {

  position: relative;

  width: 100%;

  height: 100%;

  background: rgba(235, 205, 30, 0.9);

}

.layer-1 .ot-btn {

  position: relative;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.overlay-3 {

  background-image: url("images/Overlay/3.jpg");

  height: 418px;

}

.overlay-404 {

  height: auto;

  background: url("images/404/404.jpg");

  background-size: 100% 100%;

}

.box-content-overlay-3 {

  position: relative;

  width: 100%;

  height: 180px;

  top: 50%;

  transform: translateY(-50%);

}

.box-content-overlay-3 h2 {

  color: #111;

  margin-top: 0;

  font-weight: 300;

  line-height: 48px;

}

.box-content-overlay-3 .btn-dark-color {

  position: static;

  transform: none;

  margin-top: 40px;

}

.box-content-overlay-3 .btn-sub-color {

  position: static;

  transform: none;

  margin-top: 40px;

}

/* Blog  Lastest From News */

.lastest-blog-container {

  margin-top: 23px;

  display: inline-block;

}

.latest-blog-post-img {

  position: relative;

  overflow: hidden;

  margin-bottom: 25px;

  border-radius: 3px;

}

.latest-blog-post-img img {

  transition: all 0.6s ease 0s;

}

.latest-blog-post-img:hover img {

  transform: scale(1.1, 1.1);

}

.latest-blog-post-date {

  display: block;

  position: absolute;

  top: 0;

  left: 15px;

  background: #ebcd1e;

  color: #333;

  font-family: 'Montserrat', sans-serif;

  text-align: center;

  width: 50px;

  height: 50px;

}

.latest-blog-post-date span.day {

  display: block;

  font-size: 24px;

  line-height: 36px;

}

.latest-blog-post-date span.month {

  display: block;

  font-size: 12px;

  margin-top: -11px;

}

.latest-blog-post-date-2 {

  display: inline-block;

}

.latest-blog-post-date-2 span {

  color: #999;

  font-size: 11px;

}

.latest-blog-post-description h3 {

  font-weight: 400;

  margin-bottom: 12px;

  transition: all 0.6s ease 0s;

  margin-top: 0;

  letter-spacing: 0px;

}

.latest-blog-post-description h3:hover {

  text-decoration: underline;

}

.latest-blog-post-description .ot-btn {

  margin-top: 23px;

}

figure.effect-zoe .latest-blog-post-data {

  top: auto;

  bottom: 0;

  padding: 1em;

  height: 3.75em;

  background: rgba(235, 205, 30, 0.95);

  color: #333;

  transition: transform 0.35s;

  transform: translate3d(0, 100%, 0);

  position: absolute;

  width: 100%;

}

figure.effect-zoe .latest-blog-post-data p.tags a,

figure.effect-zoe .latest-blog-post-data p.tags i {

  transition: all 0.35s;

  transform: translate3d(0, 200%, 0);

  display: inline-block;

  float: right;

  margin-left: 15px;

  color: #333;

  position: relative;

}

figure.effect-zoe .latest-blog-post-data p.tags a {

  color: #555;

}

figure.effect-zoe .latest-blog-post-data p.tags i {

  line-height: 24px;

}

figure.effect-zoe .latest-blog-post-data p.tags a:before {

  content: "/";

  position: absolute;

  top: 0;

  left: -10px;

}

figure.effect-zoe .latest-blog-post-data p.tags a:last-child:before {

  display: none;

}

figure.effect-zoe .latest-blog-post-data p.tags a:hover {

  color: #222;

}

figure.effect-zoe:hover .latest-blog-post-data {

  transform: translate3d(0, 1px, 0);

}

figure.effect-zoe:hover .latest-blog-post-data p.tags i {

  transition-delay: 0.1s;

  transform: translate3d(0, 0, 0);

}

figure.effect-zoe:hover .latest-blog-post-data p.tags a:nth-child(2) {

  transition-delay: 0.15s;

  transform: translate3d(0, 0, 0);

}

figure.effect-zoe:hover .latest-blog-post-data p.tags a:nth-child(3) {

  transition-delay: 0.2s;

  transform: translate3d(0, 0, 0);

}

figure.effect-zoe:hover .latest-blog-post-data p.tags a:nth-child(4) {

  transition-delay: 0.25s;

  transform: translate3d(0, 0, 0);

}

figure.effect-zoe:hover .latest-blog-post-data p.tags a:nth-child(4) {

  transition-delay: 0.3s;

  transform: translate3d(0, 0, 0);

}

.latest-blog-post-data {

  font-size: 11px;

  font-weight: 300;

  display: inline-block;

  margin-right: 30px;

}

.latest-blog-post-data a {

  color: #333;

  transition: all 0.6s ease 0s;

}

.latest-blog-post-data a:hover {

  color: #ebcd1e;

}

/* Blog Grid 4 Col */

.blog-terms {

  text-align: center;

  margin-top: 5px;

  margin-bottom: 48px;

}

.blog-terms a {

  display: inline-block;

  padding: 0 25px;

}

.blog-terms a h4 {

  display: inline-block;

  position: relative;

  color: #555;

  font-family: 'Montserrat', sans-serif;

  font-size: 12px;

  z-index: 9;

}

.blog-terms a h4:before {

  content: "";

  width: 0px;

  height: 3px;

  background: #ebcd1e;

  transition: all .3s ease;

  position: absolute;

  top: 5px;

  left: 0;

  z-index: -1;

}

.blog-terms a:hover h4:before {

  content: "";

  width: 100%;

  height: 3px;

  background: #ebcd1e;

}

.blog-terms a.current h4:before {

  content: "";

  width: 100%;

  height: 3px;

  background: #ebcd1e;

}

.line-effect-2 h4 {

  padding: 0 5px;

}

.line-effect-2 a h4::before {

  height: 22px;

  top: -4px;

}

.line-effect-2 a.current h4::before {

  height: 22px;

  top: -4px;

}

.line-effect-2 a:hover h4::before {

  width: 100%;

  height: 22px;

}

.sub-header-blog-grid {

  background: url("images/Overlay/5.jpg");

}

.blog-grid-4-col {

  padding: 0 20px;

}

.blog-grid-4-col .blog-grid-4-col-container {

  width: 100%;

}

.blog-grid-4-col .blog-grid-4-col-container .element-item {

  width: 25%;

  padding: 0 20px;

}

.blog-grid-4-col .blog-grid-4-col-container .element-item .latest-blog-post-description {

  height: 150px;

  display: block;

  overflow: hidden;

}

/* Blog Grid 3 Col */

.blog-grid-3-col {

  padding: 0 20px;

}

.blog-grid-3-col .blog-grid-3-col-container {

  width: 100%;

}

.blog-grid-3-col .blog-grid-3-col-container .element-item {

  width: 33.333%;

  padding: 0 20px;

}

.blog-grid-3-col .blog-grid-3-col-container .element-item .latest-blog-post-description {

  height: 220px;

  display: block;

  overflow: hidden;

}

.blog-grid-3-col .blog-grid-3-col-container .element-item .latest-blog-post-img {

  margin-bottom: 30px;

}

.blog-grid-3-col .blog-grid-3-col-container .element-item h3 {

  font-size: 18px;

}

/* Blog Grid 2 Column */

.blog-grid-2-col-container .element-item {

  width: 50%;

  padding: 25px;

}

.blog-grid-2-col-container .latest-blog-post-description {

  min-height: 160px;

}

/* Blog List 2 Col */

.blog-list {

  padding-right: 30px;

}

.blog-list article {

  margin-bottom: 45px;

}

.pagination li {

  display: block;

  float: left;

  line-height: 40px;

}

.pagination li a {

  margin: 7px;

  border-radius: 50%;

  padding: 0;

  width: 36px;

  height: 36px;

  text-align: center;

  line-height: 34px;

  color: #555;

  border: 1px solid #e5e5e5;

}

.pagination li a:hover {

  color: #333;

}

.pagination li:first-child > a,

.pagination .pagination-arc > li:first-child > span {

  border-bottom-left-radius: 50%;

  border-top-left-radius: 50%;

}

.pagination li > a.current {

  border-color: #333;

  color: #fff;

  background: #333333;

}

.pagination li > a.current:hover {

  background: #333333;

}

.pagination li:last-child > a {

  border-bottom-right-radius: 50%;

  border-top-right-radius: 50%;

}

.blog-inline .latest-blog-post-img {

  width: calc(50% - 20px);

  display: inline-block;

  float: left;

  margin-right: 20px;

}

.blog-inline .latest-blog-post-description {

  width: 50%;

  display: inline-block;

  float: left;

}

.blog-inline .latest-blog-post-description h3 {

  font-size: 18px;

  margin-top: 0;

  font-weight: 400;

}

.blog-inline .latest-blog-post-description h3:hover {

  color: #ebcd1e;

}

.blog-inline .latest-blog-post-description p {

  margin: 0;

}

.blog-inline .latest-blog-post-description .view-more {

  margin-top: 18px;

}

/* Blog Detail */

.blog-detail {

  padding-right: 30px;

}

.blog-detail h1 {

  font-weight: 400;

  font-size: 36px;

  margin-top: 0;

  margin-bottom: 20px;

}

.blog-detail .latest-blog-post-data {

  display: inline-block;

  margin-right: 30px;

}

.blog-detail .latest-blog-post-data a {

  font-weight: 400;

  font-size: 13px;

  letter-spacing: 1px;

}

.blog-detail .latest-blog-post-date-2 span {

  font-size: 13px;

  letter-spacing: 1px;

}

.blog-detail .lastest-news-detail {

  margin-top: 26px;

}

.blog-detail .lastest-news-detail h4 {

  margin: 40px 0 30px 0;

}

blockquote {

  color: #333;

  font-size: 15px;

  padding: 0 20px;

  margin-left: 35px;

  border-left: 2px solid #ccc;

  margin-bottom: 0;

}

blockquote strong {

  letter-spacing: 1px;

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  font-weight: 400;

}

ul.style-list-circle li::before {

  content: "\f058";

  font-family: FontAwesome;

  display: block;

  position: absolute;

  width: 14px;

  height: 14px;

  left: -25px;

  top: 0px;

  color: #000;

}

ul.style-list-circle {

  margin: 0;

  padding: 0;

  list-style: initial;

  display: block;

  width: 100%;

  margin-top: 18px;

}

ul.style-list-circle li {

  display: block;

  width: 100%;

  margin-bottom: 6px;

  position: relative;

  text-indent: 25px;

}

ul.style-list-circle li a {

  color: #666;

  transition: all 0.6s ease 0s;

}

ul.style-list-circle li a:hover {

  color: #ebcd1e;

}

.footer-data {

  margin-top: 44px;

  padding-bottom: 10px;

}

.footer-data .tags,

.footer-data .share {

  display: inline-block;

  font-size: 13px;

}

.footer-data .tags p a,

.footer-data .share p a {

  display: inline-block;

  color: #333;

  font-size: 13px;

  transition: all 0.6s ease 0s;

}

.footer-data .tags p a:hover,

.footer-data .share p a:hover {

  color: #ebcd1e;

}

.footer-data .share {

  float: right;

}

.entry_post_navigation {

  display: inline-block;

  width: 100%;

  margin-top: 60px;

}

.entry_post_navigation a {

  color: #666;

  transition: all 0.6s ease 0s;

}

.entry_post_navigation a i {

  font-size: 18px;

  line-height: 20px;

}

.entry_post_navigation span {

  transition: all 0.6s ease 0s;

  font-size: 13px;

  font-family: 'Montserrat', sans-serif;

}

.entry_post_navigation .preview_entry_post {

  display: inline-block;

  float: left;

}

.entry_post_navigation .preview_entry_post i {

  margin-right: 20px;

  transition: all 0.6s ease 0s;

}

.entry_post_navigation .preview_entry_post:hover span,

.entry_post_navigation .preview_entry_post:hover i {

  color: #333;

}

.entry_post_navigation .preview_entry_post:hover i {

  margin-right: 10px;

}

.entry_post_navigation .next_entry_post {

  display: inline-block;

  float: right;

  text-align: right;

}

.entry_post_navigation .next_entry_post i {

  margin-left: 20px;

  transition: all 0.6s ease 0s;

}

.entry_post_navigation .next_entry_post:hover span,

.entry_post_navigation .next_entry_post:hover i {

  color: #333;

}

.entry_post_navigation .next_entry_post:hover i {

  margin-left: 10px;

}

.comment-respond {

  margin-top: 30px;

  display: inline-block;

  width: 100%;

}

.comment-respond h3 {

  font-weight: 300;

  margin-bottom: 20px;

}

.comment-respond .logged-in-as {

  display: inline-block;

  margin-bottom: 20px;

}

.comment-respond .logged-in-as a {

  color: #666;

  transition: all 0.6s ease 0s;

}

.comment-respond .logged-in-as a:hover {

  color: #ebcd1e;

}

.comment-respond input.form-control {

  width: 100%;

  height: 50px;

  font-size: 15px;

  line-height: 25px;

  border-radius: 3px;

}

.comment-respond .form-control {

  width: 100%;

  font-size: 15px;

  line-height: 25px;

}

.comment-respond textarea {

  width: 100%;

  margin-top: 20px;

  max-width: 100%;

  resize: vertical;

  border-radius: 3px;

}

.comment-respond .btn-submit {

  background: #333;

  color: #fff;

  transition: all 0.6s ease 0s;

  border: 0;

  outline: none;

  box-shadow: none;

  margin-top: 20px;

}

.comment-respond .btn-submit:hover {

  background: #ebcd1e;

  color: #222;

}

.comments-area h3 {

  font-weight: 300;

  letter-spacing: 2px;

}

.comments-area {

  width: 100%;

  display: inline-block;

  margin-top: 50px;

  margin-bottom: 10px;

}

.comments-area ol.comment-list {

  width: 100%;

  display: inline-block;

  list-style: none;

  margin-left: 0;

  padding-left: 0;

  margin-bottom: 0;

}

.comments-area ol.comment-list li.comment {

  list-style: none;

  display: inline-block;

  width: 100%;

  transition: all 0.6s ease 0s;

}

.comments-area ol.comment-list li.comment .comment-body {

  float: left;

  width: 100%;

}

.comments-area ol.comment-list li.comment .comment-body .comment-meta {

  width: 57px;

  float: left;

  overflow: hidden;

}

.comments-area ol.comment-list li.comment .comment-body .comment-meta .comment-author {

  width: 57px;

  height: 57px;

  border-radius: 50%;

  overflow: hidden;

  box-shadow: inset 1px 1px 10px 0px #999999;

  border: 2px solid transparent;

  transition: all 0.6s ease 0s;

}

.comments-area ol.comment-list li.comment .comment-body .comment-meta .comment-author img {

  max-width: 100%;

  width: 100%;

}

.comments-area ol.comment-list li.comment .comment-content {

  float: right;

  padding-left: 20px;

  width: calc(100% - 57px);

}

.comments-area ol.comment-list li.comment .comment-content p {

  margin-bottom: 12px;

}

.comments-area ol.comment-list li.comment .comment-content .reply {

  margin-left: 40px;

  display: inline;

  color: #555;

  font-size: 13px;

}

.comments-area ol.comment-list li.comment .comment-content .reply a {

  color: #555;

}

.comments-area ol.comment-list li.comment .comment-content .reply a:hover {

  color: #ebcd1e;

}

.comments-area ol.comment-list li.comment .comment-content cite,

.comments-area ol.comment-list li.comment .comment-content span {

  color: #999;

  font-size: 13px;

  transition: all 0.1s;

}

.comments-area ol.comment-list li.comment .comment-content cite a,

.comments-area ol.comment-list li.comment .comment-content span a {

  color: #999;

}

.comments-area ol.comment-list li.comment .comment-content cite a:hover,

.comments-area ol.comment-list li.comment .comment-content span a:hover {

  color: #ebcd1e;

}

.comments-area ol.comment-list li.comment .comment-content cite a:hover {

  color: #ebcd1e;

}

.comments-area ol.comment-list li.comment .comment-meta .comment-author {

  border: 2px solid rgba(0, 0, 0, 0.1);

}

ol.children {

  width: 86.6666666667%;

  float: right;

  margin-top: 30px;

  padding-left: 0;

}

.last-comment {

  border-bottom: 1px solid #f2f2f2;

  padding-bottom: 30px;

  margin-bottom: 20px;

}

.widget_categories,

.widget_archive,

.widget_search,

.widget_tag_cloud,

.widget_meta {

  margin-bottom: 45px;

}

.widget .search-form {

  position: relative;

}

.widget .search-form input[type="search"] {

  color: #888888;

  border: 1px solid #ddd;

  width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 10px 20px;

}

.widget .search-form .search-submit:hover {

  color: #ebcd1e;

}

.widget .search-form .search-submit {

  position: absolute;

  top: 1px;

  right: 0px;

  width: 40px;

  height: 42px;

  line-height: 42px;

  text-align: center;

  display: block;

  font-size: 18px;

  border: none;

  background: transparent;

  color: #888888;

  transition: all 0.6s ease 0s;

}

.main-sidebar h3 {

  font-weight: 300;

  margin-top: 0;

  margin-bottom: 25px;

}

.main-sidebar ul {

  padding-left: 19px;

  display: block;

  width: 100%;

}

.main-sidebar ul li {

  position: relative;

  width: 100%;

  display: block;

  margin-bottom: 8px;

  transition: all 0.6s ease 0s;

}

.main-sidebar ul li:hover {

  padding-left: 10px;

}

.main-sidebar ul li::before {

  content: "\f105";

  position: absolute;

  top: 2px;

  left: -15px;

  font-family: FontAwesome;

  transition: all 0.6s ease 0s;

}

.main-sidebar ul li a {

  color: #555;

  line-height: 29px;

  font-size: 15px;

  transition: all 0.6s ease 0s;

}

.main-sidebar ul li:hover::before {

  color: #ebcd1e;

  padding-left: 10px;

}

.main-sidebar ul li:hover a {

  color: #ebcd1e;

}

.main-sidebar ul li .count {

  float: right;

  background: none;

  color: #999;

  font-weight: 400;

}

.main-sidebar .tagcloud a {

  display: inline-block;

  margin: 0 7px 7px 0;

  padding: 5px 10px;

  text-shadow: none;

  border: 1px solid #ecf0f1;

  color: #888;

  text-decoration: none;

  outline: none;

  transition: all 0.6s ease 0s;

}

.main-sidebar .tagcloud a:hover {

  color: #000;

  background-color: #ebcd1e;

  border-color: #ebcd1e;

}

.main-sidebar .widget_text {

  margin-bottom: 45px;

}

.main-sidebar .promotion {

  width: 100%;

  margin-bottom: 45px;

  position: relative;

  clear: both;

  overflow: hidden;

}

.main-sidebar .promotion .promotionText {

  position: absolute;

  width: 100%;

  height: 100%;

  color: #333;

  background: rgba(235, 205, 30, 0.9);

  padding-top: 40px;

  top: 0;

  left: 0;

  padding: 25px 30px;

  font-size: 18px;

  line-height: 28px;

}

.main-sidebar .promotion .promotionText .ot-btn {

  margin-top: 30px;

}

/* Owl partner */

.owl-partners img {

  margin: 0 auto;

  filter: grayscale(100%);

  opacity: .5;

  transition: all 0.6s ease 0s;

}

.owl-partners img:hover {

  filter: grayscale(0);

  opacity: 1;

}

.prev-partners,

.prev-partners2,

.prev-feature,

.prev-onsale,

.prev-best-sale,

.prev-relate,

.prev-detail-services,

.prev-testimonial-sync {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -50px;

}

.next-partners,

.next-partners2,

.next-feature,

.next-onsale,

.next-best-sale,

.next-relate,

.next-detail-services,

.next-testimonial-sync {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -50px;

}

.owl-partner-warp {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}

.owl-partner-warp:hover .prev-partners,

.owl-partner-warp:hover .prev-partners2,

.owl-partner-warp:hover .prev-feature {

  left: -25px;

  opacity: .7;

}

.owl-partner-warp:hover .next-partners,

.owl-partner-warp:hover .next-partners2,

.owl-partner-warp:hover .next-feature {

  right: -25px;

  opacity: .7;

}

.owl-partner-warp .prev-partners,

.owl-partner-warp .next-partners,

.owl-partner-warp .next-partners2,

.owl-partner-warp .prev-partners2 {

  font-size: 30px;

  color: #ebcd1e;

  opacity: 0;

  transition: all 0.6s ease 0s;

}

.owl-partner-warp .prev-partners:hover,

.owl-partner-warp .next-partners:hover,

.owl-partner-warp .next-partners2:hover,

.owl-partner-warp .prev-partners2:hover {

  opacity: 1;

  color: #ebcd1e;

}

/* Owl Partner 2 */

.owl-partners2 img {

  margin: 0 auto;

  filter: grayscale(100%);

  opacity: .5;

  transition: all 0.6s ease 0s;

}

.owl-partners2 img:hover {

  filter: grayscale(0);

  opacity: 1;

}

.owl-partners2 .owl-controls {

  position: absolute;

}

.owl-partners2 .owl-controls .owl-pagination .owl-page {

  display: inline-block;

  width: 6px;

  height: 6px;

  background: #ccc;

  border-radius: 50%;

  margin: 0 6px;

}

.owl-partners2 .owl-controls .owl-pagination .owl-page.active {

  transform: scale(1.2, 1.2);

}

/* Owl Testimonials */

.bg-parallax {

  background-attachment: fixed;

  background-position: center center;

  -webkit-background-size: cover;

  background-size: cover;

  margin-top: -1px;

}

.divider-2 {

  background: rgba(255, 255, 255, 0.1);

}

.testimonial-warp {

  margin-top: 15px;

  display: inline-block;

  width: 100%;

}

.section-dark-testimonials {

  background-image: url("images/Overlay/2.jpg");

}

.section-dark-testimonials h2 {

  color: #f5f5f5;

}

.section-dark-testimonials p {

  color: #ccc;

}

.section-dark-testimonials span.job-testimonials {

  color: #999;

}

.section-dark-testimonials h4.name-testimonials {

  color: #fff;

}

.quote-icon {

  font-family: 'Droid Serif', serif;

  font-size: 60px;

  color: #ccc;

  font-weight: bold;

  position: absolute;

  top: 0;

  left: 0;

  line-height: 50px;

  margin: 0;

  padding: 0;

}

.item-testimonials {

  padding-left: 40px;

  position: relative;

  padding-right: 40px;

}

.item-testimonials p {

  margin-bottom: 30px;

}

.name-testimonials {

  font-weight: bold;

  margin-bottom: 5px;

  margin-top: 15px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 400;

  font-size: 14px;

}

.avatar-testimonials {

  float: left;

}

.avatar-testimonials img {

  margin-right: 25px;

  width: 56px;

  border: 3px solid #ebcd1e;

}

.prev-testimonials-2-columns {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -50px;

}

.next-testimonials-2-columns {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -50px;

}

.testimonial-warp {

  position: relative;

}

.testimonial-warp:hover .prev-testimonials-2-columns {

  left: -25px;

  opacity: .7;

}

.testimonial-warp:hover .next-testimonials-2-columns {

  right: -25px;

  opacity: .7;

}

.testimonial-warp .prev-testimonials-2-columns,

.testimonial-warp .next-testimonials-2-columns {

  font-size: 30px;

  color: #fff;

  opacity: 0;

  transition: all 0.6s ease 0s;

}

.testimonial-warp .prev-testimonials-2-columns:hover,

.testimonial-warp .next-testimonials-2-columns:hover {

  opacity: 1;

  color: #fff;

}

.owl-controls {

  width: 100%;

  text-align: center;

  margin-top: 20px;

}

.owl-controls .owl-pagination {

  width: 100%;

}

.owl-controls .owl-pagination .owl-page {

  display: inline-block;

  width: 6px;

  height: 6px;

  background: #ccc;

  border-radius: 50%;

  margin: 0 6px;

}

.owl-controls .owl-pagination .owl-page.active {

  transform: scale(1.2, 1.2);

}

.testimonial-2-col {

  margin-bottom: 75px;

}

.testimonial-2-col .owl-controls {

  position: absolute;

}

/* Testimonials 1 Columns */

.testimonials-1-columns .avatar-testimonials {

  display: block;

  float: none;

}

.testimonials-1-columns .avatar-testimonials img {

  width: 130px;

  height: 130px;

  margin: 0 auto;

  border-radius: 50%;

}

.testimonials-1-columns .name-testimonials {

  margin-top: 24px;

}

.testimonials-1-columns .job-testimonials {

  color: #999;

  font-size: 15px;

  margin-bottom: 30px;

  display: inline-block;

  width: 100%;

}

.prev-testimonials-1-columns {

  position: absolute;

  top: 80%;

  transform: translateY(-50%);

  left: -50px;

}

.next-testimonials-1-columns {

  position: absolute;

  top: 80%;

  transform: translateY(-50%);

  right: -50px;

}

.testimonial-warp:hover .prev-testimonials-1-columns {

  left: -25px;

  opacity: .7;

}

.testimonial-warp:hover .next-testimonials-1-columns {

  right: -25px;

  opacity: .7;

}

.testimonial-warp .prev-testimonials-1-columns,

.testimonial-warp .next-testimonials-1-columns {

  font-size: 30px;

  color: #ccc;

  opacity: 0;

  transition: all 0.6s ease 0s;

}

.testimonial-warp .prev-testimonials-1-columns:hover,

.testimonial-warp .next-testimonials-1-columns:hover {

  opacity: 1;

  color: #ccc;

}

.content-testimonials {

  position: relative;

  display: inline-block;

  width: 100%;

}

.content-testimonials:before {

  content: "“";

  font-family: arial;

  font-size: 120px;

  color: #e5e5e5;

  position: absolute;

  top: 18px;

  left: 0;

  z-index: -1;

}

.sm-owl-partner {

  max-width: 712px;

  margin: 0 auto;

  display: block;

  padding: 70px 0;

}

.sm-owl-partner img {

  width: 50%;

}

/* Testimonial 1 Column V2 owl */

.testimonial-1-column-v2-warp .customNavigation {

  display: inline-block;

  margin-left: 14px;

  line-height: 36px;

  vertical-align: top;

  margin-top: 14px;

}

.testimonial-1-column-v2-warp .customNavigation i {

  line-height: 20px;

}

.testimonial-1-column-v2-warp .customNavigation .btn {

  width: 22px;

  height: 22px;

  -webkit-border-radius: 0;

  border-radius: 0;

  border: 1px solid #b0b0b0;

  text-align: center;

  line-height: 15px;

  opacity: 1;

  padding: 0;

  color: #b0b0b0;

  margin-right: 3px;

  font-weight: normal;

  transition: all 0.6s ease 0s;

  font-size: 18px;

}

.testimonial-1-column-v2-warp .customNavigation .btn:hover {

  color: #222;

  border: 1px solid #ebcd1e;

}

.testimonial-1-column-v2-warp h3 {

  font-weight: 300;

  letter-spacing: 1px;

  display: inline-block;

}

.testimonial-1-column-v2-warp p {

  margin-top: 30px;

  margin-bottom: 34px;

}

.avatar-testimonials-1-columns-v2 {

  float: left;

}

.avatar-testimonials-1-columns-v2 img {

  border: 3px solid #ebcd1e;

  width: 62px;

  height: 62px;

  margin-right: 10px;

}

.name-testimonials-1-columns-v2 {

  font-size: 15px;

  font-weight: bold;

  color: #333;

  text-transform: uppercase;

  margin-bottom: 5px;

  font-family: 'Montserrat', sans-serif;

  letter-spacing: 2px;

}

.job-testimonials-1-columns-v2 {

  font-size: 13px;

  color: #888;

}

.item-testimonials-1-columns-v2 {

  display: inline-block;

  width: 100%;

}

.large-avatar .avatar-testimonials {

  float: none;

  margin-bottom: 25px;

}

.large-avatar img {

  margin: 0 auto;

  width: 130px;

  height: 130px;

  border-radius: 50%;

  border: 3px solid #ebcd1e;

}

.large-avatar .content-testimonials {

  margin-top: 40px;

}

.large-avatar .job-testimonials {

  color: #999;

}

.testimonial-sync-container {

  position: relative;

}

.testimonial-sync-container:hover .prev-testimonial-sync {

  left: -25px;

  opacity: .7;

}

.testimonial-sync-container:hover .next-testimonial-sync {

  right: -25px;

  opacity: .7;

}

.testimonial-sync-container .prev-testimonial-sync,

.testimonial-sync-container .next-testimonial-sync {

  opacity: 0;

  transition: all 0.6s ease 0s;

}

.testimonial-sync-container .prev-testimonial-sync:hover,

.testimonial-sync-container .next-testimonial-sync:hover {

  opacity: 1;

}

.thumb-testimonial-sync-slide {

  max-width: 720px;

  margin: 40px auto;

  margin-bottom: 0;

}

.thumb-testimonial-sync-slide img {

  height: 50px;

  filter: grayscale(100%);

  transition: all 0.6s ease 0s;

  margin: 0 auto;

  display: block;

}

.thumb-testimonial-sync-slide .owl-item {

  cursor: pointer;

  width: 100px;

}

.thumb-testimonial-sync-slide .owl-item:hover img {

  filter: grayscale(0);

}

.thumb-testimonial-sync-slide .owl-item.synced img {

  filter: grayscale(0);

}

.thumb-testimonial-sync-slide .owl-controls .owl-pagination .owl-page {

  background: #ccc;

}

/* Owl Lastest Blog 1 Column */

.blog-1-column-warp .customNavigation {

  display: inline-block;

  margin-left: 14px;

  line-height: 36px;

  vertical-align: top;

  margin-top: 14px;

}

.blog-1-column-warp .customNavigation i {

  line-height: 20px;

}

.blog-1-column-warp .customNavigation .btn {

  width: 22px;

  height: 22px;

  -webkit-border-radius: 0;

  border-radius: 0;

  border: 1px solid #b0b0b0;

  text-align: center;

  line-height: 15px;

  opacity: 1;

  padding: 0;

  color: #b0b0b0;

  margin-right: 3px;

  font-weight: normal;

  transition: all 0.6s ease 0s;

  font-size: 18px;

}

.blog-1-column-warp .customNavigation .btn:hover {

  color: #222;

  border: 1px solid #ebcd1e;

}

.blog-1-column-warp h3 {

  font-weight: 300;

  letter-spacing: 1px;

  display: inline-block;

}

.blog-1-column-warp p {

  margin-top: 30px;

  margin-bottom: 34px;

}

.owl-blog-1-column {

  margin-top: 35px;

}

/* Form Subcribe Inline */

.form-subcribe {

  max-width: 770px;

  margin: 0 auto;

  padding-top: 15px;

}

.form-subcribe form {

  margin-top: 15px;

  display: inline-block;

  width: 100%;

}

.form-subcribe form input {

  width: calc(100% - 172px);

  display: inline-block;

  border: 0;

  outline: none;

  height: 40px;

  background: #e6e6e6;

  padding-left: 15px;

  box-shadow: none!important;

  transition: all 0.6s ease 0s;

}

.form-subcribe form input:focus {

  border: 1px solid #ebcd1e;

  background: #f2f2f2;

}

.form-subcribe form button {

  display: inline-block;

  outline: none;

  border: 0;

  margin: 0;

  vertical-align: top;

  margin-left: -5px;

  padding: 0 40px;

}

.form-subcribe form .submit-btn {

  display: inline-block;

  outline: none;

  border: 0;

  margin: 0;

  vertical-align: top;

  margin-left: -5px;

  padding: 0 40px;
  background:#ebcd1e;
  float:right;
  width:175px;

}

/* Meet Our Team Owl */

.item-team {

  margin: 0 auto;

  width: 90%;

}

.item-team .portrait-member {

  display: block;

  z-index: 1;

}

.item-team .portrait-member img {

  filter: contrast(0.9);

  transition: all 0.6s ease 0s;

  margin: 0 auto;

}

.item-team .member-info {

  width: 304px;

  height: 131px;

  border: 3px solid #ebcd1e;

  margin: 0 auto;

  margin-top: -21px;

  z-index: 2;

  position: relative;

  background: #fff;

  padding: 10px 0;

}

.item-team .member-info p.member-job {

  margin-bottom: 15px;

  margin-top: 0;

}

.item-team .member-info .social-member {

  display: block;

}

.item-team .member-info .social-member a {

  margin: 0 10px;

  display: inline-block;

  color: #555;

  transition: all 0.6s ease 0s;

}

.item-team .member-info .social-member a:hover {

  color: #ebcd1e;

}

.item-team:hover .portrait-member img {

  filter: contrast(1.1);

}

[class^="hvr-"] {

  display: inline-block;

  vertical-align: middle;

  margin: .4em;

  padding: 1em;

  cursor: pointer;

  background: #e1e1e1;

  text-decoration: none;

  color: #666;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.item-team:hover .hvr-float-shadow,

.item-team:focus .hvr-float-shadow,

.item-team:active .hvr-float-shadow {

  transform: translateY(-15px);

}

.hvr-float-shadow {

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  transition: all 0.6s ease 0s;

}

.hvr-float-shadow::before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 1px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%);

  transition: all 0.6s ease 0s;

}

.item-team:hover .hvr-float-shadow::before,

.item-team:focus .hvr-float-shadow::before,

.item-team:active .hvr-float-shadow::before {

  opacity: .6;

  height: 7px;

  transform: translateY(10px);

}

.prev-team {

  position: absolute;

  top: 36.45%;

  transform: translateY(-50%);

  left: -50px;

}

.next-team {

  position: absolute;

  top: 36.45%;

  transform: translateY(-50%);

  right: -50px;

}

.prev-team,

.next-team {

  font-size: 40px;

  color: #ebcd1e;

  opacity: 0;

  transition: all 0.6s ease 0s;

  display: block;

}

.prev-team:hover,

.next-team:hover {

  opacity: 1;

  color: #ebcd1e;

}

.ourteam-warp {

  position: relative;

}

.ourteam-warp:hover .prev-team {

  left: -45px;

  opacity: .7;

}

.ourteam-warp:hover .next-team {

  right: -45px;

  opacity: .7;

}

.ourteam-3-col {

  margin-bottom: 38px;

  margin-top: 20px;

  display: inline-block;

  width: 100%;

}

/* Our Team Grid */

.ourteamGrid-warp {

  display: inline-block;

  margin-top: 20px;

}

.ourteamGrid-warp .team-grid-item {

  width: 33.33%;

  display: inline-block;

  float: left;

  position: relative;

  cursor: pointer;

  overflow: hidden;

}

.ourteamGrid-warp .team-grid-item .grid-team-overlay {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.9);

  padding: 16px 20px;

  transition: all 0.6s ease 0s;

  transform: translateY(-80px);

}

.ourteamGrid-warp .team-grid-item .grid-team-overlay h5 {

  margin: 0;

  font-family: 'Montserrat', sans-serif;

  color: #ccc;

}

.ourteamGrid-warp .team-grid-item .grid-team-overlay p {

  margin: 0;

  color: #808080;

  margin-top: 5px;

}

.ourteamGrid-warp .team-grid-item .grid-team-overlay p.description-member {

  margin-top: 25px;

}

.ourteamGrid-warp .team-grid-item .social-member {

  display: block;

  width: 100%;

  position: relative;

  margin-top: 15px;

}

.ourteamGrid-warp .team-grid-item .social-member a {

  margin: 0 10px;

  display: inline-block;

  color: #222;

  transition: all 0.6s ease 0s;

  width: 25px;

  height: 25px;

  position: relative;

}

.ourteamGrid-warp .team-grid-item .social-member a:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: -5px;

  height: 1px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

  transition: all 0.6s ease 0s;

}

.ourteamGrid-warp .team-grid-item .social-member a:hover {

  transform: translateY(-5px);

}

.ourteamGrid-warp .team-grid-item .social-member a:hover::before {

  opacity: .9;

  height: 3px;

  transform: translateY(5px);

}

.ourteamGrid-warp .team-grid-item:hover .member-info {

  opacity: 0;

}

.ourteamGrid-warp .team-grid-item:hover .grid-team-overlay {

  opacity: 1;

}

.ourteamGrid-warp .team-grid-item:hover .grid-team-overlay {

  top: 0%;

  transform: none;

  background: rgba(235, 205, 30, 0.95);

}

.ourteamGrid-warp .team-grid-item:hover .grid-team-overlay h5 {

  color: #333;

}

.ourteamGrid-warp .team-grid-item:hover .grid-team-overlay p {

  color: #555;

}

.ourteamGrid-warp .team-grid-item:hover .grid-team-overlay p.member-job {

  color: #666;

}

.ourteamGrid-warp .team-grid-item:hover .grid-team-overlay p.description-member {

  margin-top: 15px;

}

/* Block Img Full Width What we do Home 3 */

.block-img-full-width {

  width: 100%;

}

.block-img-full-width .block-img-left .img-block {

  margin-right: 35px;

  width: calc(50% - 35px);

}

.block-img-full-width img {

  width: 100%;

}

.block-img-full-width .block-img-left .text-box {

  margin-left: 35px;

  width: calc(50% - 35px);

  padding-left: 0;

  padding-top: 6.5%;

}

.block-img-full-width .block-img-left .text-box h4 {

  margin-bottom: 13px;

}

.block-img-full-width .block-img-right .img-block {

  margin-left: 35px;

  width: calc(50% - 35px);

}

.block-img-full-width img {

  width: 100%;

}

.block-img-full-width .block-img-right .text-box {

  margin-right: 35px;

  width: calc(50% - 35px);

  padding-left: 0;

  padding-top: 6.5%;

}

.block-img-full-width .block-img-right .text-box h4 {

  margin-bottom: 13px;

}

.img-block {

  position: relative;

  z-index: 1;

}

.block-img-left,

.block-img-right {

  width: 100%;

}

.view-more {

  color: #333;

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

  margin-top: 24px;

  display: block;

  transition: all 0.6s ease 0s;

}

.view-more:hover {

  color: #ebcd1e;

}

/* Sub Header */

.sub-header {

  background-attachment: fixed;

  background-position: center center;

  -webkit-background-size: cover;

  background-size: cover;

  transform-style: preserve-3d;

}

.sub-header .sub-header-content {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  text-align: center;

}

.sub-header .sub-header-content h2 {

  margin-top: 0;

  font-weight: 300;

}

.sub-header .sub-header-content .breadcrumb-arc {

  padding: 0;

  margin: 0;

  margin-top: 25px;

  background: none;

  box-shadow: none;

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

  color: #ccc;

}

.sub-header .sub-header-content .breadcrumb-arc a {

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

  color: #ebcd1e;

  transition: all 0.6s ease 0s;

}

.sub-header .sub-header-content .breadcrumb-arc a:hover {

  color: #c5aa11;

}

.sub-header .sub-header-content .breadcrumb-arc > .active {

  color: #ccc;

}

.fake-position {

  margin-top: 78px;

}

/* Sub Header Style */

.sub-header-1 {

  height: 335px;

}

/* Sub Header Protfolio Grid 1 */

.sub-header-portfolio-grid-1 {

  background-image: url("images/Overlay/4.jpg");

}

/* Welcome Section */

.welcome-section h1 {

  font-size: 48px;

  color: #333;

  font-weight: bold;

}

.welcome-section h4 {

  color: #999;

  font-weight: bold;

}

.welcome-section .ot-btn {

  margin-top: 24px;

}

/* Our Process */

.ourProcess-bg-dark {

  background-image: url("images/Overlay/6.jpg");

}

.process-container {

  width: 100%;

  display: inline-block;

  text-align: center;

}

.thumb-process-slide {

  max-width: 685px;

  margin: 0 auto;

}

.process-item {

  margin: 40px 20px;

  width: 130px;

  height: 130px;

  border: 3px solid rgba(255, 255, 255, 0.5);

  border-radius: 50%;

  color: #ebcd1e;

  font-size: 18px;

  display: inline-block;

  text-align: center;

  line-height: 30px;

  padding-top: 28px;

  transition: all 0.6s ease 0s;

  cursor: pointer;

}

.process-item:hover {

  color: #333;

  border-color: #ebcd1e;

  background: #ebcd1e;

}

.owl-item.synced .process-item {

  color: #333;

  border-color: #ebcd1e;

  background: #ebcd1e;

}

/* Our Process 2 Home 4 */

.process-2-container .process-2-item span.order {

  width: 40px;

  height: 40px;

  background: #ebcd1e;

  color: #333;

  line-height: 40px;

  text-align: center;

  display: inline-block;

  border-radius: 50%;

  font-weight: bold;

  margin-right: 5px;

  letter-spacing: 2px;

  margin-bottom: 10px;

}

.process-2-container .process-2-item h4 {

  display: inline-block;

}

.process-2-container .process-2-item p {

  margin-bottom: 0;

}

/* Box Icon How this would help you */

.left-icon-container {

  margin-top: 25px;

  display: inline-block;

  width: 100%;

}

.left-icon-item {

  margin-bottom: 50px;

}

.left-icon-item i {

  font-size: 24px;

  border: 1px solid #ccc;

  color: #333;

  width: 60px;

  height: 60px;

  text-align: center;

  line-height: 60px;

  border-radius: 3px;

}

.left-icon-item h4 {

  font-size: 24px;

  margin-top: 0;

  margin-bottom: 13px;

}

.left-icon-item .media-body {

  padding-left: 20px;

  padding-right: 30px;

}

/* Our Statistics */

.section-dark-ourStatistics {

  background-image: url("images/Overlay/7.jpg");

  text-align: center;

}

.section-dark-ourStatistics .ourStatis-warp {

  display: inline-block;

  width: 100%;

  margin-top: 30px;

}

.section-dark-ourStatistics .ourStatis-item {

  display: inline-block;

  float: left;

  width: 25%;

}

.section-dark-ourStatistics .ourStatis-item .circle-statis {

  width: 160px;

  height: 160px;

  border-radius: 50%;

  overflow: hidden;

  margin: 0 auto;

  margin-bottom: 40px;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

}

.section-dark-ourStatistics .ourStatis-item .circle-statis img {

  width: 200px;

  transform: translateX(0px);

  transition: all 0.6s ease 0s;

  max-width: 200px;

}

.section-dark-ourStatistics .ourStatis-item:hover img {

  transform: translateX(-40px);

}

.section-dark-ourStatistics .ourStatis-item h6 {

  color: #999;

  margin-bottom: 26px;

  font-family: 'Montserrat', sans-serif;

  letter-spacing: 2px;

}

.section-dark-ourStatistics .ourStatis-item .counter {

  font-size: 35px;

  color: #fff;

}

.section-dark-ourStatistics .ourStatis-item-2 {

  margin: 0 auto;

  width: 25%;

  display: inline-block;

  float: left;

}

.section-dark-ourStatistics .ourStatis-item-2 .circle-statis {

  text-align: center;

  width: 220px;

  height: 220px;

  background: #ebcd1e;

  color: #333;

  border-radius: 50%;

  padding-top: 45px;

  margin-top: 16px;

}

.section-dark-ourStatistics .ourStatis-item-2 .circle-statis span.lnr {

  font-size: 50px;

}

.section-dark-ourStatistics .ourStatis-item-2 .circle-statis h6 {

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

}

.section-dark-ourStatistics .ourStatis-item-2 .circle-statis span.counter {

  font-size: 30px;

  font-weight: bold;

}

/* We're Hrer to help */

.block-contact {

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}

.block-contact .item-block-contact {

  background: #f5f5f5;

  padding: 35px 50px;

}

.block-contact .item-block-contact span {

  font-size: 36px;

  color: #333;

  padding-bottom: 22px;

  display: block;

}

.block-contact .item-block-contact p {

  font-family: 'Montserrat', sans-serif;

  color: #555;

  font-weight: 500;

}

/* Form Concat inline */

.form-contact {

  margin-top: 70px;

}

.form-contact h3 {

  font-weight: 300;

  color: #333b47;

  margin-bottom: 40px;

}

.form-contact input.form-control {

  width: 100%;

  height: 50px;

  line-height: 50px;

  font-size: 15px;

  border: 1px solid #e5e5e5;

  border-radius: 3px;

  box-shadow: none;

}

.form-contact input.form-control:focus {

  border: 1px solid #ebcd1e;

}

.form-contact .form-textarea {

  width: 100%;

  margin-top: 20px;

}

.form-contact textarea.form-control {

  width: 100%;

  line-height: 50px;

  font-size: 15px;

  border: 1px solid #e5e5e5;

  border-radius: 3px;

  box-shadow: none;

  resize: vertical;

}

.form-contact textarea.form-control:focus {

  border: 1px solid #ebcd1e;

}

.form-contact .btn-submit {

  transition: all 0.6s ease 0s;

  border: 0;

  outline: none;

  box-shadow: none;

  margin: 0 auto;

  margin-top: 30px;

  font-family: 'Montserrat', sans-serif;

  font-size: 12px;

  letter-spacing: 2px;

}

.form-contact .btn-submit:hover {

  background: #333;

  color: #fff;

}

/* Services home 4 Services Fix Postion */

.services-fix {

  margin-top: -167px;

  left: 0;

}

.services-fix .img-block {

  border: 20px solid #fff;

  background: #fff;

  height: 220px;

  border-radius: 0;

}

.service-item {

  margin-bottom: 70px;

}

.sub-header-our-services {

  background-image: url(images/Overlay/10.jpg);

}

.sub-header-our-services-2 {

  background-image: url(images/Overlay/11.jpg);

}

/* Services Detail */

.sidebar-services {

  width: 290px;

  display: inline-block;

}

.fullwidth {width:100%!important;}

.main-services {

  width: calc(100% - 290px);

  display: inline-block;

}

.main-services img {

  margin-bottom: 20px;

}

.sidebar-left {

  padding-right: 25px;

  float: left;

}

.sidebar-right {

  padding-left: 25px;

  float: right;

}

.main-services-right {

  padding-left: 25px;

  float: right;

}

.main-services-left {

  padding-right: 25px;

  float: left;

}

.sidebar-left ul.sidebar-style-2 li {

  border-right: 4px solid transparent;

}

.sidebar-right ul.sidebar-style-2 li {

  border-left: 4px solid transparent;

}

ul.sidebar-style-2 {

  display: block;

  width: 100%;

}

ul.sidebar-style-2 li {

  display: block;

  width: 100%;

  background: #f2f2f2;

  transition: all 0.1s;

  margin-bottom: 5px;

}

ul.sidebar-style-2 li a {

  color: #555555;

  font-size: 16px;

  display: block;

  width: 100%;

  line-height: 60px;

  padding: 0 15px;

  transition: all 0.1s;

}

.sidebar-left ul.sidebar-style-2 li:hover {

  border-right: 4px solid #ebcd1e;

  background: #333333;

}

.sidebar-left ul.sidebar-style-2 li:hover a {

  color: #ebcd1e;

}

.sidebar-right ul.sidebar-style-2 li:hover {

  border-left: 4px solid #ebcd1e;

  background: #333333;

}

.sidebar-right ul.sidebar-style-2 li:hover a {

  color: #ebcd1e;

}

.sidebar-left ul.sidebar-style-2 li.active {

  border-right: 4px solid #ebcd1e;

  background: #333333;

}

.sidebar-left ul.sidebar-style-2 li.active a {

  color: #ebcd1e;

}

.sidebar-right ul.sidebar-style-2 li.active {

  border-left: 4px solid #ebcd1e;

  background: #333333;

}

.sidebar-right ul.sidebar-style-2 li.active a {

  color: #ebcd1e;

}

.box-question-sidebar {

  display: block;

  width: 100%;

  padding: 40px;

  font-size: 18px;

  color: #333;

  line-height: 30px;

  border: 1px solid #e5e5e5;

  margin-top: 45px;

}

.box-question-sidebar .ot-btn {

  margin-top: 10px;

  margin-bottom: 0;

}

.slide-services {

  position: relative;

  display: inline-block;

  width: 100%;

}

.slide-services .prev-detail-services,

.slide-services .next-detail-services {

  top: 40%;

}

.slide-services .prev-detail-services {

  left: 15px;

}

.slide-services .next-detail-services {

  right: 15px;

}

.slide-services:hover .prev-detail-services {

  opacity: 1;

}

.slide-services:hover .next-detail-services {

  opacity: 1;

}

.slide-services .prev-detail-services,

.slide-services .next-detail-services {

  font-size: 30px;

  color: #ebcd1e;

  opacity: 0.7;

  transition: all 0.6s ease 0s;

  background: transparent;

  z-index: 999;

  line-height: 30px;

  text-align: center;

  border-radius: 0;

  padding: 0;

}

.slide-services .prev-detail-services:hover,

.slide-services .next-detail-services:hover {

  opacity: 1;

}

.owl-detail-services img {

  width: 100%;

}

.thumb-service-slide {

  width: calc(100% + 20px);

  margin-left: -10px;

}

.thumb-service-slide .item img {

  width: 100%;

  display: block;

  padding: 10px;

  border-radius: 15px;

  overflow: hidden;

}

.content-text-services {

  width: 100%;

  display: block;

}

.content-text-services h3 {

  font-weight: 400;

}

/* About Home 4 Counter Up */

.about-us-info {

  display: inline-block;

  width: 100%;

  margin-top: 60px;

}

.about-us-info .about-info-item {

  width: 100%;

  display: inline-block;

  margin: 0 auto;

  text-align: center;

  padding: 20px 50px;

}

.about-us-info .about-info-item span {

  color: #333;

  font-size: 60px;

  font-weight: bold;

}

.about-us-info .about-info-item h5 {

  font-size: 15px;

  font-family: 'Montserrat', sans-serif;

  margin-top: 32px;

  margin-bottom: 15px;

}

.testimonial-2-col-about .owl-controls {

  display: none!important;

}

/* Home 6 Layout */

.template-border header {

  padding: 60px 60px 0 60px;

}

.template-border .content-box {

  background: #fff;

  max-width: 1170px;

  margin: 0 auto;

}

.template-border .container {

  max-width: 100%;

}

.template-border section {

  padding: 60px;

}

.template-border footer {

  border-radius: 0 0 5px 5px;

}

.form-search-home-6 .btn-search-home-6 {

  width: 30px;

  border: 0;

  outline: none;

  box-shadow: none;

  background: none;

  float: left;

  font-size: 20px;

  transition: all 0.6s ease 0s;

  line-height: 35px;

}

.form-search-home-6 .btn-search-home-6:hover {

  color: #ebcd1e;

}

.form-search-home-6 .form-group {

  width: 100%;

}

.form-search-home-6 .form-group .input-group {

  width: 100%;

}

.form-search-home-6 .form-group .input-group input.form-control {

  display: inline-block;

  float: right;

  width: calc(100% - 45px);

  border: 0;

  outline: none;

  box-shadow: none;

  padding: 0;

  height: 35px;

}

.demo-products-tab {

  margin-top: 32px;

  display: inline-block;

  width: 100%;

}

.tab-content {

  margin-top: 10px;

}

.nav-tabs-arc-product {

  text-align: center;

  border-bottom: 0;

}

.nav-tabs-arc-product > li {

  float: none;

  display: inline-block;

  margin: 0 14px;

}

.nav-tabs-arc-product > li > a {

  border: 0;

  box-shadow: none;

  border-radius: 0;

  padding: 5px 10px;

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

  letter-spacing: 1px;

  color: #555;

}

.nav-tabs-arc-product > li.active > a,

.nav-tabs-arc-product > li.active > a:hover,

.nav-tabs-arc-product > li.active > a:focus {

  background: #ebcd1e;

  color: #222;

  padding: 5px 10px;

  border: 0;

}

.products-warp {

  display: block;

  position: relative;

}

.products-warp .new-product {

  display: block;

  position: absolute;

  width: 52px;

  height: 20px;

  background: #87be87;

  color: #333;

  text-transform: uppercase;

  top: 10px;

  right: 14px;

  line-height: 20px;

  text-align: center;

  font-size: 10px;

  font-family: 'Montserrat', sans-serif;

  border-radius: 3px;

}

.products-warp .sale-product {

  display: block;

  position: absolute;

  width: 52px;

  height: 20px;

  background: #df7154;

  color: #333;

  text-transform: uppercase;

  top: 40px;

  right: 14px;

  line-height: 20px;

  text-align: center;

  font-size: 10px;

  font-family: 'Montserrat', sans-serif;

  border-radius: 3px;

}

.product-info {

  width: 100%;

  text-align: center;

}

.product-info h3 {

  font-size: 15px;

  font-family: 'Montserrat', sans-serif;

  transition: all 0.6s ease 0s;

}

.product-info h3:hover {

  color: #ebcd1e;

}

.product-info .price {

  color: #222222;

}

.product-info .price span.old-price {

  color: #666;

  text-decoration: line-through;

  margin-right: 7px;

}

.price {

  color: #222222;

}

.price span.old-price {

  color: #666;

  text-decoration: line-through;

  margin-right: 7px;

}

.product-item {

  margin: 0 auto;

  display: block;

  margin-bottom: 45px;

}

.product-item img {

  margin: 0 auto;

}

.owl-feature-warp {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}

.owl-feature-warp .prev-feature,

.owl-feature-warp .next-feature {

  top: 40%;

}

.owl-feature-warp:hover .prev-feature {

  left: -25px;

  opacity: .7;

}

.owl-feature-warp:hover .next-feature {

  right: -25px;

  opacity: .7;

}

.owl-feature-warp .prev-feature,

.owl-feature-warp .next-feature {

  font-size: 30px;

  color: #888;

  opacity: 0;

  transition: all 0.6s ease 0s;

  background: rgba(0, 0, 0, 0.1);

  z-index: 999;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border-radius: 0;

  padding: 0;

}

.owl-feature-warp .prev-feature:hover,

.owl-feature-warp .next-feature:hover {

  opacity: 1;

  color: #222;

}

.owl-onsale-warp {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}

.owl-onsale-warp .prev-onsale,

.owl-onsale-warp .next-onsale {

  top: 40%;

}

.owl-onsale-warp:hover .prev-onsale {

  left: -25px;

  opacity: .7;

}

.owl-onsale-warp:hover .next-onsale {

  right: -25px;

  opacity: .7;

}

.owl-onsale-warp .prev-onsale,

.owl-onsale-warp .next-onsale {

  font-size: 30px;

  color: #888;

  opacity: 0;

  transition: all 0.6s ease 0s;

  background: rgba(0, 0, 0, 0.1);

  z-index: 999;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border-radius: 0;

  padding: 0;

}

.owl-onsale-warp .prev-onsale:hover,

.owl-onsale-warp .next-onsale:hover {

  opacity: 1;

  color: #222;

}

.owl-best-sale-warp {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}

.owl-best-sale-warp .prev-best-sale,

.owl-best-sale-warp .next-best-sale {

  top: 40%;

}

.owl-best-sale-warp:hover .prev-best-sale {

  left: -25px;

  opacity: .7;

}

.owl-best-sale-warp:hover .next-best-sale {

  right: -25px;

  opacity: .7;

}

.owl-best-sale-warp .prev-best-sale,

.owl-best-sale-warp .next-best-sale {

  font-size: 30px;

  color: #888;

  opacity: 0;

  transition: all 0.6s ease 0s;

  background: rgba(0, 0, 0, 0.1);

  z-index: 999;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border-radius: 0;

  padding: 0;

}

.owl-best-sale-warp .prev-best-sale:hover,

.owl-best-sale-warp .next-best-sale:hover {

  opacity: 1;

  color: #222;

}

.owl-relate-warp {

  position: relative;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}

.owl-relate-warp .prev-relate,

.owl-relate-warp .next-relate {

  top: 40%;

}

.owl-relate-warp:hover .prev-relate {

  left: -25px;

  opacity: .7;

}

.owl-relate-warp:hover .next-relate {

  right: -25px;

  opacity: .7;

}

.owl-relate-warp .prev-relate,

.owl-relate-warp .next-relate {

  font-size: 30px;

  color: #888;

  opacity: 0;

  transition: all 0.6s ease 0s;

  background: rgba(0, 0, 0, 0.1);

  z-index: 999;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border-radius: 0;

  padding: 0;

}

.owl-relate-warp .prev-relate:hover,

.owl-relate-warp .next-relate:hover {

  opacity: 1;

  color: #222;

}

/* Promotion Product Parrallax */

.bg-promotion-product {

  background-image: url("images/Overlay/8.jpg");

  background-repeat: repeat;

}

.promotion-product-warp {

  max-width: 960px;

  width: 100%;

  margin: 0 auto;

}

.promotion-product-warp .promotion-product-item {

  width: calc(50% - 20px);

  margin: 0 10px;

  background: #fff;

  display: inline-block;

  float: left;

}

.promotion-product-item {

  border: 1px solid #e5e5e5;

  padding: 3px;

}

.promotion-product-item .promotion-product-item-inner {

  display: inline-block;

  border: 1px solid #d9d9d9;

  width: 100%;

  text-align: center;

}

.promotion-product-item .promotion-product-item-inner h4 {

  letter-spacing: 2px;

  color: #222;

  padding-top: 5px;

}

.promotion-product-item .promotion-product-item-inner p {

  font-size: 10px;

  color: #999;

  letter-spacing: 2px;

}

/* Shop Category */

.header-shop-banner {

  width: 100%;

  height: 266px;

  background-position: center center;

  -webkit-background-size: cover;

  background-size: cover;

}

.hsb-1 {

  background-image: url("images/Overlay/9.jpg");

}

/* Order By */

.arc-sorting {

  float: left;

  display: inline-block;

  width: 100%;

  font-size: 13px;

  text-transform: uppercase;

  border-bottom: 1px solid #e5e5e5;

  padding-bottom: 10px;

}

.arc-sorting div.fancy-select {

  color: #666;

}

.arc-sorting div.fancy-select div.trigger {

  padding: 0;

  background: none;

  border: 0!important;

  outline: none!important;

  box-shadow: none!important;

  min-width: 120px;

  width: auto!important;

  letter-spacing: 1px;

  float: right;

  padding-right: 15px;

}

.arc-sorting div.fancy-select div.trigger:hover,

.arc-sorting div.fancy-select div.trigger:hover,

.arc-sorting div.fancy-select div.trigger:active {

  outline: none!important;

  border: none!important;

  box-shadow: none!important;

}

.arc-sorting div.fancy-select div.trigger::after {

  top: 10px;

  right: 0px;

}

.arc-sorting div.fancy-select ul.options {

  right: 0;

  border: 0;

  background: #333;

  border-radius: 0;

  max-height: none;

  min-height: 250px;

  width: auto;

  min-width: 215px;

}

.arc-sorting div.fancy-select ul.options li {

  color: #fff;

  letter-spacing: 1px;

}

.arc-sorting div.fancy-select ul.options li.selected {

  color: #222;

  background: #ebcd1e;

  letter-spacing: 1px;

}

.arc-sorting div.fancy-select ul.options li:hover {

  color: #333;

  background: #ebcd1e;

}

.arc-sorting div.fancy-select ul.options.open {

  top: 35px;

}

.arc-sorting select.orderby:focus {

  border: none;

  outline: none;

  box-shadow: none;

}

div.products {

  margin-top: 40px;

  display: inline-block;

  width: 100%;

}

/* Single Product */

.product-detail-image img {

  max-width: 100%;

}

.single-product-detail h3 {

  font-size: 15px;

  font-family: 'Montserrat', sans-serif;

}

.single-product-detail .divider-line {

  margin: 25px 0;

  margin-bottom: 15px;

}

.single-product-detail .social-share {

  margin-top: 35px;

  padding-bottom: 80px;

}

.product-data .color-choose {

  margin-top: 20px;

}

.product-data .color-choose a {

  display: inline-block;

  margin-right: 5px;

}

.product-data .size-choose {

  margin-top: 20px;

}

.product-data .size-choose a {

  display: inline-block;

  margin-right: 5px;

  background: #f2f2f2;

  color: #333;

  text-align: center;

  width: 32px;

  height: 32px;

  line-height: 32px;

  transition: all 0.6s ease 0s;

}

.product-data .size-choose a:hover {

  background: #757575;

  color: #fff;

}

.product-data .size-choose a.active {

  background: #757575;

  color: #fff;

}

.product-data span.text-cap {

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

  color: #333;

  margin-bottom: 5px;

  display: inline-block;

  width: 100%;

}

.product-data input {

  background-color: #f2f2f2;

  color: #666666;

  font-size: 15px;

  border: none;

  height: 40px;

  line-height: 40px;

  width: 80px;

  font-weight: bold;

  margin-right: 15px;

  padding: 0 10px;

  display: inline-block;

}

.product-data .quantity-choose {

  margin-top: 35px;

}

.product-data .quantity-choose input,

.product-data .quantity-choose .ot-btn {

  display: inline-block;

}

.product-data .quantity-choose .ot-btn {

  vertical-align: top;

  margin-bottom: 0;

}

p.product-code {

  margin-top: 35px;

  display: inline-block;

  width: 100%;

}

p.product-code span {

  color: #666;

}

p.product-tag {

  color: #999999;

  display: inline-block;

  width: 100%;

}

p.product-tag span {

  color: #666;

}

p.product-tag a {

  display: inline-block;

  color: #999;

  transition: all 0.6s ease 0s;

}

p.product-tag a:hover {

  color: #333;

}

.breadcrumb-arc-2 {

  background: none;

  font-size: 13px;

  color: #999;

  border-top: 1px solid #ccc;

  border-radius: 0;

  padding: 10px 15px;

  padding-left: 0;

}

.breadcrumb-arc-2 a {

  color: #666666;

  font-size: 13px;

  transition: all 0.6s ease 0s;

}

.breadcrumb-arc-2 a:hover {

  color: #333;

}

/* Accrodion Shop Detail */

.accrodion-warp {

  display: inline-block;

  width: 100%;

  margin-top: 20px;

}

.accrodion-style-1 .panel {

  border-bottom: 1px solid #d9d9d9;

  box-shadow: none;

  background: transparent;

  border-radius: 0;

}

.accrodion-style-1 .panel-group .panel {

  border-radius: 0;

  box-shadow: none;

}

.accrodion-style-1 .panel-heading {

  padding: 0;

  border-radius: 0;

  background-color: transparent;

  border: 0;

  box-shadow: none;

}

.accrodion-style-1 .panel-title {

  font-size: 14px;

}

.accrodion-style-1 .panel-title > a {

  display: block;

  padding: 10px 0;

  padding-bottom: 15px;

  text-decoration: none;

  font-size: 13px;

  font-family: 'Montserrat', sans-serif;

  color: #555;

}

.accrodion-style-1 .panel-title > a i {

  margin-right: 15px;

}

.accrodion-style-1 .more-less {

  float: left;

  color: #212121;

}

.shopping-cart .table > tbody > tr > td {

  padding: 20px 12px;

  vertical-align: middle;

}

table tr.cart_item td.product-thumbnail img {

  max-width: 80px;

  border: 1px solid #e6e6e6;

}

.product-remove a.remove {

  display: block;

  font-size: 13px;

  text-align: center;

  text-decoration: none;

  transition: all 0.6s ease 0s;

  color: #6e6e6e;

}

.product-remove a.remove:hover {

  color: red;

}

td {

  vertical-align: middle!important;

}

table.shop_table th {

  font-weight: normal;

  padding: 9px 12px;

  border-width: 0 0px 3px 0;

}

table.shop_table .product-name a {

  color: #333;

  font-family: 'Montserrat', sans-serif;

  transition: all 0.6s ease 0s;

}

table.shop_table .product-name a:hover {

  color: #c5aa11;

}

table.shop_table .product-name span {

  display: block;

  width: 100%;

  color: #6e6e6e;

}

.product-quantity input {

  background-color: #f2f2f2;

  color: #666666;

  font-size: 15px;

  border: none;

  padding: 10px 10px;

  width: 80px;

  font-weight: normal;

}

.coupon input[type="text"] {

  width: 200px;

  margin-right: 25px;

}

.coupon .input-text,

.shipping-calculator-form .input-text,

.shipping-calculator-form select {

  height: 39px;

  line-height: 40px;

  padding-left: 15px;

  padding-right: 5px;

  background: #f2f2f2;

  border: 0;

  outline: none;

  color: #333;

  width: 100%;

  box-sizing: border-box;

  border-radius: 3px;

  font-size: 13px;

}

.btn-coupon {

  margin: 0;

  outline: none;

  border: none;

  background: transparent;

  border: 2px solid #e6e6e6;

  transition: all 0.6s ease 0s;

}

.btn-coupon:hover {

  border-color: #ebcd1e;

}

.cart-collaterals {

  padding: 40px;

  border: 1px solid #e5e5e5;

}

.cart_totals table.shop_table th {

  padding-left: 0px;

}

.shipping-calculator-form p {

  margin: 12px 0 12px 0;

}

tr.order-total {

  height: 80px;

}

.cart_totals table.shop_table tbody tr.cart-subtotal td,

.cart_totals table.shop_table tbody tr.cart-subtotal th {

  padding: 20px 12px;

  border-width: 0 0px 1px 0;

  border-style: dashed;

  border-color: #e5e5e5;

}

.cart_totals table.shop_table tbody tr.shipping td,

.cart_totals table.shop_table tbody tr.shipping th {

  padding: 20px 12px;

  border-width: 0 0px 1px 0;

  border-style: dashed;

  border-color: #e5e5e5;

  vertical-align: top;

}

.shop_table_responsive {

  width: 100%;

  min-width: 250px;

}

table.shop_table > tbody > tr > td.product-thumbnail {

  text-align: center;

}

table.shop_table > tbody > tr > td {

  padding: 10px 0;

}

table.shop_table {

  border: 1px solid #e5e5e5;

}

table.shop_table > thead {

  background: #555555;

  color: #aaaaaa;

  border: 1px solid #555555;

}

table.shop_table > tbody > tr:nth-child(1) > td {

  border-top: 0;

}

table.shop_table > thead > tr > th {

  border-bottom: 0;

}

table.shop_table {

  margin-bottom: 0;

}

.shopping-cart-warp .actions {

  display: inline-block;

  margin: 15px 0;

  width: 100%;

}

.btn-update-coupon {

  float: right;

}

table.shop-proceed {

  border: 0;

}

.cart_totals h4 {

  letter-spacing: 2px;

}

tr.shipping > td {

  vertical-align: top;

}

select.country_to_state {

  color: #888;

}

select.country_to_state:focus {

  color: #333;

}

form.woocommerce-shipping-calculator {

  margin-top: 25px;

}

tr.cart-subtotal .amount {

  font-size: 16px;

  color: #555;

}

tr.order-total .amount {

  font-size: 18px;

  color: #555;

}

th.product-remove,

th.product-subtotal,

th.product-price {

  min-width: 100px;

}

th.product-name {

  min-width: 185px;

}

/* About */

.sub-header-about {

  background-image: url("images/Overlay/12.jpg");

}

.about-intro h2 {

  font-weight: 300;

  margin-top: 0;

  margin-bottom: 30px;

}

.about-intro .about-intro-img {

  width: 50%;

  padding-right: 25px;

  display: inline-block;

  float: left;

}

.about-intro .about-intro-text {

  width: 50%;

  padding-left: 25px;

  display: inline-block;

  float: left;

}

.item-testimonials-about {

  margin-bottom: 70px;

}

.item-testimonials-about p {

  margin-bottom: 30px;

}

/* Contact */

.sub-header-contact {

  background-image: url(images/Overlay/13.jpg);

}

.left-contact {

  padding-right: 15px;

}

.right-contact {

  padding-left: 15px;

}

.form-contact-arc input.form-control {

  width: 100%;

  height: 50px;

  font-size: 15px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  margin-bottom: 10px;

  border: 1px solid #e6e6e6;

  box-shadow: none;

  outline: none;

  transition: all 0.6s ease 0s;

}

.form-contact-arc input.form-control:focus {

  border-color: #ebcd1e;

}

.form-contact-arc textarea.form-control {

  width: 100%;

  max-width: 100%;

  margin-bottom: 30px;

  font-size: 15px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #e6e6e6;

  box-shadow: none;

  outline: none;

  transition: all 0.6s ease 0s;

  resize: vertical;

}

.form-contact-arc textarea.form-control:focus {

  border-color: #ebcd1e;

}

.form-contact-arc .form-textarea {

  width: 100%;

}

.contact-warp h3 {

  font-weight: 300;

  margin-bottom: 36px;

}

ul.address {

  list-style: none;

  padding: 0;

  margin-top: 26px;

}

ul.address li {

  display: block;

  width: 100%;

  margin-bottom: 17px;

}

#map-canvas {

  height: 404px;

}

.btn-submit {

  border: 0;

  outline: none;

  box-shadow: none;

}

.effect8 {

  position: relative;

  border-radius: 5px;

}

.effect8:before {

  position: absolute;

  width: 100%;

  height: calc(100% - 30px);

  border-radius: 0.1px;

  z-index: -1;

  bottom: 10px;

  content: "";

  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);

  display: block;

}

/* Bonus */

/* 404 page */

.inner-404 {

  position: absolute;

  top: 50%;

  transform: translateY(-80%);

  text-align: center;

  width: 100%;

  display: block;

}

.inner-404 span {

  font-size: 100px;

  color: #555;

  margin-bottom: 50px;

  clear: both;

  display: block;

}

.inner-404 strong {

  font-size: 80px;

  color: #333;

  text-transform: uppercase;

  margin-bottom: 80px;

  clear: both;

  display: block;

}

.inner-404 p {

  color: #555;

  margin-bottom: 50px;

  clear: both;

  display: block;

  font-size: 25px;

  font-style: italic;

}

.overlay-404 {

  position: absolute;

  width: 100%;

  top: 0;

  left: 0;

  height: 100%;

}

#section-404,

.full-screen-body {

  height: 100%;

  min-height: 100%;

}

.footer-fix {

  position: absolute;

  bottom: 40px;

  left: 0;

}

.copyright-fix {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

}

/* Comming Soon */

.overley-cs {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  background-image: url(images/ComingSoon/1.jpg);

  background-size: cover !important;

  background-attachment: scroll !important;

  z-index: -1;

}

.coming-soon {

  width: 100%;

  height: 100%;

}

.coming-soon-content {

  position: fixed;

  top: 50%;

  left: 50%;

  /* bring your own prefixes */

  transform: translate(-50%, -50%);

  width: 100%;

  z-index: 99;

}

.coming-soon-content .btn-submit {

  display: inline-block;

  float: right;

}

html,

body {

  min-height: 100%;

}

.coming-soon h2 {

  font-size: 70px;

  text-transform: uppercase;

  font-weight: bold;

}

.coming-soon p {

  font-size: 30px;

  line-height: 30px;

  font-weight: normal;

  font-style: italic;

}

.newsletter-comingsoon {

  max-width: 670px;

  margin: 25px auto;

  margin-top: 100px;

}

.newsletter-comingsoon .newsletter-email {

  width: calc(100% -  145px);

  display: inline-block;

  height: 40px;

  border: none;

  padding-left: 25px;

  border: 1px solid #e6e6e6;

  border-radius: 0;

  outline: none;

  box-shadow: none;

  transition: all 0.6s ease 0s;

}

.newsletter-comingsoon .newsletter-email:focus {

  border: 1px solid #ebcd1e;

}

ul.countdown {

  text-align: center;

  padding: 0px;

  margin: 0px auto;

  max-width: 800px;

  clear: both;

}

ul.countdown li {

  border-bottom: 2px solid #ebcd1e;

  display: inline-block;

  margin: 25px 30px;

}

ul.countdown li span {

  font-size: 3vw;

  color: #ebcd1e;

}

.coming-soon ul.countdown li p {

  color: #555;

  font-size: 15px;

  text-transform: uppercase;

  font-style: normal;

  margin-top: 10px;

}

ul.social-dark {

  margin-top: 25px;

  float: none;

}

ul.social-dark li a {

  background: rgba(0, 0, 0, 0.9);

  color: #ebcd1e;

  width: 35px;

  height: 35px;

  line-height: 35px;

  font-size: 15px;

}

ul.social-dark li a:hover {

  color: #333;

  background: #ebcd1e;

}

/* Contact Multi Local */

.sidebar-control-map {

  width: 100%;

  padding-right: 0!important;

}

/* Contact 3 */

.address-3 {

  list-style: none;

  margin-top: 15px;

  padding-left: 0;

  margin-bottom: 30px;

}

.address-3 li {

  margin-bottom: 5px;

}

.contact-warp-3 h3 {

  margin-top: 0;

}

/* Element Demo */

.demo-section h3 {

  font-weight: 300;

  margin-bottom: 36px;

}

.tab-arc {

  margin-top: 25px;

  border: 1px solid #e6e6e6;

}

.tab-arc .nav-tabs > li > a {

  border-radius: 0;

  border-top: 2px solid transparent;

  font-size: 15px;

  color: #666;

  outline: none;

  font-weight: 400;

}

.tab-arc .nav > li > a {

  padding: 15px 28px;

  margin: 0;

}

.tab-arc .nav-tabs > li.active > a,

.tab-arc .nav-tabs > li.active > a:hover,

.tab-arc .nav-tabs > li.active > a:focus {

  border-top: 2px solid #ebcd1e;

}

.tab-arc .nav-tabs > li:first-child.active > a {

  border-left: 1px solid transparent;

}

.tab-arc .tab-content {

  padding: 15px 30px;

}

.services-wrap {

  padding: 0 15px;

}

/*tabs style 2*/

.arc-tabs-style-2 .nav-tabs {

  border-bottom: 2px solid #ebcd1e;

}

.arc-tabs-style-2 .nav-tabs > li.active > a,

.arc-tabs-style-2 .nav-tabs > li.active > a:hover,

.arc-tabs-style-2 .nav-tabs > li.active > a:focus {

  border-radius: 0;

  border: 1px solid #ebcd1e;

  background: #ebcd1e;

  color: #fff;

}

.arc-tabs-style-2 .nav-tabs > li > a {

  color: #666;

  border-radius: none;

  border: none;

  padding: 15px 28px;

  font-weight: 400;

}

.arc-tabs-style-2 .nav > li > a:hover,

.arc-tabs-style-2 .nav > li > a:focus {

  background: transparent;

  box-shadow: none;

  border: none;

}

.arc-tabs-style-2 .tab-content {

  padding: 15px 0px;

}

/*tabs style 3*/

.arc-tabs-style-3 .nav-tabs {

  border-bottom: none;

}

.arc-tabs-style-3 .nav-tabs > li.active > a,

.arc-tabs-style-3 .nav-tabs > li.active > a:hover,

.arc-tabs-style-3 .nav-tabs > li.active > a:focus {

  border-radius: 25px;

  background: #ebcd1e;

  color: #fff;

}

.arc-tabs-style-3 .nav-tabs > li > a {

  color: #666;

  border-radius: none;

  border: none;

  padding: 15px 28px;

}

.arc-tabs-style-3 .nav > li > a:hover,

.arc-tabs-style-3 .nav > li > a:focus {

  background: transparent;

  box-shadow: none;

  border: none;

}

.arc-tabs-style-3 .tab-content {

  padding: 15px 0px;

}

/*tabs style 3*/

.arc-tabs-style-4 .nav-tabs {

  border-bottom: none;

}

.arc-tabs-style-4 .nav-tabs > li.active > a,

.arc-tabs-style-4 .nav-tabs > li.active > a:hover,

.arc-tabs-style-4 .nav-tabs > li.active > a:focus {

  color: #666;

  border: none;

}

.arc-tabs-style-4 .nav-tabs > li > a {

  color: #888;

  border: none;

  padding-right: 30px;

  padding-left: 0;

  padding: 15px 50px 15px 0;

}

.arc-tabs-style-4 .nav > li > a:hover,

.arc-tabs-style-4 .nav > li > a:focus {

  background: transparent;

  box-shadow: none;

  border: none;

}

.arc-tabs-style-4 .tab-content {

  padding: 15px 0px;

}

.arc-tabs-style-4 .nav-tabs > li.active:before {

  content: "";

  position: absolute;

  bottom: -1px;

  height: 3px;

  width: 40px;

  background-color: #ebcd1e;

  z-index: 1000;

}

.accordion-warp {

  width: 100%;

}

.accordion-process {

  display: flex;

  padding-left: 35px;

}

.accordion-process .panel {

  box-shadow: none;

  background: transparent;

}

.accordion-process .panel-group {

  max-width: 530px;

}

.accordion-process .panel-default {

  border: 0;

}

.accordion-process .panel-default > .panel-heading .panel-title > a {

  background: #ebcd1e;

  padding: 12px 25px;

  display: block;

  width: 100%;

  border-radius: 25px;

  transition: all 0.6s ease 0s;

}

.accordion-process .panel-default > .panel-heading {

  background: none;

  border: none;

  color: #333;

  padding: 0;

}

.accordion-process .panel-default > .panel-heading .panel-title > a.collapsed {

  padding: 12px 25px;

  display: block;

  width: 100%;

  border-radius: 25px;

  background: rgba(225, 225, 225, 0.1);

  transition: all 0.6s ease 0s;

  color: #fff;

}

.accordion-process .panel-default > .panel-heading .panel-title > a.collapsed:hover {

  background: #ebcd1e;

}

.accordion-process .panel-default > .panel-heading + .panel-collapse > .panel-body {

  border-top: none;

  color: #e5e5e5;

  padding: 25px;

  padding-bottom: 0;

}

.accordion-process .accordion-content {

  border-left: 1px solid rgba(255, 255, 255, 0.1);

  padding: 5px 25px;

}

.accordion-process .accordion-content p {

  color: #e5e5e5;

}

.accordion-process .panel-default > .panel-heading .panel-title > a:focus {

  border: 0;

  outline: none;

  box-shadow: none;

  text-decoration: none;

}

.accordion-process .panel-group .panel + .panel {

  margin-top: 15px;

}

.accordion-style-light {

  display: flex;

  padding-left: 35px;

}

.accordion-style-light .panel {

  box-shadow: none;

  background: transparent;

}

.accordion-style-light .panel-group {

  max-width: 530px;

}

.accordion-style-light .panel-default {

  border: 0;

}

.accordion-style-light .panel-default > .panel-heading .panel-title > a {

  background: #ebcd1e;

  padding: 12px 25px;

  display: block;

  width: 100%;

  transition: all 0.6s ease 0s;

  border-radius: 25px;

}

.accordion-style-light .panel-default > .panel-heading {

  border: none;

  padding: 0;

}

.accordion-style-light .panel-default > .panel-heading .panel-title > a {

  background: #333;

  color: #ebcd1e;

}

.accordion-style-light .panel-default > .panel-heading .panel-title > a.collapsed {

  padding: 12px 25px;

  display: block;

  width: 100%;

  transition: all 0.6s ease 0s;

  background: #ebcd1e;

  color: #333;

}

.accordion-style-light .panel-default > .panel-heading .panel-title > a.collapsed:hover {

  background: #ebcd1e;

}

.accordion-style-light .panel-default > .panel-heading + .panel-collapse > .panel-body {

  border-top: none;

  padding: 25px;

  padding-bottom: 0;

}

.accordion-style-light .accordion-content {

  border-left: 1px solid rgba(0, 0, 0, 0.1);

  padding: 5px 25px;

}

.accordion-style-light .panel-default > .panel-heading .panel-title > a:focus {

  border: 0;

  outline: none;

  box-shadow: none;

  text-decoration: none;

}

.accordion-style-light .panel-group .panel + .panel {

  margin-top: 15px;

}

.accordion-process.no-round .panel-default > .panel-heading .panel-title > a {

  border-radius: 0;

}

.accordion-style-light.no-round .panel-default > .panel-heading .panel-title > a {

  border-radius: 0;

}

/* shopping cart dropdown*/

.dropdown-menu.top_cart_list_product {

  background-color: #333;

  border: 0;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

  left: inherit;

  list-style: outside none none;

  margin: 0px 0 0;

  min-width: 200px;

  padding: 10px;

  position: absolute;

  right: 0;

  left: auto;

  top: 60px;

  z-index: 1000;

  border-top: 3px solid #ebcd1e;

  border-radius: 0;

}

.cart-button .top_cart_list_product .cart_list.product_list_widget {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}

.cart_list.product_list_widget .mini_cart_item {

  display: block;

  width: 270px;

  padding: 10px 0px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  float: left;

  position: relative;

}

.cart_list.product_list_widget .img-thumb {

  display: inline-block;

  float: left;

  margin-right: 10px;

  width: 80px;

}

.cart_list.product_list_widget .img-thumb img {

  width: 80px;

}

.cart_list.product_list_widget .product-detail {

  padding-left: 100px;

  padding-right: 20px;

}

.cart_list.product_list_widget .product-detail a {

  padding: 0;

  color: #fff;

  font-size: 12px;

}

.cart_list.product_list_widget .product-detail a:hover {

  color: #ebcd1e;

}

.top_cart_list_product .total {

  padding: 20px 0px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  text-align: right;

  color: #6e6e6e;

}

.top_cart_list_product .total span.amount {

  color: #e5e5e5;

  text-decoration: underline;

  margin-left: 8px;

  padding-bottom: 5px;

}

.top_cart_list_product .buttons {

  margin: 0;

  padding-top: 10px;

  text-align: left;

}

.top_cart_list_product .buttons .ot-btn {

  float: left;

  display: inline;

  padding: 0 20px!important;

  line-height: 40px;

}

.top_cart_list_product .buttons .btn-border-white {

  border: 2px solid rgba(255, 255, 255, 0.2);

  color: #fff;

}

.top_cart_list_product .buttons .btn-border-white:hover {

  border-color: #ebcd1e;

}

.top_cart_list_product .buttons .btn-main-color {

  float: right!important;

}

.top_cart_list_product .buttons .btn-main-color:hover {

  background: #fff;

  color: #333;

}

.cart_list.product_list_widget .product-detail .remove {

  position: absolute;

  top: 10px;

  right: 0px;

  font-size: 12px;

  color: #6e6e6e;

  font-size: 20px;

}

/* Footer

----------------------------------------------------------*/

/* Footer V1 */

footer {

  vertical-align: top;

}

.footer-v1 {

  padding: 55px 50px;

  padding-bottom: 47px;

  background: #333;

  display: inline-block;

  width: 100%;

}

.footer-v1 .footer-left,

.footer-v1 nav,

.footer-v1 .footer-right {

  display: inline-block;

  float: left;

}

.footer-v1 .footer-left,

.footer-v1 .footer-right {

  width: 20%;

}

.footer-v1 nav {

  width: 60%;

  text-align: center;

}

.footer-v1 nav ul {

  margin-bottom: 0;

}

.footer-v1 nav ul li {

  display: inline-block;

}

.footer-v1 nav ul li a {

  display: block;

  line-height: 22px;

  padding: 0px 30px;

  font-family: 'Montserrat', sans-serif;

  font-size: 12px;

  letter-spacing: 1px;

  text-transform: uppercase;

  position: relative;

  color: #aaaaaa;

  transition: all 0.6s ease 0s;

}

.footer-v1 nav ul li a:hover {

  color: #fff;

}

.footer-v1 nav ul li a:after {

  content: "|";

  width: 1px;

  height: 22px;

  position: absolute;

  right: 0px;

  top: 0px;

  color: #555;

  display: block;

}

.footer-v1 nav ul li:last-child a:after {

  display: none;

}

.footer-v1 .footer-right ul.social {

  float: right;

}

.footer-v2 {

  padding: 60px 0;

}

.footer-v2 ul.social-footer {

  margin-top: 40px;

}

.footer-v2 ul.social-footer li a {

  margin-left: 0;

  margin-right: 4px;

}

.footer-v2 .footer-col-1 {

  width: 30%;

  display: inline-block;

  float: left;

  padding-right: 30px;

}

.footer-v2 .footer-col-1 a img {

  margin-bottom: 34px;

}

.footer-v2 .footer-col-1 p {

  color: #999;

}

.footer-v2 .footer-col-2 {

  width: 35%;

  display: inline-block;

  float: left;

  padding-left: 30px;

}

.footer-v2 .footer-col-2 h4 {

  color: #e5e5e5;

  margin-bottom: 28px;

}

.footer-v2 .footer-col-3 {

  width: 35%;

  display: inline-block;

  float: left;

}

.footer-v2 .footer-col-3 h4 {

  color: #e5e5e5;

  margin-bottom: 28px;

}

.footer-v3 {

  padding: 60px 0;

}

.footer-v3 .footer-col-1,

.footer-v3 .footer-col-2,

.footer-v3 .footer-col-3,

.footer-v3 .footer-col-4 {

  display: inline-block;

  float: left;

  width: 25%;

}

.footer-v3 .footer-col-1 a img {

  margin-bottom: 34px;

}

.footer-v3 .footer-col-1 p {

  color: #999;

}

.footer-v3 .footer-col-1 .social-footer {

  margin-top: 40px;

}

.footer-v3 .footer-col-1 .social-footer li a {

  margin-left: 0;

  margin-right: 3px;

}

.footer-v3 .footer-col-2 h4 {

  color: #e5e5e5;

  margin-bottom: 28px;

}

.footer-v3 .footer-col-3 h4 {

  color: #e5e5e5;

  margin-bottom: 28px;

}

.footer-v3 .footer-col-3 ul {

  padding-left: 0;

  display: inline-block;

  width: 100%;

}

.footer-v3 .footer-col-3 ul li {

  width: 100%;

  display: inline-block;

  color: #999;

  margin-bottom: 10px;

}

.footer-v3 .footer-col-4 h4 {

  color: #e5e5e5;

  margin-bottom: 28px;

}

.footer-v3 .footer-col-4 .gallery-warp {

  display: inline-block;

  width: 100%;

}

.footer-v3 .footer-col-4 .gallery-warp img {

  margin: 5px;

  display: inline-block;

}

.footer-v4 {

  padding: 60px;

}

.footer-v4 .footer-col-1 {

  width: 30.33%;

  display: inline-block;

  float: left;

}

.footer-v4 .footer-col-1 h4 {

  color: #e5e5e5;

  margin-bottom: 28px;

}

.footer-v4 .footer-col-1 ul {

  padding-left: 0;

  display: inline-block;

  width: 100%;

}

.footer-v4 .footer-col-1 ul li {

  width: 100%;

  display: inline-block;

  color: #999;

  margin-bottom: 10px;

}

.footer-v4 .footer-col-2 {

  width: 30.33%;

  display: inline-block;

  float: left;

}

.footer-v4 .footer-col-2 h4 {

  color: #e5e5e5;

  margin-bottom: 28px;

}

.footer-v4 .footer-col-3 {

  width: 39.33%;

  display: inline-block;

  float: left;

}

.footer-v4 .footer-col-3 h4 {

  color: #e5e5e5;

  margin-bottom: 28px;

}

.footer-v4 .footer-col-3 .gallery-warp {

  display: inline-block;

  width: 100%;

}

.footer-v4 .footer-col-3 .gallery-warp img {

  margin: 5px;

  width: 70px;

  display: inline-block;

}

ul.list-link-footer {

  padding-left: 0px;

}

ul.list-link-footer li {

  display: block;

  position: relative;

  width: 50%;

  display: inline-block;

  float: left;

  margin-bottom: 7px;

}

ul.list-link-footer li a {

  color: #e5e5e5;

  font-size: 11px;

  font-family: 'Montserrat', sans-serif;

  padding-left: 15px;

  transition: all 0.6s ease 0s;

}

ul.list-link-footer li:before {

  content: "";

  display: block;

  position: absolute;

  width: 5px;

  height: 5px;

  background: rgba(255, 255, 255, 0.1);

  left: 0;

  top: 12px;

  transition: all 0.6s ease 0s;

}

ul.list-link-footer li:hover a {

  color: #ebcd1e;

}

ul.list-link-footer li:hover:before {

  background: #ebcd1e;

}

.form-subcrible-footer {

  width: 100%;

}

.form-subcrible-footer .btn-subcrible-footer {

  background: none;

  outline: none;

  border: 2px solid rgba(255, 255, 255, 0.1);

  width: 130px;

  height: 40px;

  text-align: center;

  color: #e6e6e6;

  float: right;

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

  letter-spacing: 1px;

  transition: all 0.6s ease 0s;

}

.form-subcrible-footer .btn-subcrible-footer:hover {

  border-color: #ebcd1e;

  color: #fff;

}

.form-subcrible-footer .form-group {

  width: calc(100% - 140px);

}

.form-subcrible-footer .input-group {

  width: 100%;

}

.form-subcrible-footer input.form-control {

  border: 2px solid rgba(255, 255, 255, 0.1);

  width: calc(100% - 140px);

  background: transparent;

  height: 40px;

  line-height: 40px;

  transition: all 0.6s ease 0s;

}

.form-subcrible-footer input.form-control:focus,

.form-subcrible-footer input.form-control:hover {

  border-color: #ebcd1e;

  outline: none;

  box-shadow: none;

  color: #fff;

}

.copyright {

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #999;

  background: #262626;

  font-size: 13px;

  margin: 0;

  padding: 0;

}

.copyright p {

  margin: 0;

}

.copyright a {

  color: #ebcd1e;

  transition: all 0.6s ease 0s;

}

.copyright a:hover {

  color: #c5aa11;

}

.template-border .copyright {

  background: transparent;

  height: 65px;

  line-height: 65px;

  padding: 0;

}

/* Responsive

----------------------------------------------------------*/

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width: 1700px) {

  .navi-level-1 li a {

    padding-left: 15px;

    padding-right: 15px;

  }

  header {

    padding: 0 15px;

  }

  .header-v1 .left-header {

    width: 120px;

  }

  .header-v1 .right-header {

    width: calc(100% - 120px - 60%);

  }

  .header-v2 .tel-header {

    display: none;

  }

  .header-v2 .left-header ul li::after {

    display: none;

  }

  .header-v2 nav {

    width: calc(100% - 160px);

  }

  .header-v2 .left-header {

    width: 160px;

  }

  .header-v2 nav {

    width: calc(100% - 360px);

  }

  .header-v2 .sub-navi {

    float: right;

    display: inline-block;

    max-width: 200px;

  }

  .header-v2 .left-header a:after {

    display: none!important;

  }

}

@media only screen and (max-width: 1272px) {

  .header-v1 nav,

  .header-v1 .right-header {

    width: auto;

  }

  .header-v1 .right-header {

    float: right;

  }

  .header-v1 .right-header ul li.header-tel {

    display: none;

  }

  .header-v3 {

    padding-left: 0!important;

    padding-right: 0!important;

  }

  .header-v3 li a {

    padding-left: 15px;

    padding-right: 15px;

  }

  .header-v4 .container {

    padding: 0;

    width: 100%;

  }

  .header-v4 .left-header {

    width: 120px;

  }

  .header-v4 .left-header a.logo {

    padding: 15px 0px 0px;

  }

  .header-v4 nav {

    width: calc(100% - 120px - 90px);

  }

  .header-v4 li a {

    padding-left: 15px;

    padding-right: 15px;

  }

}

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1199px) {

  /* ChooseUs SVG Full Width*/

  .chooseus-full-width .chooseus-container .chooseus-item {

    width: 50%;

  }

  /* Product Item */

  .product-item {

    width: 90%;

  }

  .header-v4 .right-header {

    width: auto;

  }

}

/* Medium Devices, Desktops */

@media only screen and (max-width: 991px) {

  /* LAYOUT */

  .divider {

    width: 90%;

  }

  .padding {

    padding: 35px 0 35px 0;

  }

  .wow {

    animation-name: none !important;

    visibility: visible !important;

  }

  /* Mobile Menu */

  .mm-toggle {

    display: block!important;

  }

  header nav {

    display: none;

  }

  .navi-level-1 li a {

    padding: 10px 15px 9px 15px;

  }

  .navi-level-1 li a:after {

    top: 10px;

  }

  .sub-navi > li:nth-last-child(2) a {

    padding-right: 15px;

  }

  .sub-navi > li:nth-last-child(2) a:after {

    display: block;

  }

  header .left-header .navi-level-1 li a.logo {

    padding: 0;

    padding-top: 10px;

  }

  header .left-header .navi-level-1 li a.logo img {

    width: 100px;

  }

  .navi-level-1.dot-seperator > li > a:after,

  .navi-level-1.line-separator > li > a:after,

  .navi-level-1.circle-separator > li > a:after,

  .navi-level-1.square-separator > li > a:after,

  .navi-level-1.plus-separator > li > a:after,

  .navi-level-1.strip-separator > li > a:after {

    top: 10px;

  }

  /*HEADER*/

  /*header V2 */

  .header-v2 {

    float: left;

    margin-bottom: 50px;

  }

  .header-v2 nav ul.navi-level-1 {

    display: none;

  }

  .header-v2 nav ul.navi-app li a {

    padding: 15px 15px;

    padding-top: 18px;

  }

  .header-v2 nav ul.navi-app .btn-in-navi {

    padding-top: 18px;

    padding-bottom: 15px;

  }

  .header-v2 ul li a.logo {

    padding: 15px;

  }

  /* Header V3 */

  .header-v3 {

    padding-left: 40px!important;

    padding-right: 40px!important;

  }

  .header-v3 .left-header,

  .header-v3 .right-header {

    display: none;

  }

  .header-v3 div.logo {

    width: 100%;

  }

  .header-v3 div.logo li a:after {

    display: none;

  }

  .header-v3 div.logo li:last-child {

    float: right;

    display: inline-block;

  }

  .header-v3 div.logo li:last-child a span {

    top: 15px;

  }

  .header-v3 li:first-child a {

    padding: 0;

    padding-top: 10px;

  }

  .header-v3 li a {

    padding: 10px 15px 9px 15px;

  }

  .header-v3 .mm-toggle {

    display: inline-block;

    float: right;

  }

  /* Header v4 */

  .header-v4 .left-header .navi-level-1 li a.logo {

    padding: 0;

    padding-top: 10px;

  }

  .header-v4 li:nth-last-child(2):after {

    display: block;

  }

  /* Header V5 */

  .header-v5 .navi-app li:nth-last-child(2)::after {

    display: block;

  }

  .header-v5 .mm-toggle span {

    color: #ccc;

  }

  .header-v5 .mm-toggle span:hover {

    color: #ebcd1e;

  }

  /* Header V6 */

  .topbar-transparent p.ads-text {

    display: none;

  }

  .topbar-transparent .topbar-left,

  .topbar-transparent .topbar-right {

    width: auto;

  }

  .template-border header {

    padding: 25px 60px;

  }

  .header-v6 nav {

    display: none;

  }

  .header-v6 .logo {

    float: left;

    position: static;

    transform: none;

    padding-top: 10px;

    display: inline-block;

    width: auto;

  }

  .header-v6 .right-header {

    width: auto;

  }

  .header-v6 .right-header a.mm-toggle {

    display: block;

  }

  .header-v6 .right-header li:nth-last-child(2) a {

    display: block;

  }

  .header-v6 .right-header li:nth-last-child(3) a:after {

    display: block;

  }

  .header-v6 .right-header li:nth-last-child(3) a {

    padding-right: 15px;

  }

  .header-v6 .left-header {

    display: none;

  }

  /*SLIDER*/

  .slider-home-2 .btn-1,

  .slider-home-3 .btn-1 {

    transform: translateX(-40px) !important;

  }

  .slider-home-2 .btn-2,

  .slider-home-3 .btn-2 {

    transform: translateX(40px) !important;

  }

  /* Our Team Grid */

  .ourteamGrid-warp .team-grid-item {

    background: #000!important;

    width: 100%;

  }

  .ourteamGrid-warp .team-grid-item img {

    width: 100%;

    display: inline-block;

  }

  .ourteamGrid-warp .team-grid-item .grid-team-overlay {

    position: static;

    display: inline-block;

    width: 100%;

    transform: none;

    height: 100%;

    background: #000!important;

  }

  .ourteamGrid-warp .team-grid-item .grid-team-overlay h5 {

    color: #fff!important;

  }

  .ourteamGrid-warp .team-grid-item .grid-team-overlay .member-job {

    color: #999!important;

  }

  .ourteamGrid-warp .team-grid-item .grid-team-overlay .description-member {

    color: #999!important;

  }

  .ourteamGrid-warp .team-grid-item:hover .description-member {

    margin-top: 25px!important;

  }

  /* Block Contact Home 5 */

  .block-contact .item-block-contact {

    margin-bottom: 15px;

  }

  .form-contact {

    padding: 0 15px;

  }

  /* Services Fix Home 4 */

  .services-fix {

    margin-top: -90px;

  }

  .services-fix .img-block {

    border-width: 5px;

  }

  /* Counter Our Static */

  .section-dark-ourStatistics .ourStatis-item-2 {

    width: 50%;

  }

  .ourStatis-item-2 .circle-statis {

    margin: 15px auto;

  }

  /* Lastest Blog */

  .lastest-blog-item {

    margin-bottom: 30px;

  }

  /* Blog List Page */

  .blog-list {

    padding-right: 0;

  }

  .fake-position {

    margin-top: 60px;

  }

  /* What We Do 4 Colum Home 2*/

  .block-img-full .img-block {

    height: auto;

  }

  /* Owl Our Team */

  .item-team .member-info {

    width: 90%;

  }

  /* Owl Partner */

  .owl-partners img {

    width: 90px;

  }

  figure.effect-layla {

    width: 45%;

    margin: 0 2.5% 25px 2.5%;

  }

  figure.effect-layla img {

    transform: none;

  }

  figure.effect-layla:last-child {

    margin: 0 auto;

    float: none;

  }

  /* Prmotino Home 5 Position Fix */

  .pormotion-h5 h3 {

    margin: 0px;

    font-size: 18px;

  }

  .pormotion-h5 a {

    font-size: 10px;

  }

  /* Iso Top Project 4 Column */

  .projectContainer .element-item {

    width: 33.333%;

  }

  .projectContainer .element-item .project-info {

    position: static;

    width: 100%;

    min-height: 80px;

    padding: 10px 0;

    opacity: 1;

    transition: none;

    float: left;

    display: inline-block;

    background: #000!important;

    height: 101px;

  }

  .projectContainer .element-item .project-info a {

    transform: none;

    position: static;

    text-align: left;

    padding-left: 15px;

  }

  .projectContainer .element-item .project-info a.cateProject {

    transform: none;

    position: static;

    text-align: left;

    padding-left: 15px;

    color: #fff!important;

  }

  .projectContainer .element-item .project-info h4 {

    color: #fff!important;

  }

  /* Project Portfolio Grid 1 */

  .portfolio-grid-1-warp .portfolio-grid-1-container .element-item .project-info a.cateProject {

    color: #000;

  }

  .portfolio-grid-1-warp .portfolio-grid-1-container .element-item .portfolio-img-demo {

    margin: 0;

  }

  /* Project Grid 2 Col */

  .portfolio-grid-2-warp .portfolio-grid-2-container .element-item .portfolio-img-demo {

    margin-bottom: 0;

  }

  .portfolio-grid-2-warp .portfolio-grid-2-container .element-item .project-info a.cateProject {

    color: #000;

  }

  /* PortFolio Grid 4 Colum Ver 1 */

  .portfolio-grid-3-warp .portfolio-grid-3-container .element-item .project-info {

    margin: 0;

  }

  .portfolio-grid-3-warp .portfolio-grid-3-container .element-item .project-info a.cateProject {

    color: #000;

  }

  .portfolio-grid-3-warp .portfolio-grid-3-container .element-item {

    padding: 0;

  }

  /* Portfolio Grid 4 Colum V2 */

  .portfolio-grid-v2-4-col-warp .portfolio-grid-v2-4-col-container .element-item {

    width: 50%;

  }

  /* Single Project Warp 3 */

  .single-project-warp-3 {

    padding: 0 20px;

  }

  .single-project-warp-3 .pj-img-demo {

    width: 100%;

    padding: 20px;

    display: inline-block;

  }

  .single-project-warp-3 .pj-info {

    width: 100%;

    padding: 20px;

  }

  /* SVG Section Why Choose Us */

  .chooseus-container {

    width: 100%;

  }

  .chooseus-container .chooseus-item {

    float: none;

    width: 100%;

  }

  /* Blog Detail Page */

  .blog-detail {

    padding-right: 0;

  }

  .comment-respond input.form-control {

    margin-bottom: 15px;

  }

  /* Blog Category  Isotope */

  .blog-grid-3-col .blog-grid-3-col-container .element-item {

    width: 50%;

  }

  .blog-grid-4-col .blog-grid-4-col-container .element-item {

    width: 50%;

  }

  /* what we do services home 3 */

  .block-img-full-width .block-img-left .text-boxs {

    padding-top: 0;

  }

  /* About Intro */

  .about-intro .about-intro-img {

    width: 100%;

    padding: 0 15px;

  }

  .about-intro .about-intro-img img {

    width: 100%;

  }

  .about-intro .about-intro-text {

    width: 100%;

    padding: 0 15px;

    margin-top: 15px;

  }

  /* Testimonials Home 1 Active Pagination */

  .owl-controls .owl-pagination .owl-page.active {

    background: #ebcd1e;

  }

  /* Owl Partners Home 1 */

  .owl-partner-warp {

    margin-top: 20px;

    padding-bottom: 20px;

  }

  .owl-partner-warp .prev-partners {

    left: 0;

    opacity: .5;

    color: #000;

  }

  .owl-partner-warp .next-partners {

    right: 0;

    opacity: .5;

    color: #000;

  }

  .owl-partner-warp:hover .prev-partners {

    left: 0;

    opacity: 1;

    color: #000;

    z-index: 9;

  }

  .owl-partner-warp:hover .next-partners {

    right: 0;

    opacity: 1;

    color: #000;

    z-index: 9;

  }

  .owl-partners img {

    filter: grayscale(0%);

    opacity: 1;

    width: auto;

    height: 90px;

  }

  /* Testimonials Sync */

  /*FOOTER */

  ul.social li a {

    margin-bottom: 9px;

  }

  .footer-v3 .footer-col-1,

  .footer-v3 .footer-col-2,

  .footer-v3 .footer-col-3,

  .footer-v3 .footer-col-4 {

    width: 50%;

    padding: 15px;

  }

  .footer-v2 .footer-col-1,

  .footer-v2 .footer-col-2 {

    width: 50%;

    padding: 0 15px;

  }

  .footer-v2 .footer-col-3 {

    width: 100%;

    padding: 0 15px;

  }

  .form-subcrible-footer {

    float: left;

  }

  .form-subcrible-footer .form-group {

    float: left;

  }

  .form-subcrible-footer .input-group {

    width: 100%;

  }

  .form-subcrible-footer .input-group input {

    width: 100%;

  }

  .footer-v4 .footer-col-1,

  .footer-v4 .footer-col-2 {

    width: 50%;

  }

  .footer-v4 .footer-col-3 {

    width: 100%;

  }

  .coming-soon-content {

    width: 90%;

    margin: 0 auto;

  }

  .coming-soon-content h2 {

    font-size: 36px;

  }

  ul.countdown li {

    border-bottom: 2px solid #ebcd1e;

    display: inline-block;

    margin: 15px;

  }

  ul.countdown li span {

    font-size: 25px;

  }

  .coming-soon ul.countdown li p {

    font-size: 13px;

  }

  /* Multi Local Warp */

  .sidebar-control-map {

    float: none!important;

    margin-bottom: 25px;

  }

}

/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {

  /*LAYOUT*/

  /*HEADER*/

  .template-border section {

    padding: 15px;

  }

  header,

  .header-v3 {

    padding-left: 15px!important;

    padding-right: 15px!important;

  }

  .left-header,

  .header-v2 .left-header {

    width: auto!important;

  }

  a.logo {

    padding-left: 0!important;

    padding-right: 0!important;

  }

  .navi-level-1.sub-navi > li a {

    font-size: 15px;

  }

  .navi-level-1.sub-navi {

    padding-right: 10px!important;

  }

  .mm-toggle {

    font-size: 20px!important;

  }

  .mm-toggle span {

    top: 2px;

  }

  /*SLIDER*/

  .rev_slider .btn-1,

  .rev_slider .btn-2 {

    width: auto!important;

    font-size: 11px!important;

    padding: 0 15px!important;

    height: 30px;

    line-height: 30px;

  }

  .slider-home-1 .btn-1 {

    transform: translateX(-40px) !important;

  }

  .slider-home-1 .btn-2 {

    transform: translateX(40px) !important;

  }

  .slider-home-1 .heading-1 {

    font-size: 36px!important;

  }

  .slider-home-1 .heading-2 {

    font-size: 24px!important;

  }

  .slider-home-2 .btn-1 {

    transform: translate(-30px, 20px) !important;

  }

  .slider-home-2 .btn-2 {

    transform: translate(30px, 20px) !important;

  }

  .slider-home-2 .heading-1 {

    font-size: 36px!important;

  }

  .slider-home-2 .heading-2 {

    font-size: 24px!important;

  }

  .slider-home-3 .btn-1 {

    transform: translate(-30px, 20px) !important;

  }

  .slider-home-3 .btn-2 {

    transform: translate(30px, 20px) !important;

  }

  .slider-home-3 .heading-4 {

    font-size: 30px!important;

    text-align: center;

  }

  .slider-home-3 .heading-3 {

    font-size: 15px!important;

    transform: translateY(0px) !important;

    text-align: center!important;

  }

  .slider-home-4 .btn-1 {

    transform: translate(-30px, 0px) !important;

  }

  .slider-home-4 .btn-2 {

    transform: translate(30px, 0px) !important;

  }

  .slider-home-4 .heading-1 {

    font-size: 30px!important;

    text-align: center;

  }

  .slider-home-4 .heading-2 {

    font-size: 15px!important;

    transform: translateY(0px) !important;

    text-align: center!important;

  }

  .slider-home-4 .btn-1 {

    transform: translate(-30px, 0px) !important;

  }

  .slider-home-4 .btn-2 {

    transform: translate(30px, 0px) !important;

  }

  .slider-home-4 .heading-1 {

    font-size: 30px!important;

    text-align: center;

  }

  .slider-home-4 .heading-2 {

    font-size: 15px!important;

    transform: translateY(0px) !important;

    text-align: center!important;

  }

  .description-member {

    display: none;

  }

  .ourteam-warp .owl-controls .owl-pagination .owl-page {

    background: #333;

  }

  .ourteam-warp .owl-controls .owl-pagination .owl-page.active {

    background: #ebcd1e;

  }

  figure.effect-layla {

    width: 100%;

    margin: 0;

    float: none;

  }

  .promotion-box figure figcaption {

    padding: 20px;

  }

  figure.effect-layla h3 {

    padding-top: 12%;

  }

  .promotion-box-2 {

    display: block;

  }

  figure.promotion-box-dark {

    width: 100%;

    display: inline-block;

  }

  /* Our Statis Item */

  .section-dark-ourStatistics .ourStatis-item {

    width: 50%;

    margin-bottom: 25px;

  }

  /* Iso Top Project 4 Column */

  .projectContainer .element-item {

    width: 50%;

  }

  /* Project Portfolio Grid 1 */

  .portfolio-grid-1-warp .portfolio-grid-1-container .element-item {

    width: 100%;

    margin: 0;

    padding: 0;

  }

  .portfolio-grid-2-warp .portfolio-grid-2-container .element-item {

    width: 100%;

  }

  .portfolio-grid-3-warp .portfolio-grid-3-container .element-item {

    width: 100%;

  }

  /* Portfolio Grid V2  2 Col*/

  .portfolio-grid-v2-2-col-warp .portfolio-grid-v2-2-col-container .element-item {

    width: 100%;

  }

  /* Portfolio Grid V2 3 Col */

  .portfolio-grid-v2-3-col-warp .portfolio-grid-v2-3-col-container .element-item {

    width: 100%;

  }

  /* Portfolio Grid V2 4 Col */

  .portfolio-grid-v2-4-col-warp .portfolio-grid-v2-4-col-container .element-item {

    width: 100%;

  }

  /* Single Project Warp */

  .single-project-warp {

    padding: 0 15px;

  }

  .mgt60 {

    margin-top: 0px;

  }

  /* Lastest Blog Container */

  .lastest-blog-container article {

    padding-bottom: 20px;

    margin-bottom: 30px;

    border-bottom: 1px dotted #aaa;

  }

  /* Blog Grid 2 Cols */

  .blog-grid-2-col-container .element-item {

    width: 100%;

    padding: 0 20px 20px;

  }

  /* Blog Grid 3 Cols */

  .blog-grid-3-col .blog-grid-3-col-container .element-item {

    padding: 0;

  }

  .blog-grid-3-col .blog-grid-3-col-container .element-item .latest-blog-post-description {

    height: auto;

  }

  /*Blog Grid 4 Cols */

  .blog-grid-4-col .blog-grid-4-col-container .element-item .latest-blog-post-description {

    height: auto;

  }

  /* Section Form Subcrible */

  .form-subcribe form input {

    width: calc(100% - 172px - 15px);

    margin-left: 15px;

  }

  .block-img-right .text-box {

    text-align: left;

  }

  /* Block Img Full */

  .block-img-full {

    padding: 0 15px;

    margin-bottom: 25px;

  }

  /* Block Img Full Width home 3 */

  .block-img-full-width .block-img-left .text-box,

  .block-img-full-width .block-img-left .img-block {

    width: 100%;

    margin: 0;

    margin-bottom: 15px;

    padding: 0 30px;

  }

  .block-img-full-width .block-img-left .img-block {

    padding: 0;

  }

  .block-img-full-width .block-img-right .text-box,

  .block-img-full-width .block-img-right .img-block {

    width: 100%;

    margin: 0;

    margin-bottom: 15px;

    padding: 0 30px;

  }

  .block-img-full-width .block-img-right .img-block {

    padding: 0;

  }

  /* Chooseus Full Width Home 2 */

  .chooseus-full-width .chooseus-container .chooseus-item {

    width: 100%;

  }

  /* Services Fix Position  Home 4 */

  .services-fix {

    margin-top: 0!important;

  }

  /* Blog Category  Isotope */

  .blog-grid-3-col .blog-grid-3-col-container .element-item {

    width: 100%;

  }

  .blog-grid-4-col .blog-grid-4-col-container .element-item {

    width: 100%;

    padding: 0;

  }

  /* Owl Process */

  /* Project Detail  V1 */

  .sidebar-services,

  .main-services {

    width: 100%;

    padding: 15px;

  }

  /* Shop */

  .cart-collaterals {

    padding: 0;

    border: 0;

  }

  .pormotion-h5.prmotion-fix {

    position: static;

    margin-top: 25px;

    width: 100%;

    padding: 15px;

  }

  .pormotion-h5.prmotion-fix .item-promotion-h5 {

    width: 100%;

    margin-bottom: 25px;

  }

  /*footer*/

  .footer-v1 .footer-left,

  .footer-v1 .footer-right,

  .footer-v1 nav {

    width: 100%;

    text-align: center;

  }

  .footer-v1 .footer-left img {

    margin: 0 auto;

  }

  .footer-v1 nav {

    margin: 25px auto;

  }

  .footer-v1 .footer-right {

    float: none;

  }

  .footer-v1 .footer-right ul.social {

    margin: 0 auto;

    float: none;

  }

  .coming-soon-content {

    position: static;

    transform: none;

    padding: 50px 0;

  }

  .coming-soon-content h2 {

    font-size: 25px;

  }

  .coming-soon-content p {

    font-size: 18px;

  }

  ul.countdown li {

    border-bottom: 2px solid #ebcd1e;

    display: inline-block;

    margin: 15px;

  }

  ul.countdown li span {

    font-size: 20px;

  }

  .coming-soon ul.countdown li p {

    font-size: 12px;

  }

  .newsletter-comingsoon .newsletter-email {

    width: 100%;

    margin-top: 0px;

  }

  .coming-soon-content .btn-submit {

    float: none;

    margin: 0 auto;

    margin-top: 15px;

  }

}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 479px) {

  /* Reset */

  body {

    font-size: 14px;

  }

  h1 {

    font-size: 30px;

    line-height: 1.2;

    letter-spacing: 2px;

  }

  h2 {

    font-size: 24px;

    line-height: 1.2;

    letter-spacing: 2px;

  }

  h3 {

    font-size: 20px;

    line-height: 1.2;

    letter-spacing: 2px;

  }

  h4 {

    font-size: 16px;

    line-height: 1.2;

    font-weight: 400;

    letter-spacing: 2px;

  }

  h5 {

    font-size: 14px;

    line-height: 1.2;

    letter-spacing: 2px;

  }

  h6 {

    font-size: 12px;

    line-height: 1.2;

  }

  /* LAYOUT */

  /* HEADER */

  .logo {

    width: 80px;

  }

  .header-v1 .left-header {

    width: auto;

    float: left;

  }

  .header-v2 .navi-app a,

  .header-v2 .navi-app .mm-toggle {

    padding: 0!important;

    text-align: center;

    width: 40px;

    height: 40px;

    line-height: 40px;

  }

  .header-v2 .navi-app li::after {

    top: 7px;

  }

  .header-v2 .navi-app .mm-toggle span {

    line-height: 40px;

  }

  .header-v2 ul li a.logo {

    padding: 0;

  }

  .header-v3 div.logo li:first-child a {

    padding: 0;

  }

  .header-v3 div.logo li:first-child a img {

    width: 80px;

    transform: translateY(5px);

  }

  .header-v3 div.logo li:last-child a span {

    top: 5px;

    right: 0;

  }

  .header-v4 {

    padding-left: 15px!important;

    padding-right: 15px!important;

  }

  .header-v4 a.logo {

    margin-left: 0!important;

  }

  .header-v4 a.logo img {

    width: 80px;

  }

  /* Header V6 */

  .template-border .header-v6,

  .template-border footer {

    padding: 25px 15px;

  }

  .header-v6 .right-header {

    margin-bottom: 0;

    margin-top: 20px;

    float: left;

    width: 100%;

    text-align: left;

  }

  .header-v6 .right-header li:first-child a {

    padding-left: 0;

  }

  .topbar-transparent .topbar-left div.social-share {

    display: none;

  }

  /* SLIDER */

  .slider-home-1 .heading-1 {

    font-size: 24px!important;

  }

  .slider-home-1 .heading-2 {

    font-size: 18px!important;

  }

  .slider-home-1 .btn-1 {

    transform: translateX(-40px) !important;

  }

  .slider-home-1 .btn-2 {

    transform: translateX(20px) !important;

  }

  .slider-home-2 .heading-1 {

    font-size: 24px!important;

  }

  .slider-home-2 .heading-2 {

    font-size: 18px!important;

  }

  .slider-home-3 .heading-3 {

    font-size: 18px!important;

  }

  .slider-home-3 .heading-4 {

    font-size: 24px!important;

  }

  .slider-home-4 .heading-2 {

    font-size: 18px!important;

  }

  .slider-home-4 .heading-1 {

    font-size: 24px!important;

  }

  /* Counter Our Static */

  .section-dark-ourStatistics .ourStatis-item-2 {

    width: 100%;

  }

  /* IsoTope Project */

  .projectContainer .element-item {

    width: 100%;

  }

  /* Block Img Right, Left */

  .block-img-right .text-box {

    width: 100%;

    padding: 15px;

    float: none;

  }

  .block-img-right .img-block {

    width: calc(100% - 30px);

    margin: 10px auto;

    float: none;

  }

  .block-img-left .text-box {

    width: 100%;

    padding: 15px;

    float: none;

  }

  .block-img-left .img-block {

    width: calc(100% - 30px);

    margin: 10px auto;

    float: none;

  }

  .block-img-left,

  .block-img-right {

    margin: 0;

  }

  /* Form Subcrible */

  .form-subcribe form input {

    width: calc(100% - 30px);

    display: block;

    margin: 0 15px;

  }

  .form-subcribe form button {

    display: block;

    margin: 0 auto;

    margin-top: 15px;

  }

  /* promotion fix position home 5 */

  .pormotion-h5 h3 {

    font-size: 13px;

  }

  /* our Team Gird */

  .ourteamGrid-warp .team-grid-item {

    width: 100%;

  }

  /* Counter Our Statis */

  .section-dark-ourStatistics .ourStatis-item {

    width: 100%;

  }

  /* Promotion Product Item */

  .promotion-product-warp .promotion-product-item {

    width: 100%;

    margin: 10px auto!important;

    float: none;

  }

  /* Owl Blog Inline */

  .blog-1-column-warp {

    margin-top: 30px;

  }

  .blog-inline .latest-blog-post-img,

  .blog-inline .latest-blog-post-description {

    width: 100%;

  }

  .blog-grid-4-col .blog-grid-4-col-container .element-item .latest-blog-post-img {

    margin-bottom: 0;

  }

  /* Footer */

  /* Footer V1 */

  .footer-v1 nav ul li a::after {

    display: none;

  }

  .footer-v1 nav ul li a {

    padding: 0 35px;

  }

  .footer-v3 .footer-col-1,

  .footer-v3 .footer-col-2,

  .footer-v3 .footer-col-3,

  .footer-v3 .footer-col-4 {

    width: 100%;

  }

  .footer-v2 .footer-col-1,

  .footer-v2 .footer-col-2,

  .footer-v2 .footer-col-3 {

    width: 100%;

  }

  .footer-v4 .footer-col-1,

  .footer-v4 .footer-col-2,

  .footer-v4 .footer-col-3 {

    width: 100%;

  }

  /* Copy Right */

  .copyright {

    line-height: 24px;

    height: auto;

    padding: 15px;

  }

  /* 404 Page */

  .overlay-404 {

    position: static;

  }

  .inner-404 {

    position: static;

    transform: none;

    padding: 120px 0;

  }

  .footer-fix,

  .copyright-fix {

    position: static;

  }

  #section-404,

  .full-screen-body {

    height: auto;

    min-height: 100%;

  }

}

/* Smallest Devices, Phones */

@media only screen and (max-width: 319px) {

  /* Slider */

  .slider-home-2 .heading-1 {

    font-size: 20px!important;

  }

  .slider-home-2 .heading-2 {

    font-size: 13px!important;

  }

  .slider-home-3 .heading-3 {

    font-size: 13px!important;

  }

  .slider-home-3 .heading-4 {

    font-size: 20px!important;

  }

  /* Footer Navi */

  .footer-v1 nav ul li a::after {

    display: none;

  }

}