/* @override
	https://beveragetradenetwork.com/cont/css/styles_public_btn_2022.css
	https://local.beveragetradenetwork.com/cont/css/styles_public_btn_2022.css
	https://beveragetradenetwork.com/cont/css/styles_public_btn_2020.css
	https://beveragetradenetwork.com/cont/css/styles_public_btn_2022.css?*
*/

/* @group Resets and Defaults, Global Classes */

html {
	font-size: 1rem;
} 

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

body {
	margin: 0rem;
	padding: 0rem;
	font-family: 'Roboto';
	font-weight: 400;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li, nav, header, footer {
  margin: 0px;
  padding: 0px;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-transform: inherit;
	line-height: inherit;
}

a, a:active, a:hover {
	text-decoration: none;
	color: inherit;
	outline: none; 
}
 
ul, ol, li { 
	list-style-type: none; 
}

.imgContainer {
	overflow: hidden;
}

.imgContainer > img, 
.imgContainer > a > img  {
	width: 100%;
}

.contentViewport {
	max-width: 1440px;
	min-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 5%;
	padding-left: 5%;
}

.flexContainer,
.innerFlexContainer > * {
	display: flex;
	justify-content: space-between;
}

.stack {
	width: 100%;
	clear: both;
}

.desktop #mainContentArea {
	padding-top: 7rem;
}

.desktop.loggedInUser #mainContentArea {
	padding-top: 9rem;
}

#wrapper {
	background-color: #EFEEEA;
}

.contactAdvertiser .msg {
	background-color: #d4fad6;
  border-color: #c5f7be;
  color: #3c763d;
	padding: 10px;
  border: 1px solid transparent;
  border-radius: 2px;
}

/* @end */

/* @group global modifier classes */

.flush, 
.box.innerFlush .listing > * {
	padding: 0rem 0rem 0rem 0rem;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.capitalize {
	text-transform: capitalize;
}

.hideFavorite .favorite,
.hideSubTitle .subTitle, 
.hideFooter footer, 
.hideHeader header, 
.hide {
	display: none !important;
}

.noMargin {
	margin: 0rem !important;
}

.marginTop-XS {
	margin-top: 0.7rem;
}

.marginLeft-XS {
	margin-top: 0.7rem;
}

.marginBottom-XS {
	margin-bottom: 0.7rem;
}

.paddingTop-XS {
	padding-top: 1rem;
}

.paddingBottom-XS {
	padding-bottom: 1rem;
}

.marginTop-S {
	margin-top: 2rem;
}

.marginBottom-S {
	margin-bottom: 2rem;
}

.marginTop-M {
	margin-top: 4rem;
}

.marginBottom-M {
	margin-bottom: 4rem; 
}

.marginTop-L {
	margin-top: 6rem;
}

.marginBottom-L {
	margin-bottom: 6rem;
}

.paddingTop-S {
	padding-top: 2rem;
}

.paddingBottom-S {
	padding-bottom: 2rem;
}

.paddingTop-M {
	padding-top: 4rem;
}

.paddingBottom-M {
	padding-bottom: 4rem;
}

.paddingTop-L {
	padding-top: 6rem;
}

.paddingBottom-L {
	padding-bottom: 6rem;
}

.paddingTop-XL {
	padding-top: 7rem;
}

.paddingBottom-XL {
	padding-bottom: 7rem;
}

.bgStyle1 {
	background-color: #efeeea;
}

.bgStyle2 {
	background-color: #666666;
}

.bgStyle3 {
	background-color: #fe345b;
}

.bgStyle4{
	color: #fe345b;
	cursor: pointer;
}

.bgStyle5 {
	background-color: #FEFEFE;
}

.bgStyle6 {
	background-color: #63636a;
}

.bgStyle7 {
	background-color: #9A9AA0;
}

.bgStyle8 {
	background-color: #151522;
}

.bgStyle9 {
	background-color: #d5d5db;
}
/* @end */

/* carousel navigation button */

.owl-nav {
  position: absolute;
  color: #999999;
  text-align: center;
  font-size: 4rem;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 35%;
}

/* back to list button  */

span.back {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1.1rem;
	font-weight: 500;
	color: #fe335b;
	letter-spacing: 0.06rem;
}

/* pro */

.pro .isPro-1 {
	padding: 0.2rem 5%;
	background-color: #FE345B;
	color: #FFF;
	border-radius: 0.9rem;
	display: inline-block;
	float: right;
}

/* flags */

.flagsArray img {
  margin: 0px 0.4rem 0.3rem 0rem;
}

/* @group Template Layouts */

.flexLayout1 > .col1, 
.innerFlexLayout1 .listing > .col1 {
	flex-basis: 26%;
}

.flexLayout1 > .col2, 
.innerFlexLayout1 .listing > .col2 {
	flex-basis: 70%;
}

/* flexLayout2 [three col layout] */


.flexLayout2,
.innerFlexLayout2 .listing {
	flex-wrap: wrap;
}

.flexLayout2 > *,
.innerFlexLayout2 .listing > * {
	flex-basis: 32%;
}

/* flexLayout3 two col layout with equal width */

.flexLayout3,
.innerFlexLayout3 .listing {
	flex-wrap: wrap;
}

.flexLayout3 > *,
.innerFlexLayout3 .listing > * {
	flex-basis: 49%;
}

.flexLayout4 > .col1,
.innerFlexLayout4 .listing > .col1 {
	flex-basis: 48%;
}

.flexLayout4 > .col2,
.innerFlexLayout4 .listing > .col2 {
	flex-basis: 43%;
}

/* flexLayout5 [four col layout] */

.flexLayout5 > *,
.innerFlexLayout5 .listing > * {
	flex-basis: 23%;
}

/* flexLAyout6 : two col layout right wider  */

.flexLayout6 > .col1, 
.innerFlexLayout6 .listing > .col1 {
	flex-basis: 30%;
}

.flexLayout6 > .col2, 
.innerFlexLayout6 .listing > .col2 {
	flex-basis: 65%;
}

/* flexLayout7: three col layout, wider middle */

.flexLayout7 > .col1, 
.innerFlexLayout7 .listing > .col1 {
	flex-basis: 28%;
	align-self: center;
}

.flexLayout7 > .col2, 
.innerFlexLayout7 .listing > .col2 {
	flex-basis: 38%;
	align-self: center;
}

.flexLayout7 > .col3, 
.innerFlexLayout7 .listing > .col3 {
	flex-basis: 30%;
	align-self: center;
}

/* flexLayout8 : three col layout, wider middle  */

.flexLayout8 > .col1, 
.innerFlexLayout8 .listing > .col1 {
	flex-basis: 21%;
}

.flexLayout8 > .col2, 
.innerFlexLayout8 .listing > .col2 {
	flex-basis: 55%;
}

.flexLayout8 > .col3, 
.innerFlexLayout8 .listing > .col3 {
	flex-basis: 21%;
}

/* flexLayout9 : two col layout */

.flexLayout9 > .col1, 
.innerFlexLayout9 .listing > .col1 {
	flex-basis: 26%;
}

.flexLayout9 > .col2, 
.innerFlexLayout9 .listing > .col2 {
	flex-basis: 73%;
}

/* flexLayout10 : two col layout */

.flexLayout10 > .col1, 
.innerFlexLayout10 .listing > .col1 {
	flex-basis: 26%;
}

.flexLayout10 > .col2, 
.innerFlexLayout10 .listing > .col2 {
	flex-basis: 70%;
}

.subFlexLayout10 .col1 {
	flex-basis: 30%	
}

.subFlexLayout10 .col2 {
	flex-basis: 65%
}

/* flexLayout11 [five col layout] */

.flexLayout11 > *,
.innerFlexLayout11 .listing > * {
	flex-basis: 18.8%;
}

/* flexLayout12 : two col layout */

.flexLayout12 > .col1, 
.innerFlexLayout12 .listing > .col1 {
	flex-basis: 76%;
}

.flexLayout12 > .col2, 
.innerFlexLayout12 .listing > .col2 {
	flex-basis: 21%;
}

/* flexLayout13 : two col layout */

.flexLayout13 > .col1, 
.innerFlexLayout13 .listing > .col1 {
	flex-basis: 35.6%;
}

.flexLayout13 > .col2, 
.innerFlexLayout13 .listing > .col2 {
	flex-basis: 63%;
}

/* flexLayout14 : one col layout */

.flexLayout14 > .col1, 
.innerFlexLayout14 .listing > .col1 {
	flex-basis: 100%;
}

/* flexLayout15 : two col layout */

.flexLayout15 > .col1, 
.innerFlexLayout15 .listing > .col1 {
	flex-basis: 26%;
}

.flexLayout15 > .col2, 
.innerFlexLayout15 .listing > .col2 {
	flex-basis: 70%;
}

.subFlexLayout15 .col1 {
	flex-basis: 30%	
}

.subFlexLayout15 .col2 {
	flex-basis: 70%
}

/* subFlexLayout1 two column layout to use inside of column 1 of flexLayout1 */

.subFlexLayout1 {
	
}

.subFlexLayout1 .col1 {
	
}

.subFlexLayout1 .col2 {
	
}

/* @end */

/* @group Atoms */

/* Small mostly single tag elements available for use across the whole site */

/* @group Buttons */

.btn.rectangle, 
.btn.rectangle.dark {
	/* btn will be dark by default, use .light for light button over dark background */
    margin: 0.5rem 0rem 0.5rem 0rem;
    padding: 1rem 4% 1rem 4%;
    display: inline-block;
  	background-color: #FE345B;
    font-size: 0.9rem;
    font-weight: 400;
    color: #FFF;
    text-transform: uppercase;
    border: 0px;
    border-radius: 0;
    text-shadow: 0 0 0;
    letter-spacing: 0.05rem;
    font-family: 'Roboto';
}

.btn.rectangle:hover, 
.btn.rectangle.dark:hover {
    background-color: #FE345B;
    color: #FFF;
    
}

.btn.rectangle i {
	margin-right: 0%;
}

/* btnStyle1 : splash home page; */

.btnStyle1,
.innerBtnStyle1 .btn {
	background-color: #000;
	color: #FFF !important;
	padding: 0.7rem 5% 0.7rem 5%;
	border-radius: 0.3rem;
	text-transform: uppercase;
	font-size: 0.9rem;
	letter-spacing: 0.06rem;
	margin: 0rem 0rem 0rem 0rem;
	opacity: 0.9;
}

.btnStyle2 {
	background-color: #fe345b;
	color: #FFF !important;
	font-weight: 400;
	padding: 1rem 4% 1rem 4%;
	text-transform: uppercase;
	margin: 1.5rem 0rem 0rem 0rem;
	display: inline-block;
	letter-spacing: 0.1rem;
	font-size: 0.9rem;
	border-radius: 0.3rem;
}

/* btnStyle3 for buyers and sellers page header (grey background)*/

.btnStyle3,
.innerBtnStyle3 .btn {
	margin: 0rem;
	padding: 0.7rem 1.2rem 0.7rem 1.2rem;
	font-size: 1rem;
	font-weight: 700;
	color: #000;
	background-color: #EFEEEA;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	text-align: center;
}

.btnStyle3:hover,
.innerBtnStyle3 .btn:hover {
	background-color: #EFEEEA;
	color: #000;
}

/* btnStyle4 for buyers and sellers page footer (pink background with icon) */

.btnStyle4,
.innerBtnStyle4 .btn {
	margin: 0rem;
	padding: 0.5rem 3% 0.5rem 3%;
	font-size: 1rem;
	font-weight: 400;
	color: #FFF;
	background-color: #FE345B;
	text-transform: lowercase;
	letter-spacing: 0.04rem;
	line-height: 1.2;
	display: flex;
	justify-content: space-between;
}

.btnStyle4 i,
.innerBtnStyle4 .btn i {
	flex-basis: 20%;
	align-self: center;
	padding: 1rem;
	background-color: #FFF;
	color: #FE345B;
	text-align: center;
	border-radius: 50%;
}

.btnStyle4 span,
.innerBtnStyle4 .btn span {
	flex-basis: 70%;
	align-self: center;
}

/* btnStyle5 : transparent background  */

.btnStyle5,
.innerBtnStyle5 .btn {
	padding: 0.9rem;
	display: block;
	font-size: 1.1rem;
	font-weight: 300;
	border: 1px solid #EFEEEA;
	color: #EFEEEA;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

.btnStyle5:hover,
.innerBtnStyle5 .btn:hover {
	background-color: #888;
	color: #EFEEEA;
}


/* btnStyle6 : add your company(digital directory), unlock results */

.btnStyle6,
.innerBtnStyle6 .btn {
	margin: 0rem 0% 1rem 0%;
	padding: 0.9rem;
	background-color: #FE345B;
	color: #EFEEEA;
	display: block;
	font-size: 1.1rem;
	font-weight: 700;
}

.btnStyle6 i,
.innerBtnStyle6 .btn i {
	color: #FEFEFE;
	padding-right: 5%;
}

.btnStyle6:hover,
.innerBtnStyle6 .btn:hover {
	color: #FEFEFE;
}

/* btnStyle7 : black background */

.btnStyle7,
.innerBtnStyle7 .btn {
	background-color: #000;
	color: #FFF !important;
	padding: 0.7rem 5% 0.7rem 5%;
	border-radius: 0rem;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.06rem;
	margin: 1.5rem 0% 1.5rem 0%;	
}

.btnStyle7:hover,
.innerBtnStyle7 .btn:hover {
	background-color: #000;
}

.btnStyle8 {
	margin: 0rem 0% 0rem 0%;
	padding: 1rem 0rem 0rem 3rem;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fe345b;
	letter-spacing: 0.0rem;
	text-transform: uppercase;
}

.btnStyle8:hover {
	color: #fe345b;
}

.homeBtnRight{
		float: right;
		padding: 1rem 1rem 1rem 1rem;
}
/* @group Molecules */

/* Intermediate multi tag elements with one same function or purpose, available across all the website */

/* @group socialSharing */

.socialSharing {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.socialSharing.dark, 
.socialSharing.light {
	height: 2.8rem;
	text-align: right;
}

.socialSharing header {
	margin: 0rem 0.5rem 0rem 0rem;
}

.socialSharing article {
}

.socialSharing header h1 {
	display: inline;
	/*font-weight: 300;
	font-size: 0.9rem;*/
	text-transform: uppercase;
}

.socialSharing a.icn {
	width: 1.5rem;
	height: 1.5rem;
	margin: 0rem 0rem 0.3rem 0.1rem;
	padding-top: 0.3rem;
	border-radius: 1rem;
	display: inline-block;
	font-size: 0rem;
	color: #eeecec;
	text-align: center;
	cursor: pointer;
}

.socialSharing.dark a.icn {
	color: #373737;
}

.socialSharing a.icn i {
	font-size: 0.9rem;
}

.socialSharing a.icn.facebook, 
.socialSharing.dark a.icn.facebook:hover {
	padding-top: 0.4rem;
	background-color: #4b69a6;
}

.socialSharing.dark a.icn.facebook {
	background-color: #6c6c6c;
}

.fa-facebook-square {
	color: #4b69a6;
}

.socialSharing a.icn.twitter, 
.socialSharing.dark a.icn.twitter:hover {
	background-color: #5fb4f0;
}

.socialSharing.dark a.icn.twitter {
	background-color: #6c6c6c;
}

.fa-twitter-square {
	color: #5fb4f0;
}

.socialSharing a.icn.linkedIn, 
.socialSharing.dark a.icn.linkedIn:hover {
	background-color: #1d90c3;
}

.socialSharing.dark a.icn.linkedIn {
	background-color: #6c6c6c;
}

.fa-linkedin-square {
	color: #1d90c3;
}

.fa-google-plus-square {
	color: #e1584b;
}

.socialSharing a.icn.google, 
.socialSharing.dark a.icn.google:hover {
	background-color: #e15540;
}

.socialSharing.dark a.icn.google {
	background-color: #6c6c6c;
}

.socialSharing a.icn.pinterest, 
.socialSharing.dark a.icn.pinterest:hover {
	/*background-color: #d1242b;*/
}

.socialSharing.dark a.icn.pinterest {
	background-color: #6c6c6c;
}

.socialSharing a.icn.reddit, 
.socialSharing.dark a.icn.reddit:hover {
	background-color: #ff4500;
}

.socialSharing.dark a.icn.reddit {
	background-color: #ff4500;
}

.fa-reddit-alien {
	color: #FFF;
}

/* Social sharing style */ 

.socialSharing1 {
	display: flex;
	justify-content: flex-end;
	margin: 1rem 0% 0rem 0%;
}

.socialSharing1 header h1 {
	font-size: 0.8rem;
	font-weight: 400;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	color: #63636A;
}

.socialSharing1 article ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0rem;
	margin: 0rem 0rem 0rem 0rem;
}

.socialSharing1 article ul > li {
	padding: 0rem 0.3rem 0rem 0rem;
}

.socialSharing1 article ul > li a.icn {
	width: 1.3rem;
	height: 1.3rem;
	margin: 0rem 0rem 0.4rem 0rem;
	padding: 0.3rem 0rem 0rem 0rem;
	display: inline-block;
	color: #666666;
	text-align: center;
	border-radius: 0.2rem;
	background-color: #999999 !important; 
}

.socialSharing1 article ul > li a.icn i {
	font-size: 0.8rem;
	color: #EFEFEF;
}

/**/

.socialSharing2 {
	display: block !important;
}

.socialSharing2 header h1 {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	color: #55555f;
	display: inline-block;	
}

.socialSharing2 article ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0rem;
	margin: 0rem 0rem 0rem 0rem;
}

.socialSharing2 article ul > li {
	padding: 0rem 0.3rem 0rem 0rem;
	text-align: center;
}

.socialSharing2 article ul > li a.icn {
	height: unset;
	width: unset;
	margin: 0rem 1% 0.4rem 1%;
	padding: 0.3rem 0rem 0rem 0rem;
	display: inline-block;
	color: #eee;
	text-align: center;
	border-radius: 0.2rem;
	background-color: unset !important; 
}

.socialSharing2 article ul > li a.icn i {
	font-size: 1.4rem;
	color: #eee;
}

.socialSharing3 header h1 {
	font-size: 0.8rem;
	font-weight: 400;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	color: #63636A;
}

.socialSharing3 article ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0rem;
	margin: 0rem 0rem 0rem 0rem;
}

.socialSharing3 article ul > li {
	padding: 0rem 0.3rem 0rem 0rem;
}

.socialSharing3 article ul > li a.icn {
	width: 1.3rem;
	height: 1.3rem;
	margin: 0rem 0rem 0.4rem 0rem;
	padding: 0.3rem 0rem 0rem 0rem;
	display: inline-block;
	color: #666666;
	text-align: center;
	border-radius: 0.2rem;
	background-color: #999999 !important; 
}

.socialSharing3 article ul > li a.icn i {
	font-size: 0.8rem;
	color: #EFEFEF;
}

.socialSharing3 {
	display: flex;
  padding: 0.5rem 0.8%;
}

.socialSharing3 .favorite{
	color: #EFEFEF;
}

.socialSharingLeft {
	width: 50%;
}

.socialSharingRight {
	display: flex;
  justify-content: flex-end;
  flex-basis: 50%;
}


/* @end */

/* Tag Lists */

.tagList a {
	  background-color: #FE345B;
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2727272727;
    margin: 2px 4px 2px 10px;
    padding: 3px 7px;
    position: relative;
    text-transform: uppercase;
}

.dark .tagList a {
	/* Tag style when on dark background */
	color: #FFF !important;
	background-color: #575757;
}

.tagList a:hover {
	color: #FFF !important;
	background-color: #c7203d;
	cursor: search;
}

.tagList a i {
	margin-right: 0.3rem;
}


/* @end */

/* @end */

/* map zoomin zoom out */

.map .zoomIn,
.map .zoomOut {
	width: 1.6rem;
	height: 1.6rem;
	padding: 0.2rem;
	position: absolute;
	background-color: #fe335b;
	border-radius: 0.8rem;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 0.9;
	cursor: pointer;
	color: #FFF;
}

.map .zoomIn {
	bottom: 0.5rem;
	left: 1%;
}

.map .zoomOut {
bottom: 0.5rem;
left: 7%;
}
/* @group of tab elements */

/* brands tab group  */

#brandsTabGroup ul,
#webinarNavTabGroup ul {
	display: flex;
}

#brandsTabGroup ul li,
#webinarNavTabGroup ul li {
	padding: 0.5rem 4%;
	display: inline-block;
	border: 2px solid #fe335b;
}

#brandsTabGroup ul li:nth-child(2),
#brandsTabGroup ul li:nth-child(3) {
	margin-left: -0.2%;
}

