/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 4, ../../sass/core/main.scss */

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=bef0e2d2-ccde-496f-b010-672fbf3afc56");
@import url("//hello.myfonts.net/count/2b1860");
@import url("//hello.myfonts.net/count/2b2627");

@font-face{
font-family:"HelveticaNeueW01-45Ligh";
src:url("../../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
src:url("../../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),url("../../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("../../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("../../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-UltLt";
src:url("../../fonts/41774233-b9da-44be-b252-6a7b612fb1c7.eot?#iefix");
src:url("../../fonts/41774233-b9da-44be-b252-6a7b612fb1c7.eot?#iefix") format("eot"),url("../../fonts/4bff1fbb-b4bf-4d95-9c47-efcb14384e36.woff") format("woff"),url("../../fonts/7f1f2a7d-3837-4c93-b373-f03c5da3f9a1.ttf") format("truetype"),url("../../fonts/d9f2752a-8d82-4cf1-b82f-109c1105be7f.svg#d9f2752a-8d82-4cf1-b82f-109c1105be7f") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-77BdCn 692722";
src:url("../../fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot?#iefix");
src:url("../../fonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot?#iefix") format("eot"),url("../../fonts/102ab74c-0e84-4fe5-a17a-b20fb643591a.woff") format("woff"),url("../../fonts/1d146b29-55e2-485b-96aa-5cb628e7e9eb.ttf") format("truetype"),url("../../fonts/d90b3358-e1e2-4abb-ba96-356983a54c22.svg#d90b3358-e1e2-4abb-ba96-356983a54c22") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-55Roma";
src:url("../../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
src:url("../../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("../../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("../../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("../../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}



@font-face {font-family: 'Flux-Regular';src: url('../../fonts/2B1860_0_0.eot');src: url('../../fonts/2B1860_0_0.eot?#iefix') format('embedded-opentype'),url('../../fonts/2B1860_0_0.woff') format('woff'),url('../../fonts/2B1860_0_0.ttf') format('truetype');}



@font-face {font-family: 'Flux-Bold';src: url('../../fonts/2B2627_0_0.eot');src: url('../../fonts/2B2627_0_0.eot?#iefix') format('embedded-opentype'),url('../../fonts/2B2627_0_0.woff') format('woff'),url('../../fonts/2B2627_0_0.ttf') format('truetype');}

@font-face {
    font-family: 'squarespaceuifontuifont';
    src: url('../../fonts/squarespace-ui-font.eot');
    src: url('../../fonts/squarespace-ui-font.eot') format('embedded-opentype'),
         url('../../fonts/squarespace-ui-font.woff') format('woff'),
         url('../../fonts/squarespace-ui-font.ttf') format('truetype'),
         url('../../fonts/squarespace-ui-font.svg#squarespaceuifontuifont') format('svg');
}
/* Abhay | GSKBD-28502 | 04-07-2023 | Start */
@font-face {
  font-family: 'Gilroy-Regular';
  src: url('../../fonts/Gilroy-Regular.eot');
  src: local('Gilroy Regular'), local('Gilroy-Regular'),
      url('../../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/Gilroy-Regular.woff2') format('woff2'),
      url('../../fonts/Gilroy-Regular.woff') format('woff'),
      url('../../fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Abhay | GSKBD-28502 | 04-07-2023 | End */

#cq-emulator-content.firefox {
  background-color: white !important;
}

/* line 8, ../../sass/core/main.scss */
html, body {
  width: 100%;
  font-size: 14px;
}

/* line 13, ../../sass/core/main.scss */
body {
  line-height: 1.5;
  background:url('../../img/background_original.jpg') 50% 95px no-repeat;
  font-family: Arial;
  font-size: 14px;
  position: relative;
  overflow: auto;
}

/* line 21, ../../sass/core/main.scss */


#wrapper,
.container {
  color: #323131;
  /*background-color: #F5F5F5;*/
}

/* line 27, ../../sass/core/main.scss */
#header {
 /* padding-top: 15px;
    border-bottom: 6px solid #235189;*/
}

/* line 32, ../../sass/core/main.scss */
#footer {
  padding-bottom: 15px;
  padding-top: 45px;
}

/* BASE STYLES
----------------------------------------- */
/* line 40, ../../sass/core/main.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #323131;
  margin: 10px 0;
}

/* line 47, ../../sass/core/main.scss */
h1 {
  font-size: 2em;
}

/* line 51, ../../sass/core/main.scss */
h2 {
  font-size: 1.5em;
}

/* line 55, ../../sass/core/main.scss */
h3 {
  font-size: 1.17em;
}

/* line 59, ../../sass/core/main.scss */
h4 {
  font-size: 1em;
}

/* line 63, ../../sass/core/main.scss */
h5 {
  font-size: 0.83em;
}

/* line 67, ../../sass/core/main.scss */
h6 {
  font-size: 0.67em;
}

/* line 71, ../../sass/core/main.scss */
a {
  color: #323131;
  text-decoration: none;
}

/* line 76, ../../sass/core/main.scss */
a:hover {
  color: #868484;
}

/* line 80, ../../sass/core/main.scss */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

/* line 89, ../../sass/core/main.scss */
button,
input {
  overflow: visible;
  line-height: normal;
}

/* line 95, ../../sass/core/main.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 101, ../../sass/core/main.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/* line 109, ../../sass/core/main.scss */
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

/* line 120, ../../sass/core/main.scss */
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

/* line 127, ../../sass/core/main.scss */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 132, ../../sass/core/main.scss */
textarea {
  overflow: auto;
  vertical-align: top;
}

/* LAYOUT STYLES
----------------------------------------- */
/* line 140, ../../sass/core/main.scss */
.component {
  clear: left;

}

/* line 145, ../../sass/core/main.scss */
.component[class*="grid"] {
  clear: none;
}

/* line 149, ../../sass/core/main.scss */
.component[class*="grid"].alpha {
  clear: left;
}

/* line 153, ../../sass/core/main.scss */
.component-content {
  overflow: hidden;
  margin-bottom: 14px;
}

/* line 158, ../../sass/core/main.scss */
.component > .component-content {
  margin-bottom: 0;
}

/* ALERTS
-------------------------------------*/
/* line 165, ../../sass/core/main.scss */
.alert-list {
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style-type: disc;
}

/* line 172, ../../sass/core/main.scss */
.alert-list li {
  padding-left: 4px;
}

/* line 176, ../../sass/core/main.scss */
.alert {
  margin-bottom: 20px;
}

/* line 180, ../../sass/core/main.scss */
.alert-error {
  color: red;
}

/* UTILITIES
----------------------------------- */
/* line 187, ../../sass/core/main.scss */
.pull-right {
  float: right;
}

/* line 191, ../../sass/core/main.scss */
.pull-left {
  float: left;
}

/* line 195, ../../sass/core/main.scss */
.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
/* line 205, ../../sass/core/main.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
/* line 216, ../../sass/core/main.scss */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 226, ../../sass/core/main.scss */
.clearfix:after {
  clear: both;
}
/*********************brijesh poland**************/
.tabs-vertical-poland.clearfix:after {
 clear: both;
 content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.page-une-meilleure-protection .better-protected-text1 h1 sup  {
  top: -30px;
}

.page-une-meilleure-protection .better-protected-text1 h1 sup {
  font-size: 33%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.page-une-meilleure-protection .better-protected-text2 h2 sup  {
  top: -13px;
}

.page-une-meilleure-protection .better-protected-text2 h2 sup {
  font-size: 45%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.home-page-rich-text-france sup
{font-size: 48%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;

}

.page-votre-pro-email h1 sup  {
  top: -15px;
}

.page-votre-pro-email h1 sup {
  font-size: 33%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
/*********************brijesh poland**************/


/* BUTTONS
----------------------------------*/
/* line 242, ../../sass/core/main.scss */
.button {
  background-color: #e1e1e1;
  border: 1px solid #656363;
  color: #323131;
  padding: 5px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
}

/* line 254, ../../sass/core/main.scss */
.lt-ie8 .button {
  display: inline;
}

/* line 258, ../../sass/core/main.scss */
.button:hover {
  background-color: #939191;
  color: white;
}


#wrapper .main{
	width:100%;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.gsk-logo{
float:right;
margin-top: 10px;
margin-left: 4px !important;
}

.gsk-logo-japan{
float:right !important;
margin-top: 10px;
margin-left: 4px !important;
margin-right: 14px;
}
.gsk-logo-argentina{
float:right;
margin-top: 10px;
margin-left: 4px !important;
}
.pronamel-logo{
margin-top: 5px;
padding-left: 0px;
width:114px !important;
}

.pronamel-logo-japan{
margin-top: 5px;
padding-left: 0px;
width:114px !important;
position:relative;
top:-5px;
}

.carousel-nav{margin:0px !important;}

.footer-text{
color: #999;
font-family: 'HelveticaNeueW01-UltLt',Arial !important;
font-size: 12px;
}
/* background image css */

.page-better-protected{
     background:url('../../img/background2.jpg') 50% 95px no-repeat;
}
li.page-better-protected,li.page-how-acid-wear-affects-you{
     background:none;
}
.page-how-acid-wear-affects-you{
     background:url('../../img/background1.jpg') 50% 95px no-repeat;
}
/*++Arpit*/
.page-wie-zahnerosion-sie-betreffen-kann{
	background:url('../../img/background1.jpg') 50% 95px no-repeat;
}
/*--Arpit*/
.page-the-acid-truth{
     background:url('../../img/background3.png') 50% 95px no-repeat;
}
.acidtruthbgjp{background: url('../../img/background_original.jpg') 50% 95px no-repeat;}/*japan*/

.acidtruthbgtw{background:url('../../img/background4.jpg') 50% 95px no-repeat;}/*taiwan*/
.acidtruthbgau{background: url('../../img/background_original.jpg') 50% 95px no-repeat;} /*Austria*/
.acidtruthbgsv{background: url('../../img/background3.png') 50% 95px no-repeat;} /*Sweden*/
.page-hur-syraangrepp-paverkar-dig{
	background:url('../../img/background1.jpg') 50% 95px no-repeat;
}
.page-bttre-skydd{
	background:url('../../img/background2.jpg') 50% 95px no-repeat;
}

.page-proschmelz{
	background:url('../../img/background4.jpg') 50% 95px no-repeat;
}
/*********************Brijesh poland*************************/
.page-lepsza-ochrona{
	background:url('../../img/background2-old.jpg') 50% 95px no-repeat;
}
.page-kwasna-prawda{
	background:url('../../img/background3-old.png') 50% 95px no-repeat;
}
.page-jak-wplywa-na-ciebie-kwasowa-erozja-szkliwa{
	background:url('../../img/background1-old.jpg') 50% 95px no-repeat;
}

/*********************Brijesh poland*************************/


/*********************Kinjal Netherland**************************/
.page-tanderosie-de-zure-waarheid{
	background:url('../../img/background3-old.png') 50% 95px no-repeat;
}
.page-de-gevolgen-van-tanderosie{
	background:url('../../img/background1-old.jpg') 50% 95px no-repeat;
}
.page-betere-bescherming{
	background:url('../../img/background2-old.jpg') 50% 95px no-repeat;
}


/*******************Kinjal Netherland*************************/


/*********************Brijesh france*************************/
.page-la-verite-sur-les-acides{
	background:url('../../img/background3-old.png') 50% 95px no-repeat;
}
.page-faites-le-test-des-acides{
	background:url('../../img/background1-old.jpg') 50% 95px no-repeat;
}
.page-une-meilleure-protection{
	background:url('../../img/background2-old.jpg') 50% 95px no-repeat;
}

/*********************Brijesh france*************************/
.page-how-it-affects-you{
	background:url('../../img/background1.jpg') 50% 95px no-repeat;
}

.page-better-protection{
	background:url('../../img/background2.jpg') 50% 95px no-repeat;
}

.page-die-saure-wahrheit{
background:url('../../img/background3.png') 50% 95px no-repeat;
}

.page-zahnerosion-sie-betreffen-kann{
background:url('../../img/background1.jpg') 50% 95px no-repeat;
}

.page-besser-geschutzt{
 background:url('../../img/background2.jpg') 50% 95px no-repeat;
}
.page-su-pro-esmalte{
background:url('../../img/background4.jpg') 50% 95px no-repeat;
}
.page-el-desafio-acido{
background:url('../../img/background3.png') 50% 95px no-repeat;
}
.page-como-afecta-la-erosion-acida{
background:url('../../img/background1.jpg') 50% 95px no-repeat;
}
.page-mejor-proteccion{
background:url('../../img/background2.jpg') 50% 95px no-repeat;
}
/*kartik turkey*/

.page-asit-gercegi{
background:url('../../img/background3.png') 50% 95px no-repeat;
}
.page-asit-asndirmasi-dislerinizi-nasil-etkiler{
background:url('../../img/background1.jpg') 50% 95px no-repeat;
}
.page-daha-iyi-koruma{
background:url('../../img/background2.jpg') 50% 95px no-repeat;
}
.page-size-uygun-pronamel{
background:url('../../img/background4.jpg') 50% 95px no-repeat;
}
/*kartik portugal*/
.page-a-verdade-e-acida{
background:url('../../img/background3.png') 50% 95px no-repeat;
}
.page-verdadeira-protecao{
background:url('../../img/background2.jpg') 50% 95px no-repeat;
}
/*Arpit Belgium(French)*/
.page-lacidite-toute-la-verite{
background:url('../../img/background3.png') 50% 95px no-repeat;
}
.page-etes-vous-expose-a-lusure-par-acide{
background:url('../../img/background1.jpg') 50% 95px no-repeat;
}
.page-mieux-proteger-vos-dents{
background:url('../../img/background2.jpg') 50% 95px no-repeat;
}
/*Arpit Belgium(French)*/

.country-selector{
margin: 0px auto;
height:9px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
/* width: 110px; neha */

}

.country-selector p{
position: relative;
right: 38px;
top: -30px;
font-family: Arial, Sans-Serif;
font-size: 11px;
color:#a4a4a4;
}
.country-selector img{
padding-right:16px;
}


.page-country-selector-content #header{
border-bottom:none;
}

.page-result-page1 #header{
border-bottom:none;
}

.page-result-page2 #header{
border-bottom:none;
}

.at4-share-title{font-size: 14px;font-family: Flux-Bold;color: #245695; font-weight:bold;text-align:center;}

@media all and (max-width: 960px) and (min-width: 768px) {



.gsk-logo{
right: 15px;
top: 46px;
position: absolute;
text-align: right;
}

.gsk-logo-japan{
right: 15px;
top: 46px;
position: absolute;
text-align: right;
margin-right:0px;
}
.gsk-logo-argentina{
right: 15px;
top: 46px;
position: absolute;
text-align: right;
}

.pronamel-logo {
margin-left: 320px;
padding-top: 26px;
position: relative;
left: 42%;
}

.pronamel-logo-japan {
margin-left: 320px;
padding-top: 26px;
position: relative;
left: 42%;
margin-bottom:20px;
}
body{
    background: none;
}
/*taiwan , Japan*/
.page-better-protected, .page-how-acid-wear-affects-you , .page-wie-zahnerosion-sie-betreffen-kann , .acidtruthbgau, .page-the-acid-truth, .page-proschmelz, .page-how-it-affects-you, .page-better-protection, .page-die-saure-wahrheit, .page-zahnerosion-sie-betreffen-kann, .page-besser-geschutzt, .acidtruthbgjp, .acidtruthbgtw , .page-su-pro-esmalte, .page-el-desafio-acido, .page-como-afecta-la-erosion-acida, .page-mejor-proteccion, .page-lepsza-ochrona, .page-kwasna-prawda,
.page-jak-wplywa-na-ciebie-kwasowa-erozja-szkliwa, .page-asit-gercegi, .page-asit-asndirmasi-dislerinizi-nasil-etkiler, .page-tanderosie-de-zure-waarheid, .page-de-gevolgen-van-tanderosie, .page-betere-bescherming,
.page-daha-iyi-koruma, .page-size-uygun-pronamel, .page-acidtruthbgsv, .page-hur-syraangrepp-paverkar-dig, .page-bttre-skydd, .page-la-verite-sur-les-acides, .page-faites-le-test-des-acides, .page-une-meilleure-protection, .page-lacidite-toute-la-verite, .page-etes-vous-expose-a-lusure-par-acide, .page-mieux-proteger-vos-dents, .page-a-verdade-e-acida, .page-verdadeira-protecao{
background: none;
}
}

@media all and (max-width: 767px) and (min-width: 321px){

.gsk-logo-japan{
right:15px;
top: 46px;
position : absolute;
text-align:right;
margin-right:0px;
}

.gsk-logo{
right:15px;
top: 46px;
position : absolute;
text-align:right;
}
.gsk-logo-argentina{
right:15px;
top: 51px;
position : absolute;
text-align:right;
}
.gsk-logo-argentina img{
float: right;
}

.country-selector{
padding-right:0px;
}

.country-selector p{
right: 35px;
position:absolute;
top: 0px;

}

.page-country-selector-content #header{
border-bottom:none;
}

.page-result-page1 #header{
border-bottom:none;
}

.page-result-page2 #header{
border-bottom:none;
}
.gsk-logo img, .country-selector img, .gsk-logo-japan img{float:right;}

.pronamel-logo{
margin-left: 320px;
margin-top: 25px;
padding-top: 26px;/* neha*/
position: relative;
left: 42%;
}
.pronamel-logo-japan{
margin-left: 320px;
margin-top: 25px;
padding-top: 10px;/* neha*/
position: relative;
left: 42%;
margin-bottom:10px;
}

.pronamel-logo  a{ height:100px;}
.pronamel-logo-japan  a{ height:100px;}
/*
#header {
border-bottom: 2px solid #235189;
}*/



body{
    background: none;
}
.page-how-acid-wear-affects-you
{
    background: none;
}
.page-better-protected{
    background: none;
}
/*japan, taiwan*/
.page-the-acid-truth, .page-proschmelz, .page-how-it-affects-you, .page-wie-zahnerosion-sie-betreffen-kann, .acidtruthbgau, .page-better-protection, .page-die-saure-wahrheit, .page-zahnerosion-sie-betreffen-kann, .page-besser-geschutzt, .acidtruthbgjp, .acidtruthbgtw, .page-su-pro-esmalte, .page-el-desafio-acido, .page-como-afecta-la-erosion-acida, .page-mejor-proteccion, .page-lepsza-ochrona, .page-kwasna-prawda,
.page-jak-wplywa-na-ciebie-kwasowa-erozja-szkliwa, .page-asit-gercegi, .page-asit-asndirmasi-dislerinizi-nasil-etkiler, .page-tanderosie-de-zure-waarheid, .page-de-gevolgen-van-tanderosie, .page-betere-bescherming,
.page-daha-iyi-koruma, .page-size-uygun-pronamel, .page-acidtruthbgsv, .page-hur-syraangrepp-paverkar-dig, .page-bttre-skydd, .page-la-verite-sur-les-acides, .page-faites-le-test-des-acides, .page-une-meilleure-protection, .page-lacidite-toute-la-verite, .page-etes-vous-expose-a-lusure-par-acide, .page-mieux-proteger-vos-dents, .page-a-verdade-e-acida, .page-verdadeira-protecao{
background: none;
}

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

body{
    background: none;
}
/*japan, taiwan*/
.page-how-acid-wear-affects-you, .page-proschmelz, .acidtruthbgau, .page-wie-zahnerosion-sie-betreffen-kann, .page-how-it-affects-you, .page-better-protection, .page-die-saure-wahrheit, .page-zahnerosion-sie-betreffen-kann, .page-besser-geschutzt, .acidtruthbgjp , .acidtruthbgtw, .page-su-pro-esmalte, .page-el-desafio-acido, .page-como-afecta-la-erosion-acida,
.page-mejor-proteccion, .page-lepsza-ochrona, .page-kwasna-prawda,
.page-jak-wplywa-na-ciebie-kwasowa-erozja-szkliwa, .page-asit-gercegi, .page-asit-asndirmasi-dislerinizi-nasil-etkiler, .page-tanderosie-de-zure-waarheid, .page-de-gevolgen-van-tanderosie, .page-betere-bescherming,
.page-daha-iyi-koruma, .page-size-uygun-pronamel, .page-acidtruthbgsv, .page-hur-syraangrepp-paverkar-dig, .page-bttre-skydd, .page-la-verite-sur-les-acides, .page-faites-le-test-des-acides, .page-une-meilleure-protection, .page-lacidite-toute-la-verite, .page-etes-vous-expose-a-lusure-par-acide, .page-mieux-proteger-vos-dents, .page-a-verdade-e-acida, .page-verdadeira-protecao
{
    background: none;
}
.page-better-protected{
    background: none;
}

.page-the-acid-truth{
background: none;
}

.gsk-logo-japan{
right:15px;
top: 40px;
position : absolute;
text-align:right;
margin-right:0px;
}

.gsk-logo{
right:15px;
top: 40px;
position : absolute;
text-align:right;
}
.gsk-logo-argentina{
right:15px;
top: 36px;
position : absolute;
text-align:right;
}
.gsk-logo-argentina img{
float: right;
}

.gsk-logo img, .country-selector img, .gsk-logo-japan img{float:right;}
.country-selector{ padding-right:0px;}

.country-selector p{
	position: absolute;
    right: 35px;
    top: 0px;
}

.pronamel-logo{
margin-bottom: -16px;
margin-left: 85px;
margin-top: 21px; position: relative;
left: 29%;
}

.pronamel-logo-japan{
margin-bottom: -16px;
margin-left: 85px;
margin-top: 21px; position: relative;
left: 29%;
}



#footer {
  padding-bottom: 20px !important;
  padding-top: 22px !important;
}
.footer-text{
font-family: 'HelveticaNeueW01-UltLt' !important;
line-height: 1;
padding-bottom: 50px;
padding-left: 15px;
width: 276px;
}
}



/* ashish gupta | Ticket no ** | 26-08-22 | start*/

.gsk-logo img {
  position: absolute;
  width: 80px;
  margin-top: 12px;
  margin-left: -32px;

}

.contact-us ul.contact-list li span div {
  background: #b3b3b3;
  text-align: center;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-us ul.contact-list li img {
  width: 30px
}

.contact-us div.default-icon a {
  width: 30px;
  height: 30px;
  background: #006999;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.contact-us div.default-icon a:hover {
  border: none !important;
}

.contact-us ul.contact-list li {
  display: flex !important;
  align-items: center;
}

.contact-us ul li .visibility-hide {
  visibility: hidden !important
}

.contact-us .richText ul li:before {
  display: none
}

.contact-us li a {
  border-bottom: 2px solid #006999;
  text-decoration: none;
}

.contact-us .richText a:not(.btn-default):hover {
  border-bottom: 2px solid transparent;
  background-color: #006999;
  color: #fff
}

.contact-us .default-icon>a {
  border-radius: 50%;
  display: flex !important;
  margin-left: 5px;
}

.contact-us .default-icon>a img {
  width: auto !important;
  height: 16px !important;
  text-align: center;
}

.contact-us ul.contact-list li span {
  margin-right: 1rem;
}

@media(max-width: 960px) {
  .gsk-logo img {
      margin-top: 12px;
      margin-left: -4rem;
  }
}

@media(max-width:767px) {
  .contact-us ul.contact-list li {
      padding: 10px !important;
      border-radius: 4px;
      background: #8080800f
  }
  .contact-us ul{
      margin: 0;
  }

  .gsk-logo img {
    position: absolute;
      right: 0;
      top: -2rem;
  }
}

/* ashish gupta end*/

/* Rohit Singh | GSKBD-28502 | 22/06/2023 | Start */
.country-new.page-country-selector-new #content.main{
  background-image: none;
  margin-top: 2rem;
}
.country-new .logo {
  margin-top: 1.5rem;
}
body.country-new.page-country-selector-new{
  background: url(../../img/gradient-bar-pronamel.png);
  background-repeat: no-repeat;
  background-size: 100vw;
  background-position: 0px 135px;
}
.grid-country{
  display: grid;
  gap:1rem;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 15px;
}
.grid-country p a{
  color:#11069e;
  font-weight: 400;
  font-size: 18px;
  font-family:"HelveticaNeueW01-55Roma";
}
.country-new .country-heading{
  color:#11069e;
  font-weight: 800;
  font-size: 20px;
  font-family:"HelveticaNeueW01-55Roma";
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  padding: 0 15px;
}
@media (min-width:557px) {
  .grid-country{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width:768px) {
  .grid-country{
    grid-template-columns: repeat(4, 1fr);
  }
}
/* Rohit Singh | GSKBD-28502 | 22/06/2023 | End */


/* Abhay | GSKBD-28502 | 04-07-2023 | Start */

body .country-container .grid-country p a {
  font-family: 'Gilroy-Regular';
}
body .country-container .grid-country p a:hover {
  text-decoration: underline;
}
 body.country-new .country-heading {
  font-family: 'Gilroy-Regular';
}
/* Abhay | GSKBD-28502 | 04-07-2023 | End */

/* START / Chaitanyavamshi / GSKBD-28825 / 23Aug2023 */
/* Variant added - footer-links, footer-container */
.footer-links ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-links ul li {
  padding: 0 15px !important;
}
.footer-container .divider > .component-content {
  height: 2px;
  margin: 2em 0;
  background: #939191;
}
.footer-container {
  background-color: #f7f7f7;
}
.footer-container .divider {
  background: none;
  height: unset;
  background-size: unset;
  margin: unset;
  width: unset !important;
  margin-left: unset !important;
}
.footer-container .copyright p {
  margin-top: 20px;
  margin-bottom: 30px !important;
  text-align: center;
  max-width: 82%;
  font-size: 0.875rem;
  color: #575757;
  opacity: 1;
  width: 100%;
  margin: 0 auto;
}
.footer-container ul li a {
  font-size: 1.125rem;
  color: #10069F;
  font-weight: 300;
  text-decoration: none;
}
.footer-container .btn-style {
  transition: color 0.2s ease-in-out;
  position: relative;
  padding-bottom: 5px;
}
.footer-container .btn-style:after {
  width: 100%;
  height: 3px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00AEEF;
}
.footer-container ul li a:hover {
  color: #00AEEF;
}
.footer-container .divider .component-content {
  width: 1010px;
  height: 21px;
  background: radial-gradient(farthest-side at top center, #e9eaed, #f7f7f7);
  margin-top: 15px;
  margin-bottom: 10px;
}
.text-center {
  text-align: center;
}
.error404-container h1 {
  font-weight: 600 !important;
}
.error404-container .richText-content p {
  color: #868484 !important;
}
.error404-container p a{
  text-decoration: underline;
  color: #868484 !important;
}
body.page-error-handler {
  background: url(../../img/gradient-bar-pronamel.png);
  background-repeat: no-repeat;
  background-size: 100vw;
  background-position: 0px 135px;
 }
@media (min-width: 992px) {
  .footer-container .divider {
    display: flex;
    justify-content: center;
  }
  .footer-container .copyright p {
    font-size: 0.875rem;
    margin-bottom: 100px;
    opacity: 0.65;
  }
  .template-pronamel-quiz-results-page #wrapper {
    width: 100%;
  }
  .template-pronamel-quiz-results-page #header {
    width: 960px;
    margin: 0 auto !important;
  }
  .template-pronamel-quiz-results-page #content .container-width {
    width: 960px;
    margin: 0 auto !important;
  }
  .page-error-handler #header {
    padding-top: 10px;
  }
}
@media (max-width: 767px){
  .footer-links ul {
    flex-direction: column;
  }
  .footer-container .divider {
    display: none;
  }
}
/* END / Chaitanyavamshi / GSKBD-28825 / 23Aug2023 */

/* Ashish | GSKBD-29841 | 11/10/23 | Start */
body.page-country-selector-new #header {
  width: 100%;
}
#header .top-header {
  background-color: #1b3059;
  height: 45px;
  margin: 0 auto;
  max-height: none;
}
#header .top-header .top-header-sec {
  margin: 0 auto;
  max-width: 960px;
  position: relative;
}
.top-nav > * > .paragraphSystem {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.top-header .image.haleon-img {
  margin: 12px 8px 0 0;
  width: 90px;
}
/* Ashish | GSKBD-29841 | 11/10/23 | End */

/* Abhay Shishodia | GSKBD-28825 | 10-11-2023 | Start */
.template-pronamel-quiz-results-page.page-404-handler #header {
  width: 100%;
}
/* Abhay Shishodia | GSKBD-28825 | 10-11-2023 | End */
/* Abhay | GSKBD-29841 | 17-11-2023 | Start */

