@font-face {
  font-family: 'AstonMartinFlare_W_Md';
  src: url('../font/AstonMartinFlare_W_Md.woff') format('woff');
  font-weight: normal !important;
}


/* Style for PCs */
@media screen and (min-width: 1025px) {

/* Header
----------------------------------------------*/
#header.smaller h1 {
height: 75px;


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

}









h1 a {
/*width:450px;*/


display:block;
margin:0 auto;
background-image:url(../img/header/logo-new-b-white.png);
background-repeat:no-repeat;
background-position:center center;
background-size:auto 80px;

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
color: #fff;


font-size: 25px;


line-height: 130px;


 font-family:AstonMartinFlare_W_Md;


/*
font-family: AstonMartinFlare_W_Md;


font-weight: normal;




display: table;
margin:0 auto; 
text-indent: -9999px;
*/

text-indent: -9999px;
width: 280px;
}

h1 a:hover {
	opacity: 0.8;
	text-decoration: none;
	color: #fff;
	}


#header.smaller h1 a {
height:75px;
background-size:auto 50px;


font-size: 25px;

line-height: 75px;
font-family: AstonMartinFlare_W_Md;
display: table;
margin:0 auto; 






}





#header-social{
position: fixed;
right: 90px;
top: 44px;
width: 104px;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 10000;
text-indent: -9999;
}

#header-social li{
	display: inline-block;
	max-width: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}


#header-social li{
	display: inline-block;
	max-width: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin: 0 2px;
}


#header-social li:nth-child(3){
	width: 20px;
}



#header-social li a{
	color: #fff;
	display: block;

}

#header h1{
	z-index: 5000;
	background: #000;

}



#header-social a#ftcm_mail {
}
#header-social a#ftcm_line {
}

.smaller #header-social{
	top: 13px;
	z-index: 10000;
}







/*menu
---------------------------------------------*/
.menu{
height: 20px;
position: fixed;
right: 2%;
top: 50px;
width: 30px;
z-index: 19999;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
}
#header.smaller .menu{
top: 28px;
}
.menu__line{
background: #fff;
display: block;
height: 2px;
position: absolute;
transition:transform .3s;
width: 100%;
}
#header.smaller .menu__line{
background: #fff;
}
.menu__line--center{
top: 9px;
}
.menu__line--bottom{
bottom: 0;
}
.menu__line--top.active{
background: #fff;
top: 8px;
transform: rotate(45deg);
}
.menu__line--center.active{
background: #fff;
transform:scaleX(0);
}
.menu__line--bottom.active{
background: #fff;
bottom: 10px;
transform: rotate(135deg);
}
#header.smaller .menu__line--top.active{
background: #fff;
}
#header.smaller .menu__line--center.active{
background: #fff;
}
#header.smaller .menu__line--bottom.active{
background: #fff;
}


/* General settings
----------------------------------------------*/
#wrapper {}


/* Topsection
---------------------------------------------*/
#topsection {
width:100%;
height: 95vh;
display: block;
position: relative;
}
#tscov {
width:100%;
height: 100%;
min-height: 100%;
display: block;
background-color: rgba(0,0,0,0.30);
}
#topsection #tpcc {
width:100%;
height:80px;
display: block;
text-align: center;
position: absolute;
top:50%;
left:0;
margin-top:-40px;
}
#topsection #tpcc h2 {
font-size:40px;
font-weight: 300;
line-height: 60px;
letter-spacing: 0px;
color:#fff;
}
#topsection #tpcc p {
font-size:16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
color:#fff;
}


/* Topsection(Slider)
---------------------------------------------*/
#slidemm {
display: none;
}
#slidemm.cycle-slideshow {
display: none;
}
#slidemm.cycle-slideshow div {
display: none;
}
#slidemm.cycle-slideshow div img {
display: none;
}


/* Service
---------------------------------------------*/
#servicemm {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#servicemm .smc {
width:33.2333333333333%;
height: auto;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#servicemm li.smc#smc-newcars {
background-image: url(../img/index/NEW_CAR_image.jpg);
}
#servicemm li.smc#smc-preowned {
background-image: url(../img/index/TIMELESS_image.jpg);
}

#servicemm li.smc#smc-testdrive {
	/*
background-image: url(../img/index/DBX707_image.jpg);
*/
}

#servicemm li.smc#smc-dbx {
background-image: url(../img/index/db12.jpg);
}


#servicemm li.smc#smc-Vantage {
background-image: url(../img/index/Vantage.png);
}





#servicemm li.smc a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding:50px 50px 80px;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#servicemm li.smc a:hover {
background-color: rgba(0,0,0,0.30);
}
#servicemm li.smc a h2 {
font-family: AstonMartinFlare_W_Md;
font-size:30px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: -0.5px;
color:#fff;
margin-bottom: 0px;
font-weight: normal;
}
#servicemm li.smc a h3 {
font-size:20px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 15px;
}
#servicemm li.smc a p.smccom {
line-height: 1.6em;
color:#fff;
margin-bottom: 15px!important;
}
#servicemm li.smc a p.smcbn {
width:40%;
height: 30px;
display: block;
clear: both;
margin-left:auto;
margin-right: auto;
margin-bottom: 0px!important;
border:1px solid rgba(255,255,255,0.70);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(255,255,255,0.70);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#servicemm li.smc a:hover p.smcbn {
width:50%;
border:1px solid rgba(255,255,255,1);
color:rgba(255,255,255,0.90);
font-weight: normal;
}