#brandsTabGroup ul li a,
#webinarNavTabGroup ul li a {
	font-size: 1.1rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #fe335b;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
}

#brandsTabGroup ul li.active,
#webinarNavTabGroup ul li.r-tabs-state-active {
	background-color: #fe335b;
}

#brandsTabGroup ul li.active a,
#webinarNavTabGroup ul li.r-tabs-state-active a {
	color: #fefefe;
}

/* tabStyle1: mySocialTabGroup */

.tabStyle1 {
	display: flex;
	justify-content: space-between;
	text-align: center;
	background-color: #EFEEEA;
	box-shadow: -5px -5px 5px -5px #ccc, 5px -5px 5px -5px #ccc;
}

.tabStyle1 li {
	padding: 1rem 4%;
	align-self: center;
	flex-basis: 50%;
}

.tabStyle1 li:first-child {
	border-right: 5px solid #ccc;
}

.tabStyle1 li a {
	font-size: 1rem;
	font-weight: 700;
	color: #63636A;
	letter-spacing: 0.02rem;
}

.tabStyle1 li.r-tabs-state-active {
	background-color: #FFFFFF;
}

.tabStyle1 li.r-tabs-state-active a {
	color: #FE345B;
}

/* tabStyle2: my posting and my analytical page maps tab  */

.tabStyle2 {
	display: flex;
	justify-content: space-between;
}

.tabStyle2 li {
	flex-basis: 19.8%;
	text-align: center;
	padding: 1rem 2% 1.5rem 2%;
}

.tabStyle2 li a {
	font-size: 1rem;
	font-weight: 700;
	color: #63636A;
}

.tabStyle2 li.r-tabs-state-active {
	box-shadow: -7px -7px 11px -7px #bbb, 7px -7px 7px -7px #bbb;
	position: relative;
	background-color: #efeeea;
	z-index: 999;
}

.tabStyle2 li.r-tabs-state-active a {
	color: #FE345B;
}

/* tabStyle3 : my posting page (manage your posting) */

.tabStyle3 {
	display: flex;
	justify-content: space-between;
}

.tabStyle3 li {
	flex-basis: 19.8%;
	text-align: center;
	padding: 1rem;
	background-color: #151522;
}

.tabStyle3 li a {
	font-size: 1rem;
	font-weight: 700;
	color: #FFF;
}

.tabStyle3 li.r-tabs-state-active {
	position: relative;
	background-color: #FFF;
	z-index: 999;
}

.tabStyle3 li.r-tabs-state-active a {
	color: #151522;
}

/* tabStyle4: home loged in company section */

.tabStyle4 {
	display: flex;
	justify-content: space-between;
	text-align: center;
	background-color: #DDD7D1;
}

.tabStyle4 li {
	padding: 1rem 4%;
	align-self: center;
	flex-basis: 50%;
}

.tabStyle4 li a {
	font-size: 1.1rem;
	font-weight: 700;
	color: #63636A;
/*	letter-spacing: 0.02rem;*/
	text-transform: uppercase;
}

.tabStyle4 li a i {
	padding: 0rem 5% 0rem 0%;
	color: #FEFEFE;
}

.tabStyle4 li.r-tabs-state-active {
	background-color: #EFEEEA;
}

.tabStyle4 li.r-tabs-state-active a i {
	color: #fe345b;
}

/* tableStyle5 home loged in events section */

.tabStyle5 {
	align-self: center;
}

.tabStyle5 li {
	margin: 0rem 0% 0.5rem 0%;
	padding: 1rem 2%;
	font-size: 1.1rem;
	font-weight: 700;
	color: #63636A;
	text-transform: uppercase;
	background-color: #3C3C46;
	text-align: center;
}

.tabStyle5 li.r-tabs-state-active {
	background-color: #EFEEEA;
	color: #151522;
}

.tabStyle5 li a i.fa-angle-left {
	padding-right: 7%;
}

.tabStyle5 li a i.fa-angle-right {
	padding-left: 7%;
	display: none;
}

.tabStyle5 li.r-tabs-state-active a i.fa-angle-right {
	display: inline-block;
}

.tabStyle5 li.r-tabs-state-active a i.fa-angle-left {
	display: none;
}


/* @group Organisms */

/* Standard layout elements (boxes, article styles, etc…) available across sections */

/* @group Header */

#wrapper > header #headerMenus .menuBar .col {
	overflow: visible;
}

#wrapper > header #headerMenus {
	width: 100%;
	background-color: #151522;
	position: fixed;
	z-index: 1000;
}

#wrapper > header #headerMenus .userBar {
	border-bottom: 1px solid #666666;
	height: 4.5rem;
}

#wrapper > header #headerMenus .userBar div {
	align-items: center;
	padding-top: 0.5rem; 
}

#wrapper > header #headerMenus .userBar .col1 {
	flex-basis: 20%;
	padding: 0rem 0% 0rem 0%;
	text-align: left;
	align-self: center;
}

#wrapper > header #headerMenus .userBar .col1 #btnHeader {
	font-size: 0rem;
	width: 100%;
}

#wrapper > header #headerMenus .userBar .col1 img {
	width: 100%;
}

#wrapper > header #headerMenus .userBar .col2 {
	flex-basis: 55%;
	text-align: center;
}

#wrapper > header #headerMenus .userBar .col3 {
	flex-basis: 21%;
	text-align: center;
	align-items: center;
	font-size: 0.9rem;
}

#wrapper > header #headerMenus .userBar .col3 p {
	color: #999999;
	flex-basis: 50%;
}

#wrapper > header #headerMenus .userBar .col3 ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-basis: 50%;
}

#wrapper > header #headerMenus .userBar .col3 ul > li {
	padding: 0.3rem;
	font-size: 1.5rem;
}

#wrapper > header #headerMenus .userBar .col3 ul > li > a i {
	color: #999999;
}

#wrapper > header #headerMenus .menuBar {
	align-items: center;
}

/* @end */

/* @group Footer */

#wrapper > footer .footerNavMenuContainer  {
	background-color: #151522;
	color: #FFF;
}

#wrapper > footer .footerNavMenuContainer > div {
	padding: 4rem 5% 4rem 5%;
}

#wrapper > footer h2 {
	margin: 0rem 0rem 1rem 0rem;
	font-weight: 600;
	font-size: 1rem;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
}

#wrapper > footer article .body {
	display: flex;
	justify-content: space-between;
}

#wrapper > footer article .body .col1 {
	flex-basis: 20%;
}

#wrapper > footer article .body .col2 {
	flex-basis: 28%;
}

#wrapper > footer article .body .col3 {
	flex-basis: 19%;
}

#wrapper > footer article .body .col4 {
	flex-basis: 17%;
}

#wrapper > footer article .body div ul {
	margin: 0rem 0rem 1rem 0rem;
}

#wrapper > footer article .body div ul li,
#wrapper > footer article .body div p {
	margin: 0rem 0rem 0.5rem 0rem;
	font-weight: 300;
	font-size: 0.8rem;
	color: #999999;
	letter-spacing: 0.04rem;
}

#wrapper > footer .footerMenuContainer article .body div ul li:hover {
	color: #FFF;
}

#wrapper > footer h3 {
	border-top: 1px solid #999999;
	margin: 0rem 0rem 1rem 0rem;
	padding: 1rem 0rem 0rem 0rem;
	font-weight: 600;
	font-size: 1rem;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
}

#wrapper > footer .newsletterRegistrationForm {
	position: relative;
}

#wrapper > footer .newsletterRegistrationForm form input[type="email"] {
	width: 17.5rem;
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-weight: 300;
	font-size: 0.9rem;
	color: #fff;
	background-color: #666666;
	border: 0px;
	position: absolute;
	top: -3rem;
}

#wrapper > footer .newsletterRegistrationForm form input[type="email"]::-webkit-input-placeholder {
  color: #FFF;
}

#wrapper > footer .newsletterRegistrationForm #btnSubmitSubscribe-defaultNewsletter {
	background-color: #666666;
	border: 0px;
	font-size: 1.2rem;
	color: #FFF;
	position: absolute;
	top: -2.8rem;
	left: 17%;
}

#wrapper > footer .footerFooterContainer {
	padding: 2rem 0% 2rem 0%;
}

#wrapper > footer .footerFooterContainer .body p {
	font-weight: 400;
} 

#wrapper > footer .footerFooterContainer .body .col3 ul,
#wrapper > footer .footerFooterContainer .body .col4 ul {
	display: flex;
}

#wrapper > footer .footerFooterContainer .body .col3 ul li,
#wrapper > footer .footerFooterContainer .body .col4 ul li {
	padding: 0rem 3% 0rem 3%;
	font-weight: 400;
}

#wrapper > footer .footerFooterContainer .body .col4 ul li {
	font-size: 1.7rem;
}

#wrapper > footer .footerFooterContainer .body .col4 ul li a i {
	color: #999999;
}

/* @end */

/* header style common for home page*/

.headerStyle1 header,
.innerHeaderStyle1 header {
	display: block;
}

.headerStyle1 h1,
.innerHeaderStyle1 header h1 {
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.04rem;
	margin: 0rem 0rem 1rem 0rem;
	padding: 0rem 0rem 0.5rem 0rem;
	color: #cccccc;
	text-transform: uppercase;
	border-bottom: 1px solid #999999;
}

