/*-- ASSET path https://www.myer.com.au/wcsstore/MyerCatalogAssetStore/0ss/18 --*/


/*-- CTA SOLID --*/


.pinnacle 	.cta-solid			{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'sfprodisplay-semibold', serif;
									padding:14px 24px;width:100%;font-size:16px;border-radius: 48px;
									color:#ffffff;background:rgba(26,86,219,1);
									text-align: center;cursor: pointer;
									box-shadow: 0px 0px 15px rgba(0,0,0,0.4)
									}

.pinnacle 	.cta-solid:hover	{	color:#ffffff;background:rgba(30,66,159,1);box-shadow: 0px 0px 10px rgba(0,0,0,0.3)}
.pinnacle 	.focus:hover		.cta-solid	{color:#ffffff;background: #000;}


/*-- CTA FROSTED GLASS --*/


.pinnacle 	.cta-frosted		{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'sfprodisplay-semibold', serif;
									padding:14px 24px;width:100%;font-size:16px;border-radius: 48px;
									color:#ffffff;cursor: pointer;
									text-align: center;background-color:rgba(10,10,10,0.1);
									backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);
									box-shadow: 0px 0px 10px rgba(0,0,0,0.4)
									}

.pinnacle 	.cta-frosted:hover	{	color:#ffffff;background-color:rgba(10,10,10,0.3);}
.pinnacle 	.focus:hover		.cta-solid	{color:#ffffff;background: #000;}



.pinnacle .cta-frosted2 {
    position: relative;
    display: inline-block;
    text-decoration: none;
    transition: 0.4s ease;
    font-family: 'sfprodisplay-semibold', serif;
    padding: 14px 24px;
    width: 100%;
    font-size: 16px;
    border-radius: 48px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;

    background:
        /* top-right specular highlight */
        linear-gradient(
            135deg,
            rgba(255,255,255,0.35),
            rgba(255,255,255,0.05) 40%,
            rgba(255,255,255,0.0) 60%
        ),
        /* bottom-left glow */
        linear-gradient(
            315deg,
            rgba(255,255,255,0.18),
            rgba(255,255,255,0.04) 45%,
            rgba(255,255,255,0.0) 65%
        ),
        rgba(10,10,10,0.2);

    backdrop-filter: blur(15px) saturate(140%);
    -webkit-backdrop-filter: blur(15px) saturate(140%);

    box-shadow:
        /* outer depth */
        0 0px 15px rgba(0,0,0,0.3),
        /* top-right specular edge */
        inset -1px -1px 1px rgba(255,255,255,0.25),
        /* bottom-left soft reflection */
        inset 1px 1px 1px rgba(255,255,255,0.2);

    border: 0px solid rgba(255,255,255,0.12);
	
	
}


.pinnacle .cta-frosted2:hover {
    background:
        /* top-right specular highlight */
        linear-gradient(
            135deg,
            rgba(255,255,255,0.35),
            rgba(255,255,255,0.05) 40%,
            rgba(255,255,255,0.0) 60%
        ),
        /* bottom-left glow */
        linear-gradient(
            315deg,
            rgba(255,255,255,0.18),
            rgba(255,255,255,0.04) 45%,
            rgba(255,255,255,0.0) 65%
        ),
        rgba(10,10,10,0.4);
	
    box-shadow:
        0 0px 10px rgba(0,0,0,0.3),
        inset -1px -1px 2px rgba(255,255,255,0.35),
        inset 1px 1px 2px rgba(255,255,255,0.12);
}




/*-- CTA MENU --*/


.pinnacle 	.cta-menu			{	float:left;text-decoration: none;transition: 0.4s;
									font-family:'latoregular', serif;letter-spacing: 0.03em;
									padding:9px 0px;font-size:13px;border-radius: 3px;
									color:#ccc;background:rgba(173,166,156,0.1);
									text-align: center;
									}

.pinnacle 	.cta-menu:hover		{color:#ffffff;background:rgba(173,166,156,0.5);}
.pinnacle 	.focus:hover		.cta-menu	{color:#ffffff;background:rgba(173,166,156,0.5);}

.pinnacle	.cta-menu-active	{color:#ffffff;background:rgba(173,166,156,0.5);}



/*-- CTA BOOK --*/


.pinnacle 	.cta-book			{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'latobold_italic', serif;margin:0px;
									padding:0px 10px 2px 10px;width:auto;font-size:11px;border-radius: 2px;
									max-width: 170px;color:#ffffff;background:rgba(173,166,156,0.4);
									text-align: center;height: 18px
									}

.pinnacle 	.cta-book:hover	{	color:#ffffff;background:rgba(173,166,156,1);}
.pinnacle 	.focus:hover		.cta-book	{color:#ffffff;background:rgba(173,166,156,1);}




/*-- CTA SOLID --*/


.pinnacle 	.cta-solid-grey		{	display: block;text-decoration: none;transition: 0.3s;
									font-family:'MillerBanner-Roman',sans-serif;margin:0px 0px 0px 0px;
									padding:11px 0px 9px 0px;width:100%;border-radius: 4px;
									font-size:14px;color:#161616;
									background:rgba(173,166,156,0.25);
									background-image:url(../images/arrow-right2.png);
									background-repeat: no-repeat;
									background-position: 94% center;
									background-size: 5px 10px;
									}


.pinnacle 	.cta-solid-grey:hover	{	color:#000000;background-color:rgba(173,166,156,0.4);background-position: 96% center;}
.pinnacle 	.focus:hover		.cta-solid-grey	{color:#000000;background-color:rgba(173,166,156,0.4);background-position: 96% center;}




/*-- CTA STYLIST BLOCK --*/


.pinnacle 	.cta-stylist-block		{	display: block;text-decoration: none;transition: 0.3s;
									font-family:'latobold',sans-serif;margin:0px 0px 0px 0px;
									padding:8px 0px 9px 0px;width:100%;border-radius: 0px 0px 4px 4px;
									font-size:11px;color:#ffffff;
									background:rgba(173,166,156,1);
									background-image:url(../images/arrow-right-white.png);
									background-repeat: no-repeat;
									background-position: 93% center;
									background-size: 5px 9px;
									}


.pinnacle 	.cta-stylist-block:hover	{background-color:rgba(153,156,146,1);background-position: 95% center;}
.pinnacle 	.focus:hover		.cta-stylist-block {background-color:rgba(153,156,146,1);background-position: 95% center;}







/*-- CTA SERVICES --*/


.pinnacle 	.cta-services		{	display: inline-block;text-decoration: none;transition: 0.3s;
									font-family:'latobold',sans-serif;margin:0px 0px 0px 0px;
									width:auto;
									font-size:12px;color:#ADA69C;
									padding: 8px 20px;
									border-bottom: 2px solid rgba(173,166,156,0.15);cursor: pointer;
									}


.pinnacle 	.cta-services:hover	{	color:#000000;border-bottom: 2px solid rgba(173,166,156,1);}
.pinnacle 	.focus:hover		.cta-services	{color:#000000;border-bottom: 2px solid rgba(173,166,156,1);}


.pinnacle 	.cta-services-active	{color:#000000;border-bottom: 2px solid rgba(173,166,156,1);}

.pinnacle	.cta-serv-wrapper		{display: inline-block;width:auto;cursor: pointer}


@media only screen and (max-width : 1000px)
					{ 
					.pinnacle 	.cta-services {padding: 8px 14px;}	
		
					}



@media only screen and (max-width : 880px)
					{ 
						.pinnacle	.cta-serv-wrapper	{width:24%;margin:0px 0.5% 7px 0px;}
						.pinnacle 	.cta-services		{background:rgba(173,166,156,0.1);width:100%;border:0px;padding: 8px 0px 9px;border-radius: 3px;font-size:13px;color:#999999;  }
						.pinnacle 	.cta-services-active	{color:#000000;border-bottom: 0px solid rgba(173,166,156,1);background:rgba(173,166,156,0.3)}
						.pinnacle 	.cta-services:hover	{	color:#000000;border-bottom: 0px solid rgba(173,166,156,1);}
					}


@media only screen and (max-width : 680px)
					{ 
						.pinnacle	.cta-serv-wrapper	{width:calc( 50% - 8px );margin:0px 2px 8px 2px;}
						
					}

/*-- CTA SOLID CUSTOM BG COLOR --*/

.pinnacle 	.cta-solid-color		{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'latoregular',sans-serif;margin:0px 3px 6px 3px;
									padding:7px;width:96%;font-size:14px;
									max-width: 120px;color:#ffffff;background:#000000;
									}

.pinnacle 	.cta-solid-color:hover	{	color:#ffffff;background: #000000;}
.pinnacle 	.focus:hover		.cta-solid-color	{color:#ffffff;background: #000000;}



/*-- CTA SOLID CUSTOM BG COLOR LIGHT --*/

.pinnacle 	.cta-solid-color-l	{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'latoregular',sans-serif;margin:0px 3px 6px 3px;
									padding:7px;
									width:96%;
									max-width: 120px;
									font-size:14px;
									color:#161616;
									background:#ffffff;
									}


.pinnacle 	.cta-solid-color-l:hover	{	color:#000000;background: #ffffff;}
.pinnacle 	.focus:hover		.cta-solid-color-l	{color:#000000;background: #ffffff;}



/*-- CTA SHADOW --*/

.pinnacle 	.cta-shadow			{box-shadow: 0px 0px 10px rgba(0,0,0,0)}
.pinnacle 	.cta-shadow:hover			{box-shadow: 0px 0px 15px rgba(0,0,0,.2)}
.pinnacle 	.focus:hover		.cta-shadow			{box-shadow: 0px 0px 15px rgba(0,0,0,.2)}



/*-- CTA SOLID-WHITE --*/

.pinnacle 	.cta-solid-white	{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'latoregular',sans-serif;margin:0px 4px 6px 4px;
									box-shadow:0px 0px 25px rgba(0,0,0,0.2);
									padding:11px 5px 0px 5px;
									width:96%;
									height: 38px;
									max-width: 120px;
									font-size:12px;
									color:#161616;
									background:#ffffff;
									border-radius: 4px;
									}


.pinnacle 	.cta-solid-white:hover	{color:#ffffff;background: #000000;cursor: pointer}
.pinnacle 	.focus:hover		.cta-solid-white	{color:#ffffff;background: #000000;}





/*-- CTA BORDER --*/


.pinnacle 	.cta-border			{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'latobold',sans-serif;margin:0px 3px 6px 3px;
									padding:8px;text-align: center;
									width:96%;border-radius:3px;
									max-width: 150px;
									font-size:11px;
									color:#161616;
									border:1px solid #161616;
									}

.pinnacle 	.cta-border:hover	{	color:#ffffff;background: #161616;border:1px solid #161616;cursor: pointer}
.pinnacle 	.focus:hover			.cta-border		{color:#ffffff;background: #161616;border:1px solid #161616;}


/*-- CTA BORDER --*/


.pinnacle 	.cta-border-gr			{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'latoregular',sans-serif;margin:0px 3px 6px 3px;
									padding:6px;text-align: center;
									width:96%;
									max-width: 120px;
									font-size:14px;
									color:#161616;
									border:1px solid #dddddd;
									}

.pinnacle 	.cta-border-gr:hover	{	color:#ffffff;background: #161616;border:1px solid #161616;}
.pinnacle 	.focus:hover			.cta-border		{color:#ffffff;background: #161616;border:1px solid #161616;}



/*-- CTA's BORDER MINI --*/



.pinnacle 	.cta-border-mini	{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'latoregular',sans-serif;margin:0px 3px 6px 3px;
									padding:6px;
									width:96%;
									max-width: 120px;
									font-size:14px;
									color:#161616;
									border:1px solid #161616;
									}

.pinnacle 	.cta-border-mini:hover			{color:#ffffff;background: #161616}
.pinnacle 	.focus:hover			.cta-border-mini		{color:#ffffff;background: #161616}



/*-- CTA BORDER WHITE --*/


.pinnacle 	.cta-border-white	{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family:'latoregular',sans-serif;margin:0px 3px 6px 3px;
									padding:6px;
									width:96%;
									max-width: 120px;
									font-size:14px;
									color:#ffffff;
									border:1px solid #ffffff;
									}

.pinnacle 	.cta-border-white:hover			{color:#161616;background: #ffffff}
.pinnacle 	.focus:hover	.cta-border-white	{color:#161616;background: #ffffff}



/*-- CTA UNDERLINE --*/


.pinnacle 	.cta-underline		{	display: inline-block;text-decoration: none;transition: 0.3s;
									font-family: 'latoregular', serif;margin:0px 3px 6px 3px;
									padding:5px 0px 0px 0px;
									width: auto;
									color:#161616;
									border-bottom:1px solid rgba(43,32,66,0.3);
									}

.pinnacle 	.cta-underline:hover			{border-bottom:1px solid rgba(43,32,66,1);}
.pinnacle 	.focus:hover	.cta-underline	{border-bottom:1px solid rgba(43,32,66,1);}




/*-- CTA's UNDERLINE WHITE --*/


.pinnacle 	.cta-underline-white		{	display: inline-block;text-decoration: none;transition: 0.4s;
									font-family: 'latoregular', serif;margin:0px ;
									padding:0px 0px 0px 0px;
									width: auto;
									color:#ffffff;
									border-bottom:1px solid rgba(255,255,255,0.5);
									}

.pinnacle 	.cta-underline-white:hover			{border-bottom:1px solid rgba(255,255,255,1);}
.pinnacle 	.focus:hover	.cta-underline-white	{border-bottom:1px solid rgba(255,255,255,1);}






/*-- CTA's CUSTOM SIZING --*/


.pinnacle 	.cta-small			{	padding:8px 16px 0px 16px;height: 31px;font-size:12px;width: auto;vertical-align: top}
.pinnacle 	.cta-mini			{	padding:5px 12px 0px 12px;height: 26px;font-size:11px;width: auto;vertical-align: top}

.pinnacle	.cta-mw-300 			{max-width: 300px}
.pinnacle	.cta-mw-290 			{max-width: 290px}
.pinnacle	.cta-mw-280 			{max-width: 280px}
.pinnacle	.cta-mw-270 			{max-width: 270px}
.pinnacle	.cta-mw-260 			{max-width: 260px}
.pinnacle	.cta-mw-250 			{max-width: 250px}
.pinnacle	.cta-mw-240 			{max-width: 240px}
.pinnacle	.cta-mw-220 			{max-width: 220px}
.pinnacle	.cta-mw-200 			{max-width: 200px}
.pinnacle	.cta-mw-190 			{max-width: 190px}
.pinnacle	.cta-mw-180 			{max-width: 180px}
.pinnacle	.cta-mw-170 			{max-width: 170px}
.pinnacle	.cta-mw-160 			{max-width: 160px}
.pinnacle	.cta-mw-150 			{max-width: 150px}
.pinnacle	.cta-mw-140 			{max-width: 140px}
.pinnacle	.cta-mw-120 			{max-width: 120px}
.pinnacle	.cta-mw-100 			{max-width: 100px}

.pinnacle	.cta-wid-a	 			{max-width: 100%;width: auto;padding-left:15px;padding-right:15px }
.pinnacle	.cta-wid-100	 		{max-width: 100%;width: 100%;padding-left:15px;padding-right:15px }


/*-- CTA's UNDERLINE ANIMATED --*/


.pinnacle 	.cta-underline-an		{	display: inline-block;text-decoration: none;transition: 0.4s;
									margin:0px 3px 6px 3px;
									padding:5px 0px 6px 0px;font-size:18px;
									font-family: 'EB Garamond', serif;
									width: auto;
									color:#2B2042;
									background-image:url(../images/line-purple.png), url(../images/line-grey2.png);background-position: center bottom;background-size: 0% 2px, 100% 2px ;background-repeat: no-repeat;
									}

.pinnacle 	.cta-underline-an:hover			{background-size: 100% 2px, 100% 2px; }
.pinnacle 	.focus:hover	.cta-underline-an	{background-size: 100% 2px, 100% 2px;}


.pinnacle 	.cta-underline-an-i		{	display: inline-block;text-decoration: none;transition: 0.4s;
									margin:0px 3px 6px 3px;
									padding:5px 0px 6px 0px;font-size:18px;
									font-family: 'MillerBanneritalic', serif;
									width: auto;
									color:#2B2042;
									letter-spacing: 0.01em;
									background-image:url(../images/line-purple.png), url(../images/line-grey2.png);background-position: center bottom;background-size: 0% 2px, 100% 2px ;background-repeat: no-repeat;
									}

.pinnacle 	.cta-underline-an-i:hover			{background-size: 100% 2px, 100% 2px; }
.pinnacle 	.focus:hover	.cta-underline-an-i	{background-size: 100% 2px, 100% 2px;}





/* VIDEO PLAY */


.pinnacle	.cta-video			{width:70px;height: 70px;border-radius: 50%;background:rgba(0,0,0,0.5) url(*) no-repeat 25px center;transition:.5s;display: inline-block}
.pinnacle	.focus:hover	.cta-video			{background:rgba(0,0,0,0.8) url(*) no-repeat 25px center;transform:scale(1.2)}