/*----Custom SEO Templates-----*/

/*---Accordion---*/
.accordion h1 {    
color: #737e86;
font-family: 'BaskervilleStd-BoldIt';
font-size: 40px;
padding-bottom: 35px;
line-height: 36px;

}

.acc-quote {
    position: relative;
    background-color: #374b56;
    padding: 50px;
    margin: 20px 0px 40px 0px;
    text-align: center;
    color: #cf6c33;
    font-size: 26px;
}
.quote-copy span, .quote-copy p {
    font-family: 'Baskerville' !important;  
    /*font-weight: bold;*/
}
.quote-copy span {
    font-size: 25px;
    line-height: 35px;
    font-style: italic;
    color: #e4701e;
}
.quote-copy p {
    margin: 10px 0px 0px 0px;
    color: #A3A3A3;
}
.acc-quote::after {
    content: ''; 
    width: 40px;
    height: 40px;
    background-color: #374b56;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: 20% -20%;
    bottom: -20px;
}

.accordion .ui-tabs .ui-tabs-nav li.ui-state-active a:after, table tr:hover td, table:not(.shop_table) tr:hover td a {
    color: #e3701d !important;
}


/*.accordion h2, .accordion h3 {
    font-size: 32px;
    line-height: 42px;
    font-family: 'Baskerville';
    font-style: italic;
    font-weight: 300;
    color: #e4701e;
    text-transform: lowercase !important;
}
*/
.accordion h2, .accordion h3 {
    font-size: 28px!important;
    line-height: 42px!important;
    font-family: 'Baskerville'!important;
    font-style: italic!important;
    font-weight: 300!important;
    color: #e4701e!important;
    /*text-transform: lowercase !important;*/
}

.accordion h2::first-letter, .accordion h3::first-letter  {
    /*text-transform: uppercase !important;*/
}

.accordion h4 {
    font-size: 16px;
    font-family: 'BaskervilleStd-BoldIt';
    font-weight: 300;
    color: #737e86;
    line-height: 21px;
}

.accordion p {
   font-size: 16px;
   color: #737e86;
}

.accordion li {
    color: #737e86;
}

.accordion .ui-tabs .ui-tabs-nav li a, .accordion .question .title, .faq .question .title, table th {
    color: #737e86;
    font-size: 18px!important;
    font-family: 'BaskervilleStd-BoldIt';
}

.accordion .ui-tabs .ui-tabs-nav li.ui-state-active a, .accordion .question.active .title>.acc-icon-plus, .accordion .question.active .title>.acc-icon-minus, .faq .question.active .title>.acc-icon-plus, .faq .question.active .title, .accordion .question.active .title {
    color: #e4701e;
    font-size: 18px!important;
    font-family: 'BaskervilleStd-BoldIt'!important;
}

.accordion .question .answer, .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background-color: #ececec;
}

.accordion .question {
    margin-bottom: 8px;
    -webkit-border-radius: 0px;
    border-radius: 0px!important;
    overflow: hidden;
    border-width: 0px;
    border-style: solid;
}

.accordion .question:last-child {
    margin-bottom: 8px;
}

.accordion .myButton {
-moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
-webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
box-shadow:inset 0px 3px 0px 0px #c3631e;
background-color:#e3701d;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:600;
padding: 12px 40px 10px 40px;
text-decoration:none;
margin-top: 20px;
margin-bottom: 20px;
}


.accordion .myButton:hover {
background-color:#f77e28;
}


.accordion .myButton:active {
position:relative;
top:1px;
}

.accordion #totalpoll-id-314a60c1d33d13986f38a79cac499b7b.totalpoll-poll-container {
    line-height: 1.5;
    font-family: inherit;
    color: #737e86;
    font-size: 16px;
    background: #ebebeb;
    padding: 12px;
    border-radius: 7px;
    font-style: italic;
}
.accordion #totalpoll-id-314a60c1d33d13986f38a79cac499b7b.totalpoll-poll-container .totalpoll-buttons .totalpoll-button {
    margin-right: 497px;
    padding: 13px 80px 13px 80px;

}