/* News
---------------------------------------------*/
#newsmm {
width:100%;
height: auto;
display: block;
padding:80px 5%;
padding-bottom: 20px;
background-color: #fff;
}
#newsmm h3 {
font-family: AstonMartinFlare_W_Md;
font-size:26px;
font-weight: 400;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
}
#newsmm ul {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#newsmm ul li {
width:24.90%;
height: auto;
display: block;
padding:10px 0.5% 10px;
}
#newsmm ul li a {
width:100%;
height: auto;
display: block;
padding:5% 5% 1% 5%;
text-decoration: none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
}
#newsmm ul li a:hover {
box-shadow:0px 0px 10px rgba(0,0,0,0.20);
}
#newsmm ul li a img {

}
#newsmm ul li a .nwcc {
width:100%;
height: auto;
display: block;
padding:20px 5px;
}
#newsmm ul li a .nwcc p.nwdate {
font-size:0.8em;
line-height: 1.25em;
letter-spacing: 0px;
margin-bottom: 5px;
color:rgba(138,141,143,1);
}
#newsmm ul li a .nwcc h4 {
font-size:20px;
font-weight: 300;
line-height: 1.4em;
letter-spacing: 0px;
margin-bottom: 0px !important;
color:rgba(15,15,15,1);
}
#newsmm ul li a .nwcc p.nwcom {
font-size:14px;
line-height: 1.6em!important;
font-weight: 300;
padding-top: 15px;
/*
margin-bottom: 25px!important;
*/
margin-bottom: 0px;
color:rgba(96,94,92,1);
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
#newsmm ul li a .nwcc p.nwbn {
width:70%;
height: 30px;
display: block;
clear: both;
margin-left:auto;
margin-right: auto;
margin-bottom: 0px!important;
border:1px solid rgba(138,141,143,0.7);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(138,141,143,0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#newsmm ul li a:hover p.nwbn {
width:80%;
border:1px solid rgba(138,141,143,1);
color:rgba(138,141,143,1);
}

/* SHOWROOM
---------------------------------------------*/
#srmm {
width:100%;
height: auto;
display: block;


background-image: url(../img/index/showroom01.png);

background-color: #888;
background-position: center 100%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#srmm a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#srmm a .srcc {
width:100%;
max-width:1600px;
height: auto;
display: block;
padding:150px 5% 150px 5%;
margin:0 auto;
}
#srmm a h2 {
width:50%;
height: auto;
display: block;
margin-right:50%;
font-family: AstonMartinFlare_W_Md;
font-size:40px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 5px;
}
#srmm a h3 {
width:50%;
height: auto;
display: block;
margin-right:50%;
font-size:14px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 15px;
}
#srmm a p.srcom {
width:50%;
height: auto;
display: block;
margin-right:50%;
color:#fff;
margin-bottom: 25px!important;
}
#srmm a p.srbn {
width:30%;
height: 30px;
display: block;
clear: both;
margin-right: 70%;
margin-bottom: 0px!important;
border:1px solid rgba(138,141,143,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(138,141,143,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#srmm a:hover p.srbn {
border:1px solid rgba(255,255,255,1);
color:rgba(255,255,255,1);
}

/* Sell Your Car
---------------------------------------------*/
#sycmm {
width:100%;
height: auto;
display: block;

background-image: url(../img/sellyourcar/topimage.jpg);


background-position: bottom center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#sycmm a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#sycmm a .syccc {
width:100%;
max-width:1600px;
height: auto;
display: block;
padding:150px 5% 150px 5%;
margin:0 auto;
}
#sycmm a h2 {
width:50%;
height: auto;
display: block;
margin-left:50%;
font-size:40px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 10px;
}
#sycmm a h3 {
width:50%;
height: auto;
display: block;
margin-left:50%;
font-family: AstonMartinFlare_W_Md;
font-size:14px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 20px;
}
#sycmm a p.syccom {
width:50%;
height: auto;
display: block;
margin-left:50%;
color:#fff;
margin-bottom: 25px!important;
}
#sycmm a p.sycbn {
width:30%;
height: 30px;
display: block;
clear: both;
margin-left:50%;
margin-bottom: 0px!important;
border:1px solid rgba(138,141,143,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(138,141,143,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#sycmm a:hover p.sycbn {
border:1px solid rgba(255,255,255,1);
color:rgba(255,255,255,1);
}


/* SHOWROOM
---------------------------------------------*/
#insmm {
width:100%;
height: auto;
display: block;
background-color: #fff;
}

}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

/* Header
----------------------------------------------*/
#header.smaller h1 {
height: 75px;
background-color: rgba(0,0,0,0.90);
}
h1 a {


display:block;
margin:0 auto;
background-image:url(../img/header/logo-new-b-white.png);
background-repeat:no-repeat;
background-position:center center;
background-size:auto 80px;

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
color: #fff;


font-size: 25px;


line-height: 130px;


 font-family:AstonMartinFlare_W_Md;


/*
font-family: AstonMartinFlare_W_Md;


font-weight: normal;




display: table;
margin:0 auto; 
text-indent: -9999px;
*/

text-indent: -9999px;
width: 300px;






}



#header.smaller h1 a {
height:75px;
background-size:auto 50px;


