/**
 * Normalize - based on https://github.com/necolas/normalize.css
 * Modified by Mike Street - https://github.com/mikestreety
 *
 * Changes to original:
 * 	- Remove all comments. See original css for comments
 *  - Changed headings to px based font sizes
 *  - Changing p, heading and other margins to being just on bottom 15px standard
 *  - Added a {cursor: pointer;} so that when an A is used for pure JS (with no href) - you get the hand
 *  - Adding nav li {margin-bottom: 0px;}
 *  - And also adding li {margin-bottom: 5px;} and li:last-child {margin-bottom: 0px;}
 *  - nav ol & ul now have no margin
 *
 * If you update this - please make sure you reflect tha changes in https://github.com/bozboz/foundation.less/blob/master/normalize.less
 * 
 * SKYKEM CSS
 */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;}
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; height: 0;}
[hidden] { display: none;}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html,button,input,select,textarea { font-family: sans-serif; }
body { margin: 0;}

a {cursor: pointer;}
a:focus { outline: thin dotted;}
a:active,a:hover { outline: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 15px;}
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

abbr[title] { border-bottom: 1px dotted;}

b,strong { font-weight: bold;}
blockquote { margin: 1em 40px;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
p,pre { margin: 0 0 15px}
code,kbd,pre,samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q { quotes: none;}
q:before,q:after { content: ''; content: none;}
small { font-size: 75%;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}

dl,menu,ol,ul { margin: 0 0 15px;}
dd { margin: 0 0 0 40px;}
menu,ol,ul { padding:0px;}
nav ul,nav ol { list-style: none; margin: 0; padding: 0;}
nav li {margin-bottom: 0px;}
li {margin-bottom: 5px;}
li:last-child {margin-bottom: 0px;}

img { border: 0; -ms-interpolation-mode: bicubic;}
svg:not(: root) { overflow: hidden;}
figure { margin: 0;}
form { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,input { line-height: normal;}
button,html input[type="button"],
input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled],input[disabled] { cursor: default;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top;}

table { border-collapse: collapse; border-spacing: 0;}


/* START */

body {width:960px; margin: 0 auto;}

p, span, h4, small {font-family: 'Cabin', sans-serif;}

small {font-size: 11px;}
section	{display: block; position: relative}

header {display: block;width: 960px; height: 210px; margin: 0 auto; position: relative;}

.phone-head {position: absolute; right: 10px; color: #1C75BC; font-size: 21px; top: 104px; text-shadow: 2px 2px 2px ##444; filter: dropshadow(color=##444, offx=2, offy=2); font-family: 'Cabin', sans-serif;}

nav li{display: inline-block; float: left; list-style-type: none; background: url(../img/skykem-homepage_r3_c1.png) repeat-x; margin-right: 3px; width: 117px; height: 31px;}
nav li:active{background-position: 0 -31px;}
nav li:last-child {background: url(../img/skykem-homepage_r3_c1.png) repeat-x; margin-right: 0px;}
nav li:last-child:active{background-position: 0 0px;}

nav a{display: block; height: 31px; font: 13px 'Cabin', sans-serif; font-weight:700; color: #313536; text-decoration: none; margin: 0 auto; padding: 6px 0; text-align: center;}
nav a:hover {color: #1d82c5;}

#slides { position:relative; display: block; margin: 0 auto; z-index:4; width: 960px;}
.slides_container {	width:960px; overflow:hidden; position:relative; display:none;}
.slides_container div.slide { width:960px; height:270px; display:block;}



#slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101;}
#slides .next {left:585px;}

.pagination {margin:-30px 0 0 882px; width:100px; position: relative; z-index:5; }
.pagination li {float:left; margin:0 1px; list-style:none;}
.pagination li a {display:block; width:14px; height:3px; padding-top:12px; background-image:url(../img/sprite.png); background-position:-2px -35px; float:left; overflow:hidden;}
.pagination li a:hover {background-position: -39px -35px;}
.pagination li.current a {background-position:-21px -35px;}

.content{width: 960px; height: 238px; display: block; position: relative;}
.content-box{width: 310px; height: 238px; float: left; position: relative; display: block; margin-right: 15px; }
.content-box:last-child{margin-right: 0px; padding-top: 34px; height: 211px;}
.content-box p {margin-bottom:5px;}

.section__products {
	clear: both;
}

.product__container {
	display: inline-block;
	vertical-align: top;
	margin: 5px;
}

.product__container .content-box2 {
	margin: 0;
}

.section__welcome {

}

.welcome__block {
	display: inline-block;
	vertical-align: top;
	width: 33.3%;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

.welcome__block + .ourclients {
	display: inline-block;
	vertical-align: bottom;
	width: 66.6%;
	height: 280px;
	padding: 50px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}



.content-box2 {	float:left;	position:relative; overflow:hidden; width:310px; height:200px; margin:0px 15px 0 0;  -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
	.mosaic-backdrop {position:absolute; top:0px;	height:100%; width:100%; background:#111;}
	.mosaic-overlay {z-index:5; position:absolute; height:100%; width:100%; background:#111;}		
		.content-box2 .mosaic-overlay {bottom:-60px; height:120px; opacity:0.7; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);}
		.content-box2 .mosaic-overlay:hover {opacity:0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90);}
		
		.content-box2:hover .mosaic-overlay {bottom:0; opacity: 1;}
		.content-box2:hover .details h4 {padding-bottom: 15px;}
		.content-box2:hover .details p {color: #ccc;}

.content-box2 a{text-decoration: none;}
.details h4{font-weight: 700; font-size: 22px; color: white; padding: 15px 15px 40px; text-decoration: none; -webkit-transition: 0.2s;}
.details p{padding: 15px; margin-top: -60px;}

.content p {color: #6D6E71; font-size: 12px; line-height: 14px;}
span.title {display:block; font-weight: 700; color: #1C75BC; font-size: 20px; margin: 40px 0 10px 0; }
span.readmore a {font-weight: 700; text-align: right; float: right; font-size: 10px; color: #6D6E71; text-decoration: none;}
span.readmore a:hover {text-decoration: underline;}
span.title .readmore a{margin-top: 12px;}

a.subtitle {font-size:14px; color:#1C75BC; text-decoration:underline;}


.cl-left{display: block; position: relative; float: left; margin: 40px 0;}
.ourclients{width: 635px; height: 90px; background-color: #E6E7E8;}

.slide_carousel {position: relative;}
.slide_container_carousel { margin-left: 33px; width:565px; display:none; padding-top: 90px;}
.slide_container_carousel div.slide_carousel { width:635px; height:90px; display:block;}
.item_client { float:left; width:135px; height:90px; margin:0 5px;}

.prev{display:block; position: absolute; z-index: 10; width:32px; height:30px; padding-top:0px; background-image:url(../img/sprite.png); background-position:-181px -2px; float:left; margin: -60px 0 0 1px}
.prev:hover{background-position:-145px -2px;}
.prev:active{background-position:-109px -2px;}

.next{display:block; width:32px; height:30px; padding-top:0px; background-image:url(../img/sprite.png); background-position:-2px -2px; float:left; margin: -60px 0 0 603px}
.next:hover{background-position:-38px -2px;}
.next:active{background-position:-74px -2px;}

.testimonials{display:block; position:relative; width: 626px; height: 353px; background-color: #E6E7E8; padding: 9px 0 0 9px; }
.testimonials-box{display: block; position: relative; float: left; width: 201px; height: 344px; background-color: #fff; margin-right: 7px;}
.testimonials-box:last-child{margin-right: 0px;}
.testimonials-box img{display: block; width: 168px; height: 35px; margin: 0 auto; padding-top: 20px;}
.testimonials-box p{font-style: italic; font-size: 15px; color: #6D6E71; padding: 15px; line-height: 1.5; text-align: center}

.homeform{display: block; position: relative; float: right; width: 308px; height: 384px; background-color: #e6e7e8; top: 90px; border: 1px solid #25669C; }
.homeform .title {background: #25669C; width: 298px; height: 26px; position: relative; display: block; color:#fff; margin-top:0px; padding:5px 0 5px 10px}
.homeform p{margin:10px; padding-top: 10px; }
.homeform input, .homeform textarea {width:275px; padding: 5px; margin:10px; font-size: 12px; resize:none;}
.homeform textarea{height: 50px;}
.homeform input[type="submit"] {width:100px; float:right;}


.field {font-size:12px; margin:10px; padding:5px; }

textarea .field {height:50px;}

.sideform .field {width:205px;}




.sideform{display: block; position: relative; float: right; width: 238px; height: 100%; background: #d3d2d7; /* Old browsers */
background: -moz-linear-gradient(left, #d3d2d7 0%, #fafafa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d3d2d7), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #d3d2d7 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #d3d2d7 0%,#fafafa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #d3d2d7 0%,#fafafa 100%); /* IE10+ */
background: linear-gradient(to right, #d3d2d7 0%,#fafafa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d2d7', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */; border: 1px solid #25669C; margin-bottom:40px;}
.sideform .title {background: #25669C; width: 228px; height: 32px; position: relative; display: block; color:#fff; margin:0; padding-left:10px; padding-top:3px;}
.sideform p{margin:10px; padding-top: 10px; color: #6D6E71; font-size: 12px; line-height: 14px;}
.sideform input, textarea {width:205px; padding: 5px; margin:10px; font-size: 12px; resize:none;}
.sideform textarea{height: 50px;}
.sideform input[type="submit"] {width:80px; height:30px; float:right;}

/* Contact-us sidebar now links through to the full contact page (was an inline form) */
.sidecontact {height:auto; overflow:hidden; padding-bottom:15px;}
.sidecontact p {margin:10px; padding-top:10px; color:#6D6E71; font-size:12px; line-height:16px;}
a.contact-btn {display:inline-block; margin:5px 10px 10px; padding:9px 18px; background:#25669C; color:#fff; font-size:13px; font-weight:bold; text-decoration:none; border-radius:2px;}
a.contact-btn:hover {background:#1d82c5; color:#fff; text-decoration:none;}

.contactform{display: block; position: relative; float: right; width: 100%; height: 100%; background:url(../img/contactform_bg.jpg) 328px 84px no-repeat; background-color: #e6e7e8; border: 1px solid #25669C; }
.contactform .title {background: #25669C; width: 590px; height: 26px; position: relative; display: block; color:#fff; margin-top:0px; padding:5px 0 5px 10px}
.contactform p{margin:10px; padding-top: 10px; color: #6D6E71; font-size: 12px; line-height: 14px;}
.contactform input, .contactform textarea {width:310px; padding: 5px; margin:10px; font-size: 12px; resize:none;}
.contactform textarea{height: 50px;}
.contactform input[type="submit"] {width:80px; height:30px; float:right; margin-top:43px;}
.map {
    border: 1px solid #25669C;
 }

.page-left {display: block; position:relative; float:left; width:600px;margin-right:50px; margin-bottom:30px; padding: 0 60px 20px 0; border-right: solid 10px #f0f0f1;}
.page-left p {color: #6D6E71; font-size: 14px; line-height: 18px;}
span.page-title {display:block; font-weight: 700; color: #1C75BC; font-size: 30px; margin:0 0 10px;}
.page-left h2 {color: #1c75bc; font-size:30px; text-transform:lowercase;}
.page-left h3 {color: #1C75BC;}
.page-left li {display: inline-block; float: left; color: #6D6E71; font-size: 14px; font-family: 'Cabin', sans-serif; line-height: 1.3}
.page-left li:last-child {padding-bottom:10px;}
.page-left img {overflow:hidden; position:relative; border: 3px solid #EBEBEB; float:right; margin-left:15px;margin-bottom:10px;}
.elsan-ad {float:left; margin-right:15px;}

.page-left ul {	padding-left: 40px; }

.page-left.deodorant-sachets li {display: list-item}

.page-tabs {display: block; position:relative; float:left; width:600px;margin-right:50px; margin-bottom:20px; padding: 0 60px 20px 0; border-right: solid 10px #f0f0f1;}
.page-tabs p {color: #6D6E71; font-size: 14px; line-height: 18px;}
span.page-tabs {display:block; font-weight: 700; color: #1C75BC; font-size: 30px; margin:0 0 10px;}
.page-tabs h2 {color: #1c75bc; font-size:30px;}
.page-tabs h3 {color: #1C75BC;}
.page-tabs img {overflow:hidden; position:relative; border: 3px solid #EBEBEB; float:right; margin-left:15px;margin-bottom:10px; }
.elsan-ad {float:left; margin-right:15px;}
.page-tabs small {float:left;}
.page-tabs li {display: inline-block; float: left; font-size:14px;}
.page-tabs ul {float:left;}


.page-tabs .tab-list {text-indent:25px; background: url(../img/tick.jpg) left top no-repeat; padding-bottom:10px; line-height: 18px;}


.data {width: 500px; border:solid #eee; border-width: 1px 0 0 1px; margin-bottom: 20px; margin-top:10px; font-size:15px;}
.data td {padding: 5px;  border: solid #eee; border-width: 0 1px 1px 0; color: #4D4D4D;}
.data tr.even td, li.even {background: #F4F3F2;}
.data td.spec {font-weight: bold; color: #4d4d4d; width:230px;}



aside{display: block; position: relative; float: right; width: 238px; background-color: #25669C; border: 1px solid #25669C; margin-bottom: 30px; text-align:left; text-indent: 10px; }
aside h2 {color: #1c75bc;}
aside ul {height:100%; margin-bottom:0;}
aside li {display:block; list-style-type: none; color: #313536; font-size: 12px; font-weight:bold; line-height: 40px;background: #d3d2d7; /* Old browsers */
background: -moz-linear-gradient(left, #d3d2d7 0%, #fafafa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d3d2d7), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #d3d2d7 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #d3d2d7 0%,#fafafa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #d3d2d7 0%,#fafafa 100%); /* IE10+ */
background: linear-gradient(to right, #d3d2d7 0%,#fafafa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d2d7', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */; margin-bottom:0; width: 238px; height: 46px;border-bottom: 1px solid #6D6E71;}
aside li:last-child {margin-bottom: 0; }
aside a {text-decoration:none; color: #313536;} 
aside a:hover {text-decoration: none; color: #1d82c5;}

aside .title {width: 228px; height: 32px; position: relative; display: block; color:#fff; margin:0; padding-top:5px;}
aside p{margin:10px; padding-top: 10px; }

/*
.pageform {width: 238px; top:0; margin-bottom:30px;}
.pageform .title {background: url(../img/sky_form_page.jpg) no-repeat; padding-left:10px; padding-top:3px;}
.pageform p {color: #6D6E71; font-size: 12px; line-height: 14px;}
.pageform form input, textarea {width:210px; padding: 5px; margin:10px; font-size: 12px; resize:none;}

#stand form input, textarea {width:20px;}

/* Contact Us page	
.contactform {width: 100%; top:0; background: #e6e7e7 url(../img/contactform_bg.jpg) no-repeat right center;}
.contactform .title {background: #333; padding-left:10px; padding-top:3px; width:590px}
.contactform p {color: #6D6E71; font-size: 12px; line-height: 14px;}
.contactform .bt-submit {float:left; margin-left:13px;}
.contactpage form input, textarea {width:274px;}
.contactpage li {background:none; text-align:left; text-indent:15px;}*/

.contactpage {text-indent: 10px;}

.map {margin-top:20px;}

footer {clear:both;}

footer small {font: 12px 'Cabin', sans-serif; font-weight:700; color: #939598; text-decoration: none;}

footer small a {font: 12px 'Cabin', sans-serif; font-weight:700; color: #939598; text-decoration: none;}

.footright {float:right; margin-right:0;}
.footright ul {float:right; margin-right:0;}
.footright li{display: inline; float: left; margin-right:10px;}
.footright li a {font: 12px 'Cabin', sans-serif; font-weight:700; color: #939598; text-decoration: none;}
.footright a:hover {color: #1d82c5;}
.footright li:last-child {background: none; margin-right: 0px;}

.times ul {float:right; margin-right:0;}

div.st_horizontal { /* The main container */	position:relative; float:left; clear:both; width:600px; /* Set the full width */	color:#616161;}

/* Control buttons
------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev, 
div.st_horizontal a.st_next { /* Directional buttons (previous/next) */
	position:absolute; top:0px; z-index:110; display:none; height:38px; width:39px; border:1px solid #d4d4d4; outline:none; background:#fff url(../img/btn_arrows.gif) no-repeat;	
}

div.st_horizontal a.st_prev { /* Previous button */
	left:0px; background-position:13px 13px; border-top-left-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px;
}

div.st_horizontal a.st_prev:hover { /* Previous button hover */	
	background-position:-50px 13px; background-color:#f5f5f5;
}

div.st_horizontal a.st_next { /* Next button */
	right:0px; background-position:14px -14px; border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;
}

div.st_horizontal a.st_next:hover { /* Next button hover */	
	background-position:-49px -14px; background-color:#f5f5f5;
}

div.st_horizontal a.st_prev.st_btn_disabled, 
div.st_horizontal a.st_next.st_btn_disabled { /* Previous and next buttons disabled state */
	cursor:default; background-color:#f7f7f7;
}

div.st_horizontal a.st_prev.st_btn_disabled { /* Previous button disabled state */
	background-position:-113px 13px;
}

div.st_horizontal a.st_next.st_btn_disabled { /* Next button disabled state */
	background-position:-112px -14px;
}

/* Tabs
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container { /* Tabs main container */		
	position:relative; z-index:100; width:100% !important; height:40px; margin-bottom:-1px; overflow:hidden;
}

div.st_horizontal div.st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
}

div.st_horizontal div.st_sliding_active div.st_slide_container { /* The .st_sliding_active class is added to the div.st_tabs_container element when tab sliding is activated */
	margin:0px 40px; /* Adds side margins to make space for the arrow buttons */
}

div.st_horizontal ul.st_tabs { /* Tabs unordered list */
	width:10000px; /* Set to an arbitrary high value */
	height:40px; margin:0px; padding:0px; ist-style:none;
}

div.st_horizontal ul.st_tabs li { /* Tab list elements */
	float:left;
}

div.st_horizontal ul.st_tabs li a { /* Tab links */
	display:block; margin:0px; padding:10px 20px; font-size:11px; line-height:18px; /* Aligns the tabs to the bottom of the content container */color:#6a6a6a; font-weight:bold; text-decoration:none; outline:none;border-top:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fff url(../img/h_tab_bg.jpg) repeat-x 0px bottom;
}

div.st_horizontal ul.st_tabs a:hover { /* Tabs hover state */
	color:#333;
}

div.st_horizontal ul.st_tabs li a.st_first_tab {
	border-left:1px solid #d4d4d4;
} 

div.st_horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	color:#1ca5ec; border-bottom-color:#fff; background:#fff;
}

/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container { /* Main content container */
	position:relative; z-index:5; height:760px; padding:20px 20px 23px; /* Set the padding for the content here */ border:1px solid #d4d4d4; background-color:#fff; overflow:hidden; /* To make the content scroll if Javascript is disabled, set to: auto */
}

div.st_horizontal div.st_view { /* Slide-container for the content */
	position:relative; height:100%; overflow:hidden;
}

div.st_horizontal div.st_tab_view { /* Individual content containers */
	display:none; /* Hides the content when Javascript is disabled */width:100%;	
}

div.st_horizontal div.st_first_tab_view {
	display:block;
}

div.st_horizontal div.st_view h2 {
	font-size:16px; color:#454545; margin:0 0 16px; padding:0px;
}

div.st_horizontal div.st_view p {
	margin:14px 0 0; padding:0px;
}

div.st_horizontal div.st_view blockquote {
	float:left; width:315px; margin:18px 14px 0 0; padding:0 0 0 14px; border-left:2px solid #5c5c5c; font:italic 17px/21px Georgia, "Times New Roman", Times, serif; color:#A8A8A8;
}

div.st_horizontal div.st_view blockquote p {
	margin:0px;
}

div.st_horizontal div.st_view img { /* Slide-container for the content */
	border:none;
}

/* Bottom aligned tabs
------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev, 
div.st_horizontal.align_bottom a.st_next { /* Directional buttons (previous/next) */
	border-bottom:1px solid #d4d4d4;
}

div.st_horizontal.align_bottom a.st_prev { /* Previous button */
	/* Reset top borders */
	border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
	/* Set bottom borders */
	border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px;
}

div.st_horizontal.align_bottom a.st_next { /* Next button */
	/* Reset top borders */
	border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
	/* Set bottom borders */
	border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;
}

div.st_horizontal.align_bottom div.st_tabs_container { /* Tabs main container */
	position:absolute; /* Absolute position the tabs container at the bottom of the main container */bottom:-39px; left:0px; margin-bottom:0px;
}

div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	border-top-color:#fff; border-bottom-color:#d4d4d4;
}

/*testimonial quotes reset */

.mb-wrap {
    width: 300px; margin: 0 auto; padding: 20px; position: relative;
}
 
.mb-wrap p{
    margin: 0; padding: 0;
}
 
.mb-wrap blockquote {
    margin: 0; padding: 0; position: relative;
}
 
.mb-wrap cite {
    font-style: normal;
}

/*testimonial quotes styles */

.mb-style-3 {
    width: 560px;
}
 
.mb-style-3 blockquote{
    background: #fff; padding: 30px; border-radius: 5px;
    box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7), -5px -4px 25px rgba(0, 0, 0, 0.3);
}

.mb-style-3-alt blockquote{
    background: #1C75BC;
    border-radius: 5px;
    box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7), -5px -4px 25px rgba(0, 0, 0, 0.3);
}


/* We will add a little arrow to point down using the technique offered at CSS Arrow Please!: */

	
.mb-style-3 blockquote:after,
.mb-style-3 blockquote:before  {
    top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
 
.mb-style-3 blockquote:after  {
    border-top-color: #ffffff; border-width: 10px; left: 65%; margin-left: 54px;
}
 
.mb-style-3 blockquote:before {
    border-top-color: rgba(0,0,0,0.01); border-width: 11px; left: 65%; margin-left: -11px;
}

/*The paragraph will have the following style:*/


	
.mb-style-3 blockquote p {
	color: #6D6E71; font-family: 'Alegreya',serif; font-size: 18px; font-style: italic;font-weight: 400; line-height: 27px; position: relative; text-indent: 100px;
}

/*Now, we will add a quotation mark to the left with the help of the pseudo-element :before:*/
	
.mb-style-3 blockquote p:before{
    content: '\201C'; font-family: serif; font-style: normal; font-weight: 700; position: absolute; font-size: 175px; top: 0px; left: -105px; color: rgba(28,117,188,1); text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}

/*The part with the link and the author will have a bigger right padding because of the thumb that we will add:*/

.mb-style-3 .mb-attribution {
    text-align: right; padding: 20px 100px 20px 20px; position: relative;
}

/*The thumbnail division will be a little circle with the author’s picture as background:*/

	
.mb-style-3 .mb-thumb {
    display: none; width: 70px; height: 70px; border: 5px solid #fff; border-radius: 50%; background: url(../images/bronte.jpg) no-repeat center center; position: absolute; right: 10px; bottom: 5px;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.5),0 2px 3px rgba(0,0,0,0.6);
}

/*And the resting text-styles are as followed:*/

	
.mb-style-3 .mb-author{
    font-family: 'Alegreya SC', serif;font-weight: 700;font-size: 18px;color: rgba(28,117,188,1); text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}
 
.mb-style-3 cite a{
    font-family: 'Alegreya', serif; font-weight: 700; font-style: italic; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
 
.mb-style-3 cite a:hover{
    color: rgba(188, 147, 200, 1); text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}



.easy_bar {
	float: left; margin: 10px 75px 0 0;
}

.deodorant-sachets img {margin-bottom: 20px;}

.sachets-table {width: 100%; margin: 10px 0;}
.sachets-table td {border: 1px solid #ddd; padding: 7px; font-family: 'Cabin', sans-serif; font-size: 13px;}
.sachets-table tbody tr {background-color: #eee;}

.secret-list {
	padding: 0; margin:0; list-style-type: none;
}