/*
Theme Name: Olli
Theme URI: http://demo.harbourthemes.com/#olli_wp
Author: Harbour Themes
Author URI: http://harbourthemes.com/
Description: Olli is a responsive single product landing page theme with creative and mobile-friendly design.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: olli
Tags: one-column, two-columns, custom-colors, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Olli is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/*
* Wordpress Styles 
*/

/* Accessibility */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments */
.alignleft {
  display: inline;
  float: left;
  margin-right: 0;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 0;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Content */
.sticky {
  display: block;
}

.hentry {
  margin: 0;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

/* Comments */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Infinite scroll */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Captions */
.wp-caption {
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries */
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-item figcaption {
  margin-bottom: 0;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

.flex-caption div{
  display:inline-block;
  margin-right:15px;
}
.flex-img{
  width:25%;
  vertical-align:top;
}
.flex-text{
  width:65%;
}
.flex-text a, .flex-text a:hover, .flex-text a:visited{
  color:#fff;
}
#menu-navbar .home-url {
  font-family: FontAwesome;
  font-size: 18px;
}
.your-accept .acceptance, .your-accept1 .acceptance{
  width:20px !important;
  height:20px;
}
.your-accept span a{
  line-height:12px;
}
.your-accept label span, .your-accept1 label span{
  line-height: 10px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.your-delivery .wpcf7-radio .wpcf7-list-item, .your-payment .wpcf7-radio .wpcf7-list-item{
  width:100%;
}
.your-delivery .wpcf7-radio .wpcf7-list-item input, .your-payment .wpcf7-radio .wpcf7-list-item input {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.your-delivery .wpcf7-radio .wpcf7-list-item span, .your-payment .wpcf7-radio .wpcf7-list-item span {
  vertical-align: bottom;
  height: 25px;
  padding-left: 5px;
}
.your-accept a, .your-accept1 a{
  line-height:20px;
}
.contact-faq, .cf-application {
  display: block;
  position: relative;
  margin: 0 50px;
  padding: 0 50px;
}
.contact-faq textarea, .cf-application textarea, .set-order textarea{
  width:100%;
  position: relative;
  padding: 1rem 2rem;
  margin: 1rem 0 0 !important;
  background-color: #ffffff !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: normal;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.contact-faq input[type="text"], .contact-faq input[type="email"] {
  width:100%;
  margin: 1rem 0;
}
.cf-application input {
  width:100%;
  margin: 1rem 0 0;
}
.recaptcha{
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
textarea{
  border: 2px solid #ff8b00;
}
.scrollup{
  z-index:1000;
  width:40px;
  height:40px;
  opacity:0.3;
  position:fixed;
  bottom:50px;
  right:100px;
  display:none;
  text-indent:-9999px;
  background: url('/wp-content/uploads/2018/03/icon_top.png') no-repeat;
}
.header-title{
  color:#ff8b00;
}
.feature-image {
  display: block;
  min-height: 100px;
  text-align: center;
}
.feature2-image {
  display: block;
  min-height: 67px;
  text-align: center;
}
.feature-image img{
  max-height:100px;
}
.feature-icon.system-features{
  text-align:center;
}
.product-bg-female{
  background-color:#CF1B66;
}
.product-content-female{
  position: relative;
  z-index: 1;
}
.product-content-female p{
   color:#ddd !important;
}
.product-content-female p.abon-text{
  color:#f9c80e !important;
}
.order .order-form-bg-female {
  background-color: #CF1B66;
}
.button.btn-female {
  background: transparent;
  border: 3px solid #CF1B66;
  color: #CF1B66;
  font-weight: bold;
  line-height: 1em;
  margin-top: 65px;
}
.product .product-block .product-bg-female {
  position: absolute;
  top: -3rem;
  left: 0;
  width: 100%;
  height: 18rem;
  -webkit-transform: skewY(-7deg);
  -moz-transform: skewY(-7deg);
  -ms-transform: skewY(-7deg);
  -o-transform: skewY(-7deg);
  transform: skewY(-7deg);
  overflow: hidden;
  z-index: 0;
}
.order .order-form-bg-female {
  position: absolute;
  top: -4.5rem;
  left: 0;
  width: 100%;
  height: 21rem;
  -webkit-transform: skewY(-7deg);
  -moz-transform: skewY(-7deg);
  -ms-transform: skewY(-7deg);
  -o-transform: skewY(-7deg);
  transform: skewY(-7deg);
  overflow: hidden;
  z-index: 0;
}
.product-content-female .buy-button{
  color: #ffffff;
  background-color: #CF1B66;
}
.product-content-female .buy-button:hover, .product-content-female .buy-button:active, .product-content-female .buy-button:link,
.product-content-female .buy-button:before{
  color: #ffffff !important;
  background-color: #CF1B66 !important;
}
.product-content-female a:hover, .product-content-female a:active, .product-content-female a:link, .product-content-female a:before{
  color: #ffffff !important;
  background-color: #CF1B66 !important;
}
.button.btn-female:focus, .button.btn-female:hover, .button.btn-female:focus:active, .button.btn-female:active {
  color: #CF1B66;
}
.button.btn-male:focus, .button.btn-male:hover, .button.btn-male:focus:active, .button.btn-male:active {
  color: #339999;
}
.button.btn-male{
  background: transparent;
  border: 3px solid #339999;
  color: #339999;
  font-weight: bold;
  line-height: 1em;
  margin-top: 65px;
  display:none;
}

.flip-container {
  perspective: 1000px;
  -webkit-perspective:1000px;
  -moz-perspective:1000px;
}

.flip-container:hover .flipper, .flip-container.hover .flipper {
  /*transform: rotateY(180deg);*/
}

.flip-container, .front, .back {
  width: 100%;
  height: 583px;
}

.flipper {
  -moz-transition:0.6s;
  -webkit-transition:0.6s;
  -o-transition:0.6s;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

.front, .back {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.front {
  z-index: 2;
}

.back {
  transform: rotateY(180deg);
}

.flip-container-inner {
  perspective: 1000px;
  -webkit-perspective:1000px;
  -moz-perspective:1000px;
}

.flip-container-inner:hover .flipper-inner, .flip-container-inner.hover .flipper-inner {
  /*transform: rotateY(180deg);*/
}

.flip-container-inner, .front-inner, .back-inner {
  width: 100%;
  height: 780px;
}

.flipper-inner {
  transform-style: preserve-3d;
  position: relative;
}

.front-inner, .back-inner {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.front-inner {
  z-index: 2;
}

.back-inner {
  transform: rotateY(180deg);
}

ul.bxslider > li {
  min-height: 485px;
}
.my-slider-img {
  display: block;
  padding-left:50px;
  padding-top: 25px;
}
.my-slider-img img{
  display:block;
  max-height: 450px;
  margin: auto;
}
.my-slider-desc{
  padding-top: 10px;
  padding-right:50px;
  padding-bottom:5px;
}
.question_body{
  display:none;
}
.question h3 {
  cursor:pointer;
  line-height: 40px;
  border-bottom: 1px solid #ff8b00;
  padding: 0 17px;
}

.order .order-form-content .order-buy-block {
  text-align:center;
}
.order-form-content .order-buy-block input[type="submit"], .order-form-content .order-buy-block input[type="submit"]:hover{
  background-color:#f9c80e !important;
}
#equipment-1 .feature-icons{
  line-height:110px;
}
.dp-info{
  display: block;
  color: #321a02;
  font-weight: 600;
  padding-top:15px;
}

.faq-comment{
  min-height:120px;
}
.gallery-content{
  background-color:#ffffff;
}
.my-slider-desc ul li {
  list-style: disc;
  padding: 5px 0;
}
.product-content-female .abon-text{
  color:#f9c80e !important;
}
.product-content .product-desc, .product-content-female .product-desc {
    min-height: 510px;
    padding: 0 5px;
 }
.product-content .product-desc p{
  color: #321a02;
  font-size:14px;
}
.product-aval{
  position: absolute;
  top: 0;
  right: 0;
  background: #ddd;
  padding: 5px 10px;
}
.delivery-info, .payment-info{
  padding:20px 10px;
  display:none;
}
.delivery-info p, .payment-info p, .accept-info{
  font-size:11px;
}
.logo-pay{
   display:inline-block;
}
.logo-pay img{
  width:70px;
}
.feature2-image img {
  max-height: 100px;
  width: auto;
}
.wpcf7-not-valid{
  border: 2px solid #ec3c06;
  z-index:12000;
  position:relative;
  background: #ffe2e2;
}

div span.wpcf7-not-valid-tip{
  left:3%;
}

body span.wpcf7-not-valid-tip {
  display: none;
  color: #ec3c06;
  border: none;
  background: none;
}
body span.wpcf7-not-valid-tip-no-ajax{
  display:inline-block;
  font-size:12px;
  margin:0 0 0 10px;
}
body div.wpcf7-validation-errors {
  background: #ffe2e2;
  border: 1px solid #ff8a8a;
  color: #ec3c06;
  font-size:12px;
  text-align:center;
  position:relative;
  z-index:12000;
}
.contact-inner-form .wpcf7-response-output{
  width:95%;
}
body div.wpcf7-response-output {
  padding: 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 1px;
}

body .wpcf7-mail-sent-ng {
  background: #fff2e2;
  border: 1px solid #ffbc8a;
  color: #e17731;
}

body .wpcf7-mail-sent-ok {
  background: #e8ffe2;
  border: 1px solid #6fdf51;
  color: #1ea524;
  font:12px arial, sans-serif;
  text-align:center;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  color:#321a02;
}

.dropdown-menu{
  min-width:50px !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

input[name="np-address"] {
  display:none;
}

.quantity-block {
  margin: auto;
  font-size: 20px;
}
.quantity-arrow-minus,
.quantity-arrow-plus {
  cursor: pointer;
  font-size: 20px;
  padding: 5px 12px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 12px !important;
  outline: none;
  background-color:#ddd;
}

.set-order .hidden_order input, .set-order .hidden_order textarea {
  border: 2px solid #321a02;
  width:100%;
}
.set-order .hidden_order .set-submit {
  border: none;
}

input[type="number"] {
  max-width: 70px;
  padding: 1rem;
  text-align:center;
}

.set-order input {
  margin: 1rem 0 0 !important;
}

.set-order {
  padding: 30px 0;
}

.set-order .set-price input {
  max-width: 100%;
  text-align:center;
}
.set-text{
  line-height: 75px;
  height: 50px;
}
.set-order .your-comment textarea{
  min-height: 226px;
}
.set-button{
  opacity: 0.4;
  color: #ffffff;
  background-color: #321a02;
  display: inline-block;
  position: relative;
  height: 3rem;
  padding: 0.75rem 2rem;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  outline: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.set-accept a{
  margin-left:5px;
}
.hidden_order{
  display:none;
}
.order-set {
  position: relative;
  color: #222222;
  background: #f9fcfd;
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto;
  padding: 4.5rem;
  overflow: hidden;
}
.text-bold{
  font-weight:600;
}
.row-border{
  border-bottom:1px solid #e5e5e5;
  padding-bottom: 10px;
}

#cn-more-info:hover, #cn-more-info:focus, #cn-more-info:active, #cn-more-info:hover:active {
  color: #fff;
}

@media (max-width: 992px) {
  .header-container .header-content .title-text h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .feature-icons .feature.feature-left {
    text-align: center;
  }
  .feature-icons .feature {
    text-align: center;
  }
  .my-slider-desc{
    padding: 50px;
  }
  .set-order .hidden_order input[type="text"], .set-order .hidden_order input[type="email"]{
    width:100%;
  }
  .dp-info {
    text-align: center;
  }
}

@media screen and (max-width:991px){
  .flip-container, .front, .back {
    height: 1800px;
  }
  .button.btn-male, .button.btn-female{
    margin-top: 150px;
  }
  #equipment-1 div p{
    margin-top:0 !important;
  }
  .flip-container-inner, .front-inner, .back-inner{
    height: 850px;
  }
}

@media (max-width: 767px) {
  .gallery-content {
    height: 36rem !important;
  }
  .gallery-img{
    height: 36rem !important;
  }
  #equipment-1 div p{
    margin-top:70px !important;
  }
  .bx-wrapper .bx-viewport {
    height: 100% !important;
  }
}

@media screen and (max-width:600px){
  .contact-faq {
    margin: 0;
    padding: 0;
  }
  .cf-application {
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 414px) {
  h2 {
    font-size: 1.7rem !important;
  }
  .header-container .header-content .title-text h1 {
    font-size: 1.652rem !important;
  }
  .gallery-content {
    height: 38rem !important;
  }
  .feature-img img{
    max-width: 250px !important;
  }
}

@media (max-width: 360px) {
  #equipment h2 {
    font-size: 1.5rem !important;
  }
  .flip-container-inner, .front-inner, .back-inner{
    height: 850px;
  }

}

@media (max-width: 340px) {
  .navbar-brand.smooth img {
    width: 90px;
    height: auto;
  }

  #cookie-notice .cn-button{
    display:block;
    margin: 10px auto;
  }

}