font-size: 25px;


line-height: 75px;
font-family: AstonMartinFlare_W_Md;
display: table;
margin:0 auto; 






}


#header-social{
position: fixed;
right: 90px;
top: 44px;
width: 104px;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 10000;
text-indent: -9999;
}

#header-social li{
	display: inline-block;
	max-width: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}


#header-social li{
	display: inline-block;
	max-width: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin: 0 2px;
}


h1 a:hover {
	opacity: 0.8;
	text-decoration: none;
	color: #fff;
	}


#header-social li:nth-child(3){
	width: 20px;
}



#header-social li a{
	color: #fff;
	display: block;

}

#header h1{
	z-index: 5000;
	background: #000;
}


.smaller #header-social{
	top: 13px;
	z-index: 10000;
}










/*menu
---------------------------------------------*/
.menu{
height: 20px;
position: fixed;
right: 2%;
top: 50px;
width: 30px;
z-index: 19999;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
}
#header.smaller .menu{
top: 20px;
}
.menu__line{
background: #fff;
display: block;
height: 2px;
position: absolute;
transition:transform .3s;
width: 100%;
}
.menu__line--center{
top: 9px;
}
.menu__line--bottom{
bottom: 0;
}
.menu__line--top.active{
background: #fff;
top: 8px;
transform: rotate(45deg);
}
.menu__line--center.active{
background: #fff;
transform:scaleX(0);
}
.menu__line--bottom.active{
background: #fff;
bottom: 10px;
transform: rotate(135deg);
}
#header.smaller .menu__line--top.active{
background: #fff;
}
#header.smaller .menu__line--center.active{
background: #fff;
}
#header.smaller .menu__line--bottom.active{
background: #fff;
}


/* General settings
----------------------------------------------*/
#wrapper {}

/* Topsection
---------------------------------------------*/


#topsection {
width:100%;
height: 50vh;
display: block;
position: relative;
}
#tscov {
width:100%;
height: 100%;
min-height: 100%;
display: block;
background-color: rgba(0,0,0,0.30);
}
#topsection #tpcc {
width:100%;
height:70px;
display: block;
text-align: center;
position: absolute;
top:50%;
left:0;
margin-top:-30px;
}
#topsection #tpcc h2 {
font-size:30px;
font-weight: 300;
line-height: 50px;
letter-spacing: 0px;
color:#fff;
}
#topsection #tpcc p {
font-size:16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
color:#fff;
}


/*



#topsection {
width:100%;
height: auto;
display: block;
position: relative;
}
#tscov {
width:100%;
height: 100%;
min-height: 100%;
display: block;
position: absolute;
top:0;
left:0;
background-color: rgba(0,0,0,0.30);
}
#topsection #tpcc {
width:100%;
height:50px;
display: block;
text-align: center;
position: absolute;
top:50%;
left:0;
z-index:4500;
margin-top:-20px;
}
#topsection #tpcc h2 {
font-size:24px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0px;
color:#fff;
}
#topsection #tpcc p {
font-size:14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
color:#fff;
}
#bgndVideo {
width:10px!important;
height: 10px!important;
display: none!important;
margin-left:-9999px!important;
margin-top:-9999px!important;
}


*/









/* Topsection(Slider)
---------------------------------------------*/




#slidemm {
display: none;
}
#slidemm.cycle-slideshow {
display: none;
}
#slidemm.cycle-slideshow div {
display: none;
}
#slidemm.cycle-slideshow div img {
display: none;
}



/*
#slidemm {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div img {
width:100%;
height: auto;
display


*/



/* Service
---------------------------------------------*/
#servicemm {
width:100%;
height: auto;
display: block;
}
#servicemm .smc {
width:100%;
height: auto;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#servicemm li.smc#smc-newcars {
background-image: url(../img/index/NEW_CAR_image.jpg);
}
#servicemm li.smc#smc-preowned {
background-image: url(../img/index/TIMELESS_image.jpg);
}

#servicemm li.smc#smc-testdrive {
	/*
background-image: url(../img/index/DBX707_image.jpg);
*/
}

#servicemm li.smc#smc-dbx {
background-image: url(../img/index/db12.jpg);
}

#servicemm li.smc#smc-Vantage {
background-image: url(../img/index/Vantage.png);
}




#servicemm li.smc a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding:50px 50px 80px;
text-align: center;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#servicemm li.smc a:hover {
background-color: rgba(0,0,0,0.30);
}
#servicemm li.smc a h2 {
font-family: AstonMartinFlare_W_Md;
font-size:30px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: -0.5px;
color:#fff;
margin-bottom: 0px;
font-weight: normal;
}
#servicemm li.smc a h3 {
font-size:20px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 15px;
}
#servicemm li.smc a p.smccom {
line-height: 1.6em;
color:#fff;
margin-bottom: 15px!important;
}
#servicemm li.smc a p.smcbn {
width:40%;
height: 30px;
display: block;
clear: both;
margin-left:auto;
margin-right: auto;
margin-bottom: 0px!important;
border:1px solid rgba(255,255,255,0.70);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(255,255,255,0.70);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
font-weight: normal;
}
#servicemm li.smc a:hover p.smcbn {
width:50%;
border:1px solid rgba(255,255,255,1);
color:rgba(255,255,255,0.90);
}