.headerStyle2 h1,
.innerHeaderStyle2 header h1 {
	font-size: 1rem;
	font-weight: 400;
	color: #666666;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

/* hederStyle3 : simlar to the headerStyle4 but color change  */

.headerStyle3 header,
.innerHeaderStyle3 header {
	display: block;
}

.headerStyle3 h1,
.innerHeaderStyle3 header h1 {
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.04rem;
	margin: 0rem 0rem 2rem 0rem;
	padding: 0rem 0rem 0.1rem 0rem;
	color: #9A9AA0;
	border-bottom: 1px solid #999999;
}
/* headerStyle4 for sidebar  */

.headerStyle4 header,
.innerHeaderStyle4 header {
	display: block;
}

.headerStyle4 h1,
.innerHeaderStyle4 header h1 {
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.04rem;
	margin: 0rem 0rem 1rem 0rem;
	padding: 0rem 0rem 0.1rem 0rem;
	color: #B6B6B6;
	border-bottom: 1px solid #999999;
}

/* headerStyle5 for brands detail page  */

.headerStyle5 h1,
.innerHeaderStyle5 header h1 {
	margin: 0rem 0rem 0.5rem 0rem;
	font-size: 2.7rem;
	font-weight: 400;
	letter-spacing: 0.02rem;
	line-height: 1;
}

/* headerStyle6 similar to headerStyle1 */

.headerStyle6,
.innerHeaderStyle6 header {
	display: block;
}

.headerStyle6 h1,
.innerHeaderStyle6 header h1 {
	margin: 0rem 0rem 0.5rem 0rem;
	padding: 0rem 0% 2rem 0%;
	font-size: 2rem;
	font-weight: 300;
	color: #33333f;
	letter-spacing: 0rem;
	border-bottom: 2px solid #CCC;
}

/*headerStyle7 : featured articles */

.headerStyle7,
.innerHeaderStyle7 header {
	display: block;
}

.headerStyle7 h1,
.innerHeaderStyle7 header h1 {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0% 1rem 0%;
	font-size: 1.5rem;
	font-weight: 300;
	color: #666666;
	letter-spacing: 0rem;
	border-bottom: 1px solid #CCC;
}

/* headerStyle8: memberShip plan  */

.headerStyle8 {
	width: 50%;
	text-align: center;
	margin: 0rem auto;
}

.headerStyle8 h1 {
	margin: 0rem 0% 1rem 0%;
	font-size: 3.5rem;
	font-weight: 400;
	color: #FE345B;
	line-height: 1;
}

.headerStyle8 h1 span {
	font-size: 1.4rem;
	color: #E12944;
	display: block;
}

.headerStyle8 h2 {
	margin: 0rem auto 2rem auto;
	font-size: 1rem;
	font-weight: 700;
	color: #666666;
	letter-spacing: 0.0rem;
	width: 75%;
}

/* headerStyle9 : home page loged in  */

.headerStyle9,
.innerHeaderStyle9 header {
	display: block;
}

.headerStyle9 h1,
.innerHeaderStyle9 h1 {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 1.5rem;
	font-weight: 300;
	color: #151522;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.headerStyle9.light h1,
.innerHeaderStyle9.light h1 {
	color: #FFF;
}

.headerStyle9.pink h1,
.innerHeaderStyle9.pink h1 {
	color: #FE345B;
}

/*@end*/

/* @group Main menu */

nav.main {
	width: 100%;
}

nav.main > ul {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	position: relative;
}

nav.main > ul > li {
	position: relative;
	margin: 0rem 0.8rem 0rem 0.8rem;
}

nav.main > ul > li:first-child {
	margin: 0rem 0.8rem 0rem 0rem;
}

nav.main > ul > li > a {
	padding: 0.7rem 0.7rem 0.7rem 0.7rem;
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	color: #cccccc;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	text-transform: uppercase;
	letter-spacing: 0.07rem;
}

nav.main.userToolBar ul > li > a span {
	padding: 0rem 0.4rem 0rem 0.4rem;
}
nav.main > ul > li:hover > a {
	color: #FFF;
	background-color: #fe345b ;
}

/* sub menu of main menu */

nav.main > ul > li > ul {
	width: 10rem;
	padding: 0rem 0rem 0rem 0rem;
	display: none;
	position: absolute;
	top: 2.5rem;
	left: 0rem;
	background-color: #fe345b;
}

nav.main > ul > li:hover > ul {
	display: block;
}

nav.main > ul > li > ul > li {
	padding: 0rem 0.5rem 0rem 0.5rem;
}

nav.main > ul > li > ul > li > a {
	display: block;
	padding: 0.3rem 0rem 0.4rem 0.5rem;
	font-size: 0.9rem;
	font-weight: 300;
	border-bottom: 1px solid #cccccc;
	color: #FFF;
	text-align: left;
}

nav.main > ul > li > ul > li:last-child > a {
	border-bottom: unset;
}

nav.main > ul > li > ul > li > a:hover {
	color: #FFF;
	font-weight: 700;
}

/* @group  menu */

nav.socialToolBar {
	width: 100%;
}

nav.socialToolBar > ul {
	text-align: center;
	display: flex;
	justify-content: right;
}

nav.socialToolBar > ul > li {
	align-self: center;
}

nav.socialToolBar > ul > li > a {
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	display: flex;
	justify-content: space-between;
	font-weight: 400;
	align-items: center;
	align-self: center;
	color: #999999;
}

nav.socialToolBar > ul > li > a > i {
	padding: 0.3rem;
	font-size: 1.2rem;
	color: #666666;
}

nav.socialToolBar > ul > li > a:hover i {
	color: #fe345b;
}

nav.socialToolBar > ul > li > a:hover span {
	color: #FFF;
}

nav.socialToolBar > ul > li > a > span {
	padding: 0.3rem;
	font-size: 0.9rem;
}

nav.userToolBar  > ul > li {
	margin: 0rem;
}

/* @group Menu molecules (not main menu) */

.userName {
	background-color: #666666;
	color: #FFF !important;
}

.userName:hover {
	background-color: #666666 !important;
}

.userMenu {
	background-color: #fe345b;
}

.userMenu .user {
	border-top: 1px solid #666666;

}

.userMenu.mnu {
	justify-content: flex-start;
}

nav.user > ul > li:first-child {
	margin: 0rem 0.8rem 0rem 0rem;
}

nav.user > ul > li {
	margin: 0rem 0.8rem 0rem 0.8rem;
}

nav.user > ul > li > a {
	display: block;
	padding: 0.6rem 0.5rem 0.6rem 0.5rem;
	font-weight: 400;
	font-size: 0.9rem;
	font-family: 'Roboto Condensed';
	color: #FFFFFF;
	letter-spacing: 0.03rem;
	text-transform: uppercase;
}

nav.user ul li:hover a {
	background-color: #151522;
	color: #FFF;
}

nav.user > ul > li > ul {
	display: none;
	min-width: 11rem;
	position: absolute;
	z-index: 3001;
	background-color: #151522;
}

nav.user > ul > li:hover > ul {
	display: block;
}

nav.user > ul > li > ul > li {
	display: block;
	position: relative;
	padding: 0rem 0.5rem 0rem 0.5rem;
}

nav.user ul li ul li a {
	padding: 0.3rem 0.3rem 0.3rem 0.5rem;
	display: block;
	font-size: 0.9rem;
	color: #FFF;
	border-bottom: 1px solid #cccccc;
}

nav.user ul li ul li:last-child a {
	border-bottom: unset;
}

nav.user ul li ul li a:hover {
	color: #FFF;
	font-weight: 700;
}

.userMenu ul li #myInboxCount {
	display: none;
	padding: 0rem 0.3rem 0rem 0.3rem;
	text-align: center;
	background-color: #dc1f3a;
	border-radius: 0.2rem;
	position: absolute;
	top: 0rem;
	left: 0rem;
	font-size: 0.7rem;
	font-weight: 700;
}


/* @end */

/* @group navBox1 */

.navBox1 ul {
	margin: 0rem 0rem 2rem 0rem;
	padding: 0rem 0% 0rem 6%; 
	display: flex;
	flex-direction: column;
}

.navBox1 ul > li {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.8;
	color: #ccc;
	cursor: pointer;
	letter-spacing: 0.04rem;
}

.navBox1 ul > li:hover {
	color: #FFF;
}

.navBox1 ul > li.current {
	color: #151522;
}

/* @group navBox2 : articles detail page category navigation */

.navBox2 ul {
	margin: 1rem 0rem 2rem 0rem; 
	display: flex;
	flex-direction: column;
}

.navBox2 ul > li {
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.8;
	color: #33333f;
	cursor: pointer;
	letter-spacing: 0.04rem;
}

.navBox2 ul > li:hover a,
.navBox2 ul > li:hover a i {
	color: #fe345b;
}

.navBox2 ul > li > a > i {
	margin-right: 2%;
	font-size: 0.9rem;
}

.navBox2 ul > li > ul {
	padding: 0rem 0% 0rem 6%;
	margin: 0rem;
}

.navBox2 ul > li > ul > li.current {
	color: #fe345b;
	font-weight: 500;
}


/* @end */

/* @group of prevNext  */

.prevNext1 {
	text-align: center;
}

.prevNext1 a,
.prevNext1 span {
	font-size: 1rem;
	font-weight: 400;
	margin: 0rem 0.2rem 0rem 0.2rem;
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
	color: #95959b;
	text-align: center;
}

.prevNext1 span {
	color: #000;
	background-color: #ddd6d0;
}

/* @group Box Styles */

/* boxStyle1: brands , digital directory, buying leads, articles side bar */

.boxStyle1 {
	padding: 4rem 3% 2rem 3%;
	position: relative;
}

#enterprise .boxStyle1 > h2,
#myDownloads .boxStyle1 >  h2,
#mySocial .boxStyle1 >  h2,
#myNews .boxStyle1 >  h2,
.favs .boxStyle1 >  h2 {
  color: #151522;	
} 

.boxStyle1 h2 {
	margin: 0rem 0% 1rem 0%;
  font-size: 2.3rem;
  font-weight: 500;
  color: #EFEEEA;
  letter-spacing: 0.02rem;
  line-height: 1;
}

.boxStyle1 h3 {
	margin: 0rem 0% 1rem 0%;
  font-size: 1.1rem;
  font-weight: 700;
  color: #B6B6B6;
  letter-spacing: 0.06rem;
  line-height: 1.4;	
}

.boxStyle1 p {
	margin: 0rem 0% 2rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #B6B6B6;
	letter-spacing: 0.04rem;
}

.boxStyle1 ul {
	margin: 0rem 0rem 2rem 0rem;
}

.boxStyle1 ul > li {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.8;
	color: #ccc;
	cursor: pointer;
	letter-spacing: 0.04rem;
}

.boxStyle1 .postButtons {
	position: absolute;
	bottom: 8rem;
	right: 6%;
}

.boxStyle1 .postButtons li {
	margin: 0rem 0% 1rem 0%;
	padding: 1rem;
	font-size: 1rem;
	font-weight: 500;
	color: #fefefe;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.02rem;
	border: 2px solid #fefefe;
}

.boxStyle1 article .body {
	text-align: left;
}

.boxStyle1 .displayLogoImage article {
	display: flex;
	justify-content: center;
}

.boxStyle1 .displayLogoImage article .imgContainer {
	width: 50%;
}

/* boxStyle2: articles detail page side bar */

.boxStyle2 {
	padding: 0rem 2% 0rem 2%;
	border-right: 1px solid #CCC;
}

.boxStyle2 h4 {
	margin: 0rem 0% 2rem 0%;
	font-size: 1rem;
	font-weight: 400;
	color: #fe345b;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
}

.boxStyle2 p {
	margin: 0rem 0% 2rem 0%;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
}

.boxStyle2 p span {
	margin: 0rem 0% 0.5rem 0%;
	color: #55555f;
	display: inline-block;
}

.boxStyle2 i {
	font-size: 1.5rem;
	color: #55555f;
}

/* boxStyle3: articles list page, post your buying requirement  */

.boxStyle3 .col1 {
	padding: 0rem;
	align-self: center;
}

.boxStyle3 .col1 h2 {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.9rem;
	color: #999999;
	letter-spacing: 0.02rem;
}

.boxStyle3 .col1 h2 i {
	margin-right: 3%;
}

.boxStyle3 .col2 h2 {
	margin: 0rem 0% 0rem 0%;
	font-size: 3.5rem;
	font-weight: 400;
	color: #FE345B;
}

.boxStyle3 .col2 h3 {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1.7rem;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.01rem;
	color: #151522;
}

.boxStyle3 .col2 p {
	margin: 0rem 0% 2rem 0%;
	font-size: 1rem;
	font-weight: 700;
	color: #666666;
	letter-spacing: 0.02rem;
}

/* boxStyle4: post buying requirement (form tips)  */

.boxStyle4 {
	padding: 1rem;
	background-color: #999999;
}

.boxStyle4 h3 {
	padding: 1rem 0% 1.5rem 0%;
	font-size: 1.1rem;
	font-weight: 700;
	color: #FFF;
	letter-spacing: 0.04rem;
	border-bottom: 1px solid #ccc;
}

.boxStyle4 ul,
.boxStyle4 ol {
	margin: 1rem 0% 1rem 0%;
	padding: 0rem;
}

.boxStyle4 ul li,
.boxStyle4 ol li {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.8rem;
	font-weight: 400;
	color: #FFF;
	letter-spacing: 0.04rem;
	line-height: 1.4;
}

.boxStyle4 ul li::marker,
.boxStyle4 ol li::marker {
	font-size: 1.1rem;
	font-weight: 700;
}

/* boxStyle5: digital directory list page callToAction  */

.boxStyle5 {
	background-color: #FB5978;
	padding: 2rem 3% 2rem 5%;
}

.boxStyle5 .body h3 {
	margin: 0rem 0% 1rem 0%;
	font-size: 2.3rem;
	font-weight: 400;
	letter-spacing: 0.01rem;
	line-height: 1;
	color: #EFEEEA;
}

.boxStyle5 .body ul {
	margin: 0rem 0% 0.5rem 0%;
}

.boxStyle5 .body ul li {
	margin: 0rem 0% 0.1rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.01rem;
	color: #EFEEEA;
}

.boxStyle5 .body p {
	margin: 0rem 0% 0.5rem 0%;
	padding: 0.5rem;
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.01rem;
	color: #EFEEEA;
	border: 1px solid #EFEEEA;
}

.boxStyle5 .body h4 {
	text-align: center;
}

/* boxStyle6 :  consultants callToActionBox */

.boxStyle6 article {
	background-color: #FB5978;
	padding: 1rem 2% 2rem 2%;
	margin-bottom: 1rem;	
}

.boxStyle6 article h4 {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1.1rem;
}

/* boxLayout1: more buying leads, more comapny  */

.boxLayout1 article {
	margin: 2rem 0% 2rem 0%;
	background-color: #FEFEFE;
	border: 1px solid #999;
	position: relative;
}

.boxLayout1 article .imgContainer {
	margin: 0rem 0% 1rem 0%;
	text-align: center;
	background-color: #ddd6d0;
	overflow: hidden;
	position: relative;
	height: 13rem;
}

.boxLayout1 article .imgContainer img {
	margin-bottom: -0.5rem;
	padding: 1rem;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 13rem;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.boxLayout1 article .txt {
	padding: 1rem 10%;
}

.boxLayout1 article .txt h3 {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #999999;
	min-height: 2rem;
}

.boxLayout1 article .txt h3 span {
	color: #fe345b;
}

.boxLayout1 article .txt h2 {
	margin: 0rem 0% 1rem 0%;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0.04rem;
	line-height: 1.2;
	min-height: 5rem;
}

.boxLayout1 article .readMore {
	padding: 0rem 10%;
	font-size: 0.9rem;
	font-weight: 700;
	color: #fe345b;
	letter-spacing: 0.0rem;
	text-transform: uppercase;
	position: absolute;
	bottom: 0.5rem;
}

/* boxLayout2 : home loged in company section tab  */

.boxLayout2 .listing article {
	display: flex;
	justify-content: space-between;
	margin: 0rem 0% 0.5rem 0%;
	padding: 0rem 0% 0.5rem 0%;
	border-bottom: 1px solid #ccc;
}

.boxLayout2 .listing article .imgContainer {
	flex-basis: 20%;
}

.boxLayout2 .listing article .txt {
	flex-basis: 75%;
}

.boxLayout2 .listing article .txt h2 {
	margin: 0rem 0% 0.2rem 0%;
	font-size: 0.9rem;
	font-weight: 700;
	color: #151522;
	letter-spacing: 0.02rem;
}

.boxLayout2 .listing article .txt h3 {
	margin: 0rem 0% 0.2rem 0%;
	font-size: 0.6rem;
	font-weight: 700;
	color: #999999;
	letter-spacing: 0.04rem;	
}

.boxLayout2 .listing article .txt h3 strong {
	font-weight: 400;
}

/* @end */

/* @group table Styles */

.tableStyle1 {
	box-shadow: 0 0 10px #ddd;
	width: 100%;
}

.tableStyle1 .compoundTableHeader,
.tableStyle1 .basicInfo {
	width: 100%;
}

.tableStyle1 p {
	margin-bottom: 1rem;
	color: #666666;
	text-align: center;
	letter-spacing: 0.04rem;
}

.tableStyle1 .header th {
	padding: 0.5rem 1% 0.5rem 1%;
	background-color: #151522;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.01rem;
	text-align: left;
	flex-basis: 24.7%;
}

.tableStyle1 tr td {
	flex-basis: 24.7%;
	padding: 0.5rem 1% 0.7rem 1%;
	font-size: 0.8rem;
	color: #151522;
	background-color: #999999;
	word-break: break-word;
}

.tableStyle1 tr.content td { /* my-posting */
	background-color: #FFF;
}

.tableStyle1 .itemDetails tr td {
	background-color: #FFF;
}

.tableStyle1 .itemDetails .message textarea,
.tableStyle1 .basicInfo .status select {
	width: 100%;
	padding: 0.9rem;
	display: block;
	font-size: 0.9rem;
	font-weight: 400;
	background-color: #EAEAEA;
	border: 0px;
	color: #66666f;
	letter-spacing: 0.04rem;
}

.tableStyle1 .actions {
	text-align: center;
}

.tableStyle1 .actions a {
	font-size: 1.2rem;
	padding: 0rem 4%;
	color: #292D32;
}

.tableStyle1 .itemDetails {
	background-color: #FFFFFF;
	padding: 0.5rem 1% 0.7rem 1%;
}

.tableStyle1 .itemDetails .specs {
	flex-basis: 24.7%;
}

.tableStyle1 .itemDetails .message {
	flex-basis: 74%;
}

.tableStyle1 .itemDetails p {
	margin: 0rem 0% 0.7rem 0%;
	font-size: 0.8rem;
	font-weight: 400;
	letter-spacing: 0.02rem;
	line-height: 1.2;
	color: #151522;
	text-align: left;
}

.tableStyle1 .itemDetails p a {
	font-weight: 700;
}

.tableStyle1 .itemDetails label {
	margin: 0rem 0% 0.7rem 0%;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.02rem;
	line-height: 1.2;
	display: block;
}

.tableStyle1 .itemDetails h4 {
	margin: 0rem 0% 0.7rem 0%;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.02rem;
	line-height: 1.2;
	text-transform: uppercase;
	color: #666666;
}

.tableStyle1 .itemDetails h4 em {
	font-weight: 400;
	text-transform: none;
}

.tableStyle1 .itemDetails .replyNow.btn {
	float: right;
	font-weight: 400;
	font-size: 1rem;
}

.myNewsPublished .tableStyle1 .header th,
.myNewsPublished .tableStyle1 tr td {
	flex-basis: 19.7%;
}

/*  tableStyle2: my-download page */

.tableStyle2 {
	margin: 0rem 0% 1rem 0%;
	box-shadow: 0 0 10px #ddd;
	width: 100%;
}

.tableStyle2 .header th {
	padding: 0.5rem 2% 0.5rem 2%;
	background-color: #151522;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	text-align: left;
}

.tableStyle2 tr {
	margin-bottom: 0.2rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.tableStyle2 tr .col1,
.tableStyle2 tr .col3 {
	flex-basis: 23%;
}

.tableStyle2 tr .col2 {
	flex-basis: 53%;
}

.tableStyle2 tr td {
	padding: 0.8rem 1% 0.4rem 1%;
	font-size: 0.8rem;
	color: #151522;
	background-color: #999999;
	word-break: break-word;
	letter-spacing: 0.04rem;
}

.tableStyle2 .actions a {
	font-size: 1.2rem;
	padding: 0rem 4%;
	color: #292D32;
	text-align: center;
}

/* @group Notification Styles  */

/* notificationStyle1 : social pulishing form */

.notificationStyle1 {
	margin: 0rem 0% 2rem 0%;
	padding: 2rem;
	background-color: #999999;
}

.notificationStyle1 .col1 {
	flex-basis: 10%;
	align-self: center;
	font-size: 2rem;
	color: #EFEFEF;
}

.notificationStyle1 .col2 {
	flex-basis: 90%;
}

.notificationStyle1 .col2 p {
	font-size: 0.9rem;
	letter-spacing: 0.04rem;
	line-height: 1.4;
}

.notificationStyle1 .col2 p a {
	padding: 0rem;
	display: inline-block;
	color: #EEEEEE;
}

/* @group Article Styles */


/* articleStyle1 : video detail */

.articleStyle1 {
	background-color: #FFF;
	padding: 1rem 2%;
	box-shadow: 0 0 10px #CCC;	
	position: relative;
}

.articleStyle1 .favorite {
	float: right;
	color: #666666;
	font-size: 1.3rem;
	padding-right: 1%;
}

.articleStyle1 .favorited{
	color: #FE345B;
}

.articleStyle1 h3 {
	font-size: 0.8rem;
	color: #fe345b;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.2rem;
	padding: 0rem 0% 1rem 0%;
	border-bottom: 1px solid #ccc;
	margin: 0rem 0% 1.5rem 0%;
}

.articleStyle1 h1 {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	line-height: 1;
	letter-spacing: 0.0rem;
	padding: 0rem 0rem 1rem 0rem;
}

.articleStyle1 .subTitle {
	display: none;
}

.articleStyle1 .body {
	border-bottom: 1px solid #ccc;
}

.articleStyle1 p {
	padding: 0rem 0% 1rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.4;
	color: #666666;
	letter-spacing: 0.02rem;
}

.articleStyle1 iframe {
	margin: 0rem 0rem 1rem 0rem;
}

.articleStyle1 img {
	width: 100%;
	margin: 0rem 0rem 1rem 0rem;
}

/* articleStyle2: video list */

.articleStyle2,
.innerArticleStyle2 .listing article {
	background-color: #FFF;
	padding: 1rem 2%;
	margin: 0rem 0rem 1rem 0rem;
	box-shadow: 0 0 10px #CCC;
}

.articleStyle2 .imgContainer img,
.innerArticleStyle2 .listing article .imgContainer img {
	padding: 0rem;
	margin: 0rem 0% 1rem 0%;
}

.articleStyle2 > .txt,
.innerArticleStyle2 .listing article .txt {
	padding: 0rem 0% 1rem 0%;
	position: relative;
}

.articleStyle2 > .txt h2,
.innerArticleStyle2 .listing article .txt h2 {
	font-size: 1.4rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	line-height: 1;
	letter-spacing: 0.0rem;
	padding: 0rem 0rem 1rem 0rem;
}

.articleStyle2 > .txt h3,
.innerArticleStyle2 .listing article .txt h3 {
	font-size: 0.8rem;
	color: #fe345b;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.2rem;
	padding: 0rem 0% 1rem 0%;
	border-bottom: 1px solid #ccc;
	margin: 0rem 0% 1rem 0%;
}

.articleStyle2 > .txt p,
.articleStyle2 > .txt .subTitle,
.innerArticleStyle2 .listing article .txt p,
.innerArticleStyle2 .listing article .txt .subTitle {
	display: none;
}

.articleStyle2 .txt .favorite,
.innerArticleStyle2 .listing article .txt .favorite {
	float: right;
	font-size: 1rem;
	color: #95959b;
}

.articleStyle2 .txt .favorited,
.innerArticleStyle2 .listing article .txt .favorited {
	color: #FE345B;
}

/* articleStyle3 : video on home page; */

.articleStyle3,
.innerArticleStyle3 {
	padding: 3rem 4% 3rem 4%;
}

.articleStyle3,
.innerArticleStyle3 .listing article {
	background-color: #FFF;
	position: relative;
	box-shadow: 0 0 10px #CCC;
}

.articleStyle3 .imgContainer,
.innerArticleStyle3 .listing article .imgContainer {
	margin-bottom: 1rem;
}

.articleStyle3 > .txt,
.innerArticleStyle3 .listing article .txt {
	padding: 0rem 7% 1rem 7%;
}

.articleStyle3 > .txt h2,
.innerArticleStyle3 .listing article .txt h2 {
	display: inline-block;
	font-size: 1.1rem;
	color: #393944;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.02rem;
	padding: 0rem 0rem 1rem 0rem;
}

.articleStyle3 > .txt h3,
.innerArticleStyle3 .listing article .txt h3 {
	padding: 0rem 0% 1rem 0%;
	font-size: 0.8rem;
	font-weight: 400;
	font-family: 'Roboto Condensed';
	color: #fe345b;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
}


.articleStyle3 > .txt p,
.innerArticleStyle3 .listing article .txt p {
	display: none;
}

/* articleStyle4: Splash page; */

.articleStyle4,
.innerArticleStyle4 {
	background-color: #fe345a;
}

.articleStyle4,
.innerArticleStyle4 article {
	padding: 4rem 9% 9rem 27%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.articleStyle4 .body,
.innerArticleStyle4 > article .body {
	position: relative;
	margin: 0rem 0rem 3rem 0rem;
}

.articleStyle4 h1,
.innerArticleStyle4 > article .body h1 {
	margin: 0rem 0rem 2.5rem 0rem;
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
	line-height: 1.1;
	color: #FFF;
}

.articleStyle4 h2,
.innerArticleStyle4 > article .body h2 {
	color: #FFF;
	position: absolute;
	left: 12rem;
	letter-spacing: 0.1rem;
	font-size: 1rem;
	font-weight: 400;
}

.articleStyle4 p,
.innerArticleStyle4 > article .body p {
	padding: 0.5rem 0rem 0rem 0rem;
}

/* articleStyle5: home page stack2; */

.homeSplashAreas {
	position: relative;
}

.articleStyle5,
.innerArticleStyle5 {
	background-color: #FFF;
	position: absolute;
	top: -6rem;
	left: 4rem;
	right: 4rem;
	padding: 2rem 4% 2rem 4%;
	box-shadow: 0 5px 8px 0px #ccc;
}

.articleStyle5,
.innerArticleStyle5 .col1 .box article .body h2 {
	font-size: 4rem;
	font-weight: 400;
	line-height: 1.1;
	margin: 1rem 0rem 0rem 0rem;
	color: #fe345b;
}

.articleStyle5 article,
.innerArticleStyle5 .col2 .box article {
	margin: 2rem 0rem 1rem 0rem;
}

.articleStyle5 article h1,
.innerArticleStyle5 .col2 .box article header h1 {
/*	margin: 0rem 0% 0.2rem 0%;*/
	font-size: 1.5rem;
	font-weight: 700;
}

.innerArticleStyle5 .col2 .box article .body p {
	font-weight: 400;
	color: #999999;
	line-height: 1.1;
	letter-spacing: 0.05rem;
	margin: 0rem 0rem 1rem 0rem;
}


.innerArticleStyle5 .col2 .box article:nth-child(3) .body p span,
.innerArticleStyle5 .col2 .box article:nth-child(4) .body p span {
	position: absolute;
	bottom: 10rem;
	color: #cccccc;
	letter-spacing: 0.02rem;
	font-size: 1.4rem;
	font-weight: 300;
	margin: 0rem 0rem 1rem 0rem;
}

.innerArticleStyle5 .col2 .box article:nth-child(1) .body p span,
.innerArticleStyle5 .col2 .box article:nth-child(2) .body p span {
	position: absolute;
	bottom: 20rem;
	color: #cccccc;
	letter-spacing: 0.02rem;
	font-size: 1.4rem;
	font-weight: 300;
	margin: 0rem 0rem 1rem 0rem;

}

/*innerArticleStyle6 home page shows,competition,media aseetes */

.articleStyle6,
.innerArticleStyle6 {
	padding: 0rem 4% 0rem 4%;
}

.articleStyle6,
.innerArticleStyle6.homePresentation {
	padding-top: 14rem;
} 

.innerArticleStyle6 header {
	position: relative;
}

.innerArticleStyle6 header h1 {
	position: absolute;
	top: 1.5rem;
}

.articleStyle6,
.innerArticleStyle6 article {
	display: flex;
	justify-content: space-between;
}

.articleStyle6 .imgContainer,
.innerArticleStyle6 article .imgContainer {
	flex-basis: 48%;
	margin: 7rem 0rem 1rem 0rem;	
}

.articleStyle6 .body,
.innerArticleStyle6 article .body {
	flex-basis: 43%;
	position: relative;
}

.articleStyle6 .body h2 span,
.innerArticleStyle6 article .body h2 span {
	position: absolute;
	left: -5rem;
	font-size: 1.7rem;
	font-weight: 300;
	color: #fe345b;
	top: 1rem;
}

.articleStyle6 .body h2,
.innerArticleStyle6 article .body h2 {
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: 0.02rem;
	margin: 0rem 0rem 2rem 0rem;
}

.articleStyle6 .body h1,
.innerArticleStyle6 article .body h1 {
	margin: 0rem 0rem 2rem 0rem;
	color: #666666;
}

.articleStyle6 .body p,
.innerArticleStyle6 article .body p {
	color: #999999;
	margin: 0rem 0rem 2rem 0rem;
	line-height: 1.3;
	letter-spacing: 0.04rem;
}

.articleStyle6 .body .logo,
.innerArticleStyle6 article .body .logo {
	margin: 0rem 0% 1rem 0%;
	display: flex;
	justify-content: flex-start;	
	flex-wrap: wrap;
	gap: 1rem;
}

.articleStyle6 .body .logo > *,
.innerArticleStyle6 article .body .logo > * {
	flex-basis: 17%;
}

.articleStyle6 .body .logo img,
.innerArticleStyle6 article .body .logo img {
	width: 100%;
}

.articleStyle6 .body .button,
.innerArticleStyle6 article .body .button {
	border-top: 1px solid #999;
}

/*innerArticleStyle7 home page: community */

.articleStyle7,
.innerArticleStyle7 {
	padding: 4rem 4% 4rem 4%;
}

.articleStyle7,
.innerArticleStyle7 .col1 > h1 {
	font-weight: 300;
	color: #fff;
}

.articleStyle7,
.innerArticleStyle7 .col2 > header {
	margin: 0rem 25% 3rem 0%;
}

.articleStyle7,
.innerArticleStyle7 .col2 > header h1 {
	font-size: 3.5rem;
	font-weight: 400;
	color: #FFF;
	padding: 0rem 25% 0rem 0%;
}

.articleStyle7,
.innerArticleStyle7 .col2 article .body {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.articleStyle7,
.innerArticleStyle7 .col2 article .body h3 {
	display: flex;
	flex-direction: column;
	color: #672036;
	font-weight: 400;
	font-size: 0.9rem;
	margin: 0rem 0% 2rem 0%;
	flex-basis: 30%;
	letter-spacing: 0.04rem;
}

.articleStyle7,
.innerArticleStyle7 .col2 article .body h3 strong {
	font-size: 4rem;
	color: #FFF;
	font-weight: 700;
}

/*innerArticleStyle8 home page: testinomial */

.articleStyle8,
.innerArticleStyle8 {
	padding: 2rem 4% 2rem 4%;
}

.articleStyle8,
.innerArticleStyle8 .box .carrouselItem {
	text-align: center;
}

.articleStyle8,
.innerArticleStyle8 .box .carrouselItem .imgContainer {
	width: 15%;
	height: auto;
	margin: 0rem auto 1rem auto;
	border-radius: 50%;	
}

.articleStyle8,
.innerArticleStyle8 .box .carrouselItem .body {
	position: relative;
}

.articleStyle8,
.innerArticleStyle8 .box .carrouselItem .body p {
	margin: 0rem 0rem 1rem 0rem;
	font-size: 1rem;
	font-weight: 300;
	color: #000;
	min-height: 6rem;
	padding: 1rem 20% 1rem 20%;
	line-height: 1.6;
}

.articleStyle8,
.innerArticleStyle8 .box .carrouselItem .signature p {
	font-size: 0.9rem;
	display: block;
	color: #666666;
}

.articleStyle8,
.innerArticleStyle8 .box .carrouselItem .signature p strong {
	margin: 0rem 0rem 0.5rem 0rem;
	font-size: 1rem;
	font-weight: 400;
	display: block;
	color: #000;
}

/* articleStyle9 : for brands/buying leads/digital directory/classified listing */

.articleStyle9 {
	margin: 0rem 0% 2rem 0%;
	padding: 1.5rem 2%;
	background-color: #fefefe;
	box-shadow: 0 0 10px #CCC;
	max-height: 27rem;
	overflow: hidden;
	flex-wrap: nowrap;
}

.articleStyle9 .col1.imgContainer {
	text-align: center;
	background-color: #ddd6d0;
	overflow: hidden;
	position: relative;
}

.articleStyle9 .col1.imgContainer a img {
	padding: 1rem;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.articleStyle9 .col2 a.favorite {
	padding: 0rem 1%;
	float: right;
	font-size: 1.5rem;
	color: #95959b;
}

.articleStyle9 .col2 a.favorited,
.articleStyle9 .buyingLeadsTxt a.favorited {
	color: #FE345B;
}

.articleStyle9 .col2 h2,
.articleStyle9 .buyingLeadsTxt h2 {
	margin: 0rem 0% 1rem 0%;
	padding: 0rem;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #666;
	letter-spacing: 0.03rem;
}

.articleStyle9 .col2 h3,
.articleStyle9 .buyingLeadsTxt h3 {
	margin: 0rem 0% 1rem 0%;
	padding: 0rem;
	font-size: 1rem;
	font-weight: 400;
	color: #95959b;
}

.articleStyle9 .col2 h3 span {
	font-size: 1.1rem;
	color: #333;
}

.articleStyle9 .buyingLeadsTxt h3 .buyingLeadsCountry {
	color: #FE345B;
}

.articleStyle9 .buyingLeadsTxt {
	position: relative;
}

.articleStyle9 .buyingLeadsTxt .favoriteLead {
	position: absolute;
  top: -1rem;
  right: 0rem;
}

.articleStyle9 .col2 .info,
.articleStyle9 .buyingLeadsTxt .info {
	margin: 0rem 0% 1rem 0%;
	padding: 1rem 0%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.articleStyle9 .col2 .info ul,
.articleStyle9 .buyingLeadsTxt .info ul {
	display: flex;
	justify-content: space-between;
}

.articleStyle9 .col2 .info ul li,
.articleStyle9 .buyingLeadsTxt .info ul li {
	color: #999999;
	flex-basis: 30%;
	font-size: 0.9rem;
	font-weight: 400;
}

.articleStyle9 .col2 .info ul.twoCol li,
.articleStyle9 .buyingLeadsTxt .info ul.twoCol li {
	flex-basis: 49%;
}

.articleStyle9 .col2 .info ul li:nth-child(3),
.articleStyle9 .col2 .info ul.twoCol li:nth-child(2),
.articleStyle9 .buyingLeadsTxt .info ul li:nth-child(3) {
	text-align: right;
}

.articleStyle9 .col2 .info ul li strong,
.articleStyle9 .buyingLeadsTxt .info ul li strong {
	color: #151522;
	font-weight: 400;
}

.articleStyle9 .col2 .subTitle,
.articleStyle9 .buyingLeadsTxt .subTitle  {
	font-size: 0.9rem;
	font-weight: 400;
	color: #66666f;
	letter-spacing: 0rem;
	line-height: 1.4;
}


/* articleStyle10: for article,webinar detail page  */

.articleStyle10 {
	padding: 0rem 5% 0rem 0%;
	position: relative;
}

.articleStyle10 .favorite {
	position: absolute;
	right: 7%;
	top: -2.3rem;
	font-size: 1.3rem;

}

.articleStyle10 h1 {
	margin: 0rem 0% 1.5rem 0%;
	padding: 0rem;
	font-size: 3.7rem;
	font-weight: 400;
	line-height: 1;	
}

.articleStyle10 h2.subTitle {
	margin: 0rem 0% 2rem 0%;
	padding: 0rem;
	font-size: 1.5rem;
	font-weight: 300;
	color: #66666f;
	line-height: 1.3;		
}

.articleStyle10 h2 {
	margin: 0rem 0% 2rem 0%;
	padding: 0rem;
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: 0.04rem;
}

.articleStyle10 h3,
.articleStyle10 h4 {
	margin: 0rem 0% 2rem 0%;
	padding: 0rem;
	font-size: 1.3rem;
	font-weight: 500;
	color: #33333f;
	letter-spacing: 0.04rem;
}

.articleStyle10 datetime {
	padding-right: 1%;
	font-size: 1.1rem;
	font-weight: 400;
	color: #FE345B;
	letter-spacing: 0.04rem;
	line-height: 1.6;
	float: left;
}

.articleStyle10 p {
	margin: 0rem 0% 2rem 0%;
	padding: 0rem;
	font-size: 1.1rem;
	font-weight: 400;
	color: #33333f;
	letter-spacing: 0.04rem;
	line-height: 1.6;
}

.articleStyle10 .txt img {
	width: 80%;
	margin: 0rem auto;
	display: block;
}

.articleStyle10 a {
	color: #fe345b;
	font-weight: 500;
}

.articleStyle10 ul {
	margin: 0rem 0% 2rem 0%;
	line-height: 1.6;
}

.articleStyle10 ul li {
	padding: 0rem;
	font-size: 1.1rem;
	font-weight: 400;
	color: #33333f;
	letter-spacing: 0.04rem;
	list-style-type: disc;
	list-style-position: inside;
}

.articleStyle10 .imgContainer {
	margin: 0rem 0% 3rem 0%;
	background-color: #fefefe;
	box-shadow: 0 0 10px #CCC;
}

.articleStyle10 .imgContainer .galleria-stage {
	margin: 2rem 0% 2rem 0%;
}

.articleStyle10 .imgContainer img {
	padding: 0rem;
	width: 100%;
}

.articleStyle10 .callToAction {
	padding: 2rem;
	background-color: #fe345b;
}

.articleStyle10 .callToAction h2 {
	margin: 0rem 0% 1rem 0%;
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.articleStyle10 .callToAction p {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1rem;
	font-weight: 400;
	color: #EEE;
	letter-spacing: 0.04rem;
}

.articleStyle10 .callToAction a {
	font-weight: 700;
	color: #eee;
}

.articleStyle10 .r-tabs-accordion-title {
	display: none;
}

.articleStyle10 iframe {
	height: 500px;
	width: 100%;
}

.articleStyle10 .locationAndDates {
	margin: 1rem;
	padding: 1rem 2% 1rem 2%;
	width: 35%;
	float: right;
}

.articleStyle10 .locationAndDates h2 {
  margin: 1rem 0rem 1.5rem 0rem;
  font-size: 1.3rem;
  font-weight: 700;
  color: #151522;
  text-align: center;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
}

.articleStyle10 .locationAndDates p {
	font-size: 0.9rem;
	font-weight: 400;
	color: #ccc;
	letter-spacing: 0.04rem;
}

.innerArticleStyle10 .thumbnailList article ul {
	margin: 2rem 0% 0rem 0%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.innerArticleStyle10 .thumbnailList article ul > li {
	flex-basis: 31.5%;
	margin: 0rem 0% 1rem 0%;
	padding: 1rem;
	background-color: #202020;
}

.innerArticleStyle10 .thumbnailList article ul > li a {
	color: #FFF;
	display: block;
}

.innerArticleStyle10 .thumbnailList article ul > li a img {
	width: 100%;
	margin: 0rem 0% 0.3rem 0%;
}

.innerArticleStyle10 .thumbnailList article ul > li a div {
	line-height: 1.4;
	font-size: 0.9rem;
}

.banners.articlesDetailText article p {
	margin: 0rem 0% 2rem 0%;
	padding: 1rem;
	font-size: 1.1rem;
	font-weight: 400;
	color: #eee;
	letter-spacing: 0.04rem;
	line-height: 1.6;
	background-color: #63636a;	
}

.trackTooltipArea a {
	padding: 0rem 0% 1rem 0%;
	color: #fe345b;
	display: block;
}

/* articleStyle11 for more article on blog detail page  */

.innerArticleStyle11 header h1 {
	border-bottom: 0px;
}

.articleStyle11,
.innerArticleStyle11 .listing article {
	margin: 0rem 0% 1rem 0%;
	background-color: #fff;
	box-shadow: 0 0 10px #CCC;
	position: relative;
}

.articleStyle11 .imgContainer img,
.innerArticleStyle11 .listing article .imgContainer img {
	padding: 0rem;
}

.articleStyle11 .txt,
.innerArticleStyle11 .listing article .txt {
	padding: 2rem;
}

.articleStyle11 .txt h2,
.innerArticleStyle11 .listing article .txt h2 {
	margin: 0rem 0% 2rem 0%;
	font-size: 1.3rem;
	font-weight: 500;
	color: #33333f;
	letter-spacing: 0.02rem;
	line-height: 1.2;
}

.articleStyle11 .txt h3,
.articleStyle11 .register,
.innerArticleStyle11 .listing article .txt h3,
.innerArticleStyle11 .listing article .register {
	font-size: 0.9rem;
	font-weight: 400;
	color: #fe345b;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	position: absolute;
	bottom: 1.5rem;
}

.articleStyle11 .txt .publicationDate,
.articleStyle11 .readMore,
.innerArticleStyle11 .listing article .txt .publicationDate,
.innerArticleStyle11 .listing article .readMore {
	display: none;
}

.articleStyle11 .timeStamp,
.innerArticleStyle11 .listing article .timeStamp {
	margin: 0rem 0% 2rem 0%;
	font-size: 1rem;
	font-weight: 400;
	color: #95959b;
	letter-spacing: 0.04rem;
}

.articleStyle11 .timeStamp,
.innerArticleStyle11 .listing article .timeStamp i {
	margin: 0rem 2%;
}

.articleStyle11 .play,
.innerArticleStyle11 .listing article .play {
display: block;
position: absolute;
z-index: 2;
top: 18%;
left: 50%;
margin: 0% 0% 0% -10%;
color: #FFF;
text-shadow: 0 0 3px #030303;
font-size: 3rem;
line-height: 0rem;
opacity: 0.7;
}

/* articleStyle12 : for article home page design */

.articleStyle12,
.innerArticleStyle12 .listing article {
	margin: 0rem 0% 2rem 0%;
	background-color: #fff;
	box-shadow: 0 0 10px #CCC;
	position: relative;
}

.articleStyle12 .imgContainer img,
.innerArticleStyle12 .listing article .imgContainer img {
	padding: 0rem;
	max-width: 100%;
	margin-bottom: -0.3rem;
}

.articleStyle12 .txt,
.innerArticleStyle12 .listing article .txt {
	padding: 1rem 4%;
}

.articleStyle12 .txt h2,
.innerArticleStyle12 .listing article .txt h2 {
	margin: 0rem 0% 1rem 0%;
	font-size: 1.5rem;
	font-weight: 400;
	color: #151522;
	letter-spacing: 0.02rem;
	line-height: 1.1;
}

.articleStyle12 .txt h3,
.innerArticleStyle12 .listing article .txt h3 {
	font-size: 0.9rem;
	font-weight: 400;
	color: #fe345b;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

.articleStyle12 .txt .publicationDate,
.articleStyle12 .readMore,
.innerArticleStyle12 .listing article .txt .publicationDate,
.innerArticleStyle12 .listing article .readMore {
	display: none;
}

.innerArticleStyle12.stack2 .listing article {
	margin: 0rem 0% 1.5rem 0%;
	display: flex;
	justify-content: space-between;
}

.innerArticleStyle12.stack2 .listing article .imgContainer {
	flex-basis: 39%;
}

.innerArticleStyle12.stack2 .listing article .txt {
	flex-basis: 59%;
}

.innerArticleStyle12.stack2 .listing article .txt h2 {
	font-size: 1.3rem;
}

.innerArticleStyle12.stack2 .listing article .subTitle {
	padding: 0rem 0% 1rem 0%;
	font-size: 0.9rem;
	color: #666;
} 

.innerArticleStyle12.stack1 .listing article .imgContainer img {
	margin: -1rem 0%;
} 

/* articleStyle13 : my social page  & my news page */

.articleStyle13,
.innerArticleStyle13 article {
	flex-direction: row-reverse;
}

.articleStyle13 .imgContainer,
.innerArticleStyle13 article .imgContainer {
	flex-basis: 49%;
	width: 90%;
	text-align: right;
}

.articleStyle13 .imgContainer img,
.innerArticleStyle13 article .imgContainer img {
	width: 80%;
}

.articleStyle13 .body,
.innerArticleStyle13 article .body {
	flex-basis: 49%;
	padding: 0rem 6%;
	align-self: center;
}

.articleStyle13 .body h2,
.innerArticleStyle13 article .body h2 {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 1.5rem;
	font-weight: 700;
	color: #FE345B;
	font-family: 'Roboto Condensed';
	line-height: 1;
	letter-spacing: 0.05rem;
}

.articleStyle13 .body p,
.innerArticleStyle13 article .body p {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #63636A;
	line-height: 1.7;
	letter-spacing: 0.03rem;
}

/* articlestyle14 : featured  */

.articleStyle14,
.innerArticleStyle14 .listing article {
	padding: 0.5rem 0%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #999999;
}

.articleStyle14 .imgContainer,
.innerArticleStyle14 .listing article .imgContainer {
	flex-basis: 26%;
	align-self: center;
}

.articleStyle14 .imgContainer img,
.innerArticleStyle14 .listing article .imgContainer img {
	padding: 0rem;
}

.articleStyle14 .txt,
.innerArticleStyle14 .listing article .txt {
	flex-basis: 70%;
}

.articleStyle14 .txt h2,
.innerArticleStyle14 .listing article .txt h2 {
	margin: 0rem 0% 0.2rem 0%;
	font-size: 0.8rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	color: #FFF;
	line-height: 1.3;
}

.articleStyle14 .txt h3,
.innerArticleStyle14 article .txt h3 {
	margin: 0rem 0% 0.2rem 0%;
	font-size: 0.7rem;
	color: #B6B6B6;
	letter-spacing: 0.04rem;
	line-height: 1.5;
}

.articleStyle14 .txt h3 strong,
.innerArticleStyle14 article .txt h3 strong {
	font-weight: 400;
}

.articleStyle14 .txt .publicationDate,
.innerArticleStyle14 .listing article .txt .publicationDate {
	display: none;
}

.articleStyle14 .txt a.registrationLink,
.innerArticleStyle14 .listing article .txt a.registrationLink {
	color: #FFF;
	font-size: 0.9rem;
}

#calendarCentral .articleStyle14 .txt h3,
#calendarCentral .innerArticleStyle14 article .txt h3 {
	display: none;
}

/* articleStyle15: company detail page, classified detail page */

.articleStyle15 {
	margin: 0rem 0% 2rem 0%;
	
	background-color: #fefefe;
	box-shadow: 0 0 10px #CCC;
	overflow: hidden;
	flex-wrap: nowrap;
}

.articleStyle15 .stack1 {
	margin: 0rem 0% 2rem 0%;
	padding: 1.5rem 3%;
}

.articleStyle15 .stack1 .col1 .imgContainer {
	text-align: center;
	background-color: #ddd6d0;
	overflow: hidden;
	position: relative;
}

.articleStyle15 .stack1 .col1 .heading {
	margin-bottom: 0.7rem;
  background-color: #FE345B;
  padding: 0.8rem 2% 0.4rem 4%;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: 'Roboto Condensed';
  color: #FFF;
  letter-spacing: 0.0rem;
}

.articleStyle15 .stack1 .col1 .imgContainer a img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.articleStyle15 .stack1 .col1 .authors .imgContainers a img {
	width: 100%;
}

.articleStyle15 .stack1 .col2 a.favorite {
	padding: 0rem 1%;
	float: right;
	font-size: 1.5rem;
	color: #95959b;
}

.articleStyle15 .stack1 .col2 a.favorited {
	color: #FE345B;
}

.articleStyle15 .stack1 .col2 h2 {
	margin: 0rem 0% 1rem 0%;
	padding: 0rem;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #666;
	letter-spacing: 0.03rem;
}

.articleStyle15 .stack1 .col2 h3 {
	margin: 0rem 0% 1rem 0%;
	padding: 0rem;
	font-size: 1rem;
	font-weight: 400;
	color: #95959b;
}

.articleStyle15 .stack1 .col2 h3 span{
	color: #FE345B;
}

.articleStyle15 .stack1 .col2 .info {
	margin: 0rem 0% 1rem 0%;
	padding: 1rem 0%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.contactDetail {
	 margin: -2rem -2rem -3.5rem 0rem;
}

.contactInfo p{
	padding: 0rem 0rem 7rem 1rem;
	line-height: 1.5rem;
	color: #7b7b7b;
  font-size: 1.1rem;
}

.contactInfo p strong{
	color: #000;
}

.postalAddress {
	padding: 0.99rem 3%;
}

.articleStyle15 .stack1 .col2 .info ul {
	display: flex;
	justify-content: space-between;
}

.articleStyle15 .stack1 .col2 .info ul li {
	color: #999999;
	flex-basis: 30%;
	font-size: 0.9rem;
	font-weight: 400;
}

.articleStyle15 .stack1 .col2 .info ul li strong {
	color: #151522;
	font-weight: 400;
}

.articleStyle15 .stack1 .col2 .body {
	font-size: 0.9rem;
	font-weight: 400;
	color: #66666f;
	letter-spacing: 0rem;
	line-height: 1.4;
}

.articleStyle15 .stack2.col2 .txt h3 {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.9rem;
	color: #999999;
	letter-spacing: 0.03rem;
}

.articleStyle15 .stack2 .col2 .txt h2 i,
.articleStyle15 .stack3 .col2 .txt h2 i {
	margin-right: 1%;
}

.articleStyle15 .stack2 .col2 .txt p,
.articleStyle15 .stack3 .col2 .txt p {
	margin-bottom: 2rem;
}

.articleStyle15 .stack2 .txt p i{
	color: #999999;
}

.articleStyle15 .stack2 .txt p,
.articleStyle15 .stack2 .txt ul li,
.articleStyle15 .stack3 .txt p,
.articleStyle15 .stack3 .txt ul li {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #151522;
	letter-spacing: 0.03rem;
	line-height: 1.5;
}

.articleStyle15 .stack2 .txt p strong,
.articleStyle15 .stack3 .txt p strong {
	font-weight: 400;
	color: #999999;
}

.articleStyle15 .stack2 .col2 .txt .action {
	padding: 0.5rem 2%;
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 0rem;
	left: 0%;
	background-color: #999;
	width: 100%;
	color: #EFEEEA;
	align-items: center;
}

.articleStyle15 .stack2 h2,
.articleStyle15 .stack3 h2 {
	margin-bottom: 0.7rem;
	background-color: #FE345B;
	padding: 0.5rem 5%;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #FFF;
	letter-spacing: 0.0rem;
}

.articleStyle15 .stack1 .galleria-image-nav,
.articleStyle15 .stack1 .galleria-counter {
	display: none;
}

.articleStyle15 .stack2 .txt .contactBuyerBtn {
	text-align: center;
}
/* group of active */

.active {
	color: #fe345b;
}

.inActiveFilter {
	background-color: #ccc !important;
	color: #fe345b !important;
	border: 1px solid #fe345b;

}

/* articlestyle16 : featured brands */

.articleStyle16,
.innerArticleStyle16 .listing article {
	background-color: #FFF;
  	padding: 0.5rem;
}

.articleStyle16 .imgContainer,
.innerArticleStyle16 .listing article .imgContainer {
	margin: 0rem 0% 1rem 0%;
  	text-align: center;
  	overflow: hidden;
  	position: relative;
}

.articleStyle16 .txt h2,
.innerArticleStyle16 .listing article .txt h2 {
	margin: 0rem 0% 0.4rem 0%;
  	font-size: 1.2rem;
  	font-weight: 700;
  	color: #9A9AA0;
  	font-family: 'Roboto Condensed';
  	text-align: center;
  	letter-spacing: 0.0rem;
  	line-height: 1.2;
}

/* @end */

/* @group tag */

.tagsGroup {
	display: flex;
	flex-wrap: wrap;
	margin: 0rem 0rem 2rem 0rem;
	justify-content: flex-start;
}

.tag {
	background-color: #EFEEEA;
	padding: 0.7rem 1rem 0.7rem 1rem;
	margin: 0rem 0.4rem 0.4rem 0rem;
	color: #151522;
	font-size: 0.7rem;
	font-weight: 400;
	letter-spacing: 0.06rem;
	cursor: pointer;
	border-radius: 1.5rem;
	text-transform: uppercase;
	display: inline-block;
}

.tag:hover {
	color: #151522;
}

.tag1 {
	margin: 0rem 0.4rem 0.4rem 0rem;
	font-size: 1.1rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	cursor: pointer;
}

.tagStyle1 {
	margin-bottom: 2rem;
}

/* @end */

/* cardListStyle1 */

/* cardListStyle2 */

/* @group Standard form elements */


form {
	display: block;
}

form #title,
form #preferences,
form #countryOfOrigin {
  display: none;
}

form.standard {
	height: auto !important;
}

form.standard label {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #999999;
	display: block;
}

form.standard input[type="text"],
form.standard input[type="email"],
form.standard input[type="password"],
form.standard input[type="url"],
form.standard input[type="number"],
form.standard textarea {
	width: 100%;
	margin-bottom: 0.7rem;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	background-color: #FFF;
	border: 0px;
	font-size: 0.9rem;	
}

form.standard input[type="submit"] {
	display: block;
	margin: 1.5rem 0% 2.5rem 0%;
	padding: 0.7rem;
	width: 100%;
	background-color: #FE345B;
	color: #FFF;
	font-size: 1rem;
	font-weight: 400;
	font-family: 'Roboto';
	text-transform: uppercase;
	border: 0rem;
}

form.standard .nextCard.btn {
	float: right;
}

/* advanced form  */
/*
.formStyle1 .formGroup {
	margin-bottom: 2rem;
}*/

.formStyle1 form {
	position: relative;
}

.formStyle1 label {
  margin: 0rem 0% 0.5rem 0%;
  font-size: 1rem;
  font-weight: 400;
  color: #eee;
  letter-spacing: 0.03rem;
  display: block;
}

.formStyle1 select {
  margin: 0rem 0% 1rem 0%;
  padding: 0.8rem;
  display: block;
  width: 100%;
  border-radius: 0px;
  border: 0px;
  background-color: #9D9D9D;
  color: #EFEEEA;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.formStyle1 input[type="text"] {
	width: 100%;
	margin: 0rem auto 1rem auto;
	padding: 0.8rem;
	display: block;
	font-size: 0.8rem;
	font-weight: 400;
	background-color: #9D9D9D;
	border: 1px solid #9D9D9D;
	color: #EFEEEA;
	letter-spacing: 0.05rem;
}

.formStyle1 button {
	margin: 0rem;
	padding: 0rem;
	background-color: unset;
	border: 0px;
	position: absolute;
	right: 5%;
	bottom: 1rem;
	color: #EFEEEA;
	cursor: pointer;
}

/* formStyle2 for contact supplier form on brand detail page  */

.formStyle2 {
	display: block;
}

.formStyle2 .col1,
.formStyle2 .col2 {
	width: 100%;
}

.formStyle2 input[type="text"],
.formStyle2 input[type="email"],
.formStyle2 textarea {
	width: 100%;
	margin: 0rem 0% 1rem 0%;
	padding: 1rem;
	display: block;
	font-size: 1rem;
	font-weight: 400;
	background-color: #efeff0;
	border: 1px solid #efeff0;
	color: #66666f;
	letter-spacing: 0.04rem;
}

.formStyle2 label {
  padding: 0rem 0% 0.7rem 0%;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  display: block;
  text-align: left;
}

.formStyle2 .btn.rectangle.right {
	float: left;
}

.formStyle2 .btn.rectangle.right:hover {
	background-color: #fe345b;
	color: #fff;
}

.formStyle2 input[type="submit"] {
	margin: 1rem 0% 1rem 0%;
	padding: 1rem;
	font-size: 1rem;
	font-weight: 400;
	font-family: 'Roboto';
	color: #fff;
	background-color: #fe345b;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

/* formStyle3 : all form  */

.formStyle3 p {
	margin: 0rem 0% 1rem 0%;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	line-height: 1.4;
}

.formStyle3 #accordion h2#part1,
.formStyle3 #accordion h2#part2,
.formStyle3 #accordion h2#part3,
.formStyle3 #accordion h2#part4,
.formStyle3 #accordion h2#part5 {
	margin: 0rem;
	padding: 2rem 4% 1.5rem 4%;
	font-size: 1.5rem;
	font-weight: 500;
	color: #151522;
	background-color: #E1E1E1;
	border-bottom: 1px solid #ccc;
}

.formStyle3 #accordion h2#part1 span,
.formStyle3 #accordion h2#part2 span,
.formStyle3 #accordion h2#part3 span,
.formStyle3 #accordion h2#part4 span,
.formStyle3 #accordion h2#part5 span {
	margin-right: 2%;
	font-weight: 300;
	color: #FE345B;
}

.formStyle3 #accordion .ui-accordion-content,
.formStyle3 #accordion > div {
	margin: 0rem 0% 2rem 0%;
	padding: 2rem 4% 1.5rem 4%;
	background-color: #E1E1E1;
	position: relative;
}

.formStyle3 #accordion #userDataTable,
.formStyle3 #accordion table,
.formStyle3 #accordion tbody {
	display: block;
}

.formStyle3 #accordion tr {
	display: flex;
	justify-content: space-between;
}

.formStyle3 #accordion table tr td {
	flex-basis: 48%;
}

.formStyle3 #accordion table label {
	font-size: 0.9rem;
	font-weight: 400;
	color: #888;
	letter-spacing: 0.01rem;
}

.formStyle3 #accordion input[type="text"],
.formStyle3 #accordion input[type="url"],
.formStyle3 #accordion input[type="email"],
.formStyle3 #accordion input[type="password"],
.formStyle3 #accordion textarea,
.formStyle3 #accordion select {
	width: 100%;
	margin: 0.5rem 0% 0.5rem 0%;
	padding: 0.9rem;
	display: block;
	font-size: 1rem;
	font-weight: 400;
	background-color: #FFF;
	border: 0px;
	color: #66666f;
	letter-spacing: 0.04rem;
}

.formStyle3 #accordion table label a {
	padding: 0rem;
	display: inline;
}

.formStyle3 #accordion .voidDate {
	position: relative;
}