.top-header .image.haleon-img {
  margin: 12px 80px 0 0;
}
/* Abhay | GSKBD-29841 | 17-11-2023 | End */
span.selection-underline {
  text-decoration: underline; }

span.selection-bold {
  font-weight: bold; }

span.selection-italic {
  font-style: italic; }
.skip-to-main-content-wrapper a {
  position: absolute;
  color: #fff;
  background-color: #f36633;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid whitesmoke;
  text-align: center;
  font-size: 1.2em;
  width: 30%;
  top: -100px;
  left: 0;
  z-index: 1; }
  .skip-to-main-content-wrapper a:focus, .skip-to-main-content-wrapper a:active {
    top: auto;
    left: auto; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/core/overlay.scss */

.overlay-background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 9998;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0;
}

/* line 14, ../../sass/core/overlay.scss */
.overlay-container {
  position: absolute;
  width: 40%;
  top: 34px !important;
  text-align: center;
  z-index: 9999;
  padding-bottom: 30px;
  left:692px;
}

/* line 23, ../../sass/core/overlay.scss */
.overlay-content {
  position: relative;
  min-width: 80px;
  min-height: 80px;
  max-width: 70% !important;
  display: inline-block;
  background: #FFF;
  text-align: left;
  border: solid 2px #323131;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

/* line 36, ../../sass/core/overlay.scss */
.overlay-content-inner {
  overflow: hidden;
}

/* line 40, ../../sass/core/overlay.scss */
.overlay-close {
  width: 25px;
  height: 25px;
  z-index: 9999;
  font-size: 25px;
  position: absolute;
  top: -30px;
  right: 15px;
  cursor: Pointer;
  display: none;
}

/* line 53, ../../sass/core/overlay.scss */
.overlay-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../img/loader.gif) no-repeat 50% 50%;
}

