/*
Theme Name: Map
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: map
Tags:

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.

Map 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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

.info_mini:before {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 0px;
	height: 50px;
	 width: 100%;
	  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}

.modal {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.54);
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal_buy {

}

.modal .cont {
    width: 600px;
    height: auto;
    min-height: 300px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 10px 60px 0px rgba(0,0,0,.5);
  	padding: 2em;
  position: relative;
}

.modal .close {
	position: absolute;
    top: 20px;
    right: 20px;
    height: 20px;
    width: 20px;
    opacity: .75;
  cursor: pointer;
}

.modal .cont h2 {
	font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
    color: #444;
}

.modal .cont > p {
    line-height: 1.4em;
    font-weight: 300;
    text-align: center;
    color: #444;
}

.modal form {
	width: 100%;
}

.modal label {
	width: 100%;
}

.modal input, .modal textarea {
	width: 100%;
  height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  margin-top: 5px;
}

.label-span {
	margin-bottom: 5px;
    font-size: 15px;
    color: #444;
    font-weight: 300;
}

.modal .row {
    display: flex;

}

.modal .row label {
	width: 50%;
}

.modal .row .inp-f {
	margin-right: 10px;
}

.modal form {
	margin-top: 30px;
}

.modal form input[type="submit"] {
background: rgba(0, 153, 255, 0.8);
    color: #fff;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
	margin-top: 10px;
}


#prod .wr_prod .cont {
	height: 421px;
}

form br {
	display: none;
}

#last_mot .wr form label .like_span {
    margin-top: 23px !important;
    display: block;
}

section .head p {
    width: 90% !important;
}

.where_been ul {
	padding-left: 30px !important;
}

.info_mini:before {
	bottom: -4px;
}

.layer2 {
    background-image: url(../img/tr3.png);
    background-size: contain !important;
    background-position: center;
    position: absolute;
    width: 60% !important;
    height: 80% !important;
    left: -3% !important;
    bottom: 5% !important;
    transition: none;
    background-repeat: no-repeat;
}

header .wr nav ul li a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    text-align: center;
    margin: 0 25px;
    color: #000 !important;
    font-size: 14.5px;
    text-transform: uppercase;
    letter-spacing: .9px;
    font-weight: 900 !important;
    position: relative;
}

.l1, header .wr nav ul li a:after {
	display: none !important;
}

	.pl1 .cont .item:nth-child(2) {
	background: url(img/cont3.jpg);
  background-position: center;
    background-size: cover;
}
	.pl1 .cont .item:nth-child(3) {
	background: url(img/cont2.jpg);
  background-position: center;
    background-size: cover;
}
	.pl1 .cont .item:nth-child(1) {
	background: url(img/cont1.jpg);
  background-position: center;
    background-size: cover;
}

		.pl1 .cont .item:after {
    background: rgba(74, 70, 70, 0.75) !important;
}



.pl1 .cont .item:after {
    background: rgba(130, 126, 123, 0.65) !important;
}

.pl2 .cont .item {
	height: 100% !important;
}

#last_mot .wr form {
	padding-bottom: 25px !important;
}

.layer1 {
    background-image: url(../img/sw.jpeg);
    background-position: top !important;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -5%;
    top: -5%;
    transition: none;
}

.wrapper img {
  -webkit-user-select: none;
  }

  .slogan .wr h2 {
    background: rgba(255, 255, 255, 0.85) !important;
  }

	  .owl-carousel .owl-stage {
  	display: flex;
		  }



#prod .wr .cont .info {
	height: 100%;
}
#prod .item {
	min-height: 345px !important;
  	height: auto !important;
}


#prod .wr .cont .item .price {
    background: rgba(0, 153, 255, 0.8);
    color: #fff;
    min-width: 120px !important;
    min-height: 120px !important;
    border-radius: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    font-weight: 300;
    letter-spacing: .9px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
}
body #prod  .item .price {
    top: 12% !important;
}

#prod .wr .cont .info h4 {
    color: #333633;
    font-weight: 400;
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 0px;
}

#prod .wr_prod .cont .item {
    width: calc(27% - 40px) !important;
}

#last_mot .wr form input {
	width: 100%;
}

div.wpcf7 {
	max-width: 100%;
}

@media (max-width: 800px) {
#map {
	display: none;
}
}

@media (max-width: 1200px) {
#prod > .wr {
    overflow-x: scroll;
    height: 470px;
}

}


@media (max-width: 700px) {
  .cont_youtube iframe {
	  max-width: 100%;
	  height: 53vw;
  }

}


@media (max-width: 1100px) {
.layer2 {
	bottom: 0% !important;
  }

  .where_been {
    position: absolute;
    top: 16% !important;
    right: 50% !important;
    background: #fff;
    padding: 20px;
    width: 250px;
    border-radius: 5px;
    box-shadow: 0px 15px 10px -7px rgba(0, 0, 0, 0.65);
    transform: translateX(50%);
}
}

@media (max-width: 900px) {
.layer2 {
	bottom: -7% !important;
}
}

@media (max-width: 700px) {
body ul .layer2 {
    background-size: cover;
    background-position: center;
    width: 167%;
    height: 77vh;
    left: -69%;
    bottom: -11% !important;
    transition: none;
}

}


@media (max-width: 600px) {
.pl2 .cont {
	display: none !important;
}

body ul .layer2 {
	display: none !important;
}
}


  header .wr nav ul li a {
		color: #575757 !important;
  }

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

	.btn:hover {

	  background: rgba(13, 141, 226, 0.95) !important;}


header .wr nav ul li a {
    color: #fff !important;
}

header.active .wr nav ul li a {
	color: #575757 !important;
}

.wr_item .info_mini {
	max-height: 2000px !important;
}


.wr_item .btn_open_more {
	display: none !important;
}

.info_mini:before {
	display: none !important;
}

#prod .wr .cont .info .btn:hover {
    background: #3a9a45 !important;
}

#prod .wr_item  .item {
    height: 0px !important;
    width: 90% !important;
    height: 90% !important;
    margin: auto !important;
}

.wr_item .cols img {
	height: 95% !important;
}

#prod .wr .cont .info .btn {
    position: absolute;
    bottom: 19px;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
}

@media (max-width: 1200px) {
#prod .wr .cont .item {
    max-width: 100% !important;
}

}
.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    transform: translateY(-50%);
}

.owl-theme .owl-nav [class*=owl-] {
    color: rgba(0,0,0,0) !important;
  position: relative;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #fff !important;
        display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer;
    border-radius: 3px;
    width: 60px;
    height: 60px;
    border-radius: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3) !important;
}

.owl-theme .owl-nav .owl-prev:after {
    content: "<";
    position: absolute;
    top: 8px;
    color: #555;
    font-weight: 900;
    font-size: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.owl-theme .owl-nav .owl-next:before {
    content: ">";
    position: absolute;
    top: 8px;
    color: #555;
    font-weight: 900;
    font-size: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.owl-carousel .owl-item img {
      border: 6px solid #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    border-radius: 5px;
	}

	.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    min-height: 45vw !important;
}