/* News
---------------------------------------------*/
#newsmm {
width:100%;
height: auto;
display: block;
padding:80px 5%;
padding-bottom: 20px;
background-color: #fff;
}
#newsmm h3 {
font-family: AstonMartinFlare_W_Md;
font-size:26px;
font-weight: 400;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
}
#newsmm ul {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#newsmm ul li {
width:49.90%;
height: auto;
display: block;
padding:10px 0.5% 10px;
}
#newsmm ul li a {
width:100%;
height: auto;
display: block;
padding:5% 5% 1% 5%;
text-decoration: none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
}
#newsmm ul li a:hover {
box-shadow:0px 0px 10px rgba(0,0,0,0.20);
}
#newsmm ul li a img {

}
#newsmm ul li a .nwcc {
width:100%;
height: auto;
display: block;
padding:20px 5px;
}
#newsmm ul li a .nwcc p.nwdate {
font-size:0.8em;
line-height: 1.25em;
letter-spacing: 0px;
margin-bottom: 5px;
color:rgba(138,141,143,1);
}
#newsmm ul li a .nwcc h4 {
font-size:20px;
font-weight: 300;
line-height: 1.4em;
letter-spacing: 0px;
margin-bottom: 0px !important;
color:rgba(15,15,15,1);
}
#newsmm ul li a .nwcc p.nwcom {
font-size:14px;
line-height: 1.6em!important;
font-weight: 300;
margin-bottom: 0px!important;
color:rgba(96,94,92,1);
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
padding-top: 15px;
}
#newsmm ul li a .nwcc p.nwbn {
width:70%;
height: 30px;
display: block;
clear: both;
margin-left:auto;
margin-right: auto;
margin-bottom: 0px!important;
border:1px solid rgba(138,141,143,0.7);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(138,141,143,0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#newsmm ul li a:hover p.nwbn {
width:80%;
border:1px solid rgba(138,141,143,1);
color:rgba(138,141,143,1);
}

/* SHOWROOM
---------------------------------------------*/
#srmm {
width:100%;
height: auto;
display: block;
background-color: #888;
background-image: url(../img/index/showroom01.png);
background-position: bottom center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#srmm a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#srmm a .srcc {
width:100%;
max-width:1600px;
height: auto;
display: block;
padding:150px 5% 150px 5%;
margin:0 auto;
}
#srmm a h2 {
width:70%;
height: auto;
display: block;
margin-right:30%;
font-family: AstonMartinFlare_W_Md;
font-size:40px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 5px;
}
#srmm a h3 {
width:70%;
height: auto;
display: block;
margin-right:30%;
font-size:14px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 15px;
}
#srmm a p.srcom {
width:70%;
height: auto;
display: block;
margin-right:30%;
color:#fff;
margin-bottom: 25px!important;
}
#srmm a p.srbn {
width:30%;
height: 30px;
display: block;
clear: both;
margin-right: 70%;
margin-bottom: 0px!important;
border:1px solid rgba(138,141,143,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(138,141,143,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#srmm a:hover p.srbn {
border:1px solid rgba(255,255,255,1);
color:rgba(255,255,255,1);
}

/* Sell Your Car
---------------------------------------------*/
#sycmm {
width:100%;
height: auto;
display: block;
background-image: url(../img/sellyourcar/topimage.jpg);
background-position: bottom center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#sycmm a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#sycmm a .syccc {
width:100%;
max-width:1600px;
height: auto;
display: block;
padding:150px 5% 150px 5%;
margin:0 auto;
}
#sycmm a h2 {
width:70%;
height: auto;
display: block;
margin-left:30%;
font-size:40px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 10px;
}
#sycmm a h3 {
width:70%;
height: auto;
display: block;
margin-left:30%;
font-family: AstonMartinFlare_W_Md;
font-size:14px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 20px;
}
#sycmm a p.syccom {
width:70%;
height: auto;
display: block;
margin-left:30%;
color:#fff;
margin-bottom: 25px!important;
}
#sycmm a p.sycbn {
width:40%;
height: 30px;
display: block;
clear: both;
margin-left:50%;
margin-bottom: 0px!important;
border:1px solid rgba(138,141,143,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(138,141,143,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#sycmm a:hover p.sycbn {
border:1px solid rgba(255,255,255,1);
color:rgba(255,255,255,1);
}


/* SHOWROOM
---------------------------------------------*/
#insmm {
width:100%;
height: auto;
display: block;
background-color: #fff;
}


}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

/* Header
----------------------------------------------*/
#header.smaller h1 {
height: 60px;
background-color: rgba(0,0,0,0.90);
}
h1 a {

display:block;
margin:0 auto;
background-image:url(../img/header/logo-new-b-white.png);
background-repeat:no-repeat;
background-position:center center;
background-size:auto 80px;

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
color: #fff;


font-size: 25px;


line-height: 130px;


 font-family:AstonMartinFlare_W_Md;


/*
font-family: AstonMartinFlare_W_Md;


font-weight: normal;




display: table;
margin:0 auto; 
text-indent: -9999px;
*/

text-indent: -9999px;
width: 300px;




}

h1 a:hover {
	opacity: 0.8;
	text-decoration: none;
	color: #fff;
	}


#header.smaller h1 a {
height:60px;
background-size:auto 40px;
line-height: 60px;


font-size: 18px;


height:60px;



}