@media only screen and (max-width: 1024px) {
.overlay-container {
	left: 53%;
    width: 46%;
}
.overlay-content{
	padding-bottom: 21px;
    max-width:84% !important;
}
}

@media all and (max-width: 960px) and (min-width: 768px){
.overlay-container {
	left: 68%;
    width: 32%;
}



.overlay-content{
	padding-bottom: 21px;
    max-width:84% !important;
}
}


@media only screen and (max-width: 767px) {
.overlay-container {
left: 68%;
width: 32%;
}

.country-selector{
margin: -28px 0px 0px -41px !important;
padding-top: 13px;
width: 35PX;
float: right;
}

.overlay-content{
padding-bottom: 21px;
max-width:84% !important;
}
}

@media only screen and (max-width: 660px) {
.overlay-container {
left: 54%;
width: 46%;
}

.overlay-content{
padding-bottom: 21px;
max-width:84% !important;
}
}

@media only screen and (max-width: 460px) {
.overlay-container {
left: 34%;
width: 66%;
}

.overlay-content{
padding-bottom: 21px;
max-width:84% !important;
}

}


@media only screen and (max-width: 320px) {
.country-selector{
margin: -28px 0px 0px -41px !important;
padding-top: 13px;
width: 35PX;
float: right;
}
.overlay-container {
left:102px;top: 38px !important; width:65%;
}
.overlay-content{ max-width:186% !important; width:190px;}
.overlay-right-half, .overlay-half-left{width:203px !important;right: 13px !important;}
}