.formStyle3 #accordion .calendarIcon {
	position: absolute;
	padding: 0rem;
	right: 3%;
	bottom: 0.7rem;
	font-size: 1.3rem;
	color: #999999;
}

.formStyle3 #accordion p,
.formStyle3 #accordion em {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.8rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	line-height: 1.2;
	color: #999;
}

.formStyle3 #accordion h3 {
	margin: 0rem 0% 1rem 0%;
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: 0.02rem;
	color: #FE345B;
	text-transform: uppercase;
}

.formStyle3 #accordion .tagsinput {
	margin: 0.5rem 0% 0.5rem 0%;
}

.formStyle3 #accordion table tr td .btn {
	float: right;
}

.formStyle3 #accordion table tr td .goBack {
	background-color: #151522;
	float: left;

}

.formStyle3 #accordion .btn.addCountry {
	margin: 1rem 0% 0rem 0%;
	padding: 0.7rem 7% 0.7rem 7%;
	display: inline-block;
	background-color: #999999;
	font-size: 0.9rem;
	font-weight: 400;
	color: #FFF;
	text-transform: uppercase;
	border: 0px;
	border-radius: 2rem;
	text-shadow: 0 0 0;
	letter-spacing: 0.04rem;
	float: right;
}

.formStyle3 #accordion .baseFormPart tr:nth-child(7),
.formStyle3 #accordion .companyLogo tr:nth-child(6),
.formStyle3 #accordion .companyLogo tr:nth-child(8) {
	display: inline-block;
}

