/*
Theme Name: Bmw shop
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1190px;
}
.row.row-small {
    max-width: 1175px;
}

.copyright-footer {
    color: #666;
    line-height: 48px;
}
.dark .payment-icon {
    background-color: #666;
}

input.search-field.mb-0 {
    height: 45px;
    padding: 0 20px;
}

.searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-left: -3.5em;
}

.flickity-slider .product-small .box-text.text-center {
    padding-bottom: 0;
}

main#main > .row {
    background: #fff;
    margin: 30px auto;
}

.product-main {
    padding: 0 0 15px;
}

.product-main > .row, .product-footer > .container {
    background: #fff;
    padding: 15px 0;
    margin-top: 30px;
}

.product-footer > .container {
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 0px;
}

.related.related-products-wrapper.product-section {
    max-width: 1170px;
    margin: 15px auto 0;
    padding: 15px;
    background: #fff;
}

div#content > .row {
    background: #fff;
    padding: 30px 0;
}


.text-call {
    position: absolute;
    bottom: 82px;
    left: 130px;
    white-space: nowrap;
    background: rgba(24, 70, 133, 0.85);
    border-radius: 5px;
}
.text-call a {
    color: #fff;
    padding: 0 15px;
    line-height: 35px;
}
.phonering-alo-phone {
	position:fixed;
	visibility:hidden;
	background-color:transparent;
	width:200px;
	height:200px;
	cursor:pointer;
	z-index:200000!important;
	right:150px;
	bottom: -15px;
	left: -20px;
	display:block;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	transition:visibility .5s;
}
.phonering-alo-phone.phonering-alo-show {visibility:visible}
.phonering-alo-phone.phonering-alo-static {opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
.phonering-alo-ph-circle {
	width:160px;height:160px;top:20px;left:20px;position:absolute;
	background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
	opacity:.1;
	-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
	animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
	-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
	animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
	-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
	animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
	border-color:#00aff2;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
	border-color:#272d6b;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
	border-color: rgba(24, 70, 133, 1);
	opacity:.5;
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
	border-color:#ccc;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
	border-color:#75eb50;
	opacity:.5
}
.phonering-alo-ph-circle-fill {
	width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;
	border-radius:100%;border:2px solid transparent;
	-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
	-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
	animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
	-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
	animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
	opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(39,45,107,0.5);
	opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(39,45,107,0.5);
	opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
	background-color: rgba(24, 70, 133, 0.85);
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(204,204,204,0.5);
	opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
	background-color:rgba(117,235,80,0.5);
	opacity:.75!important
}
.phonering-alo-ph-img-circle {
	width:60px;
	height:60px;
	top:70px;
	left:70px;
	position:absolute;
	background:rgba(30,30,30,0.1) url(https://bmwshop.com.vn/wp-content/uploads/2019/04/1bg.png) no-repeat center center;
	border-radius:100%;
	border:2px solid transparent;
	-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
	-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
	animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
	-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
	animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
	background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
	background-color: rgba(24, 70, 133, 1);
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
	background-color:#ccc;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
	background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
	0% {
		-webkit-transform:rotate(0) scale(.5) skew(1deg);
		-webkit-opacity:.1
	}

	30% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		-webkit-opacity:.5
	}

	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		-webkit-opacity:.1
	}
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}

	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		opacity:.2
	}

	100% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
}

@-webkit-keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg)
	}
}

@-webkit-keyframes phonering-alo-circle-anim {
	0% {
		-webkit-transform:rotate(0) scale(.5) skew(1deg);
		transform:rotate(0) scale(.5) skew(1deg);
		opacity:.1
	}

	30% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.5
	}

	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.1
	}
}

@keyframes phonering-alo-circle-anim {
	0% {
		-webkit-transform:rotate(0) scale(.5) skew(1deg);
		transform:rotate(0) scale(.5) skew(1deg);
		opacity:.1
	}

	30% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.5
	}

	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.1
	}
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}

	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.2
	}

	100% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
}

@keyframes phonering-alo-circle-fill-anim {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}

	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.2
	}

	100% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
}

@-webkit-keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
		transform:rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
		transform:rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
		transform:rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
		transform:rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}
}

@keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
		transform:rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
		transform:rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
		transform:rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
		transform:rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}
}