/*

Theme Name: Milkshake

Theme URI: http://emesesoft.hu/themes/Milkshake

Author: Emese-Soft

Author URI: http://emesesoft.hu/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.5

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: Milkshake



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.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =Reset

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

ol,

ul {

	list-style: none;

}

ul.disc {list-style-type: disc;}



blockquote,

q {

	quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption,

th,

td {

	font-weight: normal;

	text-align: left;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	/*clear: both;*/

}

html {

	overflow-y: scroll;

	font-size: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}

a:focus {

	outline: thin dotted;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

audio,

canvas,

video {

	display: inline-block;

}

audio:not([controls]) {

	display: none;

}

del {

	color: #333;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin: 24px;

	margin-bottom: 1.714285714rem;

}

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

small {

	font-size: smaller;

}

img {

	border: 0;

	-ms-interpolation-mode: bicubic;

}

p span { font-size: 15px !important; }


/* Clearing floats */

.clear:after,

.wrapper:after,

.format-status .entry-header:after {

	clear: both;

}

.clear:before,

.clear:after,

.wrapper:before,

.wrapper:after,

.format-status .entry-header:before,

.format-status .entry-header:after {

	display: table;

	content: "";

}



/* Responsive images */

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large,

img.header-image,

img.wp-post-image {

	max-width: 100%;

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}



/* Make sure videos and embeds fit their containers */

embed,

iframe,

object,

video {

	max-width: 100%;

}

.entry-content .twitter-tweet-rendered {

	max-width: 100% !important; /* Override the Twitter embed fixed width */

}

.woocommerce div.product span.price, .woocommerce div.product p.price, body .shopcategory li.product .price .woocommerce-Price-amount {
    color: #58595b !important;
}

/* Images */

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/* #Column Shortcodes

----------- */

.one_half, .one_third, .two_third, .one_fourth, .three_fourth{ margin-right: 4%; float: left; }

.one_half { width: 48%; }

.one_third { width: 30.6666%; }

.two_third { width: 65.3332%; }

.one_fourth { width: 22%; }

.three_fourth { width: 74%; }

.column-last { margin-right: 0 !important; clear: right; }





/* Get look */

.banner-nav__item {

    box-sizing: border-box;

    float: left;

    margin-bottom: 1em;

    padding-left: 22px;

    width: 50%;

}

.banner-nav__title {

    border-bottom: 1px solid #eaeaea;

    color: #ffcc00;

    font-weight: bold;

    margin-bottom: 0.5em;

    padding-bottom: 0.5em;

}

.banner-nav__title-link {

    color: #ffcc00;

    font-weight: bold;

}

/* Slide */

.page-template-static-text-full-page-get-look #content, .page-template-static-text-full-page-salons #content { padding-top: 0px; }

.caption-p { font-size: 18px !important; line-height: 23px !important; }

.caption-p a { color: #777 !important; }

.caption-p a:hover { color: #58595b !important; }

.rev_slider_wrapper { margin-bottom: 77px !important; }

#slide-29-layer-3 { font-family: "Arial Black", "Arial Bold",Gadget,sans-serif !important; font-weight: bold !important; }

/* Salons */

.banner-nav__img-inner-links {

    left: 7%;

    max-width: 46%;

    position: absolute;

    top: 17%;

}

.banner-nav__img-inner-links li::before {

    content: ">";

    display: inline-block;

    margin-right: 1em;

}

.banner-nav__img-inner-links li {

    margin-bottom: 2em;

}

.banner-nav__img-inner-links a, .banner-nav__img-inner-links p {

    color: #000;

    font-size: 1.3em;

    font-weight: bold;

}

.banner-nav__img-container {

    position: relative;

}

.banner-nav__title {

    border-bottom: 1px solid #eaeaea;

    color: #ffcc00;

    font-weight: bold;

    margin-bottom: 0.5em;

    padding-bottom: 0.5em;

}

.onsale { padding: 8px 4px !important; }

/*pop up registration*/

.login-modal-overlay .login-modal {padding-bottom:5px!important;}

#pro-members-login .password-reset {margin-top:12px;}

#pro-members-login h1 {text-align:center;font-size:32px;color:#FFCC00;}

#pro-members-login h2 {text-align:center;}

.login-modal label {

  color: #777777!important;

}

.login-modal .group {margin-bottom:0!important;}

.register-link-professionals {margin-top:12px;width:100%;text-align:center;display:block;font-size:16px;}





.checkout.woocommerce-checkout .woocommerce-error {

    display:none !important;

}

.checkout.woocommerce-checkout .woocommerce-error.displaybox {

    display:block !important;

}

/* Changes */
.wpb_single_image .vc_figure {
    width: 100%;
}

.wpb_single_image .vc_single_image-wrapper {
    width: 100%;
}

.wpb_single_image img {
    min-width: 100%;
}

.forcefullwidth_wrapper_tp_banner {
	margin-bottom: 0px !important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}

.releaseCropImage .vc_column-inner{
	padding: 0px !important;
}

.newBoxSizeHeight {
	min-height: 1010px;
}

.textBoxsImage {
	background-color: rgba(255,255,255,0.8);
    position: absolute;
    bottom: 30px;
    left: 0px;
    padding-left: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
    max-width: 90%;
}
#new-release-image .releaseCropImage:first-child .textBoxsImage { padding-left: 35px; }
#post-image a:first-child .textBoxsImage { padding-left: 45px; }

.textBoxsImage p {
    font-size: 30px !important;
    font-weight: 700;
}

.listTextBoxnew {
	width: 60% !important;
}

.listTextBoxnew h1{
 	font-weight: 800;
    margin-top: 100px;
}

.listTextBoxnew p{
	font-size: 16px !important;
}

.listTextBoxnew a{
	display: inline-block;
    background: url('data:image/png;base64,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') no-repeat center center;
    margin-top: 75px;
    margin-bottom: 50px !important;
    color: white;
    padding: 43px 20px;
    font-size: 20px;
	width: 150px;
	height: 150px;
}

.listTextBoxnew ul li{
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAArCAYAAAA+EwvfAAACcElEQVR42tWZTUhVQRiG5xqkGaihkT9EarTJpJXQQqqFLYJWRZtMSOnHNi1aaCVRtJKSNka0iBYVLfqBJAotaqH2g+SiCFqWRVZaIVFYmNnzyRiHy7nec+6Z8Z754IG7Oe/3vpzLmZlvlEpTv+415EMN7IKDcAQOwT7YBBUqw+LZctgIe7VmO7TCblgnvVUE8aXQAr0wDjM+TMFL6ILaENpi7jS80Bp+2l+hDw5AQVjzW+BZCuFUjMFJCT6Pbh4ch88htZ/D1iDGc/RrnAzZwMtdqPTRXgm3I+j+hg7xOF+AozAdockcw7Dao1sKgwZ0/8CxVOZ3GGjg5RYktPYVw9qNyeZXwYjhJrONYKcF3Q+wxhugy0ITYVQ3s6HdPWe+Ct5aamKT0dm3oBeoGUdplgAXHQ5wWQI8cDjAEwnw3uEA4xLgm8MBvkiAVw4HeCcBehwO0CsBOh0O0C0BtjkcYLsEqIDXDpp/83/brk9HrgU4593M1cEPh8z/hPrkLfUlhwJc8zvQVMvC4IB5WXjXpjqVtTkQoCPdKCXOm7t+KEw3mVgPn2JoXsY2ddpjIl2IxhgG2B92uHUK/sbEfGcmo0WZot2Igfk7oUeLnhBFcD+L5qX3MhWlEFgBD7Ng/pFM9JSJ0iH6F9C8jCHLAn1xQoQwNd8MYr5c2Sg9YR6waP6x9FA2iwbL4aYF8z3G/vMBQiyG8wbNX4BctZAlDfV92VQE4/LsCViislU0b4KPmcx0YE82jSeSTnRDIW9wNqg4lV4rrgYwf93aZ9LEW9F3yRM+xr/DYVgUW/Oe3/UyOfaYfwqblUuF4WI4A2ehxFaffxnB/It6prlfAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    display: block;
    height: 43px;
    padding-left: 70px;
    margin-bottom: 70px;
    font-size: 16px;
}

.imageTextBoxnew {
	min-height: 100%;
	float: right;
	margin-right: 200px;
	padding-top: 50px;
}

.textBoxsImageBig {
	background-color: rgba(255,255,255,0.65);
    position: absolute;
    bottom: 165px;
    left: 0px;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}

.textBoxsImageBig p, .textBoxsImageBig span {
    font-size: 40px !important;
    font-weight: 400;
}

.mark { position: relative; margin-right: 10px; font-weight: 700 !important; font-family: Arial Black,Arial Bold,Gadget,sans-serif !important; }


.enterHereTextBox {
	background-color: rgba(255,255,255,0.65);
    position: absolute;
    bottom: -360px;
    left: 0px;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    text-align: center;
}

.enterHereTextBox h1 {
    font-size: 85px !important;
    font-weight: 500;
}

.enterHereTextBox p {
    font-size: 50px !important;
    font-weight: 400;
}

.cartIcon {
	background-image: url('img/cartIcon.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
}

.newHomePost {
	width: 33.33%;
	min-height: 700px;
	background-color: grey;
    float: left;
}

.newHomePost img {
	width: 100%;
	max-height: 700px;
	min-height: 700px;
}

.textoBoxPost {
	background-color: rgba(255,255,255,0.65);
    position: absolute;
    bottom: 40%;
    left: 0px;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    text-align: center;
}

.animatable {
  /* initially hide animatable objects */
  visibility: hidden;
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.s1 {
  -webkit-animation-delay: 0.2s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.2s;
}

.s3 {
  -webkit-animation-delay: 0.4s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.4;
}

.s6{
  -webkit-animation-delay: 0.6s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.6s;
}

.s9 {
  -webkit-animation-delay: 0.8s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.8s;
}

.s12 {
  -webkit-animation-delay:1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animated.menuIn{
  animation: menuInAnimation linear 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: menuInAnimation linear 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: menuInAnimation linear 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: menuInAnimation linear 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: menuInAnimation linear 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes menuInAnimation{
  0% {
    opacity:0;
    transform:  translate(1000px,0px)  ;
  }
  79% {
    opacity:0.839885677731094;
    transform:  translate(-20px,0px)  ;
  }
  87% {
    opacity:0.9219205447649732;
    transform:  translate(10px,0px)  ;
  }
  94% {
    opacity:1;
    transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes menuInAnimation{
  0% {
    opacity:0;
    -moz-transform:  translate(1000px,0px)  ;
  }
  79% {
    opacity:0.839885677731094;
    -moz-transform:  translate(-20px,0px)  ;
  }
  87% {
    opacity:0.9219205447649732;
    -moz-transform:  translate(10px,0px)  ;
  }
  94% {
    opacity:1;
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes menuInAnimation {
  0% {
    opacity:0;
    -webkit-transform:  translate(1000px,0px)  ;
  }
  79% {
    opacity:0.839885677731094;
    -webkit-transform:  translate(-20px,0px)  ;
  }
  87% {
    opacity:0.9219205447649732;
    -webkit-transform:  translate(10px,0px)  ;
  }
  94% {
    opacity:1;
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes menuInAnimation {
  0% {
    opacity:0;
    -o-transform:  translate(1000px,0px)  ;
  }
  79% {
    opacity:0.839885677731094;
    -o-transform:  translate(-20px,0px)  ;
  }
  87% {
    opacity:0.9219205447649732;
    -o-transform:  translate(10px,0px)  ;
  }
  94% {
    opacity:1;
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes menuInAnimation {
  0% {
    opacity:0;
    -ms-transform:  translate(1000px,0px)  ;
  }
  79% {
    opacity:0.839885677731094;
    -ms-transform:  translate(-20px,0px)  ;
  }
  87% {
    opacity:0.9219205447649732;
    -ms-transform:  translate(10px,0px)  ;
  }
  94% {
    opacity:1;
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

.animated.menuOut{
  animation: menuOutAnimation linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: menuOutAnimation linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: menuOutAnimation linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: menuOutAnimation linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: menuOutAnimation linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes menuOutAnimation{
  0% {
    opacity:1;
    transform:  translate(1px,0px)  ;
  }
  7% {
    transform:  translate(10px,0px)  ;
  }
  13% {
    transform:  translate(-10px,0px)  ;
  }
  13% {
    transform:  translate(-10px,0px)  ;
  }
  21% {
    transform:  translate(20px,0px)  ;
  }
  100% {
    opacity:0;
    transform:  translate(1000px,0px)  ;
  }
}

@-moz-keyframes menuOutAnimation{
  0% {
    opacity:1;
    -moz-transform:  translate(1px,0px)  ;
  }
  7% {
    -moz-transform:  translate(10px,0px)  ;
  }
  13% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  13% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  21% {
    -moz-transform:  translate(20px,0px)  ;
  }
  100% {
    opacity:0;
    -moz-transform:  translate(1000px,0px)  ;
  }
}

@-webkit-keyframes menuOutAnimation {
  0% {
    opacity:1;
    -webkit-transform:  translate(1px,0px)  ;
  }
  7% {
    -webkit-transform:  translate(10px,0px)  ;
  }
  13% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  13% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  21% {
    -webkit-transform:  translate(20px,0px)  ;
  }
  100% {
    opacity:0;
    -webkit-transform:  translate(1000px,0px)  ;
  }
}

@-o-keyframes menuOutAnimation {
  0% {
    opacity:1;
    -o-transform:  translate(1px,0px)  ;
  }
  7% {
    -o-transform:  translate(10px,0px)  ;
  }
  13% {
    -o-transform:  translate(-10px,0px)  ;
  }
  13% {
    -o-transform:  translate(-10px,0px)  ;
  }
  21% {
    -o-transform:  translate(20px,0px)  ;
  }
  100% {
    opacity:0;
    -o-transform:  translate(1000px,0px)  ;
  }
}

@-ms-keyframes menuOutAnimation {
  0% {
    opacity:1;
    -ms-transform:  translate(1px,0px)  ;
  }
  7% {
    -ms-transform:  translate(10px,0px)  ;
  }
  13% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  13% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  21% {
    -ms-transform:  translate(20px,0px)  ;
  }
  100% {
    opacity:0;
    -ms-transform:  translate(1000px,0px)  ;
  }
}



/* Custom Css Blog */

.categories-list { max-width: 1500px; width: 100%; margin: 0 auto;  overflow: hidden; margin-top: 45px; margin-bottom: 40px; }

.categories-list ul { text-align: center; overflow: hidden; }

.categories-list ul li { display: inline-block; }

.categories-list ul li a { font-size: 20px; color:#474747; margin: 0 25px; text-transform: capitalize; }

.categories-list .menu { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDEyNCAxMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyNCAxMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMTEyLDZIMTJDNS40LDYsMCwxMS40LDAsMThzNS40LDEyLDEyLDEyaDEwMGM2LjYsMCwxMi01LjQsMTItMTJTMTE4LjYsNiwxMTIsNnoiIGZpbGw9IiMwMDAwMDAiLz4KCTxwYXRoIGQ9Ik0xMTIsNTBIMTJDNS40LDUwLDAsNTUuNCwwLDYyYzAsNi42LDUuNCwxMiwxMiwxMmgxMDBjNi42LDAsMTItNS40LDEyLTEyQzEyNCw1NS40LDExOC42LDUwLDExMiw1MHoiIGZpbGw9IiMwMDAwMDAiLz4KCTxwYXRoIGQ9Ik0xMTIsOTRIMTJjLTYuNiwwLTEyLDUuNC0xMiwxMnM1LjQsMTIsMTIsMTJoMTAwYzYuNiwwLDEyLTUuNCwxMi0xMlMxMTguNiw5NCwxMTIsOTR6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat left center; background-size: 24px 24px; height: 24px; padding-left: 40px; width: 116px; margin: 0 auto; display: none; }

.categories-list .menu span { font-size: 22px; line-height: 25px; }


.posts { max-width: 1080px; width:100%; margin: 0 auto; overflow: hidden; color: #fff; }
.posts:after {
	content: '';
	display: block;
	clear: both;
}

.grid-sizer, .posts .post-item { float: left; width: 32%; height: auto; margin-bottom: 23px; background-color: #ccc; position: relative; margin-left: 1%; }

.gutter-sizer { width: 2%; }

.posts .post-item a.im { display: block; overflow: hidden; height: 100%; width: 100%; }

.posts .post-item a.im img { width: 100%; display: block; object-fit: fill; height: 100%;}

.posts .post-item .the_title { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(255,255,255,0.65); height:70px; padding: 0 12px; display:flex; align-items: center; pointer-events: none; }

.posts .post-item .the_title a {
 color: #4a4a49; font-size: 16px; font-weight: 600;
    text-transform: uppercase;
    font-size: 22px;
     }
.posts .post-item .the_title a:hover, .posts .post-item:hover .the_title a { color: #4a4a49 !important; }


.cataloguestitle {
	clear: both;
	text-align: center;
}


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

  .categories-list ul li a { font-size: 17px; margin: 0 21px; }

}


@media screen and (max-width:1100px){
  .posts { width: 96%; margin: 0 2%; }

}

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

  .posts { width: 92%; margin: 0 4%; }

  .grid-sizer,.posts .post-item { float: left; width: 48%; }

  .posts .post-item .the_title { height: auto; }

}

@media screen and (max-width: 680px) {
	
	.categories-list ul li {
		display: block !important;
	    margin: 5px;
	    padding: 10px;
	}
}

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

  .posts { width: 86%; margin: 0 7%; }

  .grid-sizer,.posts .post-item { float: left; width: 100%; }

}

.entry-header {
  text-align: center;
}

.entry-header h1 {
  color: #FFCC00;
  font-weight: 900;
}

.entry-meta {
    padding: 20px;
    margin-bottom: 10px;
}

.nav-single {
    padding: 10px;
    margin-bottom: 50px;
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
}



.entry-title {
  color: #FFCC00;
  font-weight: 900;
}

.parallaxBackgroundNewHome .parallaxImageBoxNewHome .wpb_wrapper h1 { text-transform: none !important; font-family: Arial,Helvetica,sans-serif; }
.parallaxBackgroundNewHome .parallaxImageBoxNewHome .wpb_wrapper h1 span { font-weight: 700; }
.parallaxBackgroundNewHome .parallaxImageBoxNewHome .wpb_wrapper h1 span.tridemark { font-size: 20px; vertical-align:top; }
.newSite-header ul li a { text-transform: uppercase; font-size: 11px !important; color: #777 !important; }
.close_mobile_newHome {
	display: none;
}

.newHome_Menu_Mobile {
	display: none ;
	font-size: 50px !important;
    font: xd !important;
}
.vc_btn3.vc_btn3-style-custom { background-image: none !important; }


/* Custom Css */
.newSite-header ul li a { cursor: url(img/background-heart-1.png) !important; }
#menu-item-751 a { cursor: url(img/background-heart-1.png) !important; }
.content-single { max-width: 1340px; width: 100%; margin: 0 auto; overflow: hidden; }
.content-single .widget-single { float: left; width: 20.149253%; }
.content-single .widget-single aside { border: 1px solid #f0f0f0; margin-bottom: 45px !important; }
.content-single .widget-single aside h3 { color: #4d4d4d; font-size: 15px !important; font-weight: bold; text-align:center; margin: -24px auto 0; padding-bottom: 22px; background: #fff; border-bottom-width: 0px; text-transform: uppercase; width: 163px; }
.content-single .widget-single aside#show-now-single h3, .content-single .widget-single aside#black-studio-tinymce-3 h3, .content-single .widget-single aside#jr_insta_slider-2 h3 { margin: -16px auto 0; width: 120px; }
.content-single .widget-single aside#categories-2 h3, .content-single .widget-single aside#jr_insta_slider-2 h3 { margin: -16px auto 0; width: 140px; }
.content-single .widget-single aside .textwidget p:nth-child(2n),
.content-single .widget-single aside#show-now-single .products .product-now p { color: #696969; font-size: 16px !important; padding: 0 13%; }
.content-single .widget-single aside#show-now-single .products li a { max-width: 218px; width: 100%; height: 128px; display: block; margin: 0 auto 15px; text-align: center; position: relative; }
.content-single .widget-single aside#show-now-single .products li a:before { position: absolute; content:""; bottom: 0px; left: 0px; width: 32px; height: 32px; background: #fab700 url('https://www.milkshakehaircare.co.uk/wp-content/uploads/2017/08/arrow.png')no-repeat center center; }
.content-single .widget-single aside#show-now-single .products li a img { height: 100%; width: auto; }
.content-single .widget-single aside#show-now-single .products .product-now p { margin-bottom: 0px; }
.content-single .widget-single aside#search-3 { border-width: 0px; overflow: hidden; }
.content-single .widget-single aside#search-3 .search-form { width: 100%; }
.content-single .widget-single aside#search-3 .search-form input.search-field { width: 100%; }
.content-single .widget-single aside#search-3 .search-form .search-submit { background: url('https://www.milkshakehaircare.co.uk/wp-content/uploads/2017/08/search.png') no-repeat center center;  }
.content-single .widget-single aside#categories-3 ul li, .content-single .widget-single aside#show-now-single .products li { border-bottom: 1px solid #f0f0f0; padding: 10px 17px; width: 100% !important;  }
.content-single .widget-single aside#categories-3 ul li:last-child, .content-single .widget-single aside#show-now-single .products li:last-child { border-bottom-width: 0px; }
.content-single .widget-single aside#categories-3 ul li a { font-size: 15px; }
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li { text-align: center; padding: 11px 0; border-bottom: 1px solid #f0f0f0; }
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li:last-child { border-bottom-width: 0px;  }
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li a { max-width: 160px; width: 100%; display: inline-block; position: relative; }
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li:first-child a{ max-width: 238px; }
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li a:before { position: absolute; content:"1"; left: 0px; bottom: 0px; width: 32px; height: 32px; background: #fab700; color: #fff; font-size: 15px; padding: 6px 0; }
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li:nth-child(2) a:before { content: "2";}
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li:nth-child(3) a:before { content: "3";}
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li:nth-child(4) a:before { content: "4";}
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li:nth-child(5) a:before { content: "5";}
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li:nth-child(6) a:before { content: "6";}
.content-single .widget-single aside#jr_insta_slider-2 .jr-insta-thumb ul li:nth-child(7) a:before { content: "7";}

.content-single #content {  float: right; width: 77.2388%; padding-top: 0px; }
.content-single #content article { padding: 0; }
.content-single #content .entry-header { margin-bottom: 40px; }
.content-single #content .entry-content-single { overflow: hidden; }
.content-single #content .entry-content-single .avatar-user { float: left; width: 12.65%; display: none; }
.content-single #content .entry-content-single .avatar-user img { max-width: 123px; width: 100%; height: auto; }
.content-single #content .entry-content-single .content { float: left; width: 100%; padding-left: 9px; }
.content-single #content .entry-content-single .content a.tags { display: block; float: left; background: #fab700; padding: 6px; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 700; margin-right: 10px; margin-bottom: 6px;  }
.content-single #content .entry-content-single .content h1 { text-transform: uppercase; color: #5e5e5e; margin: 27px 0 4px; font-weight:700; font-size: 24px; }
.content-single #content .entry-content-single .content .entry-date { margin-bottom: 12px; display: block; }
.content-single #content .entry-content-single .content .entry-content p { font-size: 16px !important; line-height: 20px; }
.content-single #content .entry-content-single .content .entry-content .links-previous-next { margin-top: 90px; margin-bottom: 38px; position: relative; overflow: hidden; }
.content-single #content .entry-content-single .content .entry-content .links-previous-next:after { content:""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: -1px; background: #a8a8a8; z-index: 5; }
.content-single #content .entry-content-single .content .entry-content .links-previous-next a { font-size: 19px; color: #545454; padding: 16px 22px; display: block; }
.content-single #content .entry-content-single .content .entry-content .links-previous-next a:hover { color: #fab700; }
.content-single #content .entry-content-single .content .entry-content .links-previous-next .prev { display: block; float: left; background: #fff; position: relative; z-index: 50; border: 1px solid #a8a8a8; width: 145px; height: 60px; }
.content-single #content .entry-content-single .content .entry-content .links-previous-next .next { display: block; float: right; background: #fff; position: relative; z-index: 50; border: 1px solid #a8a8a8; width: 145px; height: 60px; }

.list-single { margin-bottom: 45px; }
.content-single #content .related-post-container-general, .content-single #content .title-related-post { float: right; width: 87.2%; }
.content-single #content .title-related-post h3 { font-size: 16px; margin-bottom: 38px; font-weight: bold; }
.content-single #content .related-post-container-general .related-post { width: 32%; float: left; background: #fff;  }
.content-single #content .related-post-container-general .related-post:nth-child(2n) { margin-left: 2%; margin-right: 2%; }
.content-single #content .related-post-container-general .related-post .thumbnail-related { width: 100%; position: relative; margin-bottom: 45px; overflow: hidden; }
.content-single #content .related-post-container-general .related-post .thumbnail-related a { width: 100%; height: 100%; text-align: center; display: block; }
.content-single #content .related-post-container-general .related-post .thumbnail-related a img { height: auto; width: 100%; }
.content-single #content .related-post-container-general .related-post .thumbnail-related .category { position: absolute; left: 0; bottom: 0; }
.content-single #content .related-post-container-general .related-post .thumbnail-related .thumbnail-default { background: #e6e6e6; width: 100%; height: 163px; }
.content-single #content .related-post-container-general .related-post .thumbnail-related .category { background: #fff; width: 60%; min-height: 40px; display: flex; align-items: center; }
.content-single #content .related-post-container-general .related-post .thumbnail-related .category span { color: #fab700; font-size: 15px; font-weight: 700;  }
.content-single #content .related-post-container-general .related-post h4 { font-size: 15px; font-weight: 700; color: #5e5e5e; line-height: 25px; margin-bottom: 45px; min-height: 52px; }
.content-single #content .related-post-container-general .related-post p { min-height: 108px; }
.content-single #content .related-post-container-general .related-post p, .content-single #content .related-post-container-general .related-post span.post { font-size: 16px !important; line-height: 20px; }
.content-single #content .related-post-container-general .related-post span.post { font-size: 15px; font-weight: 700; }
.breadcumb-single { margin-bottom: 44px; color: #c9c9c9; padding-left: 3.90%; font-size: 15px;  }
.breadcumb-single span { color: #c9c9c9; font-size: 15px; }

/*Search Post*/
.single-post-info header.page-header { margin-bottom: 35px !important; }
.single-post-info .grid-col2-main { width: 97%; }
.single-post-info article { width: 100%; margin-bottom: 15px !important; overflow: hidden; }
.single-post-info article header { width: 150px; float: left; margin-bottom: 0px !important; }
.single-post-info article header img { width: auto; max-height: 150px; height: 100%; }
.single-post-info article .entry-content-single h1 { margin-top: 0px !important; }
.wp-pagenavi { margin-top: 25px; text-align: center;  }
.wp-pagenavi a, .wp-pagenavi span { border: 1px solid #f0f0f0; color: #777; font-size: 12px; padding: 6px 10px; }


/*footer*/
.newFooter { min-height: 269px !important; }
.newFooter-inner { max-width: 1200px; width: 100%; margin: 0 auto; overflow: hidden; }
.newFooter-inner .newLogos { padding-top: 20px; padding-bottom: 20px; }
.newLogos a { width: 35px; display: inline-block; }
.newLogos a img { width: 100%; height: auto; }
.newSectionsFooter h1 { font-size: 13px !important; color: #777 !important; text-transform: uppercase; font-weight: 700; }
.newSectionsFooter ul { font-size: 11px !important; font-weight: 700; text-transform: uppercase; }
.newSectionsFooter a, .newCopyright { color: #777 !important; }
.newCopyright { position: relative !important; bottom: 0px !important; font-size: 12px !important; float: left; margin-top: 15px; }

@media screen and (max-width: 1350px){
	.content-single { width: 96%; margin-left: 2%; margin-right: 2%; }	
}
@media screen and (max-width: 1170px){
	.content-single .widget-single aside { padding: 0 3%; }
}
@media screen and (max-width: 915px){
	.content-single .widget-single aside { padding: 0; }
	.content-single .widget-single { width: 80%; margin-left: 10%; margin-right: 10%; }
	.content-single .widget-single aside .textwidget p:nth-child(2n), .content-single .widget-single aside#show-now-single .products .product-now p { text-align: center; }
	.content-single #content { width: 100%; margin-bottom: 35px; }
}
@media screen and (max-width: 750px){
	.content-single #content .related-post-container-general { text-align: center; }
	.content-single #content .related-post-container-general .related-post { width: 70%; float: none; display: inline-block; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;  }
	/*Search Post*/
	.single-post-info article header { float: none; margin: 0 auto; }
	.single-post-info article header img { max-height: 300px; margin-bottom: 10px; }
}
@media screen and (max-width: 570px){
	.content-single #content .entry-content-single .avatar-user { text-align: center; }
	.content-single #content .entry-content-single .avatar-user,
	.content-single #content .entry-content-single .content { width: 100%; margin-bottom: 15px; }
	.content-single #content .entry-content-single .content { padding-left: 0px; }
	.content-single #content .related-post-container-general, .content-single #content .title-related-post { width: 100%; }
	.ssba div { text-align: center !important; }
}

/*Home*/
.newHeaderContainer { max-height: 100px !important;}
.header_info { top: 4px !important; }
.newSite-header { height: 100px !important; line-height: 100px !important; }
.newSite-header a.logotipo-milshake img { width: 150px; }
.textBoxsImage { width: 100%; max-width: 100%; bottom: 90px; }
.textBoxsImage p {font-weight: 100; }
.textBoxsImage p strong { font-weight: 700; }
.post-three .textBoxsImage p .first-world-strong { font-weight: 700; }
.post-three .textBoxsImage p .first-world-strong { font-size: 46px !important; font-weight: 700; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0px; }
.tp-caption { text-shadow: 0px 0px 3px #000; }
.products { text-align: center; }
li.product, .woocommerce.columns-3 ul.products li.product { float: none; text-align: center; display: inline-block; }

/*PRODUCTS*/
.newHomeColumn .woocommerce .products li .add_to_cart_button { position: relative; }
.newHomeColumn .woocommerce .products li .add_to_cart_button:before { position: absolute; content:"Shop Now"; width: 100%; height: 100%; left: 0px; top: 0; padding: 11px; background: #F9B935; z-index: 80; }
.products.grid .product .gridlist-buttonwrap .button { position: relative; }
.products.grid .product .gridlist-buttonwrap .button:before { position: absolute; content:"SHOP NOW"; width: 100%; height: 100%; left: 0px; top: 0; padding: 0px; background: #555; z-index: 80; text-transform: uppercase; }
.products.grid .product .gridlist-buttonwrap .button:hover:before { color: #000; background:#FFCC00;}
.related.products .products .product .button { position: relative; }
.related.products .products .product .button:before { position: absolute; content:"SHOP NOW"; width: 100%; height: 100%; left: 0px; top: 0; padding: 0px; background: #555; z-index: 80; text-transform: uppercase; }
.related.products .products .product .button:hover:before { color: #000; background:#FFCC00;}
.woocommerce a.added_to_cart { margin-left: 15px; }
.shop-now-products-rated .vc_btn3.vc_btn3-size-lg { padding: 11px 25px; background: #F9B935 !important; width: 250px; font-weight: 700; font-size: 18px; }
.shop-now-products-rated .vc_btn3.vc_btn3-size-lg:hover { color: #515151 !important; }
body.single .entry-title { color: #555; text-transform: none; }

/*UBER-MENU*/
.ubermenu .ubermenu-target-text { text-transform: uppercase; }
.ubermenu .ubermenu-item-layout-default { padding: 42px 20px !important; }

@media screen and (max-width:1550px){
	.newSite-header #menuNewHome { margin-right: 30px !important; }
}

@media screen and (max-width:1250px){
	.newSite-header { padding-left: 0!important; padding-right: 0px !important; }
	.newSite-header #menuNewHome { float: left !important; }
	.ubermenu-skin-white { border: none !important; }
	.ubermenu-skin-white.ubermenu-responsive-toggle { background: transparent !important; margin-top: 21px; }
	.ubermenu-responsive-toggle .fa { font-size: 49px; color: #FABA00; }
	body.home .ubermenu-responsive-toggle .fa { color: #fff; }
	/*MENU*/
	.newSite-header #menuNewHome { margin-right: 0px !important; width: 100%; }
	.ubermenu { background: rgba(255,255,255,1) !important; }
	.ubermenu .ubermenu-item-layout-default { padding: 20px !important; }
	.ubermenu-responsive.ubermenu .ubermenu-nav { width: 100%; }
	.ubermenu .ubermenu-target-with-image > .ubermenu-target-text { text-align: center; }
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after { right: auto !important; margin-left: 15px; }
	.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { text-align: center; }
	.ubermenu .ubermenu-item-layout-image_above > .ubermenu-image { display: inline-block; max-height: 260px !important; }
}

.cat-brochure-item {
  width: 100%;
    display: block;
    float: left;
}

.cat-brochure-item h5{
  margin-top: 20px;
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 17px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.space {
  width: 100%;
  min-height: 150px;
}

.archiveitem {
  margin-bottom: 25px;
  border-bottom: 1px dotted #ddd;
}

.archive_ms_products:first-child .archiveitem {
  border-top: 0;
}
.post-type-archive-ms-professional .site-main .container,
.post-type-archive-brochure .site-main .container,
.ms-professional-template-default .site-main .container {position:relative;}
  #featuredtext {
    margin: 20px 0;
    position: absolute;
    z-index: 440;
    width: 100%;
    background-repeat: repeat;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 6px rgba(95, 95, 95, 0.64);
  }

  #proimage {    
    margin-top: 0px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    position: relative;
    height: 400px;
    background-position: 70% 10%;
    background-size: cover;
  }

.post-type-archive-brochure .posts h1,
.post-type-archive-brochure .cat-brochure-item h5 { color: #58595b !important; }
.post-type-archive-brochure .item-brochure { max-height: 345px; }
  
@media screen and (min-width:769px) and (max-width:1248px) {

  .prlpro > .vc_column-inner > .wpb_wrapper > .enterHereTextBox {
        bottom: -215px !important; 
  }

}

@media screen and (max-width:650px) {
  .prlpro > .vc_column-inner > .wpb_wrapper > .enterHereTextBox {
        bottom: -130px !important; 
  }

}



@media screen and (min-width:826px) and (max-width:1101px) {
  #featuredtext {
    top: 40% !important;
    font-size: 50px !important;
  }   

}

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

  .ftsingle{
    top: 10% !important;
  }

    #featuredtext {
    top: 60%!important;
    font-size: 85px !important;
  }
 
}


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

    #featuredtext {
      top: 25% !important;
    font-size: 55px !important;
  }


}

@media screen and (min-width:1000px){
  #proimage { height: 840px; }
  }
}

@media screen and (max-width:1195px){
	.listTextBoxnew ul li { height: auto; margin-bottom: 10px; }

}
@media screen and (min-width:400px) and (max-width: 767px){
	.textBoxsImage p { font-size: 50px !important; }
}
@media screen and (min-width:769px) and (max-width: 891px){
	.textBoxsImage p { font-size: 27px !important; }
}
@media screen and (min-width:891px) and (max-width: 1300px){
	.textBoxsImage p { font-size: 33px !important; }
}
@media screen and (min-width:1301px) and (max-width: 1339px){
	.textBoxsImage p { font-size: 38px !important; font-weight: 100; }
}
@media screen and (min-width:1340px) and (max-width: 1899px){
	.textBoxsImage p { font-size: 53px !important; font-weight: 100; }
	.textBoxsImage p strong { font-weight: 700; }
	.post-three .textBoxsImage p { font-size: 37px !important; }
	.post-three .textBoxsImage p .first-world-strong { font-size: 37px !important; font-weight: 700; }
}
@media screen and (min-width: 1900px){
	.textBoxsImage p { font-size: 55px !important; font-weight: 100; }
	.textBoxsImage p strong { font-weight: 700; }
	.post-three .textBoxsImage p { font-size: 40px !important; }
	.post-three .textBoxsImage p .first-world-strong { font-size: 40px !important; font-weight: 700; }
}
@media screen and (min-width: 2300px){
	.textBoxsImage p { font-size: 76px !important; font-weight: 100; }
	.textBoxsImage p strong { font-weight: 700; }
	.post-three .textBoxsImage p { font-size: 55px !important; }
	.post-three .textBoxsImage p .first-world-strong { font-size: 55px !important; font-weight: 700; }
}

/* Alex */
.content-single-ms-professional {
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.content-single-ms-professional #content {
	float: none;
    width: 100%;
}

.content-single-ms-professional #content .entry-content-single-ms-professional .content {
	padding-left: 0;
}

.content-single-ms-professional #content .entry-content-single-ms-professional .content {
    float: left;
    width: 100%;
    padding-left: 9px;
}
.content-single-ms-professional #content .entry-header {
    margin-bottom: 40px;
}

.content-single-ms-professional #content .entry-content-single-ms-professional .content .entry-content .links-previous-next a {
    font-size: 19px;
    color: #545454;
    padding: 16px 22px;
    display: block;
    text-align: center;
}

.content-single-ms-professional #content .entry-content-single-ms-professional .content .entry-content .links-previous-next .prev {
    display: block;
    float: left;
    background: #fff;
    position: relative;
    z-index: 50;
    border: 1px solid #a8a8a8;
    width: 145px;
    height: 60px;
}

.content-single-ms-professional #content .entry-content-single-ms-professional .content .entry-content .links-previous-next .next {
    display: block;
    float: right;
    background: #fff;
    position: relative;
    z-index: 50;
    border: 1px solid #a8a8a8;
    width: 145px;
    height: 60px;
}

.content-single-ms-professional #content .entry-content-single-ms-professional .content .entry-content .links-previous-next:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #a8a8a8;
    z-index: 5;
}


.content-single-ms-professional #content .entry-content-single-ms-professional .content .entry-content .links-previous-next {
    margin-top: 90px;
    margin-bottom: 38px;
    position: relative;
    overflow: hidden;
}


.btn.yellow {
	display: inline-block;
    background: #cccccc;
    padding: 18px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border: 4px solid white;
    margin: 0 auto;
    width: 100%;
    transition:opacity 0.5s linear;
}

.border-button {
	border: 3px solid #cccccc;
	width: 210px;
    margin: 0 auto;
}

.border-button:hover {
	opacity: 0.8;
}

a.tags:hover{
	opacity: 0.8;
}

/*** boostrap extract */
.row:before,
.row:after{
  display: table;
  content: " ";
  clear: both;
}

.col-md-8,  .col-md-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.spacer {
	margin: 30px 0;
	content: " ";
}

.links-buttons {
	text-align: center;
}


.content-video iframe {
	width: 100%;
	height: 570px;
}

.video-iframe-content iframe {
	float: right;
	margin-bottom: 20px;
	padding: 20px;
	background: #F6F6F6;
	border: 3px solid #ffcc00;
}
.foogallery-default.alignment-center { clear: both; }
.ms-professional-template-default h1 { position: relative; }
.ms-professional-template-default h1 span { background: #fff; position: relative; z-index: 10; padding-right: 15px; }
.ms-professional-template-default h1:before { position: absolute; left: 0px; bottom: 0%; height: 2px; background:#D6D6D6; width: 100%; content:""; z-index:5; }

.findyourlocal .parallaxImageBoxNewHome { height: 100%; position: absolute; }

@media screen and (max-width: 1210px) {
	.content-single-ms-professional #content .entry-content-single-ms-professional .content { width: 100%; padding-left: 1%; padding-right: 1%; }
	.video-iframe-content iframe {  margin-left: 15px; }
}


@media (max-width: 991px) {
	.content-video iframe {
		height: 520px;
	}
}



@media (max-width: 769px) {
	.links-buttons .col-md-4 {
		margin-bottom: 20px;
	}
	
	.content-video iframe {
		height: 520px;
	}
	
	.video-iframe-content iframe { float: none; width: 96%; }

}
@media (max-width: 320px) {
	.content-video iframe {
		height: 270px;
	}
}
@media (max-width: 470px) {
	.content-video iframe {
		height: 310px;
	}
}

@media (max-width: 590px) {
	.content-video iframe {
		height: 390px;
	}
	.video-iframe-content iframe { float: none; width: 94%; }
}

@media (min-width: 769px) {
  
  .links-buttons .col-md-4 {
    width: 33.33333333%;
    float:left;
  }
	
}



@media (min-width: 992px) {
  .col-md-4, .col-md-8, .col-md-12 {
    float: left;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-12 {
  	width: 100%;
  }

}


@media (min-width: 1199px){
	.without-right.col-md-4{
	  padding-right: 0 !important;
    }
}


.content-single-ms-professional #content .entry-content-single-ms-professional .content a.tags {
    display: block;
    float: left;
    background: #cccccc;
    padding: 6px;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 700;
    margin-right: 10px;
    margin-bottom: 6px;
}


.content-single-ms-professional article[id^='post'] {
	padding: 0;
}

.entry-content, .entry-content p {
  font-size: 16px !important;
}

.archive.post-type-archive-product .page-description img {margin-bottom:6px!important;}
.archive.post-type-archive-product .page-description p {text-align:left!important;}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
    text-transform: none;
    font-size: 12px;
    color: #555 !important;
    line-height: 17px;
}

.colsm4 {
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 767px) 
{ .vc_col-sm-4 {padding: 0px 20px; box-sizing: border-box;}

  .colsm4 {
    margin-left: 2%;
  }

 }

@media screen and (min-width: 768px) 
{ 
  .vc_col-sm-4 {padding: 0px 20px; box-sizing: border-box;}

}


@media screen and (min-width: 980px) 
{ 
  .colsm4 {
    width: 31%;
    margin-left: 2%;

  }

}


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

  .colsm4 {
    width: 30%;
    margin-left: 3%;

  }

}

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

  .colsm4 {
    width: 55%;
    margin-left: 25%;

  }

}


@media screen and (max-width:444px) 
{ 
  #featuredtext {
    top: 20% !important;
    font-size: 50px !important;
 
  }

  .ubermenu-responsive-toggle {
    padding: 5px 5px !important;
  }

  .newSite-header a.logotipo-milshake img {
      width: 90px;
  }


}

.ubermenu-skin-white {  background: transparent !important; border-width: 0px !important; }

/*SEARCH*/
#menu-item-9997 { display: none; }

@media screen and (max-width: 1250px ){
  #menu-item-9892 { display: none; }  
  #menu-item-9997 { display: block; }
}


#menu-item-9892 ul li .search-form, #menu-item-9892 ul li .search-form .search-field { width: 100%; }
.guaven_woos_suggestion {
  margin-top: -30px;
}

.woocommerce-product-search label {
  display: none !important
}
    
#menu-item-9898 ul {
  margin: 0px !important;
}

#menu-item-9898 input[type="search"], .search-product-x input[type="search"] {
  width: 89%;
  height: 30px;
  padding: 0px 10px;
  border: 1px solid #bbb8b8;
}

#menu-item-9898 button, .search-product-x button {
  width: 10%;
  height: 30px;
  font-size: 16px;
  text-align: center;
  padding: 0px;
  background-color: #e2e2e2;
  border: 0pc;
  color: grey;
  margin: 0px;
}
.search-product-x input[type="search"],
.search-product-x button { height: 40px; }
.search-product-x input[type="search"] { width: 84%}
.search-product-x button { width: 15%; background-color: #F9B935; color: #fff; }

#menu-item-9997 input[type="search"] {
  width: 89%;
  height: 30px;
  padding: 0px 10px;
  border: 1px solid #bbb8b8;
}

#menu-item-9898 ul li .woocommerce-product-search  button {
	cursor: url(https://www.milkshakehaircare.co.uk/wp-content/uploads/2017/08/background-heart-1.png), auto !important;
}

#menu-item-9997 button {
  width: 10%;
  height: 30px;
  font-size: 16px;
  text-align: center;
  padding: 0px;
  background-color: #e2e2e2;
  border: 0pc;
  color: grey;
  margin: 0px;
}

.guaven_woos_suggestion ul li { margin-bottom: 10px; }

.guaven_woos_suggestion:hover {
  display: block !important
}
#FGXseal { text-align: center; background: #CCCCCC; padding-bottom: 10px; }
.arial-black {  font-family: "Arial Black", "Arial Bold",Gadget,sans-serif !important; font-weight: 900; }

/*Video*/
.ms-professional-template-default h1 { margin-bottom: 10px; }
.col-video { padding: 4px !important; background: #D6D6D6; margin-bottom: 15px; }
.col-video .content-video { padding: 7px 7px 4px 7px; border: 3px solid #fff; }
.sloganBold { font-size: 32px !important; font-weight: 900 !important }
.sloganBoldSize { font-weight: 900 !important }

/*FEATURED*/
#featured-homepage-milk_shake { display: block; }
#featured-homepage-milk_shake ul { text-align: center; }
#featured-homepage-milk_shake ul li { display: inline-block; width: 30%; vertical-align:top; margin-bottom: 20px; padding: 25px 0; }
#featured-homepage-milk_shake ul li h3 { min-height: 63px; font-size: 18px; padding: 0.5em 5%; width: 100%; text-align: center; #58595b; }
#featured-homepage-milk_shake ul li span.price { font-size: 28px; height: 45px; width: 100%; display: block; margin-bottom: 15px; color: #333 !important; }
#featured-homepage-milk_shake ul li a.link { background: #f9b935; padding: 11px; width: 160px; height: 40px; font-size: 18px; display: inline-block; color: #fff; font-weight: 700; line-height: 1; }

@media screen and (max-width:1007px){
	#featured-homepage-milk_shake ul li { width: 48%; }
}
@media screen and (max-width:767px){
	#featured-homepage-milk_shake ul li h3 { font-size: 9pt; }
}
@media screen and (max-width:650px){
	#featured-homepage-milk_shake ul li { width: 99%; }
}
body .shopcategory .term-description {
  margin-top: 15px;
}
.guaven_woos_suggestion{
    top: 190px !important;
}