.formStyle3 #accordion .error.msg {
	color: #FE345B;
}

.formStyle3 #accordion .separator a.removePerIteration i {
	display: none;
}

.formStyle3 #accordion input[type="submit"] {
	position: absolute;
	bottom: 1.5rem;
	right: 4%;
}

/*#signUpForm.formStyle3 #accordion input[type="submit"] {
  display: block;
  margin: 1.5rem 0% 1.5rem 0%;
  padding: 0.7rem;
  background-color: #FE345B;
  color: #FFF;
  font-size: 1rem;
  font-weight: 400;
  font-family: 'Roboto';
  text-transform: uppercase;
  border: 0rem;
 }*/

.formStyle3 #accordion .replicateForm.btn {
	width: 100%;
	margin: 0rem 0rem 0rem 0rem;
	padding: 1rem 4% 1rem 4%;
	display: inline-block;
	background-color: #151522;
	font-size: 1rem;
	font-weight: 300;
	color: #FFF;
	text-transform: uppercase;
	border: 0px;
	border-radius: 0;
	text-shadow: 0 0 0;
	letter-spacing: 0.05rem;
	font-family: 'Roboto';
}

.formStyle3 #accordion #mapsTabsGroup ul {
	display: none;
}

.formStyle3 #accordion #mapsTabsGroup tr.buttons {
	display: flex;
	justify-content: space-between;
}

.formStyle3 #accordion #mapsTabsGroup tr {
	display: block;
}

.formStyle3 #accordion #mapsTabsGroup .mapael {
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 2rem 0% 0rem 0%;
}

.formStyle3 #accordion #mapsTabsGroup .map svg {
	width: 100%;
	height: auto;
}

.formStyle3 #accordion #mapsTabsGroup .map .zoomIn {
	bottom: 13rem;
	left: 5%;
}

.formStyle3 #accordion #mapsTabsGroup .map .zoomOut {
	bottom: 13rem;
	left: 10%;
}

.formStyle3 #accordion .dropzone {
	margin: 0.5rem 0% 1rem 0%;
	min-height: 10rem;
}

.formStyle3 #accordion .cke {
/* gives margin to CKEditor	*/
	margin: 1rem 0%;
}

.formStyle3 .completionSteps li {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1rem;
	font-weight: 700;
	color: #666666;
	letter-spacing: 0.02rem;
	list-style-type: decimal;
	list-style-position: inside;
}

.formStyle3 p {
	margin: 0rem 0% 2rem 0%;
	font-size: 1rem;
	font-weight: 700;
	color: #666666;
	letter-spacing: 0.02rem;
}

/*#signUpForm.formStyle3 #accordion .error {
	font-size: 0.8rem;
	color: red;
}

#signUpForm.formStyle3 #accordion .radioGroup {
	column-count: 2;
}

#signUpForm.formStyle3 #accordion .radioGroup label {
	line-height: 1.6;
}

#signUpForm.formStyle3 #accordion .part3 tr:nth-child(1) {
	display: block;
}
*/
.form main section article p a {
	font-weight: 700;
	color: #FE345B;
}

#mySocial .formStyle3 #accordion input[type="submit"] {
	position: unset;
}

/* formstyle4: used for standard login form (similar to formStyle3)  */

.formStyle4 {
	margin: 0rem 0% 2rem 0%;
	padding: 2rem 4% 1.5rem 4%;
	background-color: #E1E1E1;
}

.formStyle4 h3 {
	margin: 0.5rem 0% 0.5rem 0%;
	font-size: 1.5rem;
	color: #151522;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

.formStyle4 p {
	margin: 0rem 0% 2rem 0%;
	font-size: 1rem;
	font-weight: 700;
	color: #666666;
	letter-spacing: 0.02rem;
}

.formStyle4.standard label {
	display: inline-block;
	width: 33%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #888;
	letter-spacing: 0.01rem;
}

.formStyle4.standard input[type="text"],
.formStyle4.standard input[type="email"],
.formStyle4.standard input[type="password"],
.formStyle4.standard input[type="url"],
.formStyle4.standard input[type="number"],
.formStyle4.standard textarea,
.formStyle4.standard select {
	display: inline-block;
	width: 66%;
	margin: 0.5rem 0% 0.5rem 0%;
	padding: 0.9rem;
	font-size: 1rem;
	font-weight: 400;
	background-color: #FFF;
	border: 0px;
	color: #66666f;
	letter-spacing: 0.04rem;
}

.formStyle4.standard .cke {
/* gives margin to CKEditor	*/
	margin: 0rem 0% 0.5rem 0%;
}

.formStyle4.standard .dropzone {
	display: inline-block;
	margin: 0.5rem 0%;
	width: 66%;
}

.formStyle4.standard input[type="submit"] {
  display: block;
  margin: 1.5rem 0% 1.5rem 0%;
  padding: 0.7rem;
  width: 100%;
  background-color: #FE345B;
  color: #FFF;
  font-size: 1rem;
  font-weight: 400;
  font-family: 'Roboto';
  text-transform: uppercase;
  border: 0rem;
 }

 .formStyle4 em {
 	margin: 0rem 0% 1rem 0%;
	font-size: 0.8rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	line-height: 1.2;
	color: #999;	
 }

 .formStyle4 #changePasswordButton,
 .formStyle4#newsForm .button {
 	width: unset;
 	float: right;
 	display: inline-block;
 }

#changePasswordForm.formStyle4 {
	padding: 2rem 4% 5rem 4%;
}

/* .formStyle5 : contact form in special landing pages (e.g. Press Landing Page ) */

.formStyle5 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.desktop .formStyle5 {
	padding: 0rem 3% 2rem 3%;
}

.desktop .formStyle5 .col {
	flex-basis: 48% !important;
}

.formStyle5 label {
	padding: 0rem 0rem 0.2rem 0rem;
	display: block;
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-size: 0.9rem;
	color: #CCC;
}

.formStyle5 input[type="text"], 
.formStyle5 input[type="email"], 
.formStyle5 select, 
.formStyle5 textarea {
	width: 100%;
	margin: 0rem 0rem 0.8rem 0rem;
	padding: 0.3rem 0.3rem 0.2rem 0.3rem;
	font-family: 'Roboto Condensed';
	font-weight: 400;
}

.formStyle5 textarea {
	height: 10rem;
}

.formStyle5 .buttonContainer {
	padding: 2rem 0rem 0rem 0rem;
	text-align: right;
}

.formStyle5 .buttonContainer input {
	padding: 0.5rem 1rem 0.4rem 1rem;
}

/* @group Modal Boxes */

#boxes .window {
  position:fixed;
  width:60rem;
  display:none;
  z-index:9999;
  padding:20px;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
  box-shadow: 0 0 10px #000000;
  border-radius: 1rem;
  background-color: #151522;
}

.fancybox-overlay .window {
  width: 50rem;
}

.modalStyle1 header, 
.fancybox-overlay .window header {
	margin-bottom: 0.8em;
}

#boxes .window header h1, 
#boxes .window header h2,  
#boxes .window header h3, 
.fancybox-overlay .window h1, 
.fancybox-overlay .window h2,  
.fancybox-overlay .window h3 {
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 1.5rem;
	color: #FFF;
}

.modalStyle1 header p, 
.fancybox-overlay .window p {
	font-size: 0.8rem;
  	color: #cfd1d6;
}
 
.modalStyle1 .content h2, 
.fancybox-overlay .window .content h2 {
	margin-bottom: 0.5rem;
	font-weight: 700;
	font-size: 1.1rem;
  	color: #FFF;
}

.modalStyle1 .content h3 {
	margin-bottom: 0rem;
	font-weight: 700;
	font-size: 1rem;
  	color: #e0e3e5;
}

.modalStyle1 form {
	padding: 0rem 0% 0rem 0%;
}

.modalStyle1 form #title {
	display: none;
}

.modalStyle1 form label {
	width: 100%;
	padding: 1rem 0rem 0.2rem 0.6rem;
	display: block;
	font-weight: 700;
	color: #FFF;
}

.modalStyle1 form input[type="text"],
.modalStyle1 form input[type="email"],
.modalStyle1 form input[type="url"],
.modalStyle1 form textarea {
	width: 100%;
	padding: 0.4rem 0.3rem 0.4rem 0.5rem;
	margin: 0rem;
	border: 1px solid #c6c6c6;
	border-radius: 0.2rem;
	font-size: 1rem;	
}

.modalStyle1 form input[type="submit"] {
	margin: 1rem 0rem 0rem 0rem;
	padding: 0.8rem 3% 0.8rem 3%;
	border-radius: 0rem;
	font-size: 1rem;
	text-align: right;
	text-transform: uppercase;
	font-weight: 700;
	color: #FFF;
	background-color: #FE345B;
	border: 0rem;
	float: right;
}

.modalStyle1 article {
	border-bottom: none;
}

.modalStyle1 .content p, 
.modalStyle1 .body p {
	margin-bottom: 0.5rem;
	font-size: 0.8rem;
  	color: #b7bfc4;
}

#modal-form form .col1, 
#modal-form form .col2 {
	padding-top: 0px;
	width: 46%;
}

#modal-form form .col1 {
	margin-right: 4%;
}

.window p {
	font-size: 1rem;
	color: #FFF;
}

.window a.btn.close {
	width: 2rem;
	height: 2rem;
	padding: 0.1rem;
	border: 2px solid #FFF;
	border-radius: 2rem;
	color: #FFF;
	display: block;
	background-color: #000;
	font-size: 1.2rem;
	text-align: center;
	-moz-box-shadow: 0 0 3px #000000;
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
	position: absolute;
	top: -1rem;
	right: -0.9rem;
}

.modalStyle2 {
	padding: 2rem;
	font-family: 'Roboto Condensed';
	text-align: center;
	display: flex;
	flex-direction: column;
}

.modalStyle2 h1 {
	margin: 0rem 0rem 2rem 0rem;
	padding: 0rem 0rem 0.2rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-size: 2rem;
	color: #FE345B;
	border-bottom: 1px solid #333;
}

.modalStyle2 .body {
	margin: 0rem 0rem 2rem 0rem;
	font-family: 'Roboto Condensed';
	
}

.modalStyle2 .body p {
	line-height: 1.4;
	color: #FFF;
}

.modalStyle2 button {
	clear: both;
	margin-bottom: 3rem;
}

.modalStyle2 .paymentLogos {
	width: 80%;
	margin: 0rem 0rem 2rem 0rem;
	padding: 0rem;
	clear: both;
}

/* @end */

/* @group banners box style */

.box.banners img{
	width: 100%;
}

/* @end */

/* @end */


/* @group Section spoecific styles & overrides */

/* Styles that apply only to specific sections, section specific modifiers of globally available classes */

/* sign up login form */

.fancybox-skin {
	padding: 0rem !important;
	border-radius: 8px !important;
	background-color: #EAEAEA;
}

.fancybox-outer {
	border: 1px solid #aaa;
}

body #signUpModalTabs ul.r-tabs-nav {
	margin: 0rem 0% 1.5rem 0%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

body #signUpModalTabs ul.r-tabs-nav li {
	padding: 1rem;
	flex-basis: 50%;
	font-size: 1.5rem;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
	background-color: #CECECE;
	border: 1px solid #aaa;
}

body #signUpModalTabs ul.r-tabs-nav li.r-tabs-state-active {
	background-color: #EAEAEA;
	color: #FE345B;
	border-bottom: 0px;
	border-top: 0px;
}

body #signUpModalTabs #progressbar {
	margin-bottom: 1rem;
}

#progressbar li::before {
	content: counter(step);
	counter-increment: step;
	width: 27px;
	line-height: 28px;
	display: block;
	font-family: 'Roboto';
	font-size: 0.9rem;
	font-weight: 700;
	color: #FFF;
	background: #c9ccd1;
	margin: 0 auto 5px auto;
	text-align: center;
	border-radius: 2rem;
}

#progressbar li::after {
	content: '';
	width: 83%;
	height: 3px;
	background: #c9ccd1;
	position: absolute;
	left: -36%;
	top: 0.8rem;
	z-index: 0;	
}

#progressbar li:first-child::before,
#progressbar li.active::before,
#progressbar li.active::after {
	background: #FE345B;
}

body #signUpModalTabs .inlineAJAXLogInForm {
	padding: 0rem 2%;
}

body #signUpModalTabs h1 {
	font-size: 1.5rem;
	font-weight: 500;

}

body #signUpModalTabs h2 {
	margin-bottom: 2rem;
	font-size: 1rem;
	font-weight: 500;
	color: #999;
	letter-spacing: 0.01rem;	
}

body #signUpModalTabs h3 {
	margin-bottom: 1rem;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.01rem;
}

body #signUpModalTabs p {
	margin: 0rem;
	font-size: 0.9rem;
	font-weight: 400;
	color: #999999;
	letter-spacing: 0.01rem;
}