/** USIM10015891644 **/


.video-overlay .overlay-background {
            background: black;
            opacity: 0.7;
}

/*.video-overlay .overlay-container {
position:absolute;
left:350px;
width:52%;
text-align:center;
z-index: 9999;
top:150px !important;
}


@media only screen and (max-width: 1023px) {
.video-overlay .overlay-container {
left: 53%;
width: 46%;
text-align:center;
z-index: 9999;
position:absolute;
}
}

@media all and (max-width: 960px) and (min-width: 768px){
.video-overlay .overlay-container {
left: 68%;
width: 32%;
text-align:center;
z-index: 9999;
position:absolute;
}

}


@media only screen and (max-width: 767px) {
.video-overlay .overlay-container {
left: 68%;
width: 32%;
text-align:center;
z-index: 9999;
position:absolute;
    }

}


@media only screen and (max-width: 660px) {
.video-overlay .overlay-container {
left: 54%;
width: 46%;
text-align:center;
z-index: 9999;
position:absolute;
}
}

@media only screen and (max-width: 460px) {
.video-overlay .overlay-container {
left: 34%;
width: 66%;
text-align:center;
z-index: 9999;
position:absolute;
}

}
*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
.video-overlay .overlay-container {
	left: 50%;
    width: 280px;
    margin-left: -140px            
    }
.video-overlay .overlay-container .overlay-content {
    top:150px !important; 
    width: 100%;
    max-width: 100% !important;
    left: 0;
	position:absolute;                           
	}
}        

@media only screen and (min-width: 768px) {
.video-overlay .overlay-container {
	left: 50%;
    width: 560px;
    height: 315px;
    margin-left: -280px            
    }
.video-overlay .overlay-container .overlay-content {
    top:150px !important;                
	max-width: 100% !important;
    left: 0;
	position:absolute                         
	}
}    

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.video-overlay iframe {
		width: 310px;
		height: 174px
	}
}

/** USIM10015891644 **/