#header-social{
position: fixed;
right: 50px;
top: 44px;
width: 104px;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 10000;
text-indent: -9999;
}

#header-social li{
	display: inline-block;
	max-width: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}


#header-social li{
	display: inline-block;
	max-width: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin: 0 0px;
}


#header-social li:nth-child(3){
	width: 20px;
}



#header-social li a{
	color: #fff;
	display: block;

}

#header h1{
	z-index: 5000;
	background: #000;
}


.smaller #header-social{
	top: 13px;
	z-index: 10000;
}








/*menu
---------------------------------------------*/
.menu{
height: 20px;
position: fixed;
right: 2%;
top: 50px;
width: 30px;
z-index: 19999;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
}
#header.smaller .menu{
top: 20px;
}
.menu__line{
background: #fff;
display: block;
height: 2px;
position: absolute;
transition:transform .3s;
width: 100%;
}
.menu__line--center{
top: 9px;
}
.menu__line--bottom{
bottom: 0;
}
.menu__line--top.active{
background: #fff;
top: 8px;
transform: rotate(45deg);
}
.menu__line--center.active{
background: #fff;
transform:scaleX(0);
}
.menu__line--bottom.active{
background: #fff;
bottom: 10px;
transform: rotate(135deg);
}
#header.smaller .menu__line--top.active{
background: #fff;
}
#header.smaller .menu__line--center.active{
background: #fff;
}
#header.smaller .menu__line--bottom.active{
background: #fff;
}


/* General settings
----------------------------------------------*/
#wrapper {}

/* Topsection
---------------------------------------------*/
#topsection {
width:100%;
height: auto;
display: block;
position: relative;
}
#tscov {
width:100%;
height: 100%;
min-height: 100%;
display: block;
position: absolute;
top:0;
left:0;
/*z-index:11000;*/
background-color: rgba(0,0,0,0.30);
}
#topsection #tpcc {
width:100%;
height:50px;
display: block;
text-align: center;
position: absolute;
top:50%;
left:0;
z-index:4500;
margin-top:-20px;
}
#topsection #tpcc h2 {
font-size:24px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0px;
color:#fff;
}
#topsection #tpcc p {
font-size:14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
color:#fff;
}
#bgndVideo {
width:10px!important;
height: 10px!important;
display: none!important;
margin-left:-9999px!important;
margin-top:-9999px!important;
}


/* Topsection(Slider)
---------------------------------------------*/
#slidemm {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div img {
width:100%;
height: auto;
display: block;
}


/* Service
---------------------------------------------*/
#servicemm {
width:100%;
height: auto;
display: block;
}
#servicemm .smc {
width:100%;
height: auto;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#servicemm li.smc#smc-newcars {
background-image: url(../img/index/NEW_CAR_image.jpg);
}
#servicemm li.smc#smc-preowned {
background-image: url(../img/index/TIMELESS_image.jpg);
}

#servicemm li.smc#smc-testdrive {
	/*
background-image: url(../img/index/DBX707_image.jpg);
*/
}

#servicemm li.smc#smc-dbx {
background-image: url(../img/index/db12.jpg);
}


#servicemm li.smc#smc-Vantage {
background-image: url(../img/index/Vantage.png);
}


#servicemm li.smc a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding:50px 50px 80px;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#servicemm li.smc a:hover {
background-color: rgba(0,0,0,0.30);
}
#servicemm li.smc a h2 {
font-family: AstonMartinFlare_W_Md;
font-size:30px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: -0.5px;
color:#fff;
margin-bottom: 0px;
font-weight: normal;
}
#servicemm li.smc a h3 {
font-size:20px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 15px;
}
#servicemm li.smc a p.smccom {
line-height: 1.6em;
color:#fff;
margin-bottom: 15px!important;
}
#servicemm li.smc a p.smcbn {
width:40%;
height: 30px;
display: block;
clear: both;
margin-bottom: 0px!important;
border:1px solid rgba(255,255,255,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(255,255,255,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
font-weight: normal;
}
#servicemm li.smc a:hover p.smcbn {
}


/* News
---------------------------------------------*/
#newsmm {
width:100%;
height: auto;
display: block;
padding:80px 5%;
padding-bottom: 20px;
background-color: #fff;
}
#newsmm h3 {
font-family: AstonMartinFlare_W_Md;
font-size:22px;
font-weight: 400;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
}
#newsmm ul {
width:100%;
height: auto;
display: block;
}
#newsmm ul li {
width:100%;
height: auto;
display: block;
border-bottom: 1px dotted rgba(138,141,143,1);
}
#newsmm ul li a {
width:100%;
height: auto;
display: block;
padding:15px 5%;
text-decoration: none;
}
#newsmm ul li a:hover {
box-shadow:0px 0px 10px rgba(0,0,0,0.20);
}
#newsmm ul li a img {
width:40%;
height: auto;
display: block;
float: left;
}
#newsmm ul li a .nwcc {
width:60%;
height: auto;
display: block;
float: right;
padding:0 0 0 15px;
}
#newsmm ul li a .nwcc p.nwdate {
font-size:0.8em;
line-height: 1.25em;
letter-spacing: 0px;
margin-bottom: 5px;
color:rgba(138,141,143,1);
}
#newsmm ul li a .nwcc h4 {
font-size:16px;
font-weight: 300;
line-height: 1.4em;
letter-spacing: 0px;
margin-bottom: 0px !important;
color:rgba(15,15,15,1);
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#newsmm ul li a .nwcc p.nwcom {
display: none;
}
#newsmm ul li a .nwcc p.nwbn {
width:60%;
height: 24px;
display: block;
clear: both;
margin-left:40%;
margin-bottom: 0px!important;
border:1px solid rgba(138,141,143,0.7);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 22px!important;
color:rgba(138,141,143,0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#newsmm ul li a:hover p.nwbn {
}