.accordion #totalpoll-id-314a60c1d33d13986f38a79cac499b7b.totalpoll-poll-container .totalpoll-buttons {
    margin-top: 2em;
    text-align: right;
    margin-bottom: 1em;

}

.accordion #totalpoll-id-314a60c1d33d13986f38a79cac499b7b.totalpoll-poll-container .totalpoll-buttons .totalpoll-button.totalpoll-button-primary {
    font-size: 18px;
    font-weight: 100!important;
}

.accordion .totalpoll-choice-container:hover {
color:#fff !important;
}


.accordion ls-v5 .ls-nav-prev {

}

.accordion img.scale-with-grid, #Content img {
    max-width: 100%;
    height: auto;
    padding-top: 0px;
}

.accordion .mutimg1 {
    width: 45%;
    padding: 2px 25px 0 0;
    float: left;
}
.accordion .mutimg1 img {
    padding-bottom: 7px;
}
.accordion .mutimg2 {
    width: 45%;
    padding: 2px 0px 0 25px;
    float: left;
}
.accordion .mutimg2 img {
    padding-bottom: 7px;
}

/*----First-Letter---*/
.First-Letter p::first-letter {
    font-size: 200%;
    color: #737e86;
font-family: inherit;
}

.First-Letter, .First-Letter p {
    color: #737e86;
}
.accordion .orangeT{
color: orange;
font-weight: bold;
}

/*---Post-Button---*/

.Post-Button .myButton {
-moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
-webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
box-shadow:inset 0px 0px 0px 0px #f9eca0;
background-color:#e3701d;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
display:inline-block;
cursor:pointer;
color:#ffffff!important;
font-family:arial;
font-size:16px;
font-weight:600;
padding:6px 40px;
text-decoration:none;
margin-top: 20px;
margin-bottom: 20px;
}


.Post-Button .myButton:hover {
background-color:#f77e28;
}

.Post-Button p {
font-size: 16px;
color: #ffffff!important;
}

.article_box {
	background-color: #f8f8f8;
	height: 105px;
	border-radius: 7px;
	background-image: none;
        margin: 0px 0px -25px;
}

.article_box .desc_wrapper {
	background-image: none !important;
	width: 70%;
    	border-left: solid 3px;
	background-color: #FFFFFF !important;
}

.article_box .desc_wrapper p {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #464646 !important;
	line-height: 16px;
}

.article_box .desc_wrapper h4 {
	font-family: 'BaskervilleStd-BoldIt';
	font-size: 16px;
	line-height: 17px;
	color: #464646;
}

.article_box .photo_wrapper img {
	padding-top: 0px !important;
	max-width: 131% !important;
	min-width: 115%;
}

.article_box .photo_wrapper {
	width: 30%;
}

.article_box .desc_wrapper i.icon-right-open {
	display:none;
}

/*---Multi-Image---*/

.Multi-Image .one-second.column {
    width: 40%;
    padding-right: 43px;
}


/*----Category Pages----*/