/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix {
  min-height: 0; }
  .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse; }
  .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    right: 2px; }
    .ui-datepicker .ui-datepicker-next span {
      display: block;
      cursor: pointer;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px; }
  .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    left: 2px; }
    .ui-datepicker .ui-datepicker-prev span {
      display: block;
      cursor: pointer;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px; }
  .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px;
    left: 1px; }
  .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
    right: 1px; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }
    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%; }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }
  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }
  .ui-datepicker td {
    border: 0;
    padding: 1px; }
    .ui-datepicker td span, .ui-datepicker td a {
      display: block;
      padding: .2em;
      text-align: center;
      text-decoration: none; }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: .5em .2em .4em;
      cursor: pointer;
      padding: .2em .6em .3em .6em;
      width: auto;
      overflow: visible; }
      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }
  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto; }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
      right: 1px;
      left: auto; }
  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto; }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
      left: 1px;
      right: auto; }
  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
      float: right; }
  .ui-datepicker-rtl .ui-datepicker-group {
    float: right; }
  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #d9d6c4;
  background: #eeeeee;
  color: #1f1f1f; }
  .ui-widget-content a {
    color: #1f1f1f; }

.ui-widget-header {
  border: 1px solid #eeece4;
  background: white;
  color: #323131;
  font-weight: bold; }
  .ui-widget-header a {
    color: #323131; }

/* Interaction states
----------------------------------*/
.ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24; }
  .ui-state-default a {
    color: #654b24;
    text-decoration: none; }
  .ui-state-default a:link, .ui-state-default a:visited {
    color: #654b24;
    text-decoration: none; }

.ui-widget-content .ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24; }