/* SHOWROOM
---------------------------------------------*/
#srmm {
width:100%;
height: auto;
display: block;
background-color: #888;
background-image: url(../img/index/showroom01.png);
background-position: bottom center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#srmm a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#srmm a .srcc {
width:100%;
height: auto;
display: block;
padding:80px 5% 80px 5%;
margin:0 auto;
}
#srmm a h2 {
font-family: AstonMartinFlare_W_Md;
font-size:40px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 5px;
}
#srmm a h3 {
font-size:14px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 15px;
}
#srmm a p.srcom {
color:#fff;
margin-bottom: 25px!important;
}
#srmm a p.srbn {
width:30%;
height: 30px;
display: block;
clear: both;
margin-bottom: 0px!important;
border:1px solid rgba(255,255,255,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(255,255,255,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#srmm a:hover p.srbn {
}

/* Sell Your Car
---------------------------------------------*/
#sycmm {
width:100%;
height: auto;
display: block;
background-image: url(../img/sellyourcar/topimage.jpg);
background-position: bottom center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#sycmm a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#sycmm a .syccc {
width:100%;
height: auto;
display: block;
padding:80px 5% 80px 5%;
margin:0 auto;
}
#sycmm a h2 {
font-size:30px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 10px;
}
#sycmm a h2 br {
display: none;
}
#sycmm a h3 {
font-family: AstonMartinFlare_W_Md;
font-size:14px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 20px;
}
#sycmm a p.syccom {
color:#fff;
margin-bottom: 25px!important;
}
#sycmm a p.sycbn {
width:40%;
height: 30px;
display: block;
clear: both;
margin-bottom: 0px!important;
border:1px solid rgba(255,255,255,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(255,255,255,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#sycmm a:hover p.sycbn {
}


/* SHOWROOM
---------------------------------------------*/
#insmm {
width:100%;
height: auto;
display: block;
background-color: #fff;
}


}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

/* Header
----------------------------------------------*/





#header.smaller h1 {
height: 60px;


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

}

h1 a {





  display: block;
  margin: 0 auto;

  background-repeat: no-repeat;
  background-position: 10px 22px;
  background-size: auto 20px;
  text-indent: -9999px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  color: #fff;
  font-size: 14px;
  line-height: 60px;

  display: table;
  margin: 0 auto;
  margin: 0;
  padding-left: height:60px;
  background-size: auto 16px;
  background-color: rgba(0,0,0,0.90);
  transition: none;
  width: 100%;
  font-weight: normal;



display:block;
margin:0 auto;
background-image:url(../img/header/logo-new-b-white.png);
background-repeat:no-repeat;
background-position:center center;
background-size:auto 34px;

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
color: #fff;


text-indent: -9999px;
width: 100%;


line-height: 60px;


}


h1 a:hover {
	opacity: 0.8;
	text-decoration: none;
	color: #fff;
	}

#header.smaller h1 a {
	/*
height:60px;
background-size:auto 25px;
background-color: rgba(0,0,0,0);
transition: none;
*/
background-color: none !important;

}





#header-social{
position: fixed;
right: 52px;
top: 44px;
width: 78px;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 10000;
text-indent: -9999;
}

#header-social li{
	display: inline-block;
	max-width: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}


#header-social li{
	display: inline-block;
	max-width: 25px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin: 0 0px;
}


#header-social li:nth-child(3){
	width: 16px;
}



#header-social li a{
	color: #fff;
	display: block;

}

#header h1{
	z-index: 5000;

}


.smaller #header-social{
	top: 17px;
	z-index: 19997;
}








/*menu
---------------------------------------------*/
.menu{
height: 20px;
position: fixed;
right: 2%;
top: 20px;
width: 30px;
z-index: 19999;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
}


#header-social{
	top: 17px;

}






#header.smaller .menu{
top: 20px;
}
.menu__line{
background: #fff;
display: block;
height: 2px;
position: absolute;


transition:transform .3s;

width: 100%;
}
.menu__line--center{
top: 9px;
}
.menu__line--bottom{
bottom: 0;
}
.menu__line--top.active{
background: #fff;
top: 8px;
transform: rotate(45deg);
}
.menu__line--center.active{
background: #fff;
transform:scaleX(0);
}
.menu__line--bottom.active{
background: #fff;
bottom: 10px;
transform: rotate(135deg);
}


/* General settings
----------------------------------------------*/
#wrapper {}


/* Topsection
---------------------------------------------*/
#topsection {
width:100%;
height: auto;
display: block;
position: relative;
}
#tscov {
width:100%;
height: 100%;
min-height: 100%;
display: block;
background-color: rgba(0,0,0,0.30);
position: absolute;
top:0;
left:0;
/*z-index:11000;*/
}
#topsection #tpcc {
width:100%;
height:50px;
display: block;
text-align: center;
position: absolute;
top:50%;
left:0;
z-index:4500;
margin-top:0px;
}
#topsection #tpcc h2 {
font-size:24px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0px;
color:#fff;
}
#topsection #tpcc p {
font-size:14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0px;
color:#fff;
}