.zero-margin {margin: -30px 0 0 0;}
.category-header { margin: 50px 0 0 0; }
.category-images { width: 48%; float: left; height: 330px; overflow:hidden;}
.category-images img { max-width: 580px!important; margin-top: 0px; }
.category-heading h1 {color:#696a6e; font-family:'NewBaskervilleStd-Italic'; text-align: left; font-size: 55px!important; margin: 50px 0 0 0; line-height:60px;}
.category-heading h2 {color:#696a6e; font-family:'Gotham-Bold'; text-align: left; text-transform:uppercase;}
.category-heading h1 span {color:#696a6e; font-family:'Gotham-Bold'; text-align: left; text-transform:uppercase;}
.category-heading {background-color:#FFF!important; width: 48%; float: left; height: 270px; padding: 60px 0 0px 30px;}



/*------Category Images-----*/

.delicate-skin {background: url(../jpg/delicate-skin1.jpg) no-repeat top center; background-size: cover;}
.damaged-skin {background: url(../jpg/damaged-skin.jpg) no-repeat top center; background-size: cover;}
.blemished-prone-skin {background: url(../jpg/blemish-prone-skin.jpg) no-repeat top center; background-size: cover;}
.beautiful-skin {background: url(../jpg/beautiful-skin1.jpg) no-repeat top center; background-size: cover;}
.ageing-skin {background: url(../jpg/anti-ageing-skin.jpg) no-repeat top center; background-size: cover;}
.dry-skin {background: url(../jpg/dry-skin-environ-skin-care.jpg) no-repeat top center; background-size: cover;}
.healthy-skin {background: url(../jpg/healthy-skin1.jpg) no-repeat top center; background-size: cover;}
.oily-skin {background: url(../jpg/oily-skin1.jpg) no-repeat top center; background-size: cover;}
.sensitive-skin {background: url(../jpg/sensetive-skin.jpg) no-repeat top center; background-size: cover;}
.skin-acne {background: url(../jpg/skin-acne1.jpg) no-repeat top center; background-size: cover;}
.skin-care {background: url(../jpg/skin-care1.jpg) no-repeat top center; background-size: cover;}
.skin-science {background: url(../jpg/skin-science.jpg) no-repeat top center; background-size: cover;}
.vitamin-a {background: #FFF;}
.vitamin-a-logo {background: url(../jpg/vitamin-a-logo.jpg) no-repeat top; width: 250px; height: 250px; background-size: contain; margin: 40px auto;}
.press-release {background: #FFF;}
.press-release-logo {background: url(../png/texture-logo.png) no-repeat top; width: 242px; height: 195px; background-size: contain; margin: 40px auto;}

/*---- CATEGORY MENU-----*/

.ncp-title {color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 20px; width:48%; float:left;}
.ncp-buttons {float:right; list-style:none; font-weight:bold;}
.ncp-categories {list-style:none!important;}
.ncp-wrapper {width:100%; float:left; margin: 0 0 40px -40px;}
.ncp-wrapper ul li a {color:#333; margin:10px 0px; width:100%; text-decoration:none; font-weight:bold; font-size: 15px;}
.ncp-wrapper ul li a:hover {color:#FFFFFF;}
.ncp-wrapper ul li {list-style:none; text-decoration:none; text-transform: uppercase; background:#FFFFFF; float:left; width:20%; padding:10px; margin:5px; border:3px solid #FFF; text-align:center;}
.ncp-wrapper ul li:hover {background:#e4701e;}
.ncp-wrapper ul li:hover > a {color:#FFFFFF;}
.ncp-buttons a {color:#FFFFFF; text-decoration:none; text-transform: uppercase; line-height: 30px; font-size: 20px;}
.ncp-wrapper ul li.close-ncp {width:20px; height:21px;}

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

/*-----Range slider Tweeks----*/

.range-content {padding:20px 0 50px 0}

/*-----Range slider Tweeks----*/

.article_box { margin: 0px 0px 0px 0;}

.category-heading h1 {font-family:'NewBaskervilleStd-Italic'; text-align: center; font-size: 35px!important; margin: 30px auto 0 auto;}
.category-heading h2 {font-family:'Gotham-Bold'; text-align: center; text-transform:uppercase;}
.category-heading { width:100%; padding: 0px; height: 250px;}
.category-images { width:100%; height:450px; margin: 0 0 -10px 0; }
.category-images img { max-width: 100%!important; margin: 0 auto; }

.ncp-wrapper ul li {width:100%;}
.ncp-buttons a {line-height: 42px;}
.ncp-title {width:100%; text-align:center;}
.ncp-buttons {width:100%; text-align:center;}

}

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

.ageing-skin {background: url(../jpg/anti-ageing-skin.jpg) no-repeat top center; background-size: cover; background-position: 90% 0;}

}

.ui-tabs .ui-tabs-nav li.ui-state-active a:after, table tr:hover td, table:not(.shop_table) tr:hover td a {
    color: #e3701d !important;
}