.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-hover {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }

.ui-widget-header .ui-state-default {
  border: 1px solid #d9d6c4;
  background: #f8f7f6;
  font-weight: bold;
  color: #654b24; }

.ui-widget-header .ui-state-hover, .ui-widget-header ui-state-focus, .ui-widget-header .ui-state-active {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }

.ui-state-hover, .ui-state-focus {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }
  .ui-state-hover a, .ui-state-focus a {
    color: white;
    text-decoration: none; }
  .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: white;
    text-decoration: none; }

.ui-state-focus {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }

.ui-state-active {
  border: 1px solid #FF7A21;
  background: #FF7A21;
  font-weight: bold;
  color: white; }
  .ui-state-active a {
    color: white;
    text-decoration: none; }
  .ui-state-active a:link, .ui-state-active a:visited {
    color: white;
    text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight {
  border: 1px solid #FF7A21;
  background: #eeece4;
  color: #3a3427; }
  .ui-state-highlight a {
    color: #3a3427; }

.ui-widget-content .ui-state-highlight, ui-widget-header .ui-state-highlight {
  border: 1px solid #FF7A21;
  background: #eeece4;
  color: #3a3427; }
  .ui-widget-content .ui-state-highlight a, ui-widget-header .ui-state-highlight a {
    color: #3a3427; }

.ui-widget-content .ui-state-error, ui-widget-header .ui-state-error {
  border: 1px solid #681818;
  background: #b83400;
  color: white; }
  .ui-widget-content .ui-state-error a, ui-widget-header .ui-state-error a {
    color: white; }

.ui-widget-content .ui-state-error-text, ui-widget-header .ui-state-error-text {
  color: white; }

.ui-widget-content .ui-priority-primary, ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-widget-content .ui-priority-secondary, ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-widget-content .ui-state-disabled, ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-error {
  border: 1px solid #681818;
  background: #b83400;
  color: white; }
  .ui-state-error a {
    color: white; }

.ui-state-error-text {
  color: white; }

.ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }
  .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* For IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(../../img/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(../../img/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(../../img/ui-icons_FF7A21_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(../../img/ui-icons_FF7A21_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(../../img/ui-icons_ffffff_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(../../img/ui-icons_ffffff_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(../../img/ui-icons_3572ac_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(../../img/ui-icons_fbdb93_256x240.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.privacyPolicy {
  overflow: hidden; }
  .privacyPolicy p {
    margin: 0; }
  .privacyPolicy .wsform-hint {
    display: none; }
  .privacyPolicy input[type='checkbox'] {
    float: left; }

.privacyPolicy-text {
  padding-left: 20px; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/accordion.scss */
.accordion-container {
  border: solid 2px #323131;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 10, ../../sass/components/accordion.scss */
.accordion-head {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
  background-color: #e1e1e1;
  padding: 13px;
  margin: 0;
  color: #939191;
  border-top: 2px solid black;
}

/* line 19, ../../sass/components/accordion.scss */
.accordion-slide:first-child .accordion-head {
  border-top: 0;
}

/* line 23, ../../sass/components/accordion.scss */
.accordion-title {
  padding: 13px;
  margin: 0;
}

/*
.accordion-slide:last-child:not(.is-active) > .accordion-head,
.accordion-slide:last-child > .accordion-content {
    border-bottom: none;
}*/
/* line 34, ../../sass/components/accordion.scss */
.accordion-content {
  padding: 13px;
}

/* line 38, ../../sass/components/accordion.scss */
.accordion-content-wrapper {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

/* line 47, ../../sass/components/accordion.scss */
.js .accordion-slide .accordion-head:hover {
  background-color: #939191;
  color: white;
}
/* line 52, ../../sass/components/accordion.scss */
.js .accordion-slide.is-active > .accordion-head:hover {
  background-color: #e1e1e1;
}
/* line 56, ../../sass/components/accordion.scss */
.js .accordion-slide.is-active > .accordion-head {
  color: black;
}
/* line 61, ../../sass/components/accordion.scss */
.js .accordion-content-wrapper {
  visibility: hidden;
  height: 0;
  position: relative;
  top: -999999px;
  left: -999999px;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* line 73, ../../sass/components/accordion.scss */
.js .accordion-slide.is-active > .accordion-content-wrapper {
  visibility: visible;
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  overflow: auto;
}
/* line 82, ../../sass/components/accordion.scss */
.js .accordion-slide.is-active:last-child > .accordion-content-wrapper {
  border-bottom: none;
}
/* line 86, ../../sass/components/accordion.scss */
.js .accordion-head {
  background-image: url(../../img/arrow-right.png);
  background-position: 100% center;
  background-repeat: no-repeat;
  background-position: 97% center;
  cursor: pointer;
  margin-bottom: 0;
}
/* line 93, ../../sass/components/accordion.scss */
.js .accordion-slide.is-active > .accordion-head {
  cursor: default;
  background-image: url(../../img/arrow-down.png);
  background-position: 100% center;
  background-repeat: no-repeat;
  background-position: 97% center;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.add-to-basket-container {
  border: 1px solid #D5D1CE;
  background: #F0EFED; }
  .add-to-basket-container .add-to-basket-description {
    border-right: 1px solid #D5D1CE;
    display: inline-block;
    vertical-align: top;
    width: 65%;
    padding-left: 10px;
    margin-right: 10px; }
  .add-to-basket-container .add-to-basket-quantity {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    padding-top: 20px; }
    .add-to-basket-container .add-to-basket-quantity select {
      padding-left: 2%;
      padding-right: 4%; }
  .add-to-basket-container .add-to-basket-btn {
    display: inline-block;
    padding-top: 20px;
    vertical-align: middle;
    width: 15%; }

@media only screen and (max-width: 767px) {
  .add-to-basket-container {
    padding-bottom: 10px; }
    .add-to-basket-container .add-to-basket-description {
      width: 100%; }
    .add-to-basket-container .add-to-basket-quantity {
      width: 100%;
      padding-left: 10px; }
    .add-to-basket-container .add-to-basket-btn {
      width: 100%;
      padding-left: 10px; } }

.order-header {
  background-color: white;
  float: left;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px; }

.productDescription {
  float: left;
  width: 35%;
  padding-left: 20px; }
  .productDescription img {
    width: 40%;
    margin: 20px 15px 5px 0px !important; }

.SampleCount {
  float: left;
  width: 15%; }

.OrderDate {
  float: left;
  width: 25%; }

.OrderStatus {
  width: 20%;
  float: left; }

.itemOrderList {
  float: left;
  width: 100%; }
  .itemOrderList .SampleCount, .itemOrderList .OrderDate, .itemOrderList .OrderStatus {
    padding-top: 15px; }

.orderList .order-header div {
  font-weight: bold;
  font-size: 20px; }

.webshop-metadata {
  display: none !important; }

.webshop-cart .cartRecord {
  background: white;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-top: 20px;
  float: left;
  width: 100%; }

.webshop-cart .add-to-basket-description {
  width: 68%;
  border-right: 1px solid #f2f2f2;
  float: left; }

.webshop-cart .add-to-basket-wrapper {
  width: 30%;
  display: inline;
  margin-left: 40px;
  position: relative;
  left: 15px; }
  .webshop-cart .add-to-basket-wrapper div {
    float: left; }

.webshop-cart a.add-to-basket-remove {
  float: left;
  position: relative;
  left: 15px; }

.webshop-cart .webshop-error {
  margin-top: 20px;
  margin-left: 15px;
  color: red; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.articleTeaser .articleTeaser-image-holder.articleTeaser-image-top img {
  border-bottom: solid 4px #f36633; }

.articleTeaser .articleTeaser-text-content .articleTeaser-text-link {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block; }
  .articleTeaser .articleTeaser-text-content .articleTeaser-text-link:hover {
    background-color: #939191;
    color: white; }
  .articleTeaser .articleTeaser-text-content .articleTeaser-text-link:active {
    background-color: #939191;
    color: white; }

/* Mobile view 767 max width */
@media only screen and (max-width: 767px) {
  .articleTeaser .component-content.hero-article .articleTeaser-text-content {
    width: 100%; }
  .articleTeaser .articleTeaser-image-holder {
    text-align: center; } }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.article-teaser-block {
  border: 1px solid #efefed;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px 0 rgba(84, 79, 64, 0.06);
  box-shadow: 0 0 8px 0 rgba(84, 79, 64, 0.06);
  position: relative;
  margin: 8px;
  overflow: hidden;
  background-color: #fff; }
  .article-teaser-block .aspect-ratio-box {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden; }
    .article-teaser-block .aspect-ratio-box img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%; }
  .article-teaser-block .article-body {
    min-height: 120px;
    padding: 0 24px 30px; }
  .article-teaser-block .label p {
    margin-bottom: 20px; }
  .article-teaser-block .article-title p {
    margin-bottom: 20px; }
  .article-teaser-block .article-description {
    margin-bottom: 20px; }
  .article-teaser-block .article-body .article-date {
    color: rgba(84, 79, 64, 0.7);
    font-size: 1rem;
    letter-spacing: .2px;
    margin-bottom: 20px; }
  .article-teaser-block .article-button-container {
    position: relative;
    bottom: 0;
    left: 0; }
  .article-teaser-block .article-title {
    font-size: 1.5rem;
    font-weight: 700; }
  .article-teaser-block .margin-none-top {
    margin-top: 0; }
  .article-teaser-block .button-text {
    font-size: .85714rem;
    letter-spacing: 1.5px;
    line-height: 1.14286rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #544f40; }
  .article-teaser-block a.button-primary {
    color: #15717d; }
  .article-teaser-block a.button-primary-filled {
    background-color: #15717d;
    color: #fff;
    display: inline-block;
    padding: 12px 20px;
    border-radius: 2rem;
    font-size: .85714rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.14286rem;
    text-transform: uppercase;
    text-align: center; }
  .article-teaser-block a.button-primary-pdf-icon::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-image: url(../../img/download.png); }
  .article-teaser-block a.external-link-icon::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-image: url(../../img/new-window.png); }

.article-teaser-block-transparent-background {
  border: none;
  background-color: inherit;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0; }

.articleTeaser .clickable-at {
  cursor: pointer; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/article.list.scss */
.articleList {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
}

/* line 9, ../../sass/components/article.list.scss */
.articleList-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 13, ../../sass/components/article.list.scss */
.articleList-date {
  margin-bottom: 10px;
  color: #868484;
}

/* line 18, ../../sass/components/article.list.scss */
.articleList-article {
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 23, ../../sass/components/article.list.scss */
.articleList-description {
  overflow: hidden;
}

/* line 27, ../../sass/components/article.list.scss */
.articleList-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 31, ../../sass/components/article.list.scss */
.articleList-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 37, ../../sass/components/article.list.scss */
.articleList-thumbnail {
  max-width: 100px;
  float: left;
  margin-right: 15px;
}

/* line 43, ../../sass/components/article.list.scss */
.articleList-more {
  float: right;
}
/* line 45, ../../sass/components/article.list.scss */
.articleList-more:after {
  content: " \00bb";
  display: inline;
}

/* line 51, ../../sass/components/article.list.scss */
.articleList-more-arrow {
  display: none;
}
/* line 53, ../../sass/components/article.list.scss */
.no-generatedcontent .articleList-more-arrow {
  display: inline;
}

/* line 59, ../../sass/components/article.list.scss */
.articleList-article-wrapper {
  margin: 0;
  padding: 0;
}

/* line 65, ../../sass/components/article.list.scss */
.articleList-horizontal-2-columns .articleList-article,
.articleList-horizontal-3-columns .articleList-article {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

/* line 73, ../../sass/components/article.list.scss */
.articleList-horizontal-2-columns .articleList-article {
  padding: 0;
  margin: 0;
  margin-right: 1.2%;
  width: 48%;
}

/* line 80, ../../sass/components/article.list.scss */
.articleList-horizontal-3-columns .articleList-article {
  padding: 0;
  margin: 0;
  margin-right: 1.5%;
  width: 31%;
}

@media only screen and (max-width: 767px) {
  /* line 88, ../../sass/components/article.list.scss */
  .articleList-thumbnail {
    float: none;
    margin: auto;
    display: block;
  }

  /* line 96, ../../sass/components/article.list.scss */
  .articleList-horizontal-2-columns .articleList-article,
  .articleList-horizontal-3-columns .articleList-article {
    display: block;
    width: 100%;
  }
}
/* line 103, ../../sass/components/article.list.scss */
.articleList-tags {
  list-style-type: none;
  padding: 0;
  margin: -20px 0 0 0;
}

/* line 109, ../../sass/components/article.list.scss */
.articleList-tags-item {
  display: inline-block;
  margin: 0 2px;
}

/* line 114, ../../sass/components/article.list.scss */
.articleList-tags-item-link {
  background: #b9b8b8;
  color: black;
  border: 1px solid #939191;
  padding: 1px;
  display: block;
  font-size: 0.85em;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/box.scss */
.box-outlined .component-content {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
}

/* line 9, ../../sass/components/box.scss */
.box-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 13, ../../sass/components/box.scss */
.box-more {
  display: block;
  text-align: right;
}

.share-bar-box{
box-shadow: -3px 0px 20px #323232;
height: 136px;
padding: 0px 0 10px 0;
position: fixed;
width: 42px;
z-index: 1000;
right: 194px;
background: white;
margin:165px 0px 0px 0px;
}
/* new css */
.share-bar-icons {
float: right;
}

.your-pronamel-link-box{
margin-bottom:100px;
}

.pronamel-box-header{
border-bottom: 6px solid #235189;
}

@media all and (max-width: 960px) and (min-width: 768px){ 
.pronamel-box-header{
border-bottom: 2px solid #235189;
}
}

@media all and (max-width: 767px) and (min-width: 321px) {
.share-bar-box{
background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: -3px 0 20px #323232;
    height: 136px;
    
    padding: 0 0 10px;
    position: fixed;
    width: 42px;
    z-index: 1000;
	margin-top: -78px;
    right:2px;
}

.effect-of-acid-wear-left-box,.effect-of-acid-wear-left-box2 {
	float: left !important;
    width: 50% !important;
}
.your-pronamel-link-box{
margin-left:237px;
}

.pronamel-box-header{
border-bottom: 2px solid #235189;
}

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

.pronamel-box-header{
border-bottom: 2px solid #235189;
}

.share-bar-box{
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: -3px 0 20px #323232;
    height: 136px;
    left: 276px;
    padding: 0 0 10px;
    position: fixed;
    width: 42px;
    z-index: 1000;
	margin-top: -78px;
	}
	
.your-pronamel-link-box{
margin-left:30px;
}
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/breadcrumbs.scss */
.breadcrumbs {
  margin: 10px 0;
}

/* line 7, ../../sass/components/breadcrumbs.scss */
.breadcrumbs-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 14, ../../sass/components/breadcrumbs.scss */
.breadcrumbs-list li {
  background-image: url(../../img/arrow-right.png);
  background-position: 100% center;
  background-repeat: no-repeat;
  float: left;
  padding-right: 15px;
  margin-right: 9px;
}

/* line 21, ../../sass/components/breadcrumbs.scss */
.breadcrumbs-list li:last-child {
  background-image: none;
}

@media only screen and (max-width: 767px) {
  /* line 26, ../../sass/components/breadcrumbs.scss */
  .breadcrumbs-list li {
    float: none;
  }
}