/*
Theme Name: Mazda
Description: Тема mazda
*/

ul#main_nav li ul{
  display: none;
}

ul#main_nav li.selected ul,
ul#main_nav li.current-page-ancestor ul
{
  display: block;
}


/*new autos in stock pagination*/
.pods-pagination-paginate {
  top: 10px;
/*  position: relative; */
  width: 960px;
  height: 20px;
 /* display: block; */
}

.paginator {
	text-align: center;
	position: relative;
	line-height: 20px;
	height: 50px;
	
}

.paginator .page-numbers {
	color: #808080;
	padding: 0 5px;
	line-height: 50px;
}

.paginator .prev {
	font-size: 0px;
}

.paginator .next {
	font-size: 0px;
}

.paginator .current {
	color: #ffffff;
}

.paginator .prev {
    
    clear: both;
    color: white;
    cursor: pointer;
    height: 23px;
    left: -100px;
    position: absolute;
    top: 30%;
    width: 130px;
    z-index: 10;
}

.paginator .next {
    float: right;
    cursor: pointer;
    
    width: 130px;
    height: 23px;
    position: absolute;
    top: 30%;
    right: -100px;
    z-index: 10;
    color: white;
}

/*Кнопка Проверьте свой VIN*/
.vincheck-bt {
        background:#0086d3;
        border:2px solid #38a3fd;
        border-radius:50%;
        /*box-shadow:0 8px 10px rgba(56,163,253,0.3);*/
        cursor:pointer;
        height:120px;
        width:120px;
        text-align:center;
        position: fixed;
        left: 8%;
        bottom: 30px;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 4s infinite;
        animation:hoverWave linear 4s infinite;
}

.vincheck-bt .text-call{
		padding: 35px 10px;
		/*font-family: Arial, sans-serif;*/
		color: #fff;
		font-size: 13px;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.50);
}

.vincheck-bt .text-call a {
	color: #fff;
}

.vincheck-bt .text-call a strong{
	font-size: 1.2em;
}

.vincheck-bt .text-call:hover {
	/*color:#38a3fd;
	color:#333;
	text-shadow: 1px 1px 3px rgba(0,0,0,0);*/
}

.vincheck-bt:hover {
        background:#1f2426;
        color:transparent;
        transition:.3s;
}

@media screen and (max-width: 640px) {
	.vincheck-bt {
			border:0px solid #38a3fd;
			border-radius:0;
			height: auto;
			width:100%;
			text-align:center;
			position: fixed;
			left: 0;
			bottom: 0;
	}
	
	.vincheck-bt .text-call{
			padding: 5px!Important;
	}
}

@-webkit-keyframes hoverWave {
	0% {
			box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
	}
	10% {
			box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
	}
	20% {
			box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
	}
	30% {
			box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
	}
}
@keyframes hoverWave {
	0% {
			box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
	}
	10% {
			box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
	}
	20% {
			box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
	}
	30% {
			box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
	}
}