body #signUpModalTabs p a {
	font-weight: 700;
	color: #000;
}

body #signUpModalTabs .card {
	padding: 0rem;
	border: 0px;
	text-align: left;
	position: relative;
}

body #signUpModalTabs .card .col1,
body #signUpModalTabs .card .col2 {
	flex-basis: 47.5%;
}

body #signUpModalTabs .card .radioGroup label,
body #signUpModalTabs .card .checkboxGroup label {
	display: inline-block;
	line-height: 1;
}

body #signUpModalTabs .card .radioGroup {
	column-count: 2;
}

body #feedbackRegister{
  margin: 0rem 0rem 0.5rem 0rem;
  padding: 0.4rem 0.3rem 0.4rem 0.3rem;
  background-color: #FE345B;
  color: #FFF;
  text-align: center;
}

body #FrmLoginInLine .errorMsg {
  margin: 0rem 0rem 0.5rem 0rem;
  padding: 0rem 0rem 1rem 0rem;
  background-color: #FE345B;
  color: #FFF;
  text-align: center;
}

body .errorMessage{
	color: #FE345B !important;
}

body .FrmRegister label.error,
body #FrmLoginInLine label.error,
body main .bulkLeadsUpload .error{
	color: #FE345B !important;
}

body .FrmRegister i.fa-asterisk,
body #FrmLoginInLine i.fa-asterisk,
body .bulkLeadsUpload i.fa-asterisk{
	color: #FE345B;
  font-size: 0.5rem;
  vertical-align: super;
}

body .hideClass{
	display: none !important;
}

/*#users.standaloneSignUp .col2 .r-tabs-accordion-title {
	display: none;
}*/

/* nonpremium users */

#digitalDirectory.list .contactDetailsNonPremium {
	background-image: unset;
	min-height: unset;
}

#digitalDirectory.list .contactDetailsNonPremium > .box {
	width: 100%;
}

#AVCentral.detail .contactDetailsNonPremium {
	background-image: unset;
	min-height: unset;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 22;
	backdrop-filter: blur(3px);
	height: 71%;
	width: 96%;
	margin: 0rem auto;
}

.contactDetailsNonPremium {
	width: 100%;
	background-image: url('/cont/img/blurredContactDetails_detail.png');
	background-repeat: no-repeat;
	background-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 17rem;
}

.contactDetailsNonPremium > .box {
	width: 80%;
	background-color: #EFEEEA;
	border: 3px solid #FE345B;
}

.contactDetailsNonPremium article .callToAction2 .col1 {
	flex-basis: 71%;
	padding: 3rem 0% 1rem 4%;
	position: relative;
}

.contactDetailsNonPremium article .callToAction2 .col1 i {
	position: absolute;
	font-size: 2.7rem;
	color: #FE345B;
	top: 2rem;	
}

.contactDetailsNonPremium article .callToAction2 .col1 h2 {
	padding: 0rem 0% 0rem 12%;
	margin: 0rem 0% 1.5rem 0%;
	font-size: 1.5rem;
	font-weight: 900;
	color: #FE345B;
}

.contactDetailsNonPremium article .callToAction2 .col1 h2 span {
	font-weight: 400;
}

.contactDetailsNonPremium article .callToAction2 .col1 p {
	padding: 0rem 0% 0rem 12%;
	margin: 0rem 0% 0.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #FE345B;
	letter-spacing: 0.03rem;
	line-height: 1.4;
}

.contactDetailsNonPremium article .callToAction2 .col1 p::first-line {
	font-weight: 700;
}

.contactDetailsNonPremium article .callToAction2 .col2 {
	flex-basis: 24%;
	padding: 1rem;
	background-color: #FE345B;
}

.contactDetailsNonPremium article .callToAction2 .col2 a {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	padding: 1rem 1%;
	font-size: 1.4rem;
	font-weight: 900;
	color: #EFEEEA;
	text-transform: uppercase;
	line-height: 1;
}

.contactDetailsNonPremium article .callToAction2 .col2 a i {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 3rem;
	color: #EFEEEA;
}

/* brand detail page  */

#brands.detail header .col3 h1 {
	display: none;
}

#brands.detail header .col3 article ul {
	display: flex;
	justify-content: space-between;
}

#brands.detail header .col3 article ul li {
	padding: 0rem 4% 0rem 4%;
}

#brands.detail .imgContainer img {
	padding: 0rem;
}

#brands.detail .content article {
	margin: 0rem 0% 2rem 0%;
	padding: 2rem 4%;
	background-color: #fefefe;
	box-shadow: 0 0 10px #CCC;
}

#brands.detail .productSpecification {
	border-right: 1px solid #ccc;
	flex-basis: 52%;
}

#brands.detail .productSpecification h3 {
	margin: 0rem 0% 1rem 0%;
	padding: 0rem 0% 1rem 0%;
	font-size: 1.1rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	border-bottom: 1px solid #aaa;
}

#brands.detail .productSpecification p {
	margin: 0rem 0% 1rem 0%;
	padding: 0rem 0% 1rem 0%;
	font-size: 1.1rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	border-bottom: 1px solid #ccc;
}

#brands.detail .productSpecification h3 span,
#brands.detail .productSpecification p span {
	margin: 0rem 5% 0rem 0%;
	padding: 0rem 5% 0rem 0%;
	font-size: 1rem;
	color: #95959b;
}

#brands.detail .productDescription {
	flex-basis: 44%;
}

#brands.detail .productDescription h3 {
	margin: 0rem 0% 1.5rem 0%;
	padding: 0rem 0%;
	font-size: 1rem;
	font-weight: 400;
	color: #95959b;
	letter-spacing: 0.02rem;
}

#brands.detail .productDescription p {
	margin: 0rem 0% 1rem 0%;
	padding: 0rem 0%;
	font-size: 1rem;
	font-weight: 400;
	color: #33333f;
	letter-spacing: 0.04rem;
	line-height: 1.6;
}

#brands.detail article.brandDistributionGraph .r-tabs-panel {
	width: 100%;
}

#brands.detail article.brandDistributionGraph ul.r-tabs-nav {
	margin: 0rem 0% 2rem 0%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCC;
}

#brands.detail article.brandDistributionGraph ul .r-tabs-tab {
	padding: 0.5rem 0% 1rem 0%;
	flex-basis: 22%;
	font-size: 1rem;
	font-weight: 400;
	color: #95959b;
	text-align: center;
	letter-spacing: 0.02rem;
	line-height: 1.3;
}

#brands.detail article.brandDistributionGraph ul .r-tabs-state-active {
	color: #fe335b;
	border-bottom: 2px solid #fe335b;
}

#brands.detail article.brandDistributionGraph .r-tabs-panel .world,
#brands.detail article.brandDistributionGraph .r-tabs-panel .us {
	display: flex;
	justify-content: space-between;
}

#brands.detail article.brandDistributionGraph .r-tabs-panel .map {
	padding: 2rem 0% 0rem 0%;
	border: 1px solid #ccc;
	background-color: #e3f0f2;
	flex-basis: 67%;
	position: relative;
	height: 20rem;
}

#brands.detail article.brandDistributionGraph .r-tabs-panel .map svg {
	width: 100%;
}

#brands.detail article.brandDistributionGraph .r-tabs-panel .textCountryList,
#brands.detail article.brandDistributionGraph .r-tabs-panel .textStateList {
	flex-basis: 30%;
	height: 20rem;
	overflow: auto;
}

#brands.detail article.brandDistributionGraph .r-tabs-panel .textCountryList h3,
#brands.detail article.brandDistributionGraph .r-tabs-panel .textStateList h3 {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #95959b;
}

#brands.detail article.brandDistributionGraph .r-tabs-panel .textCountryList ul,
#brands.detail article.brandDistributionGraph .r-tabs-panel .textStateList ul {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
}

#brands.detail article.companyInfo .col1.companyDescription {
	flex-basis: 52%;
	border-right: 1px solid #ccc;
	padding: 1rem 3% 0rem 0%;
}

#brands.detail article.companyInfo .col2.contactSupplier {
	flex-basis: 44%;
	padding: 1rem 0% 0rem 0%;
}

#brands.detail article.companyInfo p {
	margin: 0rem 0% 1rem 0%;
	padding: 0rem 0% 0rem 0%;
	font-size: 1rem;
	font-weight: 400;
	color: #66666f;
	letter-spacing: 0.04rem;
	line-height: 1.6;
}

#brands.detail article.companyInfo h3 {
	margin: 0rem 0rem 1rem 0rem;
	padding: 0rem 0% 0rem 0%;
	font-size: 1.5rem;
	font-weight: 300;
	color: #33333f;
	letter-spacing: 0rem;
}

#brands.detail article.companyInfo .col1 h3 i {
	padding: 0rem 2% 0rem 0%;
}

#brands.detail article.companyInfo .col1 .companyData ul {
	margin: 0rem 0% 2rem 0%;
	line-height: 1.8;
}

#brands.detail article.companyInfo .col1 .companyData ul li {
	font-size: 1.1rem;
	font-weight: 400;
	color: #66666f;
	letter-spacing: 0.04rem;
}

#brands.detail article.companyInfo .col2.contactSupplier i {
	padding: 0rem 0% 0rem 2%;
}

#brands.detail article.companyInfo h4 {
	margin: 0rem 0% 1rem 0%;
	font-size: 1rem;
	font-weight: 400;
	color: #95959b;
	letter-spacing: 0.04rem;
	line-height: 1.6;
}

#brands.detail article.companyInfo .btn.contactSeller {
	color: #fe335b;
	font-weight: 500;
}

#brands.detail .imageGallery .galleria-container {
	height: 500px;
}

#brands.detail #imageNotFound p {
	padding: 1rem 0%;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 600;
}

#brands.detail .moreFromThisCompany header h1 {
	border: 0px;
}

#brands.detail .moreFromThisCompany article {
	margin: 0rem 0% 2rem 0%;
	padding: 1rem 2%;
	background-color: #fefefe;
	box-shadow: 0 0 10px #CCC;
}

#brands.detail .moreFromThisCompany article .imgContainer {
  text-align: center;
  background-color: #ddd6d0;
  overflow: hidden;
}

#brands.detail .moreFromThisCompany article .imgContainer img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: inline-block;
}

#brands.detail .moreFromThisCompany article h2 {
	margin: 1rem 0%;
	padding: 0rem 0% 0.7rem 0%;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.03rem;
	line-height: 1.3;
	border-bottom: 1px solid #ddd;
}

#brands.detail .moreFromThisCompany article h3 {
	margin: 0rem 0% 0rem 0%;
	padding: 0rem;
	font-size: 1rem;
	font-weight: 300;
	color: #95959b;
	letter-spacing: 0.04rem;
	line-height: 1.6;
}

#brands.detail .moreFromThisCompany article h3 span {
	color: #000;
}

/* Resources home page */

#resources .mapContent {
	width: 100%;
	flex-basis: unset;
}

/* Resources detail page  */

#resources.detail .caroufredsel_wrapper,
#resources.detail .carouselContainer  {
	width: 100%!important;
	margin: 2rem 0% 0rem 0%;
}

#resources.detail .carouselItem {
	width: 11rem;
	min-height: 20rem;
	margin: 0rem 2% 0rem 2%;
	overflow: hidden;
	text-align: center;
	float: left;
  box-shadow: 0 0 10px #CCC;
  background-color: #fff;
}

#resources.detail .carouselItem .imgContainer {
margin: 0rem 0rem 0.5rem 0rem;
padding: 0.25rem 0rem 0.25rem 0rem;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}

#resources.detail .carouselItem header {
	padding: 1rem;
}

#resources.detail .carouselItem h2 {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1.1rem;
	font-weight: 500;
	color: #33333f;
	letter-spacing: 0.04rem;
	line-height: 1.4;
	word-break: break-word;
}

#resources.detail .carouselItem h3 {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1rem;
	color: #fe345b;
	display: block;
}

#resources.detail .carouselItem h4 {
	font-size: 0.9rem;
	font-weight: 400;
	color: #33333f;
}

#resources.detail .carouselItem .subTitle,
#resources.detail .carouselItem time,
#resources.detail .carouselItem .readMore {
	display: none;
}

#resources.detail .carouselItem .imgContainer img {
	height: 8.5rem;
}

#resources.detail .partnerBrandsContainer > div {
  margin-top: 1rem;
}

#resources.detail .showInCarousel nav {
	display: none;
}

/* gen- ( buyers & sellers pagge )  */

#gen.landingPageSix .sectionHeader,
#gen.landingPageTen .sectionHeader {
	background-color: #FE345B;
	background-image: url('/cont/img/genHeaderBackground.svg');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 2rem 0% 1.5rem 0%;
	position: relative;
}

#gen.landingPageSix .sectionHeader h1,
#gen.landingPageTen .sectionHeader h1 {
	padding: 0rem 10% 0rem 10%;
	margin: 0rem 0% 0rem 9%;
	font-size: 4.5rem;
	font-weight: 700;
	color: #FFF;
}

#gen.landingPageSix .sectionHeader h2,
#gen.landingPageTen .sectionHeader h2 {
	padding: 0rem 10% 0rem 10%;
	margin: 0rem 0% 0rem 9%;
	font-size: 1.2rem;
	font-weight: 400;
	color: #FFF;
	width: 70%;
}

#gen.landingPageSix .sectionHeader .callToAction {
	position: absolute;
	right: 5%;
	bottom: 2rem;
}

#gen.landingPageSix main .body,
#gen.landingPageTen main .body {
	padding: 2rem 3%;
}

#gen.landingPageSix .body .block,
#gen.landingPageTen .body .block {
	display: flex;
	justify-content: space-between;
	background-color: #FFF;
	text-align: left;
}

#gen.landingPageSix .body .block.right,
#gen.landingPageTen .body .block.right {
	flex-direction: row-reverse;
}

#gen.landingPageSix .body .block .imgContainer,
#gen.landingPageTen .body .block .imgContainer {
	flex-basis: 50%;
	background-color: #DAD9D6;
	padding: 2rem 3% 2rem 3%;
	text-align: center;
}

#gen.landingPageSix .body .block .imgContainer img,
#gen.landingPageTen .body .block .imgContainer img {
	margin-bottom: 1rem;
}

#gen.landingPageSix .body .block .imgContainer span,
#gen.landingPageTen .body .block .imgContainer span {
	margin: 0.5rem 0%;
	font-size: 0.8rem;
	color: #666666;
}

#gen.landingPageSix .body .block .txt,
#gen.landingPageTen .body .block .txt {
	flex-basis: 50%;
	padding: 2rem 3% 2rem 3%;
}

#gen.landingPageSix .body .block .txt h2,
#gen.landingPageTen .body .block .txt h2 {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 2.2rem;
	font-weight: 300;
	color: #FE345B;
	line-height: 1.2;
}

#gen.landingPageSix .body .block .txt p,
#gen.landingPageTen .body .block .txt p {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 1rem;
	/*font-weight: 700;*/
	letter-spacing: 0.02rem;
	line-height: 1.3;
}

#gen.landingPageSix .body .block .txt ul,
#gen.landingPageTen .body .block .txt ul {
	margin-bottom: 0.5rem;
	line-height: 1.6;
}

#gen.landingPageSix .body .block .txt ul li,
#gen.landingPageTen .body .block .txt ul li {
	font-size: 1rem;
	font-weight: 400;
	color: #666;
	letter-spacing: 0.02rem;
	list-style-type: disclosure-closed;
	list-style-position: inside;
}

#gen.landingPageSix .body .block .txt ul li::marker,
#gen.landingPageTen .body .block .txt ul li::marker {
	color: #FE345B;
}

#gen.landingPageSix article footer,
#gen.landingPageTen article footer {
	padding: 0rem 3% 2rem 3%;
	position: relative;
}

#gen.landingPageSix article footer h3,
#gen.landingPageTen article footer h3 {
	font-size: 1.3rem;
	font-weight: 700;
	color: #FE345B;
	letter-spacing: 0.02rem;
}

#gen.landingPageSix article footer p,
#gen.landingPageTen article footer p {
	font-size: 1rem;
	font-weight: 400;
	color: #666666;
	letter-spacing: 0.02rem;
}

/* @group userSubscribables */

.box.userSubscribables .siblings {
	text-align: center;
}

.box.userSubscribables .sibling {
	width: 24%;
	margin: 0rem 1rem 0rem 1rem;
	padding: 1rem 0rem 0.4rem 0rem;
	background-color: #373c43;
	clear: none;
	display: inline-block;
	-moz-box-shadow: 0 0 10px #000000;
	box-shadow: 0 0 10px #000000;
	position: relative;
	overflow: hidden !important;
	background-image: url('/cont/users/userSubscribablesImagePot/dark_fish_skin.png');
	background-color: #000;
	color: #FFF;
	text-align: center;
}

.box.userSubscribables .sibling .btn.getSubscription {
	background-color: #c7203d;
	margin: 1.5rem 0rem 0rem 0rem;
	padding: 0.3rem 0.8rem 0.3rem 0.8rem;
	display: inline-block;
	font-weight: 600;
	font-size: 1.2rem;
	border-radius: 0.4rem;
}

.box.userSubscribables .sibling h3 {
	margin-bottom: 1rem;
	padding-bottom: 0.6rem;
	font-size: 1.6rem;
	font-weight: 300;
	border-bottom: 1px solid #8c8c8c !important;
}

.box.userSubscribables .sibling h4 {
	display: none;
}

.box.userSubscribables .sibling .whatsIncluded, 
.box.userSubscribables .sibling .learnMore {
	display: block;
	padding: 0.5rem 0rem 0rem 0rem;
	font-size: 0.7rem;
	text-transform: uppercase;
	color: #b7b7b7;
}

.box.userSubscribables .sibling .whatsIncluded {
	display: none;
}

.box.userSubscribables .sibling .body ul {
	padding: 0rem 5% 0rem 15%;
}

.box.userSubscribables .sibling .body ul li {
	padding: 0rem 0rem 0.2rem 2.0rem;
	font-size: 0.9rem;
	text-align: left;
	font-weight: 300;
	line-height: 1.5;
}


.box.userSubscribables .sibling span.roundPrice {
	font-weight: 700;
	font-size: 1.6rem;
}

.box.userSubscribables .sibling .price em {
	color: #d2d2d2;
}

.box.userSubscribables h4 {
	padding: 1.6rem 0rem 1.6rem 0rem;
	font-size: 1.1rem;
	font-weight: 300;
	text-align: center !important;
	
}

.box.userSubscribables .unpaidSubscriptions {
	width: 77%;
	margin: 0rem auto 2rem auto;
	padding: 1% 4% 1% 4%;
	border: 1px solid #c7203d;
	text-align: center;
}

.box.userSubscribables .unpaidSubscriptions h2 {
	padding-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	color: #c7203d;
	font-style: normal;
}

.box.userSubscribables .unpaidSubscriptions h2 em {
	text-transform: uppercase;
	font-style: normal;
}

.box.userSubscribables .unpaidSubscriptions p {
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
	color: #5f5f5f;
	line-height: 1.5;
}

.box.userSubscribables .unpaidSubscriptions .btn.payNow {
	padding: 0.2rem 0.8rem 0.3rem 0.8rem;
	background-color: #c7203d;
	border: 0px;
	color: #FFF;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 0.2rem;
}

#userSubscribables a.btn.goPremium {
	display: none;
}

#userSubscribables nav.userToolBar a.register {
	display: none;
}

/* userSubscribables List (plans page) */

#userSubscribables main {
	padding: 0rem 10% 0rem 10%;
}

#userSubscribables.checkout main h1 {
	text-align: center;
}

#userSubscribables main h3 {
	margin: 0rem 10% 0rem 10%;
	padding: 0rem 0rem 0rem 0rem;
	font-family: 'Zilla Slab';
	font-size: 0.8rem;
	font-weight: 300;
	color: #666666;
	text-transform: uppercase;
}

#userSubscribables main p {
	padding: 0rem 0rem 1rem 0rem;
	font-size: 1rem;
	color: #666666;
	line-height: 1.5;
}

#userSubscribables main p a {
	font-weight: 700;
	color: #dc1f3a;
}

#userSubscribables main .userSubscribablesContainer {
	min-height: 40rem;
	margin: 2rem auto 2rem auto;
	padding: 0rem 0% 0rem 0%;
	background-color: #FFF;
	justify-content: flex-start;
}

#userSubscribables main .userSubscribablesContainer .col.sibling {
	overflow: visible;
}

/* specific widths of plans based on quantity of plans */

#userSubscribables main article.parentSubscribableID-44 .userSubscribablesContainer .col.key {
	flex-basis: 30%; /* width for 4 plans */
	overflow: visible;
}

#userSubscribables main article.parentSubscribableID-51 .userSubscribablesContainer .col.key {
	flex-basis: 50%;
	overflow: visible;
}