#bgndVideo {
width:10px!important;
height: 10px!important;
display: none!important;
margin-left:-9999px!important;
margin-top:-9999px!important;
}


/* Topsection(Slider)
---------------------------------------------*/
#slidemm {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div {
width:100%;
height: auto;
display: block;
}
#slidemm.cycle-slideshow div img {
width:100%;
height: auto;
display: block;
}


/* Service
---------------------------------------------*/
#servicemm {
width:100%;
height: auto;
display: block;
}
#servicemm .smc {
width:100%;
height: auto;
display: block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#servicemm li.smc#smc-newcars {
background-image: url(../img/index/NEW_CAR_image.jpg);
}
#servicemm li.smc#smc-preowned {
background-image: url(../img/index/TIMELESS_image.jpg);
}

#servicemm li.smc#smc-testdrive {
	/*
background-image: url(../img/index/DBX707_image.jpg);
*/
}

#servicemm li.smc#smc-dbx {
background-image: url(../img/index/db12.jpg);
}

#servicemm li.smc#smc-Vantage {
background-image: url(../img/index/Vantage.png);
}


#servicemm li.smc a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
padding:50px 5% 80px;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#servicemm li.smc a:hover {
background-color: rgba(0,0,0,0.30);
}
#servicemm li.smc a h2 {
font-family: AstonMartinFlare_W_Md;
font-size:30px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: -0.5px;
color:#fff;
margin-bottom: 0px;
font-weight: normal;
}
#servicemm li.smc a h3 {
font-size:20px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 15px;
}
#servicemm li.smc a p.smccom {
line-height: 1.6em;
color:#fff;
margin-bottom: 15px!important;
}
#servicemm li.smc a p.smcbn {
width:40%;
height: 30px;
display: block;
clear: both;
margin-bottom: 0px!important;
border:1px solid rgba(255,255,255,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(255,255,255,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
font-weight: normal;
}
#servicemm li.smc a:hover p.smcbn {
}


/* News
---------------------------------------------*/
#newsmm {
width:100%;
height: auto;
display: block;
padding:80px 5%;
padding-bottom: 20px;
background-color: #fff;
}
#newsmm h3 {
font-family: AstonMartinFlare_W_Md;
font-size:22px;
font-weight: 400;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
}
#newsmm ul {
width:100%;
height: auto;
display: block;
}
#newsmm ul li {
width:100%;
height: auto;
display: block;
border-bottom: 1px dotted rgba(138,141,143,1);
}
#newsmm ul li a {
width:100%;
height: auto;
display: block;
padding:15px 5%;
text-decoration: none;
}
#newsmm ul li a:hover {
}
#newsmm ul li a img {
width:45%;
height: auto;
display: block;
float: left;
}
#newsmm ul li a .nwcc {
width:55%;
height: auto;
display: block;
float: right;
padding:0 0 0 15px;
}
#newsmm ul li a .nwcc p.nwdate {
font-size:0.8em;
line-height: 1.25em;
letter-spacing: 0px;
margin-bottom: 5px;
color:rgba(138,141,143,1);
}
#newsmm ul li a .nwcc h4 {
font-size:16px;
font-weight: 300;
line-height: 1.4em;
letter-spacing: 0px;
margin-bottom: 0px !important;
color:rgba(15,15,15,1);
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#newsmm ul li a .nwcc p.nwcom {
display: none;
}
#newsmm ul li a .nwcc p.nwbn {
width:60%;
height: 20px;
display: block;
clear: both;
margin-left:40%;
margin-bottom: 0px!important;
border:1px solid rgba(138,141,143,0.7);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 18px!important;
color:rgba(138,141,143,0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#newsmm ul li a:hover p.nwbn {
}

/* SHOWROOM
---------------------------------------------*/
#srmm {
width:100%;
height: auto;
display: block;
background-color: #888;
background-image: url(../img/index/showroom01.png);
background-position: bottom center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#srmm a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#srmm a .srcc {
width:100%;
height: auto;
display: block;
padding:80px 5% 80px 5%;
margin:0 auto;
}
#srmm a h2 {
font-family: AstonMartinFlare_W_Md;
font-size:40px;
font-weight: 400;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 5px;
}
#srmm a h3 {
font-size:14px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 15px;
}
#srmm a p.srcom {
color:#fff;
margin-bottom: 25px!important;
}
#srmm a p.srbn {
width:30%;
height: 30px;
display: block;
clear: both;
margin-bottom: 0px!important;
border:1px solid rgba(255,255,255,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(255,255,255,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#srmm a:hover p.srbn {
}

/* Sell Your Car
---------------------------------------------*/
#sycmm {
width:100%;
height: auto;
display: block;
background-image: url(../img/sellyourcar/topimage.jpg);
background-position: bottom center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
#sycmm a {
width:100%;
height: 100%;
min-height: 100%;
display: block;
text-decoration: none;
background-color: rgba(0,0,0,0.50);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all  0.6s ease;	
}
#sycmm a .syccc {
width:100%;
height: auto;
display: block;
padding:80px 5% 80px 5%;
margin:0 auto;
}
#sycmm a h2 {
font-size:30px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 10px;
}
#sycmm a h2 br {
display: none;
}
#sycmm a h3 {
font-family: AstonMartinFlare_W_Md;
font-size:14px;
font-weight: 200;
line-height: 1.25em;
letter-spacing: 0px;
color:#fff;
margin-bottom: 20px;
}
#sycmm a p.syccom {
color:#fff;
margin-bottom: 25px!important;
}
#sycmm a p.sycbn {
width:40%;
height: 30px;
display: block;
clear: both;
margin-bottom: 0px!important;
border:1px solid rgba(255,255,255,1);
text-align: center;
font-family: AstonMartinFlare_W_Md;
font-size: 0.8em!important;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px!important;
color:rgba(255,255,255,1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;	
}
#sycmm a:hover p.sycbn {
}


