/**
 * Norbert @ RMG, 2013/10/03
 *
 * this CSS is shared between RMG and DDFH&B website
 *
 * #2A9BD0 blue
 * #0FA1BD blue
 * #4EB6AA green
 * #F1BE5B yellow
 * #E46653 orange
 * #C64977 pink
 * #AF699D purple
 * #AC9363 sand
 * #303030 black
 * #135663 charchoal 
 * #666666 gray
 * #888888 gray
 * #EEEEEE white
 * #AC9363 gold
 */
 
/**
 * make container full size
 */
 
#pageWrapper { padding: 0; }
#container { max-width: 100%; padding: 0; }

/**
 * fluid images
 */
 
img {max-width: 100%; height: auto; width: auto; /* ie8 fix*/}

/*fancytitle*/
span.image_description {display: block; padding: 10px 20px; background: #eeeeee; color: #888888; font-size: 16px;}

/**
 * fluid video to be used in responsive page layout
 * thanks Jonathan Suh http://blog.jon.sh/responsive-youtube-vimeo-embed-and-html5-video-with-css/
 *
 */
 
div.fluid-video {height: 0; padding-top: 25px; padding-bottom: 67.5%; position: relative; overflow: hidden;}
div.fluid-video.widescreen {padding-bottom: 56.3%;}
div.fluid-video.vimeo {padding-top: 0;}
div.fluid-video embed,
div.fluid-video iframe,
div.fluid-video object,
div.fluid-video video {top: 0; left: 0; width: 100%; height: 100%; position: absolute;}

/**
 * Screen size rules
 */

/* styles for narrow desktop browsers and iPad landscape */
@media all and (max-width: 1024px) {
	#contentWrapper { margin: 0; }
}

/* styles for iPhone/Android landscape (and really narrow browser windows) */
@media all and (max-width: 480px) {
    /*2cols forms (can be set on whole form or particular fieldset*/
	form.twoColumns label,
	fieldset.twoColumns label {padding-right: 0;}
	form.twoColumns span.label,
	fieldset.twoColumns span.label {width: auto; float: none; text-align: left;}
	form.twoColumns span.field,
	fieldset.twoColumns span.field {width: 100%;}
	input {font-size: 2em;}
	div.twoColumnPage div.columnOne, 
    div.twoColumnPage div.columnTwo,
    div.twoColumnLayout div.layoutColumnOne.ofTwo,
    div.twoColumnLayout div.layoutColumnTwo.ofTwo {width: auto!important; float: none!important;}
    div.twoColumnPage div.columnWrapper {margin: 0!important;}
    div.threeColumnLayout div.layoutColumnOne.ofThree,
    div.threeColumnLayout div.layoutColumnTwo.ofThree,
    div.threeColumnLayout div.layoutColumnThree.ofThree {width: auto; float: none;}
    div.fourColumnLayout div.layoutColumnOne.ofFour,
    div.fourColumnLayout div.layoutColumnTwo.ofFour {width: 50%;}
    div.fourColumnLayout div.layoutColumnThree.ofFour,
    div.fourColumnLayout div.layoutColumnFour.ofFour {width: 50%;}
    div.fiveColumnLayout div.layoutColumnOne.ofFive,
    div.fiveColumnLayout div.layoutColumnTwo.ofFive,
    div.fiveColumnLayout div.layoutColumnThree.ofFive,
    div.fiveColumnLayout div.layoutColumnFour.ofFive,
    div.fiveColumnLayout div.layoutColumnFive.ofFive {width: auto; float: none;}
    div.sixColumnLayout div.layoutColumnOne.ofSix,
    div.sixColumnLayout div.layoutColumnTwo.ofSix,
    div.sixColumnLayout div.layoutColumnThree.ofSix,
    div.sixColumnLayout div.layoutColumnFour.ofSix,
    div.sixColumnLayout div.layoutColumnFive.ofSix,
    div.sixColumnLayout div.layoutColumnSix.ofSix {width: auto; float: none;}
    div.layoutColumnWrapper {margin: 0!important;}
}


body {background: #ffffff; color: #888888; font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 1.4;}

a {color: #C64977; text-decoration: none; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s;}
a.active {font-weight: normal;}
p {margin: 30px 0;}
p:first-child {margin-top: 5px;}

/**
 * large margin on node-content-RTE
 */
 
div.node-content-RTE {margin: 60px 0 40px 0; text-align: center;}
div.rowTop div.node-content-RTE {margin: 0;}
#node_id_1441 div.node-content-RTE {margin: 0;} /*our work Vimeo*/
#contentFooter div.node-content-RTE {text-align: left;}

/**
 * headings
 */
 
h1,
h2,
h3,
h4,
h5 {color: #666666; font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; text-transform: uppercase;}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {color: #666666;}

h1.pageTitle {font-size: 42px; line-height: 1.0;}
div.overlay {position: relative;}
div.overlay p {margin: 0;}
h1.overlay {color: white; font-size: 52px; text-shadow: 1px 1px 1px black; margin: 0; position: absolute; top: 140px; z-index: 100; text-align: center; width: 100%;}
h2.layoutTitle {text-transform: uppercase; font-size: 36px;}
h3 {font-size: 36px;}
div.node_group-page h3.contentTitle {text-transform: uppercase; font-weight: bold; margin-top: 70px;}
div.node_group-page h3.contentTitle:before,
div.node_group-page h2.layoutTitle:before,
div.node_group-page h1.pageTitle:before {content: ' '; display: inline-block; width: 50px; border-bottom: 1px solid #bebebe; line-height: 1px; vertical-align: super; margin-right: 10px; margin-top: 10px;}
div.node_group-page h3.contentTitle:after,
div.node_group-page h2.layoutTitle:after,
div.node_group-page h1.pageTitle:after {content: ' '; display: inline-block; width: 50px; border-bottom: 1px solid #bebebe; line-height: 1px; vertical-align: super; margin-left: 10px;}

@media all and (max-width: 800px) {
	h1.overlay {display: none;}
	div.node_group-page h1.pageTitle:before,
	div.node_group-page h1.pageTitle:after {display: none;}
	div.node_group-page h2.layoutTitle:before,
	div.node_group-page h2.layoutTitle:after {display: none;}
	div.node_group-page h3.contentTitle:before,
	div.node_group-page h3.contentTitle:after {display: none;}
}

/**
 * forms
 */
 
form {padding: 10px; border-radius: 4px; max-width: 400px; margin: 0 auto;}
button,
a.button {background: #C64977; color: white; font-size: 18px; padding: 5px 20px; border: 0; border-radius: 20px;  text-transform: uppercase; font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; text-align: center;}
button:focus {outline: 0;}

button:hover,
a.button:hover {color: white; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s;}

::-webkit-input-placeholder {text-align:center;}
:-moz-placeholder {text-align:center;}
::-moz-placeholder {text-align:center;}
:-ms-input-placeholder {text-align:center;}
input {text-align: center; font-size: 16px; padding: 10px; border: 1px solid gray; box-shadow: 0px 2px 0px 0px #ccc}

legend {text-transform: capitalize;}

/**
 * form.login_or_register
 */
 
div.login_or_register legend,
div.login_or_register span.label {display: none;}

/*disable two columns forms */
form.twoColumns label,
fieldset.twoColumns label {padding-right: 0;}
form.twoColumns span.label,
fieldset.twoColumns span.label {width: 1000%; float: none; text-align: left;}
form.twoColumns span.field,
fieldset.twoColumns span.field {width: 100%;}


body.pageLogin div.twitter_timeline_slider,
body.pageRegistration div.twitter_timeline_slider,
body.bison_article div.twitter_timeline_slider {margin-top: 0;}

body.pageLogin div.bison_header,
body.pageRegistration div.bison_header {border-bottom: 10px solid #AC9363;}

body.pageRegistration span.label {display: none;}

body.pageLogin button,
body.pageRegistration button {background-color: #AC9363;}

body.pageLogin button.twitter {background-color: #55ACEE; min-width: 271px; /*match Facebook with*/}
body.pageLogin button.facebook {background-color: #3b5998;}

div.login_or_register form {padding: 0;}
div.login_or_register form fieldset {margin: 0 0 20px 0; padding: 0;}
div.login_or_register form {max-width: 271px;}

div.login_or form {margin: 0;}
div.login_or h3.contentTitle {margin-top: 20px; font-size: inherit; color: #AC9363; font-weight: normal; font-style: italic;}div.login_or h3.contentTitle:before,
div.login_or h3.contentTitle:after {width: 140px;}
div.login_or p {margin: 20px 0 5px 0;}
/** 
 * quotes
 */
 
blockquote {background: transparent; padding: 0; margin: 45px 0 55px;}
blockquote p {background: none; padding: 0; margin-top: 0!important; margin-bottom: 10px!important;}
blockquote p:first-child {font-style: italic;}
blockquote p:first-child:before {content:'“'; font-size: 50px; line-height: 1px; position: relative; top: 15px; left: -10px;}
blockquote p:first-child:after {content:'”'; font-size: 50px; line-height: 1px; position: relative; top: 20px;}
blockquote img { width: 60px; border-radius: 30px; border: 2px solid white; }

/**
 * custom quotes using RTE
 */
 
div.content-RTE.quote {display: table; max-width: 780px; margin-left: auto; margin-right: auto; padding: 25px 0; background: url(../images/quote-RTE-bg.png) no-repeat center top;}
div.content-RTE.quote img {max-width: 120px; margin: 0 25px!important;}
div.content-RTE.quote h5 {padding: 0 20px; color: #4EB6AA; text-transform: none;}
div.content-RTE.quote p {margin-left: 120px; font-style: italic; margin-top: 0; display: table-cell;}
div.content-RTE.quote.left h5 {text-align: left;}
div.content-RTE.quote.right h5 {text-align: right; margin-top: 10px;}
div.content-RTE.quote.left img {float: left;}
div.content-RTE.quote.right img {float: right}
div.content-RTE.quote.left p:first-child {float: left;  margin: 0; padding: 0!important;}
div.content-RTE.quote.right p:first-child {float: right; margin: 0; padding: 0!important;}
div.content-RTE.quote.left p {text-align: left!important; padding: 0 120px 0 0!important;}
div.content-RTE.quote.right p {text-align: right!important; padding: 0 0 0 120px!important;}

@media all and (max-width: 480px) {
	div.content-RTE.quote.left h5,
	div.content-RTE.quote.right h5 {clear: both; text-align: center;}
	div.content-RTE.quote.left img,
	div.content-RTE.quote.right img {float: none;}
	div.content-RTE.quote.left p:first-child,
	div.content-RTE.quote.right p:first-child {float: none; display: block; padding: 0!important;}
	div.content-RTE.quote.left p,
	div.content-RTE.quote.right p {text-align: center!important; padding: 0 20px!important;}
}

/**
 * onxshop core page structure elements
 */

#logo {margin-left: 20px; margin-top: 20px; border-bottom: 5px solid #C64977;}
#logo a { display: block; float: left; width: 105px; height: 55px; background: url(../images/logo_rmg_white.png) no-repeat;}
#logo a span { display: none; }

#basket,
#search,
#userbox,
div.breadcrumb,
#contentSide,
#pageSide { display: none; }

#pageWrapper { padding: 0; }
#container { width: 100%; padding: 0; }
#content { width: 100%; float: none; clear: both; }
#contentWrapper { margin: 0; }

#header {width: 100%; margin: 0; background: #303030;}
#header #headerWrapper { max-width: 960px; margin: 0 auto; padding: 0; }
#header a { color: white; }
@media all and (max-width: 800px) {
	#logo {margin-top: 10px;}
	#logo a {background-size: 80px; width: 117px; height: 55px;}
	#header {height: auto;}
}

#globalNavigation {width: 100%; height: 32px; float: none; margin: 0; font-size: 13px; background: white;}
#globalNavigationWrapper { max-width: 960px; margin: 0 auto; }
#globalNavigation ul {display: block; float: right; text-align: center; margin-top: 7px; }
#globalNavigation li {float: none; display: inline-block; height: 15px; overflow: hidden;}
#globalNavigation a {color: inherit; font-weight: bold; padding: 0; margin: 0; transition: margin-top 0.5s; -moz-transition: margin-top 0.5s; -webkit-transition: margin-top 0.5s; -o-transition: margin-top 0.5s;}
#globalNavigation a:hover {color: inherit; margin-top: -17px;}
#globalNavigation a span {padding: 2px 15px; display: block;}
#globalNavigation a br {display: none;}
#globalNavigation a span.teaser {background: white; color: #4eb6aa; text-align: center;}
#globalNavigation a.node_id_1038 span.teaser {color: #c64977;}
#globalNavigation a.node_id_1177 span.teaser {color: #4eb6aa;}
#globalNavigation a.node_id_1436 span.teaser {color: #a1cd3a;}
#globalNavigation a.node_id_1436 span {padding-left: 5px; padding-right: 5px;}
#globalNavigation a.node_id_1437 span.teaser {color: #305a6a;}
#globalNavigation a.node_id_1039 span.teaser {color: #b0699d;}
#globalNavigation a.node_id_1040 span.teaser {color: #8a959e;}

@media all and (max-width: 800px) {
	#globalNavigation {font-size: 80%;}
}

@media all and (max-width: 800px) {
    #globalNavigation {font-size: 69%; display: none;}
    #globalNavigation li.node_id_1037 {display: none;}
}

#revealNavigationButton {display: none;}
#revealNavigationButton a {color: white; display: block; background: #303030; padding: 12px 20px 9px 20px; font-size: 30px; line-height: 30px;}
#revealNavigationButton a:hover {background: #262626;}

#revealNavigationButton a.reveal:before {content: '\e605'; font-family: "icomoon";}
#revealNavigationButton a span {display: none;}
    
@media all and (max-width: 800px) {
	#revealNavigationButton {display: block; float: right;}
}

#primaryNavigation { float: right; clear: none; width: auto; margin: 0; font-size: 16px;}
#primaryNavigationWrapper {margin: 0;}
#primaryNavigation ul {padding: 0; }
#primaryNavigation li { display: inline-block; }
#primaryNavigation li.node_id_5 {display: none;}
#primaryNavigation li.last {margin-right: 0;}
#primaryNavigation ul ul { display: none; }
#primaryNavigation a { color: #ffffff; padding: 0 15px; text-transform: uppercase; font-weight: normal;}
#primaryNavigation a span {border-bottom: 5px solid transparent; display: inline-block; padding: 30px 0 29px 0;}
#primaryNavigation a.open {font-weight: normal;}
#primaryNavigation a:hover span,
#primaryNavigation a:active span,
#primaryNavigation a.active span,
#primaryNavigation a.open span {border-bottom: 5px solid #C64977; text-decoration: none;}

/*make sure primaryNavigation is visibile when interaction with revealNavigationButton */
@media all and (min-width: 801px) {
	#primaryNavigation {display: block!important;}
}

@media all and (max-width: 800px) {
    #primaryNavigation {clear: both; float: none; padding-top: 0; display: none;}
    #primaryNavigation ul {padding: 20px 0; background: #1b1b1b}
    #primaryNavigation li {float: none; display: block; margin: 0; text-align: left;}
    #primaryNavigation li a {font-size: 36px;}
    #primaryNavigation a span {border-bottom: 0; padding: 20px 5px;}
    #primaryNavigation a:hover span,
	#primaryNavigation a:active span,
	#primaryNavigation a.active span,
	#primaryNavigation a.open span {border-bottom: none; color: #C64977;}
}

/**
 * Footer
 */

#footer {background: #303030; color: white; margin: 0; font-size: 14px;}
#footerWrapper {max-width: 960px; margin: 0 auto;}

/**
 * contentFooter
 */

#contentFooter {background: #303030; color: #EEEEEE; font-size: 14px; padding-top: 30px;}
#contentFooter div.node-content-RTE {margin: 0;}
#contentFooter #contentFooterWrapper > div.content { max-width: 960px; margin: 0 auto;}
#contentFooter a {color: #EEEEEE;  text-transform: uppercase;}
#contentFooter a:hover { color: #C64977; }
#contentFooter a.button {font-size: 14px; font-weight: bold;}
#contentFooter a.button:hover { background: white; }
#contentFooter a.active {font-weight: normal;}
#contentFooter ul { list-style: none; margin: 30px 0; padding: 0; font-size: 16px;}
#contentFooter ul li { list-style: none; padding: 0; margin: 0 10px 0 0; } 
#contentFooter h3 { margin-bottom: 0; color: #EEEEEE; text-align: left; background: url(../images/footer_dotted_line.png) repeat-x bottom left; line-height: 70px; font-size: 22px;}
#contentFooter div.node-content-menu ul ul { display: none; }
#contentFooter div.node-content-menu ul li {line-height: 1.9;}
#contentFooter p,
#contentFooter ul {margin-top: 30px;}

@media all and (max-width: 800px) {
	#contentFooter div.threeColumnLayout div.layoutColumnOne.ofThree,
    #contentFooter div.threeColumnLayout div.layoutColumnTwo.ofThree,
    #contentFooter div.threeColumnLayout div.layoutColumnThree.ofThree {width: auto; float: none;}
	#contentFooter {text-align: center; font-size: 16px;}
	#contentFooter h3 {text-align: center;}
	#contentFooter p {text-align: center;}
}

/**
 * copyright, credit
 */
 
#copyright {clear: none; white-space: normal; margin-left: 10px;}

#credit {margin-right: 10px; margin-bottom: 50px; position: relative; top: -25px;}
#credit a {color: #EEEEEE; display: inline-block;}
#credit a span {font-size: 42px; font-family: "JWT Sans Std"; letter-spacing: 8px; position: relative; top: 13px; left: 5px;}

/**
 * repeaeted global navigation in footer for mobile
 */
 
#footerGlobalNavigation {display: none; border-top: 1px solid #666666; margin-top: 70px; }
#footerGlobalNavigation a.control {font-size: 18px; color: white; display: block; padding: 24px; background: url(../images/footer_group_navigation.png) no-repeat right center; margin-right: 20px;}
#footerGlobalNavigation ul {padding: 20px 0; background: #1b1b1b; margin: 0;}
#footerGlobalNavigation li br {display: none;}
#footerGlobalNavigation li {float: none; display: block; margin: 0 0 20px 0; padding-left: 20px; text-align: left; border-left: 3px solid white;}
#footerGlobalNavigation li a {font-size: 34px; color: white; line-height: 1;}
#footerGlobalNavigation a span {border-bottom: 0; display: block;}
#footerGlobalNavigation a span.teaser {font-size: 18px; color: #888;}
#footerGlobalNavigation a:hover {color: white;}
#footerGlobalNavigation ul a:hover span,
#footerGlobalNavigation ul a:active span,
#footerGlobalNavigation ul a.active span,
#footerGlobalNavigation ul a.open span {border-bottom: none; color: #C64977;}
#footerGlobalNavigation li.node_id_1038 {border-color: #c64977;}
#footerGlobalNavigation li.node_id_1038 a:hover span {color: #c64977;}
#footerGlobalNavigation li.node_id_1177 {border-color: #4eb6aa;}
#footerGlobalNavigation li.node_id_1177 a:hover span {color: #4eb6aa;}
#footerGlobalNavigation li.node_id_1436 {border-color: #a1cd3a;}
#footerGlobalNavigation li.node_id_1436 a:hover span {color: #a1cd3a;}
#footerGlobalNavigation li.node_id_1437 {border-color: #305a6a;}
#footerGlobalNavigation li.node_id_1437 a:hover span {color: #305a6a;}
#footerGlobalNavigation li.node_id_1039 {border-color: #b0699d;}
#footerGlobalNavigation li.node_id_1039 a:hover span {color: #b0699d;}
#footerGlobalNavigation li.node_id_1040 {border-color: #8a959e;}
#footerGlobalNavigation li.node_id_1040 a:hover span {color: #8a959e;}


@media all and (max-width: 800px) {
	#copyright {float: none; text-align: center; margin-bottom: 0; margin-top: -15px; padding-top: 0;}
	#credit {float: none; text-align: center; margin-bottom: 0; margin-right: 0; padding-bottom: 0;}
	#footerGlobalNavigation {display: block;}
	#copyright p {padding: 0 10px;}
}

/* styles for narrow desktop browsers and iPad landscape */
@media all and (max-width: 1024px) {
	#contentWrapper { margin: 0; }
	#containerWrapper {padding: 0 0;}
}
/**
 * all pages top row full bleed;
 */

div.page div.rowTop div.node_group-content {margin: 0; text-align: center;}


/*this is in #contentFooter*/
a.button.get_direction {position: relative; top: 4px; font-size: 14px; font-weight: bold;}
a.button.get_direction:before {content: ' '; font-family: 'SSStandard'; font-weight: normal; font-size: 75%; position: relative; top: 1px;}
a.button.email:before {content: '✉ '; font-family: 'SSStandard'; font-weight: normal; font-size: 75%; position: relative; top: 1px;}

div.connect li {display: inline-block; margin-bottom: 10px!important;}
div.connect li a {font-size: 200%; display: inline-block; width: 44px; height: 44px; text-align: center; vertical-align: baseline; line-height: 44px; background: white; color: black; border-radius: 200px;}

#contentFooter div.connect ul {margin-bottom: 55px;}
#contentFooter div.connect li a {color: #303030;}
#contentFooter div.connect li a:hover {background-color: #C64977; color: white;}

div.connect a.twitter:before {font-family: 'SSSocial'; content: ''; font-size: 60%; position: relative; top: 2px;}
div.connect a.twitter span {display: none;}
div.connect a.vimeo:before {font-family: 'SSSocial'; content: ''; font-size: 60%; position: relative; top: 2px;}
div.connect a.vimeo span {display: none;}
div.connect a.linkedin:before {font-family: 'SSSocial'; content: ''; font-size: 60%;}
div.connect a.linkedin span {display: none;}
div.connect a.instagram:before {font-family: 'SSSocial'; content: ''; font-size: 60%;}
div.connect a.instagram span {display: none;}
div.connect a.googleplus:before {font-family: 'SSSocial'; content: ''; font-size: 60%;}
div.connect a.googleplus span {display: none;}

@media all and (max-width: 800px) {
	#contentFooter div.connect ul {margin-bottom: 35px;}
}

/**
 * social_network_share_custom
 */
 
div.social_network_share_custom {text-align: center;}
div.social_network_share_custom li {display: inline-block; margin: 0px 20px;}
div.social_network_share_custom li a {display: inline-block; width: 100px; height: 100px; text-align: center; vertical-align: bottom; line-height: 105px; background: #4EB6AA; color: white; border-radius: 200px; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s;}
div.social_network_share_custom li a:hover {background: #C64977!important;}
div.social_network_share_custom li a span {display: block; position: relative; top: -45px; text-transform: uppercase; font-size: 14px; color: #888888;}
div.social_network_share_custom li.twitter a:before {font-family: 'SSSocial'; content: ''; font-size: 200%; }
div.social_network_share_custom li.facebook a:before {font-family: 'SSSocial'; content: ''; font-size: 200%; }
div.social_network_share_custom li.linkedin a:before {font-family: 'SSSocial'; content: ''; font-size: 200%; }

@media all and (max-width: 480px) {
	div.social_network_share_custom li {margin: 0 10px;}
	div.social_network_share_custom li a {width: 70px; height: 70px; line-height: 84px;}
	div.social_network_share_custom li.twitter a:before {font-size: 150%;}
	div.social_network_share_custom li.facebook a:before {font-size: 150%;}
	div.social_network_share_custom li.linkedin a:before {font-size: 150%;}
}

/**
 * shareContainer
 */

#shareContainer {position: absolute; z-index: 2000;}
#shareContainer div.social_network_share_custom {background: rgba(0,0,0,0.8); border-radius: 6px; padding: 10px 20px;}
#shareContainer div.social_network_share_custom:after {position: absolute; top: 20px; right: -15px; content: " "; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid rgba(0,0,0,0.8); border-bottom: 10px solid transparent;}
#shareContainer div.social_network_share_custom ul,
#shareContainer div.social_network_share_custom li {margin: 1px;}
#shareContainer div.social_network_share_custom li a {width: 40px; height: 40px; line-height: 43px; background: #C64977;}
#shareContainer div.social_network_share_custom li span {display: none;}
#shareContainer div.social_network_share_custom li.twitter a:before {font-family: 'SSSocial'; content: ''; font-size: 100%; position: relative; top: 2px;}
#shareContainer div.social_network_share_custom li.facebook a:before {font-family: 'SSSocial'; content: ''; font-size: 100%; position: relative; top: 2px;}
#shareContainer div.social_network_share_custom li.linkedin a:before {font-family: 'SSSocial'; content: ''; font-size: 100%; }


/**
 * twitter_timeline_slider
 */
 
div.twitter_timeline_slider {margin: 40px auto 0 auto; padding: 3.5em 0 40px 0; text-align: center; background: #EEEEEE; line-height: 1.4; position: relative;}
div.twitter_timeline_slider:before {content: ''; font-family: 'SSSocial'; color: #0FA1BD; font-size: 34px; display: inline-block;}
div.twitter_timeline_slider div.cycle {max-width: 740px; margin: 0 auto; min-height: 80px;}
div.twitter_timeline_slider div.item {width: 95%; margin-left: 15px;}
div.twitter_timeline_slider div.item p {color: #959595; margin: 0 70px; font-size: 20px;}
div.twitter_timeline_slider div.item p a {color: inherit;}
div.twitter_timeline_slider a.button {background: #0FA1BD;}
div.twitter_timeline_slider a.button:hover {background: #C64977;}
div.twitter_timeline_slider div.controls a.prev,
div.twitter_timeline_slider div.controls a.next {position: absolute; left: 0; top: 0; z-index: 200;}
div.twitter_timeline_slider div.controls a.prev:before {content: '\e600'; display: inline-block; font-family: 'icomoon'; font-size: 60px; color: #D0D0D0; background: #EEEEEE;}
div.twitter_timeline_slider div.controls a.next:before {content: '\e604'; display: inline-block; font-family: 'icomoon'; font-size: 60px; color: #D0D0D0; background: #EEEEEE;}
div.twitter_timeline_slider div.controls a.prev span,
div.twitter_timeline_slider div.controls a.next span {display: none;}
div.twitter_timeline_slider div.controls a.next {left: auto; right: 0;}
div.twitter_timeline_slider span.link {font-weight: bold;}

@media all and (max-width: 480px) {
	div.twitter_timeline_slider div.item p {margin: 0; font-size: 18px;}
	div.twitter_timeline_slider div.controls {position: relative; top: 60px; height: 110px;}
	div.twitter_timeline_slider div.controls a.prev,
	div.twitter_timeline_slider div.controls a.next {position: static; height: 40px; display: inline-block;}
	div.twitter_timeline_slider div.controls a.prev:before {font-size: 40px;}
	div.twitter_timeline_slider div.controls a.next:before {font-size: 40px;}
	
}

/**
 * picture.type_list used for awards
 * only in rowTop, because showcases are using this type of gallery for here image if video is not available
 */

div.rowBottom div.picture {text-align: center;}
div.rowBottom div.image_gallery_plain div.item {width: 32%; display: inline-block;}
div.rowBottom div.image_gallery_plain div.item span.imageWrap {max-width: 200px; margin: 0 auto; display: inline-block;}

/**
 * embedded tweet
 */
 
iframe.twitter-tweet {margin: 10px auto!important;}

/**
 * pageHome
 */

@media all and (min-width: 800px) {
	/*STICKY NAVIGATION*/
	body.pageHome #globalNavigation {position: fixed; z-index: 1000; top: 0;}
	body.pageHome #header {position: fixed; z-index: 10000; top: 32px;}
	body.pageHome #content {margin-top: 112px;}
}

/**
 * Portfolio (Our work)
 */

div.pageOurWork #content {}
div.pageOurWork div.rowTop div.columnWrapper {max-width: none;}
div.pageOurWork div.node_group-page div.rowTop ul {width: 100%;}
div.pageOurWork div.twitter_timeline_slider {display: none;}

div.findOutMore {background: #2A9BD0; color: #a5e1ff; padding: 20px;}
div.findOutMore h3.contentTitle {color: #a5e1ff; max-width: 780px; margin-left: auto; margin-right: auto; margin-top: 35px;}
div.findOutMore p {max-width: 600px; margin-left: auto; margin-right: auto;}
div.findOutMore h3.contentTitle:before,
div.findOutMore h3.contentTitle:after {border-bottom-color: #a5e1ff}
div.findOutMore a.button {background: white; color: #0FA1BD;}


#node_id_1428 {margin: 0;}

div.pageOurWork div.ourWorkListMoreButton { width: 100%; padding: 0 0 40px 0; }
div.pageOurWork div.ourWorkListMoreButton a { display: block; font-size: 140%; font-weight: bold; width: 230px; margin: 0 auto; background: #dbd7d7; color: #959595; padding: 7px 20px; border-radius: 4px; box-shadow: 1px 1px 4px #888; text-align: center; text-transform: uppercase; }
div.pageOurWork div.ourWorkListMoreButton a:hover { background: #ccc; }

/**
 * showcase_list
 */
 
div.showcase_list {clear: both;}
div.showcase_list div.control {background: #EEEEEE; padding-top: 10px; padding-bottom: 30px;}
div.showcase_list div.control ul {text-align: center; margin: 0; font-size: 18px;}
div.showcase_list div.control ul li {display: inline-block; float: none;}
div.showcase_list div.control div.showcase_categories ul li {margin: 0.3em 0.75em;}
div.showcase_list div.control div.showcase_categories ul li span.count {display: none;}
div.showcase_list div.control ul li a {text-transform: uppercase;  color: inherit;}
div.showcase_list div.control ul li.active a,
div.showcase_list div.control ul li a:hover {color: #C64977;}
div.showcase_list ul.type_switcher {text-align: center; background: url(../images/showcase_list_switcher.png) no-repeat center center;}
div.showcase_list ul.type_switcher li {font-size: 15px; font-weight: none; line-height: 32px; margin: 0; padding: 0;}
div.showcase_list ul.type_switcher li a {width: 150px; display: inline-block;}
div.showcase_list ul.type_switcher li a span.icon {width: 32px; height: 32px; line-height: 36px; display: inline-block; font-family: 'SSStandard'; font-size: 75%; color: white; font-weight: normal; text-align: center;}
div.showcase_list ul.type_switcher li a span.title {padding: 0 10px;}
div.showcase_list ul.type_switcher li a.active span.icon {background: #C64977; border-radius: 100px;}
div.showcase_list ul.type_switcher li.slider a {text-align: right;}
div.showcase_list ul.type_switcher li.grid a {text-align: left;}

@media all and (max-width: 480px) {
	div.showcase_list ul.type_switcher {display: none;}
	#showcase_list_slider {display: none!important;}
	#showcase_list_grid {display: block!important;}
	div.showcase_list div.control {padding-bottom: 10px;}
}

/**
 * showcase_list_grid
 */

div.showcase_list_grid {text-align: center; max-width: 960px; margin: 70px auto; line-height: 1;}
div.showcase_list_grid div.item {width: 300px; height: 300px; display: block; float: left; margin: 10px; overflow: hidden;}
div.showcase_list_grid div.item a {display: inline-block;  color: white;}
div.showcase_list_grid div.item div {display: block;}
div.showcase_list_grid div.item div.info {width: 300px; height: 300px; position: relative; top: 0; background-color: rgba(0, 0, 0, 0.7); display: table;}
div.showcase_list_grid div.item div.image img {opacity: 0.8;}
div.showcase_list_grid div.item div.info div.wrap {display: table-cell; vertical-align: middle; padding: 10px; }
div.showcase_list_grid div.item div.info div.client,
div.showcase_list_grid div.item div.info div.created {display: none;}
div.showcase_list_grid div.item:hover div.info div.client,
div.showcase_list_grid div.item:hover div.info div.created {display: block; margin-top: 20px; padding: 0 5px;}
div.showcase_list_grid div.item div.info div.created {display: block; text-transform: uppercase; font-weight: normal;}
div.showcase_list_grid div.item div.info h4 {font-size: 24px; display: inline-block; color: white; margin: 0; padding: 0; position: relative; top: -300px; text-shadow: 1px 1px 5px black; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45); line-height: 1.0;}
div.showcase_list_grid div.item:hover div.info {top: -300px; background-color: rgba(0, 0, 0, 0.7);
/*transition-delay: 0.5s; -webkit-transition-delay: 0.5s;*/
transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in;
transition-property: top; transition-duration: 0.5s;
-webkit-transition-property: top; -webkit-transition-duration: 0.5s;
-moz-transition-property: top; -moz-transition-duration: 0.5s;}
div.showcase_list_grid div.item:hover div.info h4 {top: 0;}

@media all and (max-width: 480px) {
	div.showcase_list_grid {margin: 15px auto 15px;}
}

@media all and (max-width: 960px) {
	div.showcase_list_grid div.item {display: inline-block; float: none;}
}

/**
 * showcase_list_slider
 */

div.showcase_list_slider {height: 500px; overflow: hidden;}
div.showcase_list_slider div.showcase_list_slider_wrapper_outer {overflow: scroll; text-align: center; background: black;}
div.showcase_list_slider div.item {display: inline-block; width: 250px; vertical-align: top; white-space: normal; position: relative;}
div.showcase_list_slider div.item p {margin: 0; width: auto!important;}
div.showcase_list_slider div.item img {opacity: 1; transition: opacity 0.25s; -moz-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; -o-transition: opacity 0.25s;}
div.showcase_list_slider div.item:hover img {opacity: 0.7; transition: opacity 0.25s; -moz-transition: opacity 0.25s; -webkit-transition: opacity 0.25s; -o-transition: opacity 0.25s;}
div.showcase_list_slider div.item div.info {vertical-align: bottom; position: absolute; bottom: 20px; color: white; text-shadow: 1px 1px 5px black; width: 100%;}
div.showcase_list_slider div.item div.wrap {padding: 10px;}
div.showcase_list_slider div.item h4 {text-align: center; color: white;}
div.showcase_list_slider div.item a {color: white;}
div.showcase_list_slider_wrapper {height: 520px; /*20px higher to hide scrollbar*/ white-space: nowrap;}

/**
 * showcase_list_ticker
 */

div.showcase_list_ticker {text-align: center; width: 100%; height: 90px; line-height: 1; background: black; overflow: auto;}
div.showcase_list_ticker_wrapper {max-width: 960px; margin: 0 auto;}
div.showcase_list_ticker div.item {width: 90px; height: 90px; display: block; float: left; border: 2px solid black; border-top-width: 5px; border-bottom-width: 5px; overflow: hidden;}
div.showcase_list_ticker div.item a {display: inline-block;  color: white;}
div.showcase_list_ticker div.item div.info {width: 90px; height: 90px; padding: 5px; background-color: rgba(0, 0, 0, 0.7); display: table; position: relative; top: -90px;}
div.showcase_list_ticker div.item div.info div.wrap {display: table-cell; vertical-align: middle; }
div.showcase_list_ticker div.item div.info h4 {font-size: 12px; display: none; color: white; margin: 0; padding: 0; text-shadow: 1px 1px 5px black; line-height: 0.85; display: none;}
div.showcase_list_ticker div.item:hover div.info {background-color: transparent;}
div.showcase_list_ticker div.item:hover div.info h4 {display: block;}


@media all and (max-width: 960px) {
	div.showcase_list_ticker div.item {display: inline-block; float: none;}
}

/**
 * Showcase (Our work detail page)
 */

div.node-page-showcase div.layout { max-width: 960px; margin: 0 auto; }
div.node-page-showcase div.video_vimeo {/*max-width: 960px;*/ margin: 0 auto;}
div.node-page-showcase h1.overlay {display: none;}
div.node-page-showcase p {text-align: center;}
div.node-page-showcase div.rowTop {position: relative; /*background: #303030;*/}
div.node-page-showcase div.pageHeader {text-align: center; max-width: 900px; margin: 70px auto 70px auto;}
div.node-page-showcase div.pageHeader h1.pageTitle {margin: 5px 0 0;}
div.node-page-showcase div.pageHeader span.showcase_title {font-size: 18px;}
div.node-page-showcase div.pageHeader span.release_date {text-transform: uppercase;}

div.node-page-showcase div.ticker {margin-top: -24px; z-index: 1000; position: absolute; left: 0; width: 100%;}
div.node-page-showcase div.ticker.active {margin-top: -114px;}
div.node-page-showcase div.ticker a.show {display: block; width: 124px; height: 24px; margin: 0 auto; background: url(../images/ticker_more_work.png) no-repeat; background-size: 124px;}
div.node-page-showcase div.ticker a.show span {display: none;}
div.node-page-showcase div.ticker div.list {display: none;} 

@media all and (max-width: 480px) {
	div.node-page-showcase div.ticker a.show {display: none;}
}

/**
 * showcase
 */

body.showcase div.page div.rowTop div.columnWrapper {/*max-width: 900px; margin: 0 auto;*/}
body.showcase div.page div.rowTop div.node-content-picture,
body.showcase div.page div.rowTop div.node-content-picture div.item {margin: 0;}
body.showcase div.page div.rowBottom div.node-content-picture,
body.showcase div.page div.rowBottom div.node-content-HTML {max-width: 960px; margin: 0 auto;}
body.showcase div.page div.rowBottom p {max-width: 780px; margin-left: auto; margin-right: auto; padding: 0 20px;}
body.showcase div.page div.rowBottom div.node_group-content {margin: 70px 0;}

/**
 * hidden shocases
 */

body.parent_node_id_1670 div.node_group-page h3.contentTitle {margin-top: 0;}

/**
 * helper class
 */

div.fixedWidth {max-width: 960px; margin: 0 auto;}
div.blue {background: #0FA1BD; color: white; padding-top: 20px; padding-bottom: 0; margin-top: 70px; margin-bottom: 70px;}
div.blue a {color: #135663;}
div.blue h3.contentTitle {color: white; margin-top: 30px;}
div.blue h3.contentTitle:before,
div.blue h3.contentTitle:after {border-bottom-color: white;}
div.green {background: #4EB6AA; color: white; padding-top: 20px; padding-bottom: 0; margin-top: 70px; margin-bottom: 70px;}
div.green h3.contentTitle {color: white; margin-top: 30px;}
div.green h3.contentTitle:before,
div.green h3.contentTitle:after {border-bottom-color: white;}
div.sand {background: #AC9363; color: white; padding-top: 20px; padding-bottom: 0; margin-top: 70px; margin-bottom: 70px;}
div.sand h3.contentTitle {color: white; margin-top: 30px;}
div.sand h3.contentTitle:before,
div.sand h3.contentTitle:after {border-bottom-color: white;}
div.sand a {color: #745C2F;}

div.blue p,
div.green p,
div.sand p {margin-bottom: 60px;}

/**
 * pins
 */
 
div.blue:before,
div.green:before,
div.sand:before,
div.news_author:before {content: ' '; display: block; width: 0; margin: 0 auto; position: relative; top: -20px; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 10px solid white;}
div.blue:after,
div.green:after,
div.sand:after,
div.news_author:after {content: ' '; display: block; width: 0; margin: 0 auto; position: relative; top: 10px; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 10px solid #0FA1BD;}
div.news_author:before {top: -10px;}
div.news_author:after {top: 20px;}

div.green:after {border-top-color: #4EB6AA;}
div.sand:after {border-top-color: #AC9363;}

/**
 * load more
 */
 
p.load_more {margin-top: 20px;}
a.button.load_more {}

/**
 * pageNewsList
 */

div.pageNewsList div.news_categories {text-align: center; background: #EEEEEE;}
div.pageNewsList div.news_categories span.count {display: none;}
div.pageNewsList div.news_categories ul {margin: 0; padding: 0.75em 0;}
div.pageNewsList div.news_categories li {display: inline-block; margin: 0.3em 0.75em;}
div.pageNewsList div.news_categories li.taxonomy_tree_id_30 {display: none;} /*hide homepage category*/
div.pageNewsList div.news_categories li a {text-transform: uppercase; color: inherit;}
div.pageNewsList div.news_categories li.active a,
div.pageNewsList div.news_categories li a:hover {color: #C64977;}

/**
 * news_list
 */

div.news_list.grid {text-align: center; max-width: 960px; margin: 50px auto 0 auto; line-height: 1.2;}
div.news_list.grid div.item {width: 300px; height: 300px; display: block; float: left; margin: 10px; overflow: hidden;}
div.news_list.grid div.item a {display: inline-block;  color: white;}
div.news_list.grid div.item div {display: block;}
div.news_list.grid div.item div.info {width: 300px; height: 300px; border: 0; margin: 0; position: relative; top: 0; background-color: transparent; display: table;}
div.news_list.grid div.item div.image img {opacity: 0.8;}
div.news_list.grid div.item div.info div.wrap {display: table-cell; vertical-align: middle; padding: 10px; }
div.news_list.grid div.item div.info div.description,
div.news_list.grid div.item div.info div.created {display: none!important;}
div.news_list.grid div.item:hover div.info div.description,
div.news_list.grid div.item:hover div.info div.created {display: inline-block!important; margin-top: 20px; padding: 0 5px;}
div.news_list.grid div.item div.info div.created {display: block; text-transform: uppercase; font-weight: normal;}
div.news_list.grid div.item div.info div.created.author_empty {display: none!important;}
div.news_list.grid div.item div.info span.created {display: none;}
div.news_list.grid div.item div.info h4 {font-size: 24px; display: inline-block; color: white; margin: 0; padding: 0; position: relative; top: -300px; text-shadow: 1px 1px 5px black; filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135, strength=5); line-height: 1.0;}
div.news_list.grid div.item:hover div.info {top: -300px; background-color: #303030; background-color: rgba(0, 0, 0, 0.7);
/*transition-delay: 0.5s; -webkit-transition-delay: 0.5s;*/
transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in;
transition-property: top; transition-duration: 0.5s;
-webkit-transition-property: top; -webkit-transition-duration: 0.5s;
-moz-transition-property: top; -moz-transition-duration: 0.5s;}
div.news_list.grid div.item:hover div.info h4 {top: 0;}

@media all and (max-width: 960px) {
	div.news_list.grid div.item {display: inline-block; float: none;}
}

@media all and (max-width: 480px) {
	div.news_list.grid div.item {width: 280px; height: 280px;}
	div.news_list.grid div.item div.info {width: 280px; height: 280px;}
	div.news_list.grid div.item:hover div.info {top: -280px;}
}

/**
 * Insights & Updates article detail
 */
 
div.news h1.pageTitle {margin-top: 0; padding: 0 5px;}
div.news h1.pageTitle:before,
div.news h1.pageTitle:after {display: none;}

div.news div.body div.description p {max-width: 500px;}

div.news div.note {font-size: 18px; margin-bottom: 10px;}
div.news div.note p {text-align: center; margin: 1em 0 0 0; padding: 0 10px;}
div.news div.note a.category {text-transform: uppercase;}
div.news div.note.author_empty span.by,
div.news div.note.author_empty span.author_name {display: none;}
div.news div.breadcrumb {display: block;}
div.news div.pageHeaderWrapper {margin: 0;}
div.news div.pageHeaderWrapper div.content {max-width: 900px; margin: 70px auto 0 auto;}
div.news div.columnOne div.columnWrapper,
div.news div.columnTwo div.columnWrapper {margin: 0 10px!important;}
div.news div.columnTwo a {color: inherit;}
div.news div.news_author {background: #2A9BD0; color: white; padding: 10px;}
div.news div.news_author p.image {width: 150px; margin-top: 20px;}
div.news div.news_author img {border-radius: 100px;}
div.news div.news_author span.name {text-transform: uppercase;}
div.news div.news_author a {color: #135663;}
div.news div.related_articles {margin-top: 70px; margin-bottom: 20px;}
div.news div.related_articles div.news_list.grid {margin-top: 0;}
body.news div.articleImage {text-align: center;}
body.news div.page div.node-content-picture,
body.news div.page div.node-content-HTML {max-width: 960px; margin-left: auto; margin-right: auto;}
body.news div.page div.pageContent p,
body.news div.page div.pageContent ul,
body.news div.page div.pageContent ol {max-width: 780px; margin-left: auto; margin-right: auto; text-align: center; padding: 0 20px;}
body.news div.pageContent div.body ul,
body.news div.pageContent div.body ol {border-left: 10px solid #C64977; text-align: left; padding-left: 20px;}
body.news #share {margin-bottom: 100px;}

@media all and (max-width: 480px) {
	/* enable this for cropping article images instead of scaling
	body.news div.articleImage  { overflow: hidden;}
	body.news div.articleImage span {display: block; width: 130%;}
	body.news div.articleImage span img {margin-left: -60%;}
	*/
}

/**
 * share button
 */

p.share {float: right; margin: 30px 20px 30px 0;}
a.button.share {background-color: #444444; width: 40px; height: 40px; line-height: 42px; border-radius: 100px; padding: 0; margin: 0 3px; text-align: center; font-size: 14px;}
a.button.share span {display: none;}
a.button.share:after {content: ''; font-family: "SSStandard"; display: block; width: 40px; height: 40px; text-align: center; position: relative; left: 1px;}
a.button.share:hover,
a.button.share.active {background-color: #C64977;}

div.headingWithShare {margin-left: 60px;}

@media all and (max-width: 640px) {	
	div.pageHeaderWrapper div.content {display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical;}
	div.pageHeaderWrapper div.content p.share {float: none; margin: 10px auto 0 auto; text-align: center; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; box-ordinal-group: 3;}
	div.pageHeaderWrapper div.content div.headingWithShare  {margin-left: 0; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2;}
}

/**
 * image_gallery_parallax
 */

div.image_gallery_parallax div.item div.info {display: inline-block;}
div.image_gallery_parallax p {width: auto!important;}
div.image_gallery_parallax p.description {font-size: 24px; color: white; text-shadow: 1px 1px 1px black; margin-top: 10px;}
div.image_gallery_parallax h3 {font-size: 52px; margin: 0; text-shadow: 1px 1px 1px black; color: white; display: inline-block;}
div.image_gallery_parallax h3 span {display: inline-block;}
div.image_gallery_parallax h3:after {content: ' '; display: block; max-width: 700px; margin: 0 auto; border-top: 1px solid white; border-bottom: 1px solid black;}
div.image_gallery_parallax div.content p {display: inline-block; width: auto; padding: 7px 20px 5px 20px; background: white; color: #C64977; border-radius: 20px; text-transform: uppercase; font-size: 18px; margin-top: 20px;}
div.image_gallery_parallax div.item:hover div.content p {background: #C64977; color: white;}
div.image_gallery_parallax div.item a.image {background-color: rgba(0, 0, 0, 0);}
div.image_gallery_parallax div.item a.image.highlight {background-color: rgba(0, 0, 0, 0.3); transition: background-color 0.25s; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s;}
div.image_gallery_parallax a.pagination {display: block; clear: both; width: 46px; height: 46px; background: url(../images/parallax_pagination.png) no-repeat; position: absolute; bottom: 10px; left: 47%; opacity: 0.8;
animation: pinfloat 1s infinite linear; -moz-animation: pinfloat 1s infinite linear; -webkit-animation: pinfloat 1s infinite linear; -webkit-animation-fill-mode: forwards; -animation-fill-mode: forwards;  -webkit-animation-timing-function: ease-in-out;
}

@keyframes pinfloat
{ 
0% {bottom: 0;}
10% {bottom: 4px;}
50% {bottom: 15px;}
90% {bottom: 4px;}
100% {bottom: 0;}
}

@-moz-keyframes pinfloat
{
0% {bottom: 0;}
10% {bottom: 4px;}
50% {bottom: 15px;}
90% {bottom: 4px;}
100% {bottom: 0;}
}

@-webkit-keyframes pinfloat
{
0% {bottom: 0;}
10% {bottom: 4px;}
50% {bottom: 15px;}
90% {bottom: 4px;}
100% {bottom: 0;}
}

/**
 * when stellar is disabled
 */

div.image_gallery_parallax.stellarDisabled div.item a.image {display: inline-block;}/*removes unwanted white border on right hand side*/
div.image_gallery_parallax.stellarDisabled div.item:hover a.image {background-color: transparent;}
div.image_gallery_parallax.stellarDisabled div.item {background: none!important; display: block;}
div.image_gallery_parallax.stellarDisabled div.item a {height: auto!important;}
div.image_gallery_parallax.stellarDisabled div.item img {display: block;}
div.image_gallery_parallax.stellarDisabled div.item div.info {padding-top: 20px;}
div.image_gallery_parallax.stellarDisabled p.description {color: #888; text-shadow: none; margin: 0;}
div.image_gallery_parallax.stellarDisabled h3 {color: #666; text-shadow: none; font-size: 36px; padding: 0 10px; line-height: 1.0;}
div.image_gallery_parallax.stellarDisabled h3:after {border-top: none; border-bottom: none;}
div.image_gallery_parallax.stellarDisabled div.content p {background: #C64977; color: white; margin-top: 10px;}
div.image_gallery_parallax.stellarDisabled a.pagination {display: none;}

/**
 * image_gallery_cycle2
 */

div.image_gallery_cycle2 div.controls a:hover {color: #C64977; background: rgba(255, 255, 255, 0.7);}
div.image_gallery_cycle2 div.controls div.pagination a.active {color: #C64977;}
div.image_gallery_cycle2 div.item div.description {padding: 10px 10px;}
div.image_gallery_cycle2 div.item div.description:empty {padding: 0;}
div.image_gallery_cycle2 div.controls a.prev,
div.image_gallery_cycle2 div.controls a.next {display: block;}

/*hide title, close button and content on image gallery, is used only for bison sec*/
div.image_gallery_cycle2 div.item div.description a.close,
div.image_gallery_cycle2 div.item div.description h2,
div.image_gallery_cycle2 div.item div.content,
div.image_gallery_cycle2 div.controls div.details {display: none;}
div.hideDetails div.image_gallery_cycle2 div.details {display: none;}

@media all and (max-width: 480px) {
	div.image_gallery_cycle2 div.item div.description {position: static;}
	div.image_gallery_cycle2 div.controls a.prev,
	div.image_gallery_cycle2 div.controls a.next,
	div.image_gallery_cycle2:hover div.controls a.prev, 
	div.image_gallery_cycle2:hover div.controls a.next {display: none!important;}
}

/**
 * pageWhyUs
 */
 
div.pageWhyUs div.rowBottom p {max-width: 780px; margin-left: auto; margin-right: auto;}

/**
 * tiles
 */

div.tiles {max-width: 960px; margin: 0 auto 2em auto; text-align: center; font-size: 20px; line-height: 1.2}
div.tiles div.item {display: inline-block; float: left; width: 220px; height: 220px; overflow: hidden; background: black; margin: 10px; color: white;}
div.tiles div.item.hero {width: 460px; height: 460px;}
div.tiles div.item p {margin: 0; width: auto; text-align: left;}
div.tiles div.item.text p {margin: 0.7em 0.7em;}
div.tiles div.item.text.hero p {margin: 0;}
div.tiles div.item.text p strong,
div.tiles div.item.text p a {color: rgba(102,102,102, 0.8); font-weight: normal;}
div.tiles div.item h5 {color: white; text-align: left; margin: 0;}
div.tiles div.item.staff div.info {padding: 0.5em; position: relative; top: -60px; height: 60px; background: rgba(0, 0, 0, 0.8); line-height: 1; font-size: 18px;}
div.tiles div.item.item1 {background: #0FA1BD;} /*Teal (blue green) box*/
div.tiles div.item.item1 p a,
div.tiles div.item.item1 p strong {color: #135663;}
div.tiles div.item.item5 {background: #4EB6AA; font-size: 69px; line-height: 1; padding: 0.4em 0.4em;} /*Green hero box*/
div.tiles div.item.item5 p a,
div.tiles div.item.item5 p strong {color: #135663;}
div.tiles div.item.item7 {background: #E46653;} /*Orange box*/
div.tiles div.item.item7 p a,
div.tiles div.item.item7 p strong {color: #6D2E24;}
div.tiles div.item.item10 {background: #AF699D;} /*Purple box*/
div.tiles div.item.item10 p a,
div.tiles div.item.item10 p strong {color: #5F1C4D;}
div.tiles div.item.item14 {background: #AC9363;} /*Light brown box*/
div.tiles div.item.item14 p a,
div.tiles div.item.item14 p strong {color: #553110;}
div.tiles div.item.item17 {background: #0FA1BD;} /*Teal (blue green) box*/
div.tiles div.item.item17 p a,
div.tiles div.item.item17 p strong {color: #135663;}
div.tiles div.item.item20 {background: #4EB6AA; font-size: 69px; line-height: 1; padding: 0.4em 0.4em;} /*Green hero box*/
div.tiles div.item.item20 p a,
div.tiles div.item.item20 p strong {color: #135663;}

div.group1 {float: left; width: 240px;}
div.group2 {float: left; width: 480px;}
div.remaining_staff {display: none;}

@media all and (max-width: 980px) {
	div.tiles {max-width: 735px;}
	div.group1 {float: none; width: auto; display: inline;}
	div.group2 {float: none; width: auto; display: inline;}
}

@media all and (max-width: 745px) {
	div.tiles {max-width: 490px;}
}

@media all and (max-width: 500px) {
	div.tiles {max-width: 340px;}
	div.tiles div.item {width: 150px; height: 150px; font-size: 15px;}
	div.tiles div.item.staff div.info {font-size: 15px; top: -50px; height: 50px; }
	div.tiles div.item.hero {width: 320px; height: 320px; font-size: 50px;}
}

@media all and (max-width: 360px) {
	div.tiles {max-width: 320px;}
	div.tiles div.item {width: 140px; height: 140px; font-size: 15px;}
	div.tiles div.item.staff div.info {font-size: 13px; top: -50px; height: 50px; }
	div.tiles div.item.hero {width: 300px; height: 300px; font-size: 50px;}
}

@media all and (max-width: 340px) {
	div.tiles {max-width: 320px;}
	div.tiles div.item {width: 140px; height: 140px; font-size: 15px; margin: 5px;}
	div.tiles div.item.staff div.info {font-size: 13px; top: -50px; height: 50px; }
	div.tiles div.item.hero {width: 290px; height: 290px; font-size: 42px;}
}

/**
 * client_list
 */

div.client_list {text-align: center; margin: 0 auto 0 auto;}
div.client_list div.item {width: 300px; height: 300px; float: left; margin: 10px; background: #EEEEEE; display: block; position: relative;}
div.client_list div.item span.item {display: table; width: 100%;}
div.client_list div.item span.item span.info {position: absolute; top: 0; left: 0; width: 300px; height: 300px; display: none;}
div.client_list div.item span.item span.info span.title {margin: 0; padding: 10px; display: table-cell; vertical-align: middle; font-size: 24px; font-weight: normal; color: white; text-shadow: 1px 1px 5px black; line-height: 1.0; text-transform: uppercase;}
div.client_list div.item span a {display: inline-block;}
div.client_list div.item span a img {width: 300px;}
div.client_list div.item span a:hover {background-color: rgba(0,0,0,0.2);}
div.client_list div.item span a:hover span.info {display: table;}
div.client_list div.item span a:hover img {visibility: hidden;}
div.client_list div.item span.image {display: table-cell; vertical-align: middle; height: 300px; }
/*customise proportions*/
div.client_list div.item img {max-width: 80%; width: 80%;}
div.client_list div.item.t32 img {max-width: 60%;}
div.client_list div.item.t39 img {max-width: 60%;}
div.client_list div.item.t65 img {max-width: 60%;}
div.client_list div.item.t74 img {max-width: 60%;}
div.client_list div.item.t64 img {max-width: 60%;}

@media all and (max-width: 980px) {
	div.client_list {width: 660px;}
	div.client_list div.item,
	div.client_list div.item span.item,
	div.client_list div.item span.item span.info,
	div.client_list div.item span.image {width: 200px; height: 200px;}
}

@media all and (max-width: 800px) {
	div.client_list {width: 615px;}
	div.client_list div.item,
	div.client_list div.item span.item,
	div.client_list div.item span.item span.info,
	div.client_list div.item span.image {width: 185px; height: 185px; }
}

@media all and (max-width: 640px) {
	div.client_list {width: 380px;}
	div.client_list div.item,
	div.client_list div.item span.item,
	div.client_list div.item span.item span.info,
	div.client_list div.item span.image {width: 170px; height: 170px;}
}

@media all and (max-width: 420px) {
	div.client_list {width: 340px;}
	div.client_list div.item,
	div.client_list div.item span.item,
	div.client_list div.item span.item span.info,
	div.client_list div.item span.image {width: 150px; height: 150px;}
	div.client_list div.item span.item span.info span.title {font-size: 18px;}
}

@media all and (max-width: 340px) {
	div.client_list {width: 300px;}
	div.client_list div.item,
	div.client_list div.item span.item,
	div.client_list div.item span.item span.info,
	div.client_list div.item span.image {width: 130px; height: 130px;}
}

/**
 * pageContact
 */

div.pageContact div.rowBottom div.node_group-content {margin: 0;}
div.pageContact div.twitter_timeline_slider {margin-top: 2px;}
div.pageContact div.contact {text-align: center; margin-bottom: 2em;}
div.pageContact div.contact li {display: inline-block; margin:  10px 20px;}
div.pageContact div.contact li a {font-size: 39px; color: white;  display: inline-block; width: 100px; height: 100px; text-align: center; vertical-align: baseline; line-height: 44px; background: #4EB6AA; border-radius: 200px; padding-top: 32px; transition-property: background;}
div.pageContact div.contact li a:hover {background-color: #C64977;}
div.pageContact div.contact a.email:before {font-family: 'SSStandard'; content: '✉'; font-size: 75%;}
div.pageContact div.contact a.telephone:before {font-family: 'SSStandard'; content: '📱'; font-size: 75%;}
div.pageContact div.contact a.twitter:before {font-family: 'SSSocial'; content: ''; font-size: 75%;}
div.pageContact div.contact a.vimeo:before {font-family: 'SSSocial'; content: ''; font-size: 75%;}
div.pageContact div.contact a.linkedin:before {font-family: 'SSSocial'; content: ''; font-size: 75%;}
div.pageContact div.contact a span {display: block; padding-top: 35px; font-size: 13px; line-height: 1; color: #888888;}
div.pageContact div.contact h2 {text-transform: none; font-size: 36px;}
div.pageContact div.contact a.get_direction { color: inherit; font-size: 18px;}
div.pageContact div.contact a.get_direction:before {content: ' '; font-family: 'SSStandard'; font-weight: normal; font-size: 70%; position: relative; top: 1px; color: #C64977;}

/**
 * contact us map
 */
div.map img {max-width: none;}
div.map #miniMapCanvas {width: 100%; height: 450px;}
div.map div.infoBox p {font-family: "ProximaNova", "Helvetica Neue", Helvetica, Arial, sans-serif!important;}
div.map div.infoBox a {color: white; font-size: inherit;}
div.map div.infoBox p {margin: 0 15px; padding: 0; color: white; font-size: 15px;}
div.map div.infoBox p.image {margin: 15px 0 5px 15px;}
div.map div.infoBox p.directions {font-size: 12px; text-transform: uppercase;}

/**
 * don't show add button in page columnOne and columnTwo
 */
 
div.rowMiddle div.onxshop_add_content {display: none;}

/**
 * UI for changing issues
 */
 
div.bison_ui form {background: #AC9363; color: white; width: 100%; max-width: none; border-radius: 0; text-transform: uppercase;}
div.bison_ui form select {z-index: 10;}
div.bison_ui form span.customSelect span.customSelectInner:after {display: inline-block; content: ' ▾'; font-family: 'SSPika'; position: relative; top: 2px; z-index: 0;}
div.bison_ui form span.customSelect span.customSelectInner {white-space: nowrap; border-bottom: 2px dotted white;}

div.bison_footer div.node-content-RTE {margin: 0;}
div.bison_footer p {max-width: 780px; margin-left: auto; margin-right: auto; text-align: center; padding: 0 20px;}

@media all and (max-width: 480px) {
	div.bison_ui form {padding: 0.5em;}
}

/**
 * bison article
 */

div.sand.what_is_bison {margin-bottom: 0; padding-bottom: 1px;}
div.sand.what_is_bison:after {display: none;}

body.bison_article div.twitter_timeline_slider {margin-top: 0;}

div.bison_article p {max-width: 780px; margin-left: auto; margin-right: auto; text-align: center; padding: 0 20px;}
div.bison_article div.node_group-content {margin: 0;}
div.bison_article div.pageHeader div.description p {margin-bottom: 70px;}
div.bison_article h1.pageTitle {margin-top: 70px;}
div.bison_article h1.pageTitle:before,
div.bison_article h1.pageTitle:after {display: none;}
div.bison_article div.fullDetail {margin-top: 70px;}
div.bison_article div.fullDetail div.note p {margin-bottom: 0;}
div.bison_article div.fullDetail h1.pageTitle {max-width: 800px; margin-left: auto; margin-right: auto; margin-top: 10px;}
div.bison_article div.fullDetail p:first-child {margin-top: 45px;}
div.bison_article div.articleImage {position: relative; cursor: pointer;}
div.bison_article div.articleImage h1.overlayTitle {padding: 10px 20px; margin: 0; position: absolute; left: 22%; top: 190px; color: white; background: #AC9363; max-width: 56%;}
div.bison_article div.articleImage h3.contentTitle {display: inline-block; position: absolute; z-index: 200; margin: 0; left: 0; top: -1px;}
div.bison_article div.articleImage a.showMore {text-transform: uppercase; color: white; position: absolute; left: 45%; bottom: 10px;}
div.bison_article div.articleImage a.showMore:after {content: ' Show more \e606'; font-family: "icomoon";}
div.bison_article div.articleImage.open a.showMore:after {content: 'Show less \e607';}

div.bison_article {max-width: 960px; margin: 0 auto;}
div.bison_article div.articleContent {border: 3px solid #AC9363; margin-bottom: 70px;}

div.bison_article div.rowBottom div.columnWrapper > div.node_group-content:first-child {border: 3px solid #AC9363; position: relative; margin-bottom: 70px; text-align: left;} 
div.bison_article div.rowBottom div.columnWrapper > div.node_group-content:first-child h3.contentTitle {display: inline-block; position: absolute; z-index: 110; margin: 0; top: -1px;}
div.bison_article h2.layoutTitle {margin: 0 0 20px 0;}
div.bison_article h2.layoutTitle,
div.bison_article h3.contentTitle {font-size: 24px; text-align: left; color: white; background: #AC9363; padding: 5px 10px;}
div.bison_article h2.layoutTitle:before,
div.bison_article h3.contentTitle:before,
div.bison_article h2.layoutTitle:after,
div.bison_article h3.contentTitle:after {display: none;}

/*this maybe removed start*/
div.bison_article div.picture.type_list span.item {margin: 10px; display: inline-block; border-top: 5px solid white; border-bottom: 5px solid #AC9363; position: relative;}
div.bison_article div.picture.type_list span.item:hover {border-top-color: #AC9363; border-bottom-color: white;}
div.bison_article div.picture.type_list span.item:after {content: '\e606'; font-family: "icomoon"; font-size: 24px; position: absolute; right: 10px; bottom: 10px; color: white;}
div.bison_article div.picture.type_list span.item:hover:after {content: '\e607';}
/*this maybe removed end*/

@media all and (max-width: 480px) {
	div.bison_article div.articleImage h3.contentTitle {position: static; display: block; text-align: center;}
	div.bison_article div.articleImage h1.overlayTitle {position: static; max-width: none; font-size: 1em;}
	div.bison_article div.articleImage a.showMore {position: static; background: #AC9363; display: block; padding: 10px;}
	div.bison_article div.articleContent {border: 0;}
	div.bison_article h1.pageTitle {margin-top: 50px;}
	div.bison_article div.pageHeader div.description p {margin-bottom: 50px;}
	div.bison_article div.node-content-RTE { margin-top: 30px; margin-bottom: 20px;}
}


/**
 * bison what's happening gallery
 */

div.bison_article div.rowBottom div.picture {text-align: left;}
div.bison_article div.image_gallery_cycle2 h2 {text-align: left; max-width: 600px;}
div.bison_article div.image_gallery_cycle2 p {text-align: left; margin-left: 0; margin-right: 0; padding: 0; max-width: 600px; text-align:justify; text-justify:inter-word;}
div.bison_article div.image_gallery_cycle2 div.controls a:hover {color: #AC9363;}
div.bison_article div.image_gallery_cycle2 div.item div.description {height: 100.06%; padding: 5px 20px}
div.bison_article div.image_gallery_cycle2 div.item div.content {height: 100.06%; color: white; background: rgba(0,0,0,0.8); padding: 5px 20px; width: 100%; text-align: center; position: absolute; bottom: 0;}
div.bison_article div.image_gallery_cycle2 a.close {position: absolute; top: 10px; right: 20px; z-index: 1000; color: white; font-size: 24px; display: inline-block!important;}
div.bison_article div.image_gallery_cycle2 div.item div.description h2 {display: block;}
div.bison_article div.image_gallery_cycle2 a.close:after {content: '\e609'; font-family: "icomoon";}
div.bison_article div.image_gallery_cycle2 a.close span {display: none;}
div.bison_article div.node-content-picture {margin-bottom: 0;}
div.bison_article div.image_gallery_cycle2 h2 {display: block; color: white; border-bottom: 1px solid #AC9363;}
div.bison_article div.image_gallery_cycle2 div.item {margin-bottom: 0;}
div.bison_article div.image_gallery_cycle2 div.description {display: none;}
div.bison_article div.image_gallery_cycle2 div.content {display: none;}
div.bison_article div.image_gallery_cycle2 div.content p:nth-child(3):before {content: ''; display: block; float: left; width: 80px; height: 70px; background: url(../images/rmg_logo_67px.png) no-repeat 0 5px;}
div.bison_article div.image_gallery_cycle2 div.controls {margin-top: -70px; z-index: 1000; position: absolute; width: 100%; height: 70px; background: rgba(0,0,0,0.8); background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.8) 100%); }
div.bison_article div.image_gallery_cycle2 div.controls a.prev,
div.bison_article div.image_gallery_cycle2 div.controls a.next {display: none;}
div.bison_article div.image_gallery_cycle2 div.controls div.details {display: block;}
div.bison_article div.image_gallery_cycle2 div.controls div.details a {background: transparent;}
div.bison_article div.image_gallery_cycle2 div.controls div.details a {padding: 0 20px; z-index: 1000; position: relative; top: 30px; text-shadow: 1px 1px black;}
div.bison_article div.image_gallery_cycle2 div.controls div.details a span:after {content: '\e606'; font-family: "icomoon"; padding-left: 5px;}
div.bison_article div.image_gallery_cycle2 div.controls div.details a.open span:after {content: '\e607'}
div.bison_article div.image_gallery_cycle2 div.controls div.details a.content {display: inline; float: right;}
div.bison_article div.image_gallery_cycle2 div.controls div.listing div.pagination {z-index: 999; position: relative; top: 0px; text-align: center;}
div.bison_article div.image_gallery_cycle2 div.controls div.listing div.pagination a {background: transparent; color: white;}
div.bison_article div.image_gallery_cycle2 div.controls div.listing div.pagination a.active {color: #AC9363;}

@media all and (max-width: 480px) {
	div.bison_article div.rowBottom div.columnWrapper > div.node_group-content:first-child {border: none;}
	div.bison_article div.rowBottom div.columnWrapper > div.node_group-content:first-child h3.contentTitle {position: static; display: block; text-align: center;}
	div.bison_article div.image_gallery_cycle2 div.controls {margin: 0; position: static; background: transparent;}
	div.bison_article div.image_gallery_cycle2 div.controls div.details a {position: static; display: block; background: #f6f7f9; border-bottom: 2px solid white; color: inherit; text-shadow: none;}
	div.bison_article div.image_gallery_cycle2 div.controls div.details a.content {display: block; float: none;}
	div.bison_article div.image_gallery_cycle2 div.item div.content {position: static!important;}
}
/**
 * bison what's now
 */
 
div.bison_article div.threeColumnLayout p {margin: 15px 10px;}

/**
 * shared banner
 */
 
div.shared_awards a.onxshop_delete,
div.shared_awards a.onxshop_duplicate {display: none;}
div.shared_awards a.button:hover {background: #a5e1ff;}
div.node_group-content.node-removeGutters,
div.node_group-content.node-removeGutters div.node_group-content {margin: 0;}

div.pageWhyUs div.twitter_timeline_slider,
div.pageNewsList div.twitter_timeline_slider {margin-top: 0;}

/**
 * why us what we do
 */
 
div.what_we_do a {font-family: 'SSPike';}
div.what_we_do div.digital_advertising {content: '';}
div.what_we_do div.websites {content: '';}
div.what_we_do div.apps {content: '';}
div.what_we_do div.social_media {content: '';}
div.what_we_do div.content {content: '';}
div.what_we_do div.video {content: '';}
div.what_we_do div.email {content: '';}
div.what_we_do div.direct_marketing {content: '';}
div.what_we_do div.analytics {content: '';}