#userSubscribables main article.parentSubscribableID-44 .userSubscribablesContainer {
	/* 4 sibling subscribables */
	width: 100%;
}

#userSubscribables main article.parentSubscribableID-51 .userSubscribablesContainer {
	/* 1 sibling subscribable */
	width: 60%;
}

#userSubscribables main article.parentSubscribableID-44 .userSubscribablesContainer .col.sibling {
	/* 4 sibling subscribables */
	flex-basis: 23.5%;
}

#userSubscribables main article.parentSubscribableID-51 .userSubscribablesContainer .col.sibling {
	/* 1 sibling subscribable */
	flex-basis: 50%;
}

#userSubscribables main article .userSubscribablesContainer .col.userSubscribablesID-50 li:nth-child(2) {
	color: #e12944;
}

#userSubscribables main .userSubscribablesContainer .columnTitle {
	/* plan name */
	height: 10rem;
	margin: -1.8rem 0rem 0rem 0rem;
}

#userSubscribables main .userSubscribablesContainer .key .columnTitle {
	padding: 2.82rem 0rem 0rem 0rem;
	font-size: 0.9rem;
}

#userSubscribables main .userSubscribablesContainer .key .columnTitle h3 {
	font-size: 0.9rem;
}

#userSubscribables main .userSubscribablesContainer .sibling .columnTitle h3 {
	/* plan name */
	margin: 0rem 10% 1rem 10%;
	padding: 1rem 0rem 0rem 0rem;
	font-size: 0.9rem;
	font-weight: 100;
	color: #E12944;
	border-bottom: 1px solid #E12944;
}

#userSubscribables main .userSubscribablesContainer .sibling .columnTitle h4 {
	/* target audience name */
	height: 1.8rem;
	margin: 0rem 0% 0rem 0%;
	padding: 0.3rem 0rem 0.3rem 0.5rem;
	font-size: 0.9rem;
	font-weight: 100;
	color: #FFF;
	background-color: #E12944;
}

#userSubscribables main .userSubscribablesContainer .sibling.narrowHeader h4 {
	margin-right: 1rem;
}

#userSubscribables main .userSubscribablesContainer .sibling.extendTargetAudienceNameRight h4 {
	margin-right: 0%;
}

#userSubscribables main .userSubscribablesContainer .sibling.hideTargetAudienceName h4 {
	font-size: 0rem;
}

#userSubscribables main .userSubscribablesContainer .price {
	margin: 0rem 18% 0rem 5%;
	padding: 0rem 0rem 0.3rem 0rem;
	font-size: 2.5rem;
	font-weight: 300;
	color: #666666;
	line-height: 1;
	text-align: right;
}

#userSubscribables main .userSubscribablesContainer .tagline {
	margin: 0rem 18% 0rem 5%;
}

#userSubscribables main .sibling ul {
	margin: 0rem 0% 0rem 0%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

#userSubscribables main ul li {
	height: 1.6rem;
	padding: 0.2rem 10% 0.2rem 10%;
	line-height: 1.5;
	font-size: 0.9rem;
	display: flex;
}

#userSubscribables main .featureNames ul li {
	padding: 0.2rem 0% 0.2rem 10%;
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 0.9rem;
}

#userSubscribables main ul li:nth-child(1), 
#userSubscribables main ul li:nth-child(2), 
#userSubscribables main ul li:nth-child(3), 
#userSubscribables main ul li:nth-child(6), 
#userSubscribables main ul li:nth-child(7), 
#userSubscribables main ul li:nth-child(10), 
#userSubscribables main ul li:nth-child(11), 
#userSubscribables main ul li:nth-child(14), 
#userSubscribables main ul li:nth-child(15) {
	/* Darker background */
	background-color: #F5F4F0;
}

#userSubscribables main ul li:nth-child(1), 
#userSubscribables main ul li:nth-child(4), 
#userSubscribables main ul li:nth-child(6),
#userSubscribables main ul li:nth-child(8),
#userSubscribables main ul li:nth-child(10),
#userSubscribables main ul li:nth-child(12),
#userSubscribables main ul li:nth-child(14) {
	/* first item of each group */
	padding-top: 0.5rem;
}

#userSubscribables main ul li:nth-child(3),
#userSubscribables main ul li:nth-child(5), 
#userSubscribables main ul li:nth-child(7),
#userSubscribables main ul li:nth-child(9),
#userSubscribables main ul li:nth-child(11),
#userSubscribables main ul li:nth-child(13),
#userSubscribables main ul li:nth-child(15) {
	/* last item of each group */
	height: 4rem;
	padding-bottom: 0.5rem;
}

#userSubscribables main .featureNames ul li strong {
	font-weight: 400;
	letter-spacing: 0.05rem;
	color: #E12944;
	text-transform: uppercase;
}

#userSubscribables main .featureNames ul li.new strong {
	font-weight: 700;
}

#userSubscribables main .featureAvailability ul li {
	justify-content: center;
}

#userSubscribables main .featureAvailability ul li i.fa {
	color: #585858;
}

#userSubscribables main .buttonBar {
	text-align: center;
}

#userSubscribables main .btn {
	margin: 1rem auto 2rem auto;
	padding: 0.3rem 3rem 0.3rem 3rem;
	background-color: #FE345B;
	font-weight: 300;
	font-size: 1rem;
	text-transform: uppercase;
	color: #FFF;
	border: 1px solid #FE345B;
	display: inline-block;
}

#userSubscribables main .btn:hover {
	cursor: hand;
	background-color: #222428;
}

#userSubscribables main .userSubscribablesContainer .transparentSelectionButton .btn {
	background-color: transparent;
	color: #E12944;
}

#userSubscribables main section article footer p {
	font-family: 'Roboto';
	font-size: 1.3rem;
	text-align: center;
	font-weight: 500;
	line-height: 1.3;
	color: #161616;
}

#userSubscribables main section article footer p em {
	font-size: 0.9rem;
	text-decoration: none;
	font-style: normal;
	font-weight: 300;
}

/* standalone subscribables box */

.userAction.box {
	min-height: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #757575;
}

.userAction.box > .stack {
	margin-bottom: 1rem;
}


.userAction.box h1 {
	font-family: 'Roboto';
	font-size: 1.2rem;
	font-weight: 300;
	padding: 0.5rem 0rem 0.5rem;
}

.userAction.box h1 em {
	color: #E53935;
	font-style: normal;
}

.userAction.box h3 {
	font-family: 'Roboto';
	font-size: 1.2rem;
	font-weight: 300;
	padding: 0.5rem 0rem 0.5rem;
}

.userAction.box .stack01 {
}

.userAction.box .stack01 .col1 {
	width: 66% !important;
	margin-right: 2% !important;
}

.userAction.box .stack01 .col2 {
	width: 32% !important;
	margin-right: 0rem !important;
}

.userAction.box .claimBox {
	margin: 2.5rem 0rem 0rem 0rem !important;
	padding: 4% 5% 5% 5%;
	background-color: #afbdc2;
}

.userAction.box .claimBox h1, 
.userAction.box .claimBox h2, 
.userAction.box .claimBox h3 {
	margin: 0rem 0rem 0.4rem 0rem !important;
	font-size: 1.3rem;
	font-weight: 300;
}

.userAction.box .claimBox ul li {
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
	font-weight: 300;
}

.userAction.box .claimBox ul li i {
	margin-right: 0.5rem;
}



.userSubscribables.box.theme1 .sibling {
	height: 3rem;
	margin-bottom: 1rem;
	position: relative;
}

.userSubscribables.box.theme1 .sibling h3 {
	width: 45%;
	height: 3rem;
	padding: 0.6rem 0rem 0rem 0%;
	float: left;
	font-size: 1.4rem;
	font-weight: 300;
	text-align: center;
	color: #FFF;
	position: relative;
	background-color: #566c77;
	
}

.userSubscribables.box.theme1 .sibling .price {
	width: 35%;
	height: 3rem;
	padding: 0.5rem 0rem 0rem 5%;
	float: left;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: left;
	color: #000;
	background-color: #afbdc3;
	position: relative;
}

.userSubscribables.box.theme1 .sibling .price em {
	font-size: 1rem;
	opacity: 0.8;
}

.userSubscribables.box.theme1 .body {
	display: none;
}

.userSubscribables.box.theme1 a.btn.getSubscription {
	width: 20%;
	height: 3rem;
	float: left;
	padding: 0.6rem 1.2rem 0.4rem 1.2rem;
	color: #FFF;
	font-weight: 400;
	font-size: 1.5rem;
	background-color: #E53935;
	text-align: center;
	position: relative;
}

.userSubscribables.box.theme1 h4 {
	display: none;
}

.userSubscribables.box.theme1 h3 .arrowNext {
	position: absolute;
	top: 0rem;
	left: 0%;
	z-index: 10;
	width: 0; 
	height: 0; 
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;	
	border-left: 20px solid #afbdc2;
}

.userSubscribables.box.theme1 a.getSubscription .arrowNext {
	position: absolute;
	top: 0rem;
	left: 0%;
	z-index: 10;
	width: 0; 
	height: 0; 
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;	
	border-left: 20px solid #566c77;
}


/* Checkout page */

#userSubscribables.checkout main {
	max-width: 70rem;
	margin: 0rem auto 0rem auto;
}

#userSubscribables.checkout main article h2, 
#userSubscribables.checkout main article p {
	text-align: center;
}

#userSubscribables.checkout main article p strong {
	font-weight: 400;
}

#userSubscribables.checkout header.stack1 {
	margin-bottom: 0rem;
}

#userSubscribables main table {
	width: 40%;
	margin: auto;
	margin-bottom: 1rem;
	background-color: #dedede;
}

#userSubscribables main table tr th {
	padding: 0.6rem 0.2rem 0.6rem 0.6rem;
	font-size: 1.2rem;
	font-weight: 400;
	color: #787878;
	text-align: left;
	background-color: #dedede;
}

#userSubscribables main table tr td {
	padding: 0.6rem 0.2rem 0.6rem 0.6rem;
	font-size: 1.2rem;
	font-weight: 400;
	color: #848484;
	background-color: #FFF;
}

#userSubscribables main table tr td.itemName {
	text-align: left;
}

#userSubscribables main table tr th.currency, 
#userSubscribables main table tr th.value {
	padding-right: 2%;
	text-align: right;
	
}

#userSubscribables main table tr td.grandTotalValue {
	font-weight: 700;
}

#userSubscribables main table tr td.grandTotalLabel {
	text-align: left;
	background-color: #dedede;
}

#userSubscribables main .removeSubscriptions .btn {
	padding: 0.5rem 1rem 0.5rem 1rem;
	color: #FFF;
	border: 0px;
	background-color: #959595;
	border-radius: 5px;
	font-size: 0.8rem;
	font-weight: 700;
}

#userSubscribables main .paymentInfo .paymentLogos {
	width: 25rem;
}

#userSubscribables main .testimonials {
	margin: 1.5rem auto 1rem auto;
}

#userSubscribables .claimForGoldUserInGoldPurchasePage {
	padding: 4rem 10% 0rem 10%;
	text-align: center;
}

#userSubscribables #manualSubscriptionMsg {
	padding: 1rem;
	text-align: center;
	border: 1px solid #222429;
}

/* @group Testimonials */

.box.testimonials.showInCarousel article {
	width: 100%;
	margin-bottom: 20px;
	padding-top: 1.5rem;
	min-height: 12rem;
}

.box.testimonials.showInCarousel article div.quote {
	width: 5%;
	min-height: 8rem;
	padding-top: 0.6rem;
	font-size: 2rem;
	color: #d0d3d5;
	display: inline-block;
	float: left;
	text-align: center;
}

.box.testimonials.showInCarousel article div.quote.left {
	padding-right: 10px;
}

.box.testimonials.showInCarousel article div.cite {
	width: 90%;
	min-height: 8rem;
	padding: 10px 5% 10px 5%;
	background-color: #d0d3d5;
	border-radius: 1.5rem;
	display: inline-block;
	float: left;
}

.box.testimonials.showInCarousel article .imageContainer {
	width: 6rem;
	height: 6rem;
	margin: -1.5rem 2rem 0px 0px;
	border-radius: 3rem;
	float: left;
	overflow: hidden;
}

.box.testimonials.showInCarousel article .imageContainer img {
	width: 6rem;
	height: 6rem;
	
}

.box.testimonials.showInCarousel article > div .body {
	padding-top: 1rem;
}

.box.testimonials.showInCarousel article > div .body p {
	padding: 0rem !important;
	line-height: 1.4rem;
	font-family: georgia;
	font-size: 1.2rem !important;
	color: #373c43;
	text-align: left;
	font-style: italic;
}

.box.testimonials.showInCarousel article > div .signature {
	line-height: 2rem;
	font-family: georgia;
	font-size: 0.9rem !important;
	color: #646a71;
	text-align: right;
}

.box.testimonials.showInCarousel header h1 {
	text-align: center;
	margin: 0rem 0rem 0.5rem 0rem;
	padding: 0rem;
	font-family: 'Zilla Slab';
	font-size: 2rem;
	font-weight: 300;
	color: #000;
}

.box.testimonials.showInCarousel {
	width: 80%;
	margin: auto;
	height: 14rem;
	overflow: hidden;
}

.box.testimonials.showInLargeCarousel {
	width: 80%;
	margin: auto;
	height: 30rem;
	border-bottom: 1px solid #c9ccd1;
	overflow: hidden;
}

.box.testimonials.showInLargeCarousel article {
	width: 100%;
	margin-bottom: 20px;
	padding-top: 1.5rem;
	min-height: 30rem;
}

.box.testimonials.showInLargeCarousel article div.quote {
	width: 5%;
	min-height: 25rem;
	padding-top: 0rem;
	font-size: 0rem;
	color: #d0d3d5;
	display: inline-block;
	float: left;
	text-align: center;
}

.box.testimonials.showInLargeCarousel article div.quote.left {
	padding-right: 10px;
}

.box.testimonials.showInLargeCarousel article div.cite {
	width: 90%;
	min-height: 24.5rem;
	padding: 0px 5% 0px 0%;
	background-color: #d0d3d5;
	border-radius: 1.5rem;
	display: inline-block;
	float: left;
}

.box.testimonials.showInLargeCarousel article .imageContainer {
	width: 70%;
	height: 24.5rem;
	margin: 0rem 2rem 0px 0px;
	border-top-left-radius: 1.5rem;
	border-bottom-left-radius: 1.5rem;
	float: left;
	overflow: hidden;
}

.box.testimonials.showInLargeCarousel article .imageContainer img {
	width: 100%;
	
}

.box.testimonials.showInLargeCarousel article > div .body {
	padding-top: 3rem;
}

.box.testimonials.showInLargeCarousel article > div .body p {
	padding: 0rem !important;
	line-height: 1.5;
	font-family: georgia;
	font-size: 1.7rem !important;
	color: #373c43;
	text-align: left;
	font-style: italic;
}

.box.testimonials.showInLargeCarousel article > div .signature {
	line-height: 2rem;
	font-family: georgia;
	font-size: 0.9rem !important;
	color: #646a71;
	text-align: right;
}

/* my download section  */

#myDownloads .col2 article header p {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #9A9AA0;
	letter-spacing: 0.03rem;
}

#myDownloads .col2 article header p a {
	color: #FE345B;
}

#myDownloads .col2 article .btn {
	float: right;
}

/* my inbox section  */

#enterprise #export-boxes {
	text-align: right;
}

/* my social section, my news section */

.mySocialActive header p,
.mySocialArchieved header p,
.myNewsPending header p,
.myNewsPublished header p {
	margin: 0rem 0% 0.5rem 1%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #9A9AA0;
}

.mySocialActive,
.mySocialArchieved,
.myNewsPending,
.myNewsPublished {
	padding: 2rem 1% 5rem 1%;
	background-color: #FFFFFF;
	box-shadow: -5px 5px 5px -5px #ccc, 5px 5px 5px -5px #ccc;
}

.mySocialActive .compoundTableListing a.btn.rectangle,
.mySocialArchieved a.btn.rectangle,
.myNewsPending .compoundTableListing a.btn.rectangle,
.myNewsPublished a.btn.rectangle {
	float: right;	
}

/* my postings & my Analytics page  */

.stack.globalStats .card {
	padding: 1rem 2% 1rem 2%;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #ccc;
	text-align: center;
}

.stack.globalStats .card h2 {
	margin: 0rem 0% 1rem 0%;
	font-size: 1rem;
	font-weight: 700;
	color: #63636A;
	line-height: 1;
	letter-spacing: 0.02rem;
}

.stack.globalStats .card h2:first-line {
	font-weight: 400;
}

.stack.globalStats .card h1 {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 2rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #FE345B;
	line-height: 1;	
}

.stack.globalStats .card p {
	font-size: 0.8rem;
	font-weight: 400;
	color: #63636A;
}

.stack.multiGraphContainer .graphsContainer {
	position: relative;
}

.stack.multiGraphContainer .graph1 {
	box-shadow: 0 0 11px #bbb;
	margin-top: -0.3rem;
	z-index: 9;
	position: relative;
}

.stack.multiGraphContainer .graph1 h2 {
	padding: 2rem 3% 1rem 3%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #63636A;
	letter-spacing: 0.02rem;
}

.stack.multiGraphContainer .graph1 .chartjs {
	padding: 0rem 5% 1rem 5%;
}

.stack.multiGraphContainer .graph2 {
	position: absolute;
	top: 1rem;
	right: 8%;
	display: flex;
}

.stack.multiGraphContainer .graph2 h2 {
	margin-right: 10%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #63636A;
	letter-spacing: 0.02rem;
	align-self: center;
}

.stack.multiGraphContainer .graph2 h1 {
	font-size: 2.3rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #63636A;
}

/*my posting page (manage your posting) */

#statsSection .ManagePosting h1 {
	margin: 0rem 0% 1rem 0%;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #151522;
}

#statsSection p {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #63636A;
	letter-spacing: 0.01rem;
	line-height: 1.4;
}

#statsSection .yourContentTabGroup .r-tabs-panel {
	padding: 2rem 2% 1rem 2%;
	margin: 0rem auto;
	background-color: #9A9AA0;
	text-align: center;
}

#statsSection .yourContentTabGroup .r-tabs-panel .body h2,
#statsSection .yourContentTabGroup .r-tabs-panel p {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #EFEEEA;
}

.myPostingsNoBTNSalesBrands article {
	flex-direction: row-reverse;
}

/* call to action no result (favourite page) */

.callToActionBox.noResults article {
	padding: 1rem;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 0 10px #CCC;
	align-items: center;
}

.callToActionBox.noResults article > i {
	flex-basis: 5%;
	font-size: 2rem;
	color: #95959b;
	align-self: center;
}

.callToActionBox.noResults article .content {
	flex-basis: 95%;
}

.callToActionBox.noResults article .content h3 {
	margin-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.04rem;
	color: #95959b;
}

.callToActionBox.noResults article .content p {
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.04rem;
	line-height: 1.4;
	color: #95959b;
}

/* home page loged in article section  */

#home .stack2 .articles article {
	margin: 0rem 0% 1rem 0%;
	position: relative;
} 

#home .stack2 .articles .txt {
	padding: 0rem 2% 1rem 6%;
	position: absolute;
	bottom: 0rem;
	left: 0%;
	right: 0%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 70%);
}

#home .stack2 .articles.col1 .txt .publicationDate {
	margin: 0rem 0% 1.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #9A9AA0;
}

#home .stack2 .articles.col1 .txt h2 {
	margin: 0rem;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #EFEEEA;
	letter-spacing: 0rem;
}

#home .stack2 .articles.col1 .txt h3 {
	font-size: 0.9rem;
	font-weight: 400;
	color: #9A9AA0;
	position: absolute;
	bottom: 5rem;
	left: 6%;
}

#home .stack2 .articles.col1 .txt .subTitle {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #EFEEEA;
	letter-spacing: 0.01rem;
}

#home .stack2 .articles.col2 {
	margin: 3.2rem 0% 0rem 0%;
}

#home .stack2 .articles.col2 .txt .publicationDate {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.8rem;
	font-weight: 400;
	color: #9A9AA0;
}

#home .stack2 .articles.col2 .txt h2 {
	margin: 0rem;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #EFEEEA;
	letter-spacing: 0rem;
}

#home .stack2 .articles.col2 .txt h3 {
	font-size: 0.8rem;
	font-weight: 400;
	color: #9A9AA0;
	position: absolute;
	bottom: 4rem;
	left: 6%;
	display: none;
}

/* home page loged in brands section  */

#home .stack3 .brands .listing {
	display: flex;
	justify-content: space-between;
}

#home .stack3 .brands .listing .col1 {
	flex-basis: 79%;
}