/* SHOWROOM
---------------------------------------------*/
#insmm {
width:100%;
height: auto;
display: block;
background-color: #fff;
}


}




#hrbody{

-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all  0.8s ease;
opacity: 1;
}


#hrbody.hrbodynone{
	opacity: 0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all  0.8s ease;
}


.nw_category{

border: 1px solid rgba(138,141,143,1);
padding: 1px 8px; 
margin-bottom: 10px; 
display: table;
font-size: 12px;
color: rgba(138,141,143,1);

font-feature-settings:pkna !important;
}

a:hover .nw_category{
    color: rgba(138,141,143,1);
}



@media screen and (min-width: 769px) {

.img-wrap {
    position: relative;
    margin: 0;
}


.img-wrap:before {
    padding-top: 66.66%;
    display: block;
    content: "";
}


.img-wrap.img-wrap-testdrive:before{
	    padding-top: 54.66%;
    display: block;
    content: "";
}


.img-wrap-wrap{
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right:0;
}



}


/*詳細*/
.img-wrap.img-wrap-testdrive {
    position: relative;
    margin: 0;
}
.img-wrap.img-wrap-testdrive:before {
    padding-top: 54.66%;
    display: block;
    content: "";
}

.img-wrap.img-wrap-testdrive .img-wrap-wrap{
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right:0;
}


.srbn-top{
	margin-top: 40px !important;


}


#stock-top{
width: 100%;
height: auto;
display: block;
padding: 80px 5%;
padding-top: 80px;
background-color: #fff;
}

#stock-top li{
    padding-bottom: 10px !important;

}



#stock-top .stock-top-tit{
    font-family: AstonMartinFlare_W_Md;
font-size: 26px;
font-weight: 400;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
}


.stock-top-btn{
    display: table;
    margin: 0 auto;
    padding-top: 60px;
}


.stock-top-btn a{
    background: #000;
    padding: 20px 80px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}

.stock-top-btn a:hover{
    background: #605e5c;
    -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;	
}


@media screen and (max-width: 768px) {



#stock-top .stock-top-tit{
font-family: AstonMartinFlare_W_Md;
font-size: 22px;
font-weight: 400;
line-height: 1.25em;
text-align: center;
margin-bottom: 30px;
}


.stock-top-btn a{
    background: #000;
    padding: 15px 60px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}




}


/*トップページ動画*/

.main-banner{
	position: absolute;
	bottom: 0%;
	right: 0%;
	z-index: 10000;
	max-width: 300px;
	padding: 30px;
	background: #000;
}

.main-banner img{
	margin-bottom: 10px;
}

.main-banner a{
	text-decoration: none;
}

.main-banner a:hover{
	opacity: 0.8;
	color: #fff;
}







@media screen and (min-width: 1020px) {


.main-banner-under{
	display: none;
}

}


@media screen and (max-width: 1020px) {

	.main-banner{
		display: none;
	}


.main-banner-under{
	background: #000;
	padding: 60px;
	border-bottom: 1px solid #999;
}

.main-banner-under img{
	margin-bottom: 15px;


	}

.main-banner-under a{
	text-decoration: none;
}

.main-banner-under a:hover{
	color: #ccc;
}






	}

@media screen and (min-width: 1440px) {

#stock-top li{
	width: 33.33333%;
}

}


/*
.new-movie{
	 position: relative;
  width: 100%;
  height: 100vh;
}



.new-movie:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: radial-gradient(black 20%, transparent 20%),
    radial-gradient(black 20%, transparent 20%);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
*/


/*
.new-movie-wrap{
	position: relative;

}

.new-movie{
background-image:url(../img/pattern-movie.png);
background-repeat: repeat;
width: 100%;
height: 100%;
position: absolute;
z-index: 10000;

}
*/



#topsection-youtube {
  width: 100%;
  height: auto;
  display: block;
  background-color: #000;
  max-width: 1400px;
  margin: 0 auto;

}

.youtube-wrap {
  width: 100%;
  height: auto;
  margin: 0 auto;

}





.youtube-wrap .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 0;
  overflow: hidden;
}

.youtube-wrap .video-container iframe, 
.youtube-wrap .video-container object, 
.youtube-wrap .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




#srmm {
width:100%;
height: auto;
display: block;
background-color: #888;
background-image: url(../img/index/showroom01.png);
background-position: bottom center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}

.srmm02{
	background-image: url(../img/index/after-sales.png) !important;
	background-position: center center;
}




@media screen and (max-width: 480px) {


.new-movie{
	padding-top: 60px;

}

	}