#home .stack3 .brands .listing .col1 ul {
	flex-basis: 12%;
}

#home .stack3 .brands .listing .col1 .r-tabs-state-active {
	flex-basis: 86.7%;
}

#home .stack3 .brands .listing .col1 .tabs {
	display: flex;
	justify-content: space-between;
}

#home .stack3 .brands .listing .col1 .tabs article {
	flex-basis: 24%;
	background-color: #FFF;
	padding: 0.5rem;
}

#home .stack3 .brands .listing article { /* home page non loged in */
	background-color: #FFF;
	padding: 0.5rem;
}

#home .stack3 .brands .listing .col1 .tabs article .imgContainer,
#home .stack3 .brands .listing article .imgContainer {
	margin: 0rem 0% 1rem 0%;
	text-align: center;
	background-color: #ddd6d0;
	overflow: hidden;
	position: relative;
	height: 13rem;
}

#home .stack3 .brands .listing .col1 .tabs article .imgContainer img,
#home .stack3 .brands .listing article .imgContainer img {
	padding: 1rem;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 13rem;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#home .stack3 .brands .listing .col1 .tabs article .txt h2,
#home .stack3 .brands .listing article .txt h2 {
	margin: 0rem 0% 0.4rem 0%;
	font-size: 1.2rem;
	font-weight: 700;
	color: #9A9AA0;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.0rem;
	line-height: 1.2;
}

#home .stack3 .brands .listing .col1 .tabs article .txt h3,
#home .stack3 .brands .listing article .txt h3 {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.8rem;
	font-weight: 400;
	color: #63636A;
	letter-spacing: 0.04rem;
}

#home .stack3 .brands .listing .col1 .tabs article .txt h3 span,
#home .stack3 .brands .listing article .txt h3 span {
	color: #151522;
}

#home .stack3 .brands .listing .col2 {
	flex-basis: 20%;
	padding: 1rem;
	background-color: #FE345B;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border: 20px solid #FE345B;
	box-shadow: inset 0px 0px 0px 1px #FFF;
	box-sizing: border-box;
}

#home .stack3 .brands .listing .col2 div {
	text-align: center;
	width: 80%;
}

#home .stack3 .brands .listing .col2 p {
	text-align: center;
}

#home .stack3 .brands .listing .col2 p i {
	display: block;
	color: #EFEEEA;
	font-size: 1.5rem;
	margin: 0rem 0% 0.5rem 0%;
	}

#home .stack3 .brands .listing .col2 p span {
	margin: 0rem 0% 2rem 0%;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #EFEEEA;
	letter-spacing: 0.02rem;
	line-height: 1.1;
}

#home .stack3 .brands .listing .col2 p i.fa-arrow-right {
	position: absolute;
	bottom: 2rem;
	left: 45%;
}

/* home page loged in companies section  */

#home .stack4 div.flexLayout13 {
	flex-direction: row-reverse;
}

#home .stack4 div.col1 {
	padding: 0.5rem;
	background-color: #FEFEFE;
}

#home .stack4 div.col1 #companyTabGroup-tab-1,
#home .stack4 div.col1 #companyTabGroup-tab-2 {
	background-color: #EFEEEA;
	padding: 0.5rem;
}

#home .stack4 section.col2 article {
	margin: 0rem 0% 0rem 0%;
	padding: 0.5rem;
	background-color: #FEFEFE;
	border: 1px solid #999;
	position: relative;
}

#home .stack4 section.col2 article .imgContainer {
	margin: 0rem 0% 1rem 0%;
	text-align: center;
	background-color: #ddd6d0;
	overflow: hidden;
	position: relative;
	height: 13rem;
}

#home .stack4 section.col2 article .imgContainer img {
	margin-bottom: -0.5rem;
	padding: 1rem;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 13rem;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#home .stack4 section.col2 article .txt {
	padding: 1rem 0%;
}

#home .stack4 section.col2 article .txt h3 {
	margin: 0rem 0% 1rem 0%;
	font-size: 0.7rem;
	font-weight: 700;
	color: #999999;
	letter-spacing: 0.04rem;
}

#home .stack4 section.col2 article .txt h3 strong {
	font-weight: 400;
}

#home .stack4 section.col2 article .txt h2 {
	margin: 0rem 0% 1rem 0%;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.04rem;
	line-height: 1.2;
	min-height: 2rem;
}

#home .stack4 section.col2 article .readMore {
	padding: 0rem 10%;
	font-size: 0.8rem;
	font-weight: 700;
	color: #fe345b;
	letter-spacing: 0.0rem;
	text-transform: uppercase;
	position: absolute;
	bottom: 1rem;
	right: 0rem;
}

/* home page loged in video section  */

#home .stack5 .AVCentral.col1 .listing article {
	background-color: #FFF;
	padding: 0.5rem 2%;
	margin: 0rem 0rem 1.2rem 0rem;
	display: flex;
	justify-content: space-between;
}

#home .stack5 .AVCentral.col1 .listing article .imgContainer,
#home .stack5 .AVCentral.col1 .listing article .txt  {
	flex-basis: 49%;
}

#home .stack5 .AVCentral.col1 .listing article .imgContainer img {
	height: 100%;
	padding: 0rem;
	margin: 0rem 0% 0rem 0%;
}

#home .stack5 .AVCentral.col1 .listing article .txt {
	padding: 0rem 0% 0rem 0%;
	position: relative;
}

#home .stack5 .AVCentral.col1 .listing article .txt h2 {
	font-size: 1.2rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	line-height: 1;
	letter-spacing: 0.0rem;
	padding: 0rem 0rem 0rem 0rem;
}

#home .stack5 .AVCentral.col1 .listing article .txt h3 {
	font-size: 0.6rem;
	color: #fe345b;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.2rem;
	padding: 0rem 0% 0.5rem 0%;
	border-bottom: 1px solid #ccc;
	margin: 0.5rem 0% 0.5rem 0%;
}

#home .stack5 .AVCentral.col1 .listing article .txt p,
#home .stack5 .AVCentral.col1 .listing article .txt .subTitle {
	display: none;
}

#home .stack5 .AVCentral.col2 .listing article {
	box-shadow: unset;
}

#home .stack5 .AVCentral.col2 .listing article .imgContainer {
	max-height: 22rem;
	margin: 0rem 0% 1rem 0%;
}

#home .stack5 .AVCentral.col2 .listing article .imgContainer img {
	/*max-height: 22rem;*/
}

/* home page loged in events section  */

#home .stack6 .events .listing {
	padding: 2rem 3%;
	background-color: #FFFFFF;
	position: relative;
}

#home .stack6 .events .listing .carrouselItem {
	padding: 0rem 10%;
}

#home .stack6 .events .listing .carrouselItem .imgContainer {
	margin: 0rem 0% 1rem 0%;
	text-align: center;
	background-color: #ddd6d0;
	overflow: hidden;
}

#home .stack6 .events .listing .carrouselItem .imgContainer img {
	padding: 1rem;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: inline-block;
}

#home .stack6 .events .listing .carrouselItem h3 {
	display: none;
}

#home .stack6 .events .listing .carrouselItem h2 {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 1.2rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #151522;
}

#home .stack6 .events .listing .carrouselItem p {
	margin: 0rem 0% 0.5rem 0%;
	font-size: 0.9rem;
	font-weight: 400;
	color: #66666f;
}

#home .stack6 .events .listing .owl-nav {
	position: absolute;
	color: #999999;
	text-align: center;
	font-size: 4rem;
	font-weight: 300;
	display: flex;
	justify-content: space-between;
	width: 94%;
	top: 33%;
}

/* competition result */

.competitionResultsHtml .box.competitionResults > header {
	background-color: #573453;
}

.competitionResultsHtml .box.competitionResults > header h1 {
	font-size: 1.1rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: #EFEEEA;
	letter-spacing: 0.04rem;
	line-height: 1.3;
}

.competitionResultsHtml .box.competitionResults .carrouselItem {
	min-height: unset;
}

.competitionResultsHtml .box.competitionResults .carrouselItem article {
	background-color: #FFFFFF;
}

.competitionResultsHtml .box.competitionResults article .body .imgContainer {
	margin: 0rem;
	text-align: center;
}

.competitionResultsHtml .box.competitionResults article .body .imgContainer img {
	margin: 0rem auto;
}

.competitionResultsHtml .box.competitionResults article > .imgContainer img {
	width: 6rem;
	top: 2rem;
	right: 1.8rem;
}

.competitionResultsHtml .box.competitionResults article .body .content h2 {
	padding: 0rem;
	margin: 1rem 0% 0.2rem 0%;
	font-size: 1.1rem;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	min-height: unset;
	text-transform: uppercase;
	line-height: 1.3;
	border-top: 0rem;
	color: #000;
}

.competitionResultsHtml .box.competitionResults article .body .content h3,
.competitionResultsHtml .box.competitionResults article .body .content p {
	padding: 0rem;
	margin: 0rem 0% 0rem 0%;
	font-size: 1.1rem;
	font-weight: 400;
	font-family: 'Roboto Condensed';
	color: #63636A;
	border: 0rem;
	letter-spacing: 0.04rem;
}

.boxStyle1 .box.competitionResultsCTA {
	background-color: #573453;
}

.competitionResultsCTA header h1 {
	display: none;
}

.competitionResultsCTA .body p {
	margin: 0rem;
	color: #FFF;
	text-align: center;
}

.competitionResultsCTA .body p a {
	border: 0px;
	font-size: 1.1rem;
	font-weight: 300;
	font-family: 'Roboto Condensed';
	padding: 0rem;
}
/* @end*/



/* @end*/
/* @group Molecules */


// Custom article style for payment enabled landing page 

article.articleStyle20 {
	padding: 3rem 25% 6rem 25% !important;
	font-family: 'Roboto Condensed';
}

article.articleStyle20 header {
	margin: 2rem 0rem 4rem 0rem;
	position: relative;
	border-bottom: 1px solid #333;
}

.desktop article.articleStyle20 header {
	height: 20rem;
	padding: 3rem 10% 0rem 10%;
}

article.articleStyle20 header h1 {
	width: 54%;
	margin: 0rem 0rem 0.4rem 0rem;
	font-size: 2.2rem;
	font-weight: 400;
	color: #FE345B;
}

article.articleStyle20 header h2 {
	margin-bottom: 1rem;
	color: #FFF;
	font-size: 2.5rem;
}

.desktop article.articleStyle20 header img {
	width: 20rem;
	position: absolute;
	right: 10%;
	bottom: 0rem;
}

.articleStyle20 .stack1, 
.articleStyle20 .stack2, 
.articleStyle20 .stack3, 
.articleStyle20 .stack4, 
.articleStyle20 .stack5, 
.articleStyle20 .stack6, 
.articleStyle20 .stack7, 
.articleStyle20 .stack8 {
	font-family: 'Roboto Condensed';
	padding: 0rem 10% 0rem 10%; 
}

.articleStyle20 .stack1 {
	display: flex;
}

.desktop .articleStyle20 .stack1 {
	height: 20rem;
	justify-content: space-between;
}

.articleStyle20 .stack1 .col1 {
	flex-basis: 30%;
}

.articleStyle20 .stack1 .col2 {
	flex-basis: 70%;
}

.articleStyle20 .stack1 img {
	width: 100%;
	margin: 0rem 5% 0rem 0rem;
	float: left;
}

.articleStyle20 .stack1 h3 {
	margin: 0rem 0rem 2rem 0rem;
	font-family: 'Roboto Condensed';
	font-size: 2rem;
	color: #FFF;
	line-height: 1.4;
}

.articleStyle20 .stack1 p {
	width: 100%;
	margin: 0rem 0rem 1rem 0rem !important;
	padding: 0rem 0rem 0rem 10%;
	font-family: 'Roboto Condensed';
	font-size: 1rem;
	color: #FFF;
	line-height: 1.5;
}

.articleStyle20 .stack1 p a {
	color: #FE345B;
}

.articleStyle20 .stack2 {
	/* What Will You Learn? */
	margin: 0rem 0rem 4rem 0rem;
}

.articleStyle20 .stack2 h2 {
	margin: 0rem 0rem 2rem 0rem;
	font-size: 2rem;
	color: #FE345B;
	text-align: center;
}

.articleStyle20 .stack2 ul {
	width: 100%;
	margin: 0rem 0rem 1rem 0rem !important;
	padding: 0rem 0rem 0rem 10%;
	font-family: 'Roboto Condensed';
	font-size: 1rem;
	color: #FFF;
	line-height: 2;
	
	-moz-column-count: 2;
	-moz-column-width: 150px;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-width: 150px;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-width: 150px;
	column-gap: 2em;
}

.articleStyle20 .stack2 ul li i {
	margin: 0rem 1rem 0rem 0rem;
	color: #FE345B;
}

.articleStyle20 .stack3 {
	margin: 0rem 0rem 4rem 0rem;
	display: flex;
}

.articleStyle20 .stack3 .col1 {
	/* red box with session overview */
	padding: 1.5rem;
	background-color: #FE345B;
	color: #FFF;
}

.desktop .articleStyle20 .stack3 .col1 {
	/* red box with session overview */
	width: 50%;
	height: 13rem;
}

.articleStyle20 .stack3 .col1 h3 {
	margin: 0rem 0rem 0.6rem 0rem;
	font-family: 'Roboto Condensed';
	font-size: 1.8rem;
}

.articleStyle20 .stack3 .col1 p {
	margin: 0rem 0rem 0.5rem 0rem;
	padding: 0rem 10% 0rem 2rem;
	font-family: 'Roboto Condensed';
	font-size: 1rem;
	line-height: 1.2;
}

.articleStyle20 .stack3 .col1 p i {
	margin: 0rem 0rem 0rem -2rem;
	display: inline-block;
	width: 1.8rem;
	text-align: center;
	color: #FFF;
}

.desktop .articleStyle20 .stack3 .col2 {
	width: 50%;
}

.desktop .articleStyle20 .stack3 .col2 img {
	width: 100%;
	margin: 2rem 0rem 0rem -10%;
	background-color: #FE345B;
	color: #FFF;
}

.articleStyle20 .stack4 {
	/* Session Inclusions */
	margin: 0rem 0rem 5rem 0rem;
}

.articleStyle20 .stack4 h2 {
	margin: 0rem 0rem 2rem 0rem;
	font-family: 'Roboto Condensed';
	font-size: 2.5rem;
	text-align: center;
	color: #FE345B;
}

.articleStyle20 .stack4 ul {
	font-family: 'Roboto Condensed';
	font-weight: 400;
	font-size: 0.9rem;
	text-align: center;
	color: #FFF;
	line-height: 1.5;
	-moz-column-count: 2;
	-moz-column-width: 150px;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-width: 150px;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-width: 150px;
	column-gap: 2em;
	text-align: left;
}

.articleStyle20 .stack4 ul li {
	margin: 0rem 0rem 1rem 0rem;
}

.articleStyle20 .stack4 ul li i {
	margin: 0rem 0.5rem 0rem 0rem;
	color: #FE345B;
}

.articleStyle20 .stack5 {
	/* Why Choose This Program */
	margin: 0rem 0rem 6rem 0rem;
	display: flex;
	justify-content: space-between;
	clear: both;
}

.articleStyle20 .stack5 .col1 {
	flex-basis: 35%;
	text-align: left;
}

.articleStyle20 .stack5 .col1 h3 {
	width: 70%;
	margin: 0rem 0rem 1rem 0rem;
	font-family: 'Roboto Condensed';
	font-size: 2.3rem;
	line-height: 1.2;
	text-align: left;
	color: #FE345B;
}

.articleStyle20 .stack5 .col1 p {
	margin: 0rem 0rem 2rem 0rem;
	font-family: 'Roboto Condensed';
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: left;
	color: #FE345B;
}

.articleStyle20 .stack5 .col2 {
	flex-basis: 50%;
}

.articleStyle20 .stack5 .col2 p {
	margin: 0rem 0rem 1.5rem 0rem;
	font-size: 1rem;
	color: #FFF;
	line-height: 1.5;
}

.articleStyle20 .stack6 {
	/* Program Schedule */
	width: 100%;
	margin: 0rem 0rem 6rem 0rem;
	display: flex;
	justify-content: space-between;
}

.articleStyle20 .stack6 .col1 {
	flex-basis: 50%;
}

.articleStyle20 .stack6 .col1 h3 {
	font-family: 'Roboto Condensed';
	font-size: 2.5rem;
	text-align: left;
	color: #FE345B;
}

.articleStyle20 .stack6 .col1 p {
	margin: 0rem 0rem 1.5rem 0rem;
	font-size: 1rem;
	color: #FFF;
	line-height: 1.5;
}

.articleStyle20 .body > header a, 
.articleStyle20 .stack6 .col1 a, 
.articleStyle20 .stack8 a {
	// CTA buttons
	margin: 0rem 0rem 1.5rem 0rem;
	padding: 0.3rem 1.2rem 0.2rem 2.5rem;
	font-family: 'Roboto Condensed';
	font-size: 1.3rem;
	color: #FFF;
	line-height: 1.5;
	text-transform: uppercase;
	background-color: #fd345b;
	border-radius: 1.2rem;
	border: 1px solid #fd345b;
	position: relative;
	display: inline-block;
}

.articleStyle20 .body > header a:hover, 
.articleStyle20 .stack6 .col1 a:hover, 
.articleStyle20 .stack8 a:hover {
	// CTA buttons
	border: 1px solid #FFF;
}

.articleStyle20 .stack6 .col1 a i, 
.articleStyle20 .stack8 a i {
	// arrow icon inside CTA link
	margin: 0rem 0rem 0rem 0rem;
	font-size: 1.5rem;
	color: #FFF;
	position: absolute;
	top: 0.5rem;
	left: 0.8rem;
}

.articleStyle20 .stack6 .col2 {
	flex-basis: 40%;
	color: #FFF;
}

.articleStyle20 .stack6 .col2 i {
	width: 1.8rem;
	height: 1.8rem;
	margin: 0rem 2.2rem 0rem -4rem;
	padding: 0.3rem;
	display: inline-block;
	background-color: #FE345B;
	color: #FFF;
	border-radius: 1.5rem;
	text-align: center;
}

.articleStyle20 .stack6 .col2 p {
	margin: 0rem 0rem 1rem 5rem;
	font-family: 'Roboto Condensed';
}

.articleStyle20 .stack6 .col2 strong {
	font-size: 1.3rem;
	color: #FE345B;
}

.articleStyle20 .stack7 {
	/* Additional Benefits */
	margin: 0rem 0rem 6rem 0rem;
	display: flex;
	justify-content: space-between;
}

.articleStyle20 .stack7 .col1 {
	flex-basis: 50%;
}

.articleStyle20 .stack7 .col1 img {
	width: 100%;
}

.articleStyle20 .stack7 .col2 {
	flex-basis: 55%;
	margin: 4rem 0rem 0rem -10%;
	padding: 2rem;
	background-color: #FE345B;
	color: #FFF;
	text-align: center;
}

.articleStyle20 .stack7 .col2 h3 {
	margin: 0rem 0rem 2rem 0rem;
	flex-basis: 50%;
	font-size: 2rem;
	background-color: #FE345B;
	color: #FFF;
}

.articleStyle20 .stack7 .col2 ul {
	margin: 0rem 0rem 0rem 1rem;
	font-family: 1rem;
}

.articleStyle20 .stack7 .col2 ul li {
	margin: 0rem 0rem 1.5rem 0rem;
	line-height: 1.5;
	font-size: 1rem;
	font-family: 'Roboto Condensed';
}

.articleStyle20 .stack7 .col2 ul li i {
	margin: 0rem 0.2rem 0rem -1rem;
}

.articleStyle20 .stack7 .col2 ul li:last-child {
	margin: 0rem 0rem 0rem 0rem;
}

.articleStyle20 .stack8 {
	/* Invest in Your Business Future Today */
	position: relative;
}

.desktop .articleStyle20 .stack8 {
	/* Invest in Your Business Future Today */
	height: 25rem;
}

.articleStyle20 .stack8 h2 {
	width: 100%;
	margin: 0rem 0rem 2rem 0rem;
	font-size: 2rem;
	color: #FE345B;
	text-align: left;
}

.articleStyle20 .stack8 p {
	width: 40%;
	margin: 0rem 0rem 2rem 0rem;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #FFF;
}

.articleStyle20 .stack8 img {
	width: 30%;
	position: absolute;
	right: 10%;
	top: 0rem;
}

.articleStyle20 .stack9 p {
	width: 85%;
	margin: auto;
	padding: 1rem 0rem 1rem 0rem;
	font-size: 1rem;
	background-color: #33333f;
	border-radius: 2rem;
	text-align: center;
	color: #FFF;
}

/* @end*/ 

