/*	---------------------------------------
	---------------------------------------

	Cairns Brothers Rugby League FC - Seniors
	http://www.cairnsbrothers.com.au
	
	Developed by: Raphael Briskie
	http://www.raphaelbriskie.com
	
	Designed by: Auxiliary
	http://www.auxiliarycentral.com

	---------------------------------------
	---------------------------------------	*/
/*	Contents
	--------	
	
	01	Imports
		- Resets
		- Mixins
		- Colours
		- Typography
	02	Basic HTML
	03	Content
		- Header
		- Navigation
		- Content
		- Basic Page
		- Webform
		- Article
		- Video
		- Profile
		- Draw
		- Event
		- Partner
		- Advertisement
		- Product
		- Sidebar Menu
		- Sidebar Links (The Ladder, Facebook)
		- Callouts
		- Footer
	05	Plugins
		- Social Media Share
		- Flexslider
	06	Forms
	07	Drupal
	09	Clear Fix

*/
/*	01 Imports
	----------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

main, article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
  display: block; }

a img {
  border: 0; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*	---------------------------------------
	---------------------------------------

	Mixins

	---------------------------------------
	---------------------------------------	*/
/*	Contents
	--------	
	
	01	Media Queries
		- Mobile
		- Tablet
		- Retina
	02	Border Radius

*/
/*	01 Media Queries
	----------------	*/
/*	02 Border Radius
	----------------	*/
/*	04 Transitions
	--------------	*/
/*	---------------------------------------
	---------------------------------------

	Colours

	---------------------------------------
	---------------------------------------	*/
/*	Contents
	--------	
	
	01	Default Colours
	02	Project Specific Colours

*/
/*	01 Default Colours
	------------------	*/
/*	02 Project Specific Colours
	---------------------------	*/
/*	---------------------------------------
	---------------------------------------

	Typography

	---------------------------------------
	---------------------------------------	*/
/*	Contents
	--------	
	
	01	Webfonts
	02	Font Stacks
	03	Presets
	04	Selection Colours

*/
/*	01 Webfonts
	-----------	*/
@font-face {
  font-family: "Nexa";
  src: url("../fonts/Nexa_Book.eot?#iefix");
  src: url("../fonts/Nexa_Book.eot?#iefix") format("eot"), url("../fonts/Nexa_Book.woff") format("woff"), url("../fonts/Nexa_Book.ttf") format("truetype"), url("../fonts/Nexa_Book.svg#nexa_bookregular") format("svg");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "Nexa";
  src: url("../fonts/Nexa_Book_Italic.eot?#iefix");
  src: url("../fonts/Nexa_Book_Italic.eot?#iefix") format("eot"), url("../fonts/Nexa_Book_Italic.woff") format("woff"), url("../fonts/Nexa_Book_Italic.ttf") format("truetype"), url("../fonts/Nexa_Book_Italic.svg#nexa_book_italicregular") format("svg");
  font-style: italic;
  font-weight: 300; }

@font-face {
  font-family: "Nexa";
  src: url("../fonts/Nexa_Bold.eot?#iefix");
  src: url("../fonts/Nexa_Bold.eot?#iefix") format("eot"), url("../fonts/Nexa_Bold.woff") format("woff"), url("../fonts/Nexa_Bold.ttf") format("truetype"), url("../fonts/Nexa_Bold.svg#nexa_boldregular") format("svg");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "Nexa";
  src: url("../fonts/Nexa_Black.eot?#iefix");
  src: url("../fonts/Nexa_Black.eot?#iefix") format("eot"), url("../fonts/Nexa_Black.woff") format("woff"), url("../fonts/Nexa_Black.ttf") format("truetype"), url("../fonts/Nexa_Black.svg#nexa_blackregular") format("svg");
  font-style: normal;
  font-weight: 700; }

/*	02 Font Stacks
	--------------	*/
/*	03 Presets
	----------	*/
h1,
.h1 {
  background: #6895f2;
  color: white;
  display: inline-block;
  font: 500 normal 14px/30px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin: 0;
  padding: 0 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 109; }
  h1:after,
  .h1:after {
    background: url(../img/gfx-title-arrow.svg) center top no-repeat;
    background-size: auto 10px;
    bottom: -10px;
    content: '';
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%; }
    .ie8 h1:after, .ie8
    .h1:after {
      background-image: url(../img/gfx-title-arrow.png);
      display: none; }

h2,
.h2 {
  color: #6895f2;
  font: 700 normal 16px/20px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase; }

h3,
.h3 {
  color: #4a4545;
  font: 700 normal 13px/18px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase; }

h4 {
  color: #787575;
  font: 300 italic 13px/18px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin-bottom: 5px; }

p {
  margin-bottom: 10px; }

ul,
ol {
  margin: 0 0 10px 20px; }
  ul li,
  ol li {
    margin-bottom: 5px; }

main a {
  color: #6895f2;
  font-weight: bold;
  outline: none;
  text-decoration: none;
  text-transform: uppercase; }
  .no-touch main a:hover {
    color: #787575; }

table {
  border: 1px solid #d2dffb;
  border-width: 1px 0;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  width: 100%; }
  table tr th {
    border-bottom: 1px solid #d2dffb;
    color: #6895f2;
    font: 500 normal 12px/12px "Nexa", Arial, "Lucida Grande", sans-serif;
    padding: 8px 10px;
    text-transform: uppercase;
    vertical-align: top; }
    @media only screen and (max-width: 480px) {
      table tr th {
        padding: 8px 5px; } }
    table tr th:first-child {
      padding-left: 0; }
    table tr th:last-child {
      padding-right: 0; }
  table tr td {
    padding: 8px 10px;
    vertical-align: top; }
    @media only screen and (max-width: 480px) {
      table tr td {
        padding: 8px 5px; } }
    table tr td:first-child {
      padding-left: 0; }
    table tr td:last-child {
      padding-right: 0; }

body {
  color: #4a4545;
  font: normal normal 13px/18px Arial, "Lucida Grande", sans-serif;
  -webkit-text-size-adjust: 100%; }

/*	04 Selection Colours
	--------------------	*/
::selection {
  background: #22235e;
  color: white; }

::-moz-selection {
  background: #22235e;
  color: white; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

body {
  -webkit-tap-highlight-color: #22235e; }

/*	02 Basic HTML
	-------------	*/
html,
body {
  background: #22235e url(../img/bg-body.png) center 225px no-repeat;
  max-width: 100%;
  overflow-x: hidden; }
  @media only screen and (max-width: 767px) {
    html,
    body {
      background-position: center top; } }

.wrapper {
  margin: 0 auto;
  max-width: 1104px;
  padding: 0 40px;
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 480px) {
    .wrapper {
      padding: 0 20px; } }
  .front .wrapper {
    z-index: 90; }

/*	03 Content
	----------	*/
/*	Header ---- */
header .logo {
  display: block;
  position: relative;
  width: 60%;
  z-index: 100; }
  @media only screen and (max-width: 767px) {
    header .logo {
      width: 70%; } }
  @media only screen and (max-width: 480px) {
    header .logo {
      margin: 10px auto;
      width: 100%; } }
  header .logo img {
    display: block;
    height: auto;
    width: 100%; }
header .background {
  display: block;
  height: auto;
  position: absolute;
  right: -20%;
  top: 0;
  width: 70%; }
  @media only screen and (max-width: 767px) {
    header .background {
      width: 60%; } }
  @media only screen and (max-width: 480px) {
    header .background {
      display: none; } }

/*	Navigation ---- */
nav {
  background: white;
  position: relative;
  z-index: 110; }
  nav:after {
    background: #060438;
    content: '';
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%; }
  nav .menu {
    background: white;
    display: block;
    font-size: 0;
    height: 50px;
    line-height: 0;
    margin: 0 200px 0 0;
    padding: 0;
    position: relative;
    z-index: 100; }
    nav .menu:after {
      border-color: transparent transparent transparent white;
      border-style: dotted none dotted solid;
      border-width: 25px 0 25px 5px;
      content: '';
      height: 0;
      position: absolute;
      right: -5px;
      top: 0;
      width: 0; }
    @media only screen and (max-width: 1104px) {
      nav .menu {
        margin: 0 50px 0 0; } }
    @media only screen and (max-width: 767px) {
      nav .menu {
        background: #6895f2;
        border-top: 1px solid #22235e;
        display: none;
        height: auto;
        left: 0;
        margin: 0;
        position: absolute;
        top: 50px;
        width: 100%; }
        nav .menu:after {
          display: none; } }
    nav .menu li {
      display: inline-block;
      float: left;
      height: 50px;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative; }
      @media only screen and (max-width: 767px) {
        nav .menu li {
          display: block;
          float: none;
          height: auto; } }
      nav .menu li a,
      nav .menu li .nolink {
        color: black;
        display: table;
        font: 500 normal 12px/15px "Nexa", Arial, "Lucida Grande", sans-serif;
        height: 50px;
        padding: 0 20px;
        text-decoration: none;
        text-transform: uppercase; }
        nav .menu li a span,
        nav .menu li .nolink span {
          border-top: 5px solid white;
          display: table-cell;
          vertical-align: middle; }
        .no-touch nav .menu li a:hover, nav .menu li a.active, nav .menu li a.active-trail, .no-touch
        nav .menu li .nolink:hover,
        nav .menu li .nolink.active,
        nav .menu li .nolink.active-trail {
          color: #6895f2; }
          .no-touch nav .menu li a:hover span, nav .menu li a.active span, nav .menu li a.active-trail span, .no-touch
          nav .menu li .nolink:hover span,
          nav .menu li .nolink.active span,
          nav .menu li .nolink.active-trail span {
            border-color: #6895f2; }
        @media only screen and (max-width: 1104px) {
          nav .menu li a,
          nav .menu li .nolink {
            padding: 0 15px; } }
        @media only screen and (max-width: 875px) {
          nav .menu li a,
          nav .menu li .nolink {
            padding: 0 10px; } }
        @media only screen and (max-width: 767px) {
          nav .menu li a,
          nav .menu li .nolink {
            border-bottom: 1px solid #5a7ed5;
            color: white;
            display: block;
            height: auto;
            padding: 20px 50px; }
            nav .menu li a br,
            nav .menu li .nolink br {
              display: none; }
            nav .menu li a span,
            nav .menu li .nolink span {
              border: 0 none;
              display: inline-block; }
            .no-touch nav .menu li a:hover, nav .menu li a.active, nav .menu li a.active-trail, nav .menu li a.open, .no-touch
            nav .menu li .nolink:hover,
            nav .menu li .nolink.active,
            nav .menu li .nolink.active-trail,
            nav .menu li .nolink.open {
              background: #5a7ed5;
              color: white; } }
        @media only screen and (max-width: 480px) {
          nav .menu li a,
          nav .menu li .nolink {
            padding: 20px 30px; } }
      nav .menu li .menu {
        background: #6895f2;
        display: none;
        height: auto;
        left: 0;
        padding: 15px 0;
        position: absolute;
        top: 50px;
        width: 260px; }
        @media only screen and (max-width: 767px) {
          nav .menu li .menu {
            border-top: 0 none;
            background: white;
            display: none;
            width: 100%;
            left: auto;
            position: relative;
            top: auto; } }
        nav .menu li .menu:after {
          border-color: white transparent transparent transparent;
          border-style: solid dotted none dotted;
          border-width: 5px 30px 0 30px;
          content: '';
          height: 0;
          left: 10px;
          position: absolute;
          top: 0;
          width: 0; }
          @media only screen and (max-width: 1104px) {
            nav .menu li .menu:after {
              border-width: 5px 25px 0 25px; } }
          @media only screen and (max-width: 875px) {
            nav .menu li .menu:after {
              border-width: 5px 20px 0 20px; } }
        nav .menu li .menu li {
          background: none;
          display: block;
          float: none;
          height: auto; }
          nav .menu li .menu li a {
            border: 0 none;
            color: white;
            display: block;
            font: 300 normal 13px/17px "Nexa", Arial, "Lucida Grande", sans-serif;
            height: auto;
            padding: 10px 10px 10px 40px;
            text-transform: none; }
            .no-touch nav .menu li .menu li a:hover, nav .menu li .menu li a.active, nav .menu li .menu li a.active-trail {
              background: #060438 url(../img/gfx-sub-nav.svg) 15px center no-repeat;
              background-size: 8px 8px;
              color: white; }
              .ie8 .no-touch nav .menu li .menu li a:hover, .ie8 nav .menu li .menu li a.active, .ie8 nav .menu li .menu li a.active-trail {
                background-image: url(../img/gfx-sub-nav.png); }
            @media only screen and (max-width: 767px) {
              nav .menu li .menu li a {
                color: #5a7ed5;
                padding: 10px 10px 10px 50px; } }
            @media only screen and (max-width: 480px) {
              nav .menu li .menu li a {
                padding: 10px 10px 10px 30px; }
                .no-touch nav .menu li .menu li a:hover {
                  background-position: 10px center; } }
            nav .menu li .menu li a span {
              border: 0 none;
              display: inline; }
      nav .menu li.expanded:hover > a, nav .menu li.expanded:hover > .nolink {
        color: #6895f2; }
        nav .menu li.expanded:hover > a span, nav .menu li.expanded:hover > .nolink span {
          border-color: #6895f2; }
      nav .menu li.expanded:hover .menu {
        display: block; }
      @media only screen and (max-width: 767px) {
        nav .menu li.expanded:hover > a, nav .menu li.expanded:hover > .nolink {
          color: white; }
        nav .menu li.expanded:hover .menu {
          display: none; } }
  nav .mobile {
    background: white;
    color: black;
    display: none;
    font: 500 normal 12px/50px "Nexa", Arial, "Lucida Grande", sans-serif;
    height: 50px;
    margin: 0 50px 0 0;
    padding: 0 20px 0 50px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 100; }
    @media only screen and (max-width: 767px) {
      nav .mobile {
        display: block; } }
    nav .mobile .menu-icon {
      display: block;
      left: 10px;
      margin-top: -16px;
      position: absolute;
      top: 50%; }
      nav .mobile .menu-icon span {
        background: black;
        display: block;
        height: 4px;
        margin: 5px 0;
        width: 30px; }
    nav .mobile:after {
      border-color: transparent transparent transparent white;
      border-style: dotted none dotted solid;
      border-width: 25px 0 25px 5px;
      content: '';
      height: 0;
      position: absolute;
      right: -5px;
      top: 0;
      width: 0; }
    .no-touch nav .mobile:hover {
      color: #6895f2; }
      .no-touch nav .mobile:hover .menu-icon span {
        background: #6895f2; }
  nav .search {
    position: absolute;
    right: 40px;
    top: 0;
    width: 200px;
    z-index: 100; }
    nav .search a {
      background: url(../img/gfx-search.svg) left top no-repeat;
      background-size: 24px 48px;
      display: none;
      font-size: 0;
      height: 24px;
      line-height: 0;
      margin: 13px 20px;
      width: 24px; }
      .no-touch nav .search a:hover {
        background-position: left bottom; }
      .ie8 nav .search a {
        background-image: url(../img/gfx-search.png); }
    @media only screen and (max-width: 1104px) {
      nav .search {
        width: 50px; }
        nav .search form {
          display: none; }
        nav .search a {
          display: block; } }
    @media only screen and (max-width: 767px) {
      nav .search {
        right: 20px; } }

/*	Content ---- */
main {
  background: white;
  float: left;
  margin: 40px 0 50px;
  padding: 0 40px 40px;
  position: relative;
  width: 66.666%; }
  main:before {
    border: 40px solid transparent;
    border-bottom-color: white;
    border-top-width: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: -40px;
    width: 100%; }
  @media only screen and (max-width: 768px) {
    main {
      margin-bottom: 40px;
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    main {
      margin: 20px 0 40px;
      padding: 0 20px 20px; }
      main:before {
        border: 20px solid transparent;
        border-bottom-color: white;
        border-top-width: 0;
        top: -20px; } }
  .front main {
    background: none;
    margin-top: 0;
    padding: 0; }
    .front main:before {
      display: none; }
  main .page-heading {
    left: 0;
    position: absolute;
    text-align: center;
    top: -55px;
    width: 100%;
    z-index: 100; }
    @media only screen and (max-width: 480px) {
      main .page-heading {
        top: -35px; } }

aside {
  float: left;
  margin-bottom: 50px;
  padding-left: 70px;
  width: 33.333%; }
  @media only screen and (max-width: 875px) {
    aside {
      padding-left: 40px; } }
  @media only screen and (max-width: 768px) {
    aside {
      margin-bottom: 0;
      padding-left: 0;
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    aside {
      margin-bottom: 30px; } }
  aside .aside-block {
    margin-bottom: 40px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      aside .aside-block {
        float: left;
        padding: 0 10px;
        width: 50%; } }
    @media only screen and (max-width: 480px) {
      aside .aside-block {
        float: none;
        padding: 0;
        width: 100%; } }
    aside .aside-block .aside-heading {
      left: 0;
      position: absolute;
      text-align: center;
      top: -15px;
      width: 100%;
      z-index: 100; }
    aside .aside-block .aside-content {
      background: white;
      padding: 30px 0 20px; }

/*	Basic Page ---- */
.page .field-name-body, .webform .field-name-body, .article .field-name-body, .video .field-name-body, .profile .field-name-body, .event .field-name-body, .product .field-name-body,
.shop-category .field-name-body, .draw .field-name-body {
  padding-bottom: 20px; }
.page .image, .webform .image, .article .image, .video .image, .profile .image, .event .image, .product .image,
.shop-category .image, .draw .image {
  float: left;
  padding-bottom: 15px;
  width: 50%; }
  .page .image.odd, .webform .image.odd, .article .image.odd, .video .image.odd, .profile .image.odd, .event .image.odd, .product .image.odd,
  .shop-category .image.odd, .draw .image.odd {
    clear: left;
    padding-right: 15px; }
  .page .image.even, .webform .image.even, .article .image.even, .video .image.even, .profile .image.even, .event .image.even, .product .image.even,
  .shop-category .image.even, .draw .image.even {
    padding-left: 15px; }
  .page .image.hero, .webform .image.hero, .article .image.hero, .video .image.hero, .profile .image.hero, .event .image.hero, .product .image.hero,
  .shop-category .image.hero, .draw .image.hero {
    float: none;
    width: 100%; }
  .page .image img, .webform .image img, .article .image img, .video .image img, .profile .image img, .event .image img, .product .image img,
  .shop-category .image img, .draw .image img {
    display: block;
    height: auto;
    width: 100%; }
  .page .image .caption, .webform .image .caption, .article .image .caption, .video .image .caption, .profile .image .caption, .event .image .caption, .product .image .caption,
  .shop-category .image .caption, .draw .image .caption,
  .page .image .image-field-caption,
  .webform .image .image-field-caption,
  .article .image .image-field-caption,
  .video .image .image-field-caption,
  .profile .image .image-field-caption,
  .event .image .image-field-caption,
  .product .image .image-field-caption,
  .shop-category .image .image-field-caption,
  .draw .image .image-field-caption {
    color: #787575;
    font-size: 11px;
    font-style: italic;
    line-height: 15px;
    padding-top: 10px; }
  @media only screen and (max-width: 767px) {
    .page .image, .webform .image, .article .image, .video .image, .profile .image, .event .image, .product .image,
    .shop-category .image, .draw .image {
      padding-bottom: 30px;
      width: 100%; }
      .page .image.odd, .webform .image.odd, .article .image.odd, .video .image.odd, .profile .image.odd, .event .image.odd, .product .image.odd,
      .shop-category .image.odd, .draw .image.odd {
        padding-right: 0; }
      .page .image.even, .webform .image.even, .article .image.even, .video .image.even, .profile .image.even, .event .image.even, .product .image.even,
      .shop-category .image.even, .draw .image.even {
        padding-left: 0; } }
.page .video, .webform .video, .article .video, .video .video, .profile .video, .event .video, .product .video,
.shop-category .video, .draw .video {
  height: 0;
  margin-bottom: 30px;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .page .video iframe, .webform .video iframe, .article .video iframe, .video .video iframe, .profile .video iframe, .event .video iframe, .product .video iframe,
  .shop-category .video iframe, .draw .video iframe,
  .page .video object,
  .webform .video object,
  .article .video object,
  .video .video object,
  .profile .video object,
  .event .video object,
  .product .video object,
  .shop-category .video object,
  .draw .video object,
  .page .video embed,
  .webform .video embed,
  .article .video embed,
  .video .video embed,
  .profile .video embed,
  .event .video embed,
  .product .video embed,
  .shop-category .video embed,
  .draw .video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

/*	Webform ---- */
/*	Article ---- */
.article h1, .video h1, .profile h1, .event h1, .product h1,
.shop-category h1 {
  background: none;
  display: block;
  margin-bottom: 5px;
  padding: 0;
  text-align: left; }
  .article h1:after, .video h1:after, .profile h1:after, .event h1:after, .product h1:after,
  .shop-category h1:after {
    display: none; }
.article .date, .video .date, .profile .date, .event .date, .product .date,
.shop-category .date {
  color: #252525;
  font: 300 italic 11px/15px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin-bottom: 5px; }
  .article .date a, .video .date a, .profile .date a, .event .date a, .product .date a,
  .shop-category .date a {
    color: #252525;
    font: 300 italic 11px/15px "Nexa", Arial, "Lucida Grande", sans-serif;
    text-transform: none; }
.article.teaser, .teaser.video, .teaser.profile, .teaser.event, .teaser.product,
.teaser.shop-category {
  float: left;
  padding: 20px 0 10px;
  width: 50%; }
  .views-row-odd .article.teaser, .views-row-odd .teaser.video, .views-row-odd .teaser.profile, .views-row-odd .teaser.event, .views-row-odd .teaser.product,
  .views-row-odd .teaser.shop-category {
    clear: left;
    padding-right: 20px; }
  .views-row-even .article.teaser, .views-row-even .teaser.video, .views-row-even .teaser.profile, .views-row-even .teaser.event, .views-row-even .teaser.product,
  .views-row-even .teaser.shop-category {
    padding-left: 20px; }
  @media only screen and (max-width: 767px) {
    .article.teaser, .teaser.video, .teaser.profile, .teaser.event, .teaser.product,
    .teaser.shop-category {
      width: 100%; }
      .views-row-odd .article.teaser, .views-row-odd .teaser.video, .views-row-odd .teaser.profile, .views-row-odd .teaser.event, .views-row-odd .teaser.product,
      .views-row-odd .teaser.shop-category {
        padding-right: 0; }
      .views-row-even .article.teaser, .views-row-even .teaser.video, .views-row-even .teaser.profile, .views-row-even .teaser.event, .views-row-even .teaser.product,
      .views-row-even .teaser.shop-category {
        padding-left: 0; } }
  .article.teaser .thumbnail, .teaser.video .thumbnail, .teaser.profile .thumbnail, .teaser.event .thumbnail, .teaser.product .thumbnail,
  .teaser.shop-category .thumbnail {
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 25%; }
    @media only screen and (max-width: 480px) {
      .article.teaser .thumbnail, .teaser.video .thumbnail, .teaser.profile .thumbnail, .teaser.event .thumbnail, .teaser.product .thumbnail,
      .teaser.shop-category .thumbnail {
        float: none;
        margin-bottom: 0;
        width: 100%; } }
    .article.teaser .thumbnail img, .teaser.video .thumbnail img, .teaser.profile .thumbnail img, .teaser.event .thumbnail img, .teaser.product .thumbnail img,
    .teaser.shop-category .thumbnail img {
      display: block;
      height: auto;
      width: 100%; }
    .article.teaser .thumbnail .image-field-caption, .teaser.video .thumbnail .image-field-caption, .teaser.profile .thumbnail .image-field-caption, .teaser.event .thumbnail .image-field-caption, .teaser.product .thumbnail .image-field-caption,
    .teaser.shop-category .thumbnail .image-field-caption {
      display: none; }
    .article.teaser .thumbnail:after, .teaser.video .thumbnail:after, .teaser.profile .thumbnail:after, .teaser.event .thumbnail:after, .teaser.product .thumbnail:after,
    .teaser.shop-category .thumbnail:after {
      background: url(../img/gfx-summary-right.svg) left center no-repeat;
      background-size: 8px 105%;
      content: '';
      height: 100%;
      position: absolute;
      right: -1px;
      top: 0;
      width: 8px; }
      .ie8 .article.teaser .thumbnail:after, .ie8 .teaser.video .thumbnail:after, .ie8 .teaser.profile .thumbnail:after, .ie8 .teaser.event .thumbnail:after, .ie8 .teaser.product .thumbnail:after,
      .ie8 .teaser.shop-category .thumbnail:after {
        background-image: url(../img/gfx-summary-right.png); }
      @media only screen and (max-width: 480px) {
        .article.teaser .thumbnail:after, .teaser.video .thumbnail:after, .teaser.profile .thumbnail:after, .teaser.event .thumbnail:after, .teaser.product .thumbnail:after,
        .teaser.shop-category .thumbnail:after {
          background: url(../img/gfx-summary-down.svg) center top no-repeat;
          background-size: 100% 8px;
          bottom: -1px;
          height: 8px;
          right: 0;
          top: auto;
          width: 100%; }
          .ie8 .article.teaser .thumbnail:after, .ie8 .teaser.video .thumbnail:after, .ie8 .teaser.profile .thumbnail:after, .ie8 .teaser.event .thumbnail:after, .ie8 .teaser.product .thumbnail:after,
          .ie8 .teaser.shop-category .thumbnail:after {
            background-image: url(../img/gfx-summary-down.png); } }
    .article.teaser .thumbnail a:before, .teaser.video .thumbnail a:before, .teaser.profile .thumbnail a:before, .teaser.event .thumbnail a:before, .teaser.product .thumbnail a:before,
    .teaser.shop-category .thumbnail a:before {
      background: rgba(33, 34, 94, 0.8) url(../img/ico-article.svg) center center no-repeat;
      background-size: 25px 25px;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      top: -100%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      width: 100%; }
      @media only screen and (max-width: 480px) {
        .article.teaser .thumbnail a:before, .teaser.video .thumbnail a:before, .teaser.profile .thumbnail a:before, .teaser.event .thumbnail a:before, .teaser.product .thumbnail a:before,
        .teaser.shop-category .thumbnail a:before {
          background-size: 35px 35px; } }
      .ie8 .article.teaser .thumbnail a:before, .ie8 .teaser.video .thumbnail a:before, .ie8 .teaser.profile .thumbnail a:before, .ie8 .teaser.event .thumbnail a:before, .ie8 .teaser.product .thumbnail a:before,
      .ie8 .teaser.shop-category .thumbnail a:before {
        background-image: url(../img/ico-article.png); }
    .no-touch .article.teaser .thumbnail a:hover:before, .no-touch .teaser.video .thumbnail a:hover:before, .no-touch .teaser.profile .thumbnail a:hover:before, .no-touch .teaser.event .thumbnail a:hover:before, .no-touch .teaser.product .thumbnail a:hover:before,
    .no-touch .teaser.shop-category .thumbnail a:hover:before {
      top: 0; }
    .article.teaser .thumbnail.video-thumb a:before, .teaser.video .thumbnail.video-thumb a:before, .teaser.profile .thumbnail.video-thumb a:before, .teaser.event .thumbnail.video-thumb a:before, .teaser.product .thumbnail.video-thumb a:before,
    .teaser.shop-category .thumbnail.video-thumb a:before {
      background-image: url(../img/ico-video.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 25px 24px; }
      @media only screen and (max-width: 480px) {
        .article.teaser .thumbnail.video-thumb a:before, .teaser.video .thumbnail.video-thumb a:before, .teaser.profile .thumbnail.video-thumb a:before, .teaser.event .thumbnail.video-thumb a:before, .teaser.product .thumbnail.video-thumb a:before,
        .teaser.shop-category .thumbnail.video-thumb a:before {
          background-size: 35px 34px; } }
      .ie8 .article.teaser .thumbnail.video-thumb a:before, .ie8 .teaser.video .thumbnail.video-thumb a:before, .ie8 .teaser.profile .thumbnail.video-thumb a:before, .ie8 .teaser.event .thumbnail.video-thumb a:before, .ie8 .teaser.product .thumbnail.video-thumb a:before,
      .ie8 .teaser.shop-category .thumbnail.video-thumb a:before {
        background-image: url(../img/ico-video.png); }
  .article.teaser .body.w-thumb, .teaser.video .body.w-thumb, .teaser.profile .body.w-thumb, .teaser.event .body.w-thumb, .teaser.product .body.w-thumb,
  .teaser.shop-category .body.w-thumb {
    float: left;
    padding-left: 20px;
    width: 75%; }
    @media only screen and (max-width: 480px) {
      .article.teaser .body.w-thumb, .teaser.video .body.w-thumb, .teaser.profile .body.w-thumb, .teaser.event .body.w-thumb, .teaser.product .body.w-thumb,
      .teaser.shop-category .body.w-thumb {
        padding: 15px 0 0;
        width: 100%; } }
  .article.teaser h3, .teaser.video h3, .teaser.profile h3, .teaser.event h3, .teaser.product h3,
  .teaser.shop-category h3 {
    margin-bottom: 0; }
    .article.teaser h3 a, .teaser.video h3 a, .teaser.profile h3 a, .teaser.event h3 a, .teaser.product h3 a,
    .teaser.shop-category h3 a {
      color: #4a4545; }
      .no-touch .article.teaser h3 a:hover, .no-touch .teaser.video h3 a:hover, .no-touch .teaser.profile h3 a:hover, .no-touch .teaser.event h3 a:hover, .no-touch .teaser.product h3 a:hover,
      .no-touch .teaser.shop-category h3 a:hover {
        color: #6895f2; }
  .article.teaser .field-name-body, .teaser.video .field-name-body, .teaser.profile .field-name-body, .teaser.event .field-name-body, .teaser.product .field-name-body,
  .teaser.shop-category .field-name-body {
    color: #787575;
    font: italic normal 11px/15px Arial, "Lucida Grande", sans-serif;
    padding-bottom: 0; }

.page-news-videos .view-header h2 {
  margin: 40px 0 0; }
.page-news-videos .view-content:after {
  clear: both;
  content: '';
  display: block; }

.latest-news {
  position: relative; }
  .latest-news .page-heading {
    top: -15px; }
  .latest-news .flexslider {
    margin-bottom: 20px;
    position: relative; }
  .latest-news .flex-direction-nav .flex-next {
    bottom: 25px;
    right: 10px;
    top: auto; }
  .latest-news .flex-direction-nav .flex-prev {
    bottom: 25px;
    left: 10px;
    top: auto; }
  .latest-news .flex-control-nav {
    margin: 0;
    padding: 0; }
    .latest-news .flex-control-nav li {
      display: inline;
      list-style: none;
      margin: 0; }
      .latest-news .flex-control-nav li .hero-thumbnail {
        cursor: pointer;
        float: left;
        padding: 0 10px 10px;
        position: relative;
        width: 25%; }
        .latest-news .flex-control-nav li .hero-thumbnail .date {
          color: white;
          font: 300 italic 11px/11px "Nexa", Arial, "Lucida Grande", sans-serif;
          margin-bottom: 10px;
          text-align: center; }
        .latest-news .flex-control-nav li .hero-thumbnail .title {
          color: white;
          font: 700 normal 12px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
          height: 48px;
          margin-bottom: 0;
          overflow: hidden;
          text-align: center;
          text-transform: uppercase; }
        .latest-news .flex-control-nav li .hero-thumbnail img {
          display: block;
          height: auto;
          margin-bottom: 10px;
          width: 100%; }
        @media only screen and (max-width: 480px) {
          .latest-news .flex-control-nav li .hero-thumbnail {
            padding: 10px; }
            .latest-news .flex-control-nav li .hero-thumbnail .date,
            .latest-news .flex-control-nav li .hero-thumbnail .title {
              display: none; }
            .latest-news .flex-control-nav li .hero-thumbnail img {
              margin-bottom: 0; } }
      .no-touch .latest-news .flex-control-nav li .hero-thumbnail:hover, .latest-news .flex-control-nav li.flex-active .hero-thumbnail, .no-touch .latest-news .flex-control-nav li.flex-active .hero-thumbnail:hover {
        background: white; }
        .no-touch .latest-news .flex-control-nav li .hero-thumbnail:hover:before, .latest-news .flex-control-nav li.flex-active .hero-thumbnail:before, .no-touch .latest-news .flex-control-nav li.flex-active .hero-thumbnail:hover:before {
          background: url(../img/gfx-hero-thumbnail-arrow.svg) center bottom no-repeat;
          background-size: 100% 60px;
          top: -30px;
          content: '';
          display: block;
          height: 30px;
          left: 0;
          position: absolute;
          width: 100%; }
          .ie9 .no-touch .latest-news .flex-control-nav li .hero-thumbnail:hover:before, .ie9 .latest-news .flex-control-nav li.flex-active .hero-thumbnail:before, .ie9 .no-touch .latest-news .flex-control-nav li.flex-active .hero-thumbnail:hover:before {
            background-image: url(../img/gfx-hero-thumbnail-arrow.png); }
          .ie8 .no-touch .latest-news .flex-control-nav li .hero-thumbnail:hover:before, .ie8 .latest-news .flex-control-nav li.flex-active .hero-thumbnail:before, .ie8 .no-touch .latest-news .flex-control-nav li.flex-active .hero-thumbnail:hover:before {
            background-image: url(../img/gfx-hero-thumbnail-arrow.png);
            display: none; }
        .no-touch .latest-news .flex-control-nav li .hero-thumbnail:hover .date,
        .no-touch .latest-news .flex-control-nav li .hero-thumbnail:hover .title, .latest-news .flex-control-nav li.flex-active .hero-thumbnail .date,
        .latest-news .flex-control-nav li.flex-active .hero-thumbnail .title, .no-touch .latest-news .flex-control-nav li.flex-active .hero-thumbnail:hover .date,
        .no-touch .latest-news .flex-control-nav li.flex-active .hero-thumbnail:hover .title {
          color: #22235e; }
      .no-touch .latest-news .flex-control-nav li .hero-thumbnail:hover {
        background: #6895f2; }
        .no-touch .latest-news .flex-control-nav li .hero-thumbnail:hover:before {
          background-position: center top; }

.hero {
  position: relative; }
  .hero .image {
    height: 405px;
    overflow: hidden;
    position: relative;
    width: 100%; }
    @media only screen and (max-width: 480px) {
      .hero .image {
        height: 305px; } }
    .hero .image .horizontal-align {
      display: inline-block;
      height: 100%;
      position: relative;
      right: -50%; }
      .hero .image .horizontal-align img {
        display: block;
        height: 100%;
        left: -50%;
        position: relative;
        width: auto; }
  .hero .overlay {
    background: black;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    height: 85px;
    overflow: hidden;
    padding: 15px 40px 5px 15px;
    position: absolute;
    text-align: right;
    width: 100%; }
    .hero .overlay .title {
      font-size: 16px;
      line-height: 16px;
      margin-bottom: 5px; }
      .hero .overlay .title a {
        color: white; }
        .no-touch .hero .overlay .title a:hover {
          color: #6895f2; }
    .hero .overlay .field-name-body {
      color: white;
      font: 500 normal 13px/17px "Nexa", Arial, "Lucida Grande", sans-serif;
      height: 34px;
      overflow: hidden; }
    .hero .overlay .view-article {
      background: url(../img/gfx-flexslider-pager.svg) right top no-repeat;
      background-size: 20px 60px;
      display: block;
      height: 30px;
      margin-top: -15px;
      position: absolute;
      right: 15px;
      top: 50%;
      width: 10px; }
      .no-touch .hero .overlay .view-article:hover {
        background-position: right bottom; }
      .ie8 .hero .overlay .view-article {
        background-image: url(../img/gfx-flexslider-pager.png); }

/*	Video ---- */
.video h1 {
  margin-bottom: 20px; }
  .video h1.w-sub {
    margin-bottom: 5px; }
.video .h3 {
  margin-bottom: 20px; }
.video.teaser .body {
  padding-top: 10px; }

.page-weekly-wrap-archive .view-footer,
.page-match-video-archive .view-footer {
  clear: both;
  padding-top: 20px; }

.page-news-videos .archive-link,
.page-weekly-wrap .archive-link,
.page-match-video .archive-link,
.node-type-video .archive-link {
  background: url(../img/gfx-archive-link.svg) left top no-repeat;
  background-size: 24px 120px;
  border-top: 1px solid #d2dffb;
  display: block;
  font: 300 normal 11px/60px "Nexa", Arial, "Lucida Grande", sans-serif;
  padding-left: 35px; }
  .no-touch .page-news-videos .archive-link:hover, .no-touch
  .page-weekly-wrap .archive-link:hover, .no-touch
  .page-match-video .archive-link:hover, .no-touch
  .node-type-video .archive-link:hover {
    background-position: left bottom;
    color: #22235e; }
  .ie8 .page-news-videos .archive-link, .ie8
  .page-weekly-wrap .archive-link, .ie8
  .page-match-video .archive-link, .ie8
  .node-type-video .archive-link {
    background-image: url(../img/gfx-archive-link.png); }

.page-news-videos .archive-link {
  border-bottom: 1px solid #d2dffb; }
  .page-news-videos .archive-link.news {
    background: url(../img/gfx-news-archive-link.svg) left top no-repeat; }
  .ie8 .page-news-videos .archive-link {
    background-image: url(../img/gfx-news-archive-link.png); }

/*	Profile ---- */
.profile .images {
  float: left;
  padding: 0 30px 25px 0;
  width: 40%; }
  .profile .images .image {
    float: none;
    width: 100%; }
  @media only screen and (max-width: 480px) {
    .profile .images {
      float: none;
      padding: 0;
      width: 100%; }
      .profile .images .image {
        display: none; }
        .profile .images .image:first-child {
          display: block; } }
.profile .profile-data {
  float: left;
  padding-bottom: 30px;
  width: 60%; }
  @media only screen and (max-width: 480px) {
    .profile .profile-data {
      float: none;
      width: 100%; } }
  .profile .profile-data h1 {
    margin-bottom: 10px; }
  .profile .profile-data .profile-field {
    border-top: 2px dotted #dddddd; }
    .profile .profile-data .profile-field .label {
      color: #6895f2;
      float: left;
      font: 500 normal 13px/18px "Nexa", Arial, "Lucida Grande", sans-serif;
      margin: 0;
      padding: 10px 10px 10px 0;
      width: 40%; }
      .profile .profile-data .profile-field .label strong {
        font-weight: 500; }
    .profile .profile-data .profile-field .data {
      float: left;
      margin: 0;
      padding: 10px 0;
      width: 60%; }
    .profile .profile-data .profile-field .field-name-body {
      clear: both;
      padding-bottom: 1px; }
.profile .back, .profile .profile-link {
  background: url(../img/gfx-back-link.svg) left top no-repeat;
  background-size: 25px 120px;
  border-top: 1px solid #d2dffb;
  clear: both;
  display: block;
  font: 300 normal 11px/60px "Nexa", Arial, "Lucida Grande", sans-serif;
  padding-left: 35px; }
  .no-touch .profile .back:hover, .no-touch .profile .profile-link:hover {
    background-position: left bottom;
    color: #22235e; }
  .ie8 .profile .back, .ie8 .profile .profile-link {
    background-image: url(../img/gfx-back-link.png); }
  @media only screen and (max-width: 480px) {
    .profile .back .mobile, .profile .profile-link .mobile {
      display: none; } }
.profile .profile-link {
  background-image: url(../img/gfx-profile-link.svg);
  clear: none;
  float: left;
  width: 50%; }
  @media only screen and (max-width: 1023px) {
    .profile .profile-link {
      width: 100%; } }
  .ie8 .profile .profile-link {
    background-image: url(../img/gfx-profile-link.png); }
.profile.teaser {
  clear: none;
  margin: 0;
  padding: 15px;
  text-align: center;
  width: 20%; }
  .views-row-odd .profile.teaser {
    clear: none; }
  .views-row-odd .profile.teaser {
    clear: none;
    padding-right: 15px; }
  .views-row-even .profile.teaser {
    padding-left: 15px; }
  .views-row-6 .profile.teaser, .views-row-11 .profile.teaser, .views-row-16 .profile.teaser {
    clear: left; }
  @media only screen and (max-width: 1023px) {
    .profile.teaser {
      width: 25%; }
      .views-row-6 .profile.teaser, .views-row-11 .profile.teaser, .views-row-16 .profile.teaser {
        clear: none; }
      .views-row-5 .profile.teaser, .views-row-9 .profile.teaser, .views-row-13 .profile.teaser, .views-row-17 .profile.teaser {
        clear: left; } }
  @media only screen and (max-width: 767px) {
    .profile.teaser {
      width: 50%; }
      .views-row-odd .profile.teaser {
        padding-right: 15px; }
      .views-row-even .profile.teaser {
        padding-left: 15px; } }
  @media only screen and (max-width: 480px) {
    .profile.teaser {
      padding: 10px; } }
  .profile.teaser h3 {
    border-bottom: 0 none;
    font-size: 11px;
    line-height: 15px; }
    .profile.teaser h3 a {
      font-weight: 700;
      text-decoration: none;
      text-transform: none; }
  .profile.teaser .thumbnail {
    float: none;
    margin-bottom: 10px;
    width: 100%; }
    .profile.teaser .thumbnail:after {
      background: url(../img/gfx-summary-down.svg) center top no-repeat;
      background-size: 105% 8px;
      bottom: -1px;
      height: 8px;
      right: 0;
      top: auto;
      width: 100%; }
      .ie8 .profile.teaser .thumbnail:after {
        background-image: url(../img/gfx-summary-down.png); }
    .profile.teaser .thumbnail a:before {
      background: rgba(33, 34, 94, 0.8) url(../img/ico-profile.svg) center center no-repeat;
      background-size: 35px 32px;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      top: -100%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      width: 100%; }
      .ie8 .profile.teaser .thumbnail a:before {
        background-image: url(../img/ico-profile.png); }
    .no-touch .profile.teaser .thumbnail a:hover:before {
      top: 0; }

.field-name-field-profiles {
  margin: 0 -15px; }
  .field-name-field-profiles:after {
    clear: both;
    content: '';
    display: block; }

.page-profiles main {
  padding: 0 25px 40px; }
  @media only screen and (max-width: 480px) {
    .page-profiles main {
      padding: 0 10px 20px; } }
  .page-profiles main .breadcrumb,
  .page-profiles main ul.primary.tabs,
  .page-profiles main .view-header {
    margin-left: 15px;
    margin-right: 15px; }
    @media only screen and (max-width: 480px) {
      .page-profiles main .breadcrumb,
      .page-profiles main ul.primary.tabs,
      .page-profiles main .view-header {
        margin-left: 10px;
        margin-right: 10px; } }

.aside-block.profiles {
  margin: 60px 0 40px;
  padding: 0 20px; }
  .aside-block.profiles .profile {
    float: none;
    padding: 10px 20px 0;
    width: 100%; }
  .aside-block.profiles .flex-direction-nav li a.flex-next {
    right: 0; }
  .aside-block.profiles .flex-direction-nav li a.flex-prev {
    left: 0; }
  @media only screen and (max-width: 768px) {
    .aside-block.profiles {
      margin-top: 0;
      padding: 0 30px !important; }
      .aside-block.profiles .flex-direction-nav li a.flex-next {
        right: 10px; }
      .aside-block.profiles .flex-direction-nav li a.flex-prev {
        left: 10px; } }

/*	Draw ---- */
.draw .title {
  background: none;
  color: #22235e;
  display: block;
  font: 300 normal 11px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin-bottom: 20px;
  text-align: center; }
  .draw .title:after {
    display: none; }

.page-draws-results .view-header {
  margin-bottom: 30px; }
.page-draws-results .view-content {
  position: relative; }
.page-draws-results h2.results {
  background: url(../img/ico-results.svg) left center no-repeat;
  background-size: 30px 30px;
  line-height: 30px;
  margin-bottom: 10px;
  padding-left: 40px; }
  .ie8 .page-draws-results h2.results {
    background-image: url(../img/ico-results.png); }
.page-draws-results .item-list .pager {
  padding: 0; }
  @media only screen and (max-width: 480px) {
    .page-draws-results .item-list .pager {
      height: 25px; }
      .page-draws-results .item-list .pager:after {
        clear: both;
        content: ''; } }
  .page-draws-results .item-list .pager li {
    margin: 0; }
  .page-draws-results .item-list .pager .pager-next a {
    position: absolute;
    right: 0; }
    @media only screen and (max-width: 480px) {
      .page-draws-results .item-list .pager .pager-next a {
        float: right;
        margin-bottom: 10px;
        position: relative; } }
  .page-draws-results .item-list .pager .pager-previous a {
    position: absolute;
    left: 0; }
    @media only screen and (max-width: 480px) {
      .page-draws-results .item-list .pager .pager-previous a {
        float: left;
        margin-bottom: 10px;
        position: relative; } }

/*	Event ---- */
.event .images, .product .images,
.shop-category .images {
  float: left;
  padding: 0 30px 25px 0;
  width: 40%; }
  .event .images .image, .product .images .image,
  .shop-category .images .image {
    float: none;
    width: 100%; }
  @media only screen and (max-width: 480px) {
    .event .images, .product .images,
    .shop-category .images {
      float: none;
      padding: 0;
      width: 100%; } }
.event .body, .product .body,
.shop-category .body {
  float: right;
  padding-bottom: 30px;
  width: 60%; }
  @media only screen and (max-width: 480px) {
    .event .body, .product .body,
    .shop-category .body {
      float: none;
      width: 100%; } }
  .event .body .date-bold, .product .body .date-bold,
  .shop-category .body .date-bold {
    margin-bottom: 0; }
  .event .body .date, .product .body .date,
  .shop-category .body .date {
    border-bottom: 2px dotted #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px; }
  .event .body .pdf, .product .body .pdf,
  .shop-category .body .pdf {
    background: url(../img/gfx-download-link.svg) left top no-repeat;
    background-size: 18px 50px;
    color: #22235e;
    display: block;
    font: 700 normal 14px/25px "Nexa", Arial, "Lucida Grande", sans-serif;
    padding-left: 30px; }
    .no-touch .event .body .pdf:hover, .no-touch .product .body .pdf:hover,
    .no-touch .shop-category .body .pdf:hover {
      background-position: left bottom;
      color: #6895f2; }
    .ie8 .event .body .pdf, .ie8 .product .body .pdf,
    .ie8 .shop-category .body .pdf {
      background-image: url(../img/gfx-download-link.png); }
.event.teaser .thumbnail a:before, .teaser.product .thumbnail a:before,
.teaser.shop-category .thumbnail a:before {
  background-image: url(../img/ico-event.svg); }
  .ie8 .event.teaser .thumbnail a:before, .ie8 .teaser.product .thumbnail a:before,
  .ie8 .teaser.shop-category .thumbnail a:before {
    background-image: url(../img/ico-event.png); }
.event.teaser .body, .teaser.product .body,
.teaser.shop-category .body {
  padding-bottom: 0; }
  .event.teaser .body .date, .teaser.product .body .date,
  .teaser.shop-category .body .date {
    border: 0 none;
    margin-bottom: 5px;
    padding-bottom: 0; }

.aside-block.calendar {
  padding: 0 20px;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .aside-block.calendar {
      padding: 30px 20px 20px; } }
  @media only screen and (max-width: 480px) {
    .aside-block.calendar {
      padding: 0 20px; } }
  .aside-block.calendar .aside-heading {
    margin-bottom: 20px;
    position: relative;
    top: auto; }
  .aside-block.calendar .aside-content {
    background: none;
    padding: 0; }
  .aside-block.calendar #calendar-body {
    width: 100%; }
    .aside-block.calendar #calendar-body .block-calendar {
      position: relative;
      width: 100%; }
    .aside-block.calendar #calendar-body .pretty-calendar-day,
    .aside-block.calendar #calendar-body .pretty-calendar-weekend {
      height: 30px;
      text-align: center;
      width: 14.2%; }
    .aside-block.calendar #calendar-body .pretty-calendar-week {
      background: white; }
      .aside-block.calendar #calendar-body .pretty-calendar-week .calendar-value {
        color: #6895f2;
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        width: 100%; }
      .aside-block.calendar #calendar-body .pretty-calendar-week a .calendar-value {
        color: white; }
      .aside-block.calendar #calendar-body .pretty-calendar-week a div {
        background: #22235e; }
      .aside-block.calendar #calendar-body .pretty-calendar-week a:hover {
        background: none; }
      .no-touch .aside-block.calendar #calendar-body .pretty-calendar-week a:hover div {
        background: #6895f2;
        color: white; }
      .aside-block.calendar #calendar-body .pretty-calendar-week .pretty-calendar-day,
      .aside-block.calendar #calendar-body .pretty-calendar-week .pretty-calendar-weekend {
        background: white; }
      .aside-block.calendar #calendar-body .pretty-calendar-week .pretty-calendar-today .calendar-value {
        background: #6895f2;
        color: white; }
    .aside-block.calendar #calendar-body .calendar-daynames .calendar-value {
      color: white;
      font-size: 13px;
      font-weight: bold;
      height: 30px;
      line-height: 30px;
      padding: 0;
      text-shadow: none;
      text-transform: uppercase;
      width: 100%; }
    .aside-block.calendar #calendar-body .pretty-calendar-month {
      background: #6895f2;
      height: 30px;
      margin: 0;
      width: 100%; }
      .aside-block.calendar #calendar-body .pretty-calendar-month .month-title {
        color: #22235e;
        font: 500 normal 14px/30px "Nexa", Arial, "Lucida Grande", sans-serif;
        padding: 0;
        text-shadow: none;
        text-transform: uppercase;
        width: 100%; }
      .aside-block.calendar #calendar-body .pretty-calendar-month a {
        background: url(../img/gfx-flexslider-pager.svg) right top no-repeat;
        background-size: 20px 60px;
        display: block;
        height: 30px;
        margin-top: -15px;
        position: absolute;
        right: -25px;
        top: 50%;
        width: 10px; }
        .aside-block.calendar #calendar-body .pretty-calendar-month a.calendar-prev {
          background-position: left top;
          left: -25px;
          right: auto; }
        .no-touch .aside-block.calendar #calendar-body .pretty-calendar-month a:hover {
          background-position-y: bottom; }
        .ie8 .aside-block.calendar #calendar-body .pretty-calendar-month a {
          background-image: url(../img/gfx-flexslider-pager.png); }
        .aside-block.calendar #calendar-body .pretty-calendar-month a div {
          display: none; }

#tiptip_holder.tip_bottom #tiptip_arrow,
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  border-bottom-color: #6895f2; }

#tiptip_content {
  background-color: #6895f2;
  border: 5px solid white;
  border-width: 0 5px 5px;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none; }

#tiptip_content a {
  color: white;
  font-size: 12px;
  text-decoration: none; }
  .no-touch #tiptip_content a:hover {
    color: #22235e; }

/*	Partner ---- */
.partner h1,
.partner h4 {
  background: none;
  color: #4a4545;
  display: block;
  font: 700 normal 13px/18px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase; }
  .partner h1:after,
  .partner h4:after {
    display: none; }
  .partner h1 a,
  .partner h4 a {
    color: #4a4545;
    font-weight: normal;
    text-decoration: none; }
    .no-touch .partner h1 a:hover, .no-touch
    .partner h4 a:hover {
      color: #6895f2; }
.partner .logo {
  float: left;
  padding-right: 15px;
  width: 45%; }
  @media only screen and (max-width: 767px) {
    .partner .logo {
      padding: 0 0 10px;
      width: 100%; } }
  .partner .logo img {
    display: block;
    height: auto;
    width: 100%; }
.partner .description {
  float: left;
  width: 55%; }
  @media only screen and (max-width: 767px) {
    .partner .description {
      width: 100%; } }
  .partner .description .field-name-body {
    color: #787575; }
.partner.teaser {
  float: left;
  margin-bottom: 30px;
  width: 50%; }
  .views-row-odd .partner.teaser {
    clear: left;
    padding-right: 15px; }
    @media only screen and (max-width: 767px) {
      .views-row-odd .partner.teaser {
        padding-right: 10px; } }
  .views-row-even .partner.teaser {
    padding-left: 15px; }
    @media only screen and (max-width: 767px) {
      .views-row-even .partner.teaser {
        padding-left: 10px; } }
  @media only screen and (max-width: 480px) {
    .partner.teaser .description {
      display: none; }
    .partner.teaser.platinum {
      padding: 0 !important;
      width: 100%; }
      .partner.teaser.platinum .description {
        display: block; } }
.partner.front {
  padding: 0 0 0 30px; }
  @media only screen and (max-width: 768px) {
    .partner.front {
      margin-bottom: 20px;
      padding-left: 20px; } }
  @media only screen and (max-width: 767px) {
    .partner.front {
      padding: 0 10px; } }
  .partner.front.platinum {
    width: 50%; }
    @media only screen and (max-width: 480px) {
      .partner.front.platinum {
        padding: 0 10px !important;
        width: 100%; } }
  .partner.front.gold {
    width: 25%; }
    @media only screen and (max-width: 480px) {
      .partner.front.gold {
        width: 50%; } }
  .partner.front.silver, .partner.front.bronze {
    width: 20%; }
    @media only screen and (max-width: 480px) {
      .partner.front.silver, .partner.front.bronze {
        width: 33.333%; } }
  .partner.front .logo {
    float: none;
    padding: 0;
    width: 100%; }
  .views-row-odd .partner.front {
    clear: none;
    padding-right: 0; }
    @media only screen and (max-width: 767px) {
      .views-row-odd .partner.front {
        padding: 0 10px; } }
  .views-row-even .partner.front {
    padding-left: 30px; }
    @media only screen and (max-width: 768px) {
      .views-row-even .partner.front {
        padding-left: 20px; } }
    @media only screen and (max-width: 767px) {
      .views-row-even .partner.front {
        padding: 0 10px; } }

.page-partners .view-content h3 {
  border-bottom: 1px solid #d2dffb;
  clear: both;
  margin-bottom: 20px;
  padding: 20px 0 5px; }

.partners-block {
  margin-bottom: 40px;
  position: relative;
  z-index: 80; }
  .partners-block:before {
    background: #22235e url(../img/bg-body.png) center top no-repeat;
    content: '';
    height: 598px;
    left: 0;
    position: absolute;
    top: -250px;
    width: 100%;
    z-index: 80; }
    @media only screen and (max-width: 768px) {
      .partners-block:before {
        top: -270px; } }
  .partners-block .wrapper {
    z-index: 100; }
    .partners-block .wrapper:before {
      background: url(../img/bg-partners-top.svg) left top no-repeat;
      background-size: 100% 50px;
      content: '';
      display: block;
      height: 50px;
      width: 100%; }
      .ie8 .partners-block .wrapper:before {
        background-image: url(../img/bg-partners-top.png);
        display: none; }
    .partners-block .wrapper:after {
      background: url(../img/bg-partners-bottom.svg) left top no-repeat;
      background-size: 100% 12px;
      content: '';
      display: block;
      height: 12px;
      width: 100%; }
      .ie8 .partners-block .wrapper:after {
        background-image: url(../img/bg-partners-bottom.png);
        display: none; }
  .partners-block .content {
    background: white;
    padding: 20px 30px 10px; }
    @media only screen and (max-width: 767px) {
      .partners-block .content {
        padding: 20px 20px 10px; } }
    @media only screen and (max-width: 480px) {
      .partners-block .content {
        padding: 20px 10px 10px; } }
    .partners-block .content h4 {
      color: #6895f2;
      font: 700 normal 16px/18px "Nexa", Arial, "Lucida Grande", sans-serif;
      position: absolute;
      text-transform: uppercase;
      top: 35px; }
      @media only screen and (max-width: 767px) {
        .partners-block .content h4 {
          padding: 0 10px; } }
    .partners-block .content .section {
      border-top: 1px solid #d2dffb;
      padding: 30px 0 0 170px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .partners-block .content .section {
          padding: 30px 0 10px 120px; } }
      @media only screen and (max-width: 767px) {
        .partners-block .content .section {
          border-top: 0 none;
          padding: 0 0 10px; } }
      .partners-block .content .section .partner-title {
        background: url(../img/bg-partner-type.svg) left top no-repeat;
        background-size: 90px 26px;
        color: #6895f2;
        font: 500 normal 12px/26px "Nexa", Arial, "Lucida Grande", sans-serif;
        height: 26px;
        left: 0;
        padding-right: 10px;
        position: absolute;
        text-align: center;
        top: 30px;
        text-transform: uppercase;
        width: 90px; }
        @media only screen and (max-width: 767px) {
          .partners-block .content .section .partner-title {
            background-position: left bottom;
            border-top: 1px solid #d2dffb;
            height: 56px;
            margin: 0 10px 20px;
            padding: 30px 10px 0 10px;
            position: relative;
            text-align: left;
            top: auto;
            width: auto; } }
        .ie8 .partners-block .content .section .partner-title {
          background-image: url(../img/bg-partner-type.png); }
      .partners-block .content .section:first-child {
        border: 0 none; }
        .partners-block .content .section:first-child .partner-title {
          border: 0 none; }

/*	Advertisement ---- */
.advertisement img {
  display: block;
  height: auto;
  width: 100%; }

.advertisements {
  border: 4px solid #6895f2;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .advertisements {
      margin: 0 auto 40px;
      max-width: 260px; } }

/*	Product ---- */
.product .category a,
.shop-category .category a {
  color: #4a4545; }
  .no-touch .product .category a:hover, .no-touch
  .shop-category .category a:hover {
    color: #6895f2; }
.product .images,
.shop-category .images {
  margin-bottom: 20px; }
  .product .images img,
  .shop-category .images img {
    display: block;
    height: auto;
    margin-bottom: 10px;
    width: 100%; }
  .product .images .image,
  .shop-category .images .image {
    cursor: pointer;
    float: left;
    padding: 10px 0;
    width: 50%; }
    .product .images .image.odd,
    .shop-category .images .image.odd {
      clear: left;
      padding-right: 10px; }
    .product .images .image.even,
    .shop-category .images .image.even {
      padding-left: 10px; }
    .product .images .image img,
    .shop-category .images .image img {
      margin-bottom: 0; }
.product .field-name-body,
.product .field-name-field-related-products,
.shop-category .field-name-body,
.shop-category .field-name-field-related-products {
  clear: both; }
.product .field-name-field-related-products,
.shop-category .field-name-field-related-products {
  margin: 0 -20px; }
.product.teaser,
.shop-category.teaser {
  float: left;
  padding: 0 20px 40px;
  text-align: center;
  width: 33.333%; }
  .views-row-odd .product.teaser, .views-row-even .product.teaser, .views-row-odd
  .shop-category.teaser, .views-row-even
  .shop-category.teaser {
    clear: none;
    padding: 0 20px 40px; }
  .views-row-4 .product.teaser, .views-row-7 .product.teaser, .views-row-10 .product.teaser, .views-row-13 .product.teaser, .views-row-4
  .shop-category.teaser, .views-row-7
  .shop-category.teaser, .views-row-10
  .shop-category.teaser, .views-row-13
  .shop-category.teaser {
    clear: left; }
  @media only screen and (max-width: 768px) {
    .product.teaser,
    .shop-category.teaser {
      width: 50%; }
      .views-row-4 .product.teaser, .views-row-7 .product.teaser, .views-row-10 .product.teaser, .views-row-13 .product.teaser, .views-row-4
      .shop-category.teaser, .views-row-7
      .shop-category.teaser, .views-row-10
      .shop-category.teaser, .views-row-13
      .shop-category.teaser {
        clear: none; }
      .views-row-odd .product.teaser, .views-row-odd
      .shop-category.teaser {
        clear: left; }
      .field-name-field-related-products .product.teaser, .field-name-field-related-products
      .shop-category.teaser {
        width: 33.333%; } }
  @media only screen and (max-width: 480px) {
    .product.teaser,
    .shop-category.teaser {
      width: 100%; }
      .field-name-field-related-products .product.teaser, .field-name-field-related-products
      .shop-category.teaser {
        width: 50%; }
        .field-item-even .field-name-field-related-products .product.teaser, .field-item-even .field-name-field-related-products
        .shop-category.teaser {
          clear: left; } }
  .product.teaser .image,
  .shop-category.teaser .image {
    float: none;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%; }
    .product.teaser .image:after,
    .shop-category.teaser .image:after {
      background: url(../img/gfx-summary-down-product.svg) center top no-repeat;
      background-size: 105% 11px;
      bottom: -1px;
      content: '';
      height: 11px;
      position: absolute;
      right: 0;
      top: auto;
      width: 100%; }
      .ie8 .product.teaser .image:after, .ie8
      .shop-category.teaser .image:after {
        background-image: url(../img/gfx-summary-down-product.png); }
    .product.teaser .image img,
    .shop-category.teaser .image img {
      border: 1px solid #6895f2;
      border-width: 1px 1px 0;
      display: block;
      height: auto;
      width: 100%; }
    .product.teaser .image a:before,
    .shop-category.teaser .image a:before {
      background: rgba(33, 34, 94, 0.8) url(../img/ico-shop.svg) center center no-repeat;
      background-size: 35px 35px;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      top: -100%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      width: 100%; }
      .ie8 .product.teaser .image a:before, .ie8
      .shop-category.teaser .image a:before {
        background-image: url(../img/ico-shop.png); }
    .no-touch .product.teaser .image a:hover:before, .no-touch
    .shop-category.teaser .image a:hover:before {
      top: 0; }
  .product.teaser h3,
  .shop-category.teaser h3 {
    font-size: 14px; }
    .product.teaser h3 a,
    .shop-category.teaser h3 a {
      color: #4a4545; }
      .no-touch .product.teaser h3 a:hover, .no-touch
      .shop-category.teaser h3 a:hover {
        color: #6895f2; }

.view-shop .view-content,
.view-shop-taxonomy-term .view-content {
  margin: 0 -20px; }

/*	Sidebar Menu ---- */
.aside-block.menu .menu {
  margin: 0; }
  .aside-block.menu .menu li {
    display: none;
    margin: 0;
    padding: 0; }
    .aside-block.menu .menu li.expanded.active-trail {
      display: block; }
      .aside-block.menu .menu li.expanded.active-trail > a, .aside-block.menu .menu li.expanded.active-trail > .nolink {
        display: none; }
      .aside-block.menu .menu li.expanded.active-trail .menu li {
        display: block; }
        .aside-block.menu .menu li.expanded.active-trail .menu li a,
        .aside-block.menu .menu li.expanded.active-trail .menu li .nolink {
          border: 0 none;
          color: #6895f2;
          display: block;
          font: 300 normal 13px/17px "Nexa", Arial, "Lucida Grande", sans-serif;
          height: auto;
          padding: 10px 10px 10px 40px;
          text-decoration: none;
          text-transform: none; }
          .no-touch .aside-block.menu .menu li.expanded.active-trail .menu li a:hover, .no-touch
          .aside-block.menu .menu li.expanded.active-trail .menu li .nolink:hover {
            background: #22235e url(../img/gfx-sub-nav.svg) 15px center no-repeat;
            background-size: 8px 8px;
            color: white; }
            .ie8 .no-touch .aside-block.menu .menu li.expanded.active-trail .menu li a:hover, .ie8 .no-touch
            .aside-block.menu .menu li.expanded.active-trail .menu li .nolink:hover {
              background-image: url(../img/gfx-sub-nav.png); }
          .aside-block.menu .menu li.expanded.active-trail .menu li a.active, .aside-block.menu .menu li.expanded.active-trail .menu li a.active-trail,
          .aside-block.menu .menu li.expanded.active-trail .menu li .nolink.active,
          .aside-block.menu .menu li.expanded.active-trail .menu li .nolink.active-trail {
            background: url(../img/gfx-aside-nav.svg) 15px center no-repeat;
            background-size: 8px 8px;
            color: #22235e; }
            .ie8 .aside-block.menu .menu li.expanded.active-trail .menu li a.active, .ie8 .aside-block.menu .menu li.expanded.active-trail .menu li a.active-trail, .ie8
            .aside-block.menu .menu li.expanded.active-trail .menu li .nolink.active, .ie8
            .aside-block.menu .menu li.expanded.active-trail .menu li .nolink.active-trail {
              background-image: url(../img/gfx-aside-nav.png); }
.aside-block.menu .views-summary {
  margin: 0; }
  .aside-block.menu .views-summary li {
    display: block;
    margin: 0;
    padding: 0; }
    .aside-block.menu .views-summary li a,
    .aside-block.menu .views-summary li .nolink {
      border: 0 none;
      color: #6895f2;
      display: block;
      font: 300 normal 13px/17px "Nexa", Arial, "Lucida Grande", sans-serif;
      height: auto;
      padding: 10px 10px 10px 40px;
      text-decoration: none;
      text-transform: none; }
      .no-touch .aside-block.menu .views-summary li a:hover, .no-touch
      .aside-block.menu .views-summary li .nolink:hover {
        background: #22235e url(../img/gfx-sub-nav.svg) 15px center no-repeat;
        background-size: 8px 8px;
        color: white; }
        .ie8 .no-touch .aside-block.menu .views-summary li a:hover, .ie8 .no-touch
        .aside-block.menu .views-summary li .nolink:hover {
          background-image: url(../img/gfx-sub-nav.png); }
      .aside-block.menu .views-summary li a.active, .aside-block.menu .views-summary li a.active-trail,
      .aside-block.menu .views-summary li .nolink.active,
      .aside-block.menu .views-summary li .nolink.active-trail {
        background: url(../img/gfx-aside-nav.svg) 15px center no-repeat;
        background-size: 8px 8px;
        color: #22235e; }
        .ie8 .aside-block.menu .views-summary li a.active, .ie8 .aside-block.menu .views-summary li a.active-trail, .ie8
        .aside-block.menu .views-summary li .nolink.active, .ie8
        .aside-block.menu .views-summary li .nolink.active-trail {
          background-image: url(../img/gfx-aside-nav.png); }

/*	Sidebar Links (The Ladder, Facebook) ---- */
.the-ladder {
  background: url(../img/logo-the-ladder.svg) left top no-repeat;
  background-size: 150px 180px;
  display: block;
  font-size: 0;
  height: 90px;
  line-height: 0;
  margin: 0 auto 40px;
  width: 150px; }
  .no-touch .the-ladder:hover {
    background-position: left bottom; }
  .ie8 .the-ladder {
    background-image: url(../img/logo-the-ladder.png); }
  @media only screen and (max-width: 768px) {
    .the-ladder {
      background-position: center top;
      clear: left;
      float: left;
      width: 50%; }
      .no-touch .the-ladder:hover {
        background-position: center bottom; } }
  @media only screen and (max-width: 480px) {
    .the-ladder {
      float: none;
      width: 100%; } }

.facebook-page {
  background: url(../img/logo-facebook.svg) left top no-repeat;
  background-size: 135px 208px;
  display: block;
  font-size: 0;
  height: 104px;
  line-height: 0;
  margin: 0 auto;
  width: 135px; }
  .no-touch .facebook-page:hover {
    background-position: left bottom; }
  .facebook-page.tablet {
    display: none; }
  .ie8 .facebook-page {
    background-image: url(../img/logo-facebook.png); }
  @media only screen and (max-width: 768px) {
    .facebook-page {
      background-position: center top;
      display: none;
      float: left;
      width: 50%; }
      .no-touch .facebook-page:hover {
        background-position: center bottom; }
      .facebook-page.tablet {
        display: block; } }
  @media only screen and (max-width: 480px) {
    .facebook-page {
      display: block;
      float: none;
      margin-bottom: 40px;
      width: 100%; }
      .facebook-page.tablet {
        display: none; } }

/*	Callouts ---- */
.callouts {
  background: url(../img/gfx-callouts-arrow.svg) center 60px no-repeat;
  background-size: 55% 10px;
  margin: 0 -15px 10px;
  padding-top: 135px; }
  .ie8 .callouts {
    background-image: url(../img/gfx-callouts-arrow.png); }
  @media only screen and (max-width: 1023px) {
    .callouts {
      margin: 0 -10px 10px; } }
  @media only screen and (max-width: 480px) {
    .callouts {
      background-position: center 45px;
      margin: 0 0 10px;
      padding-top: 100px; } }
  .callouts .callout {
    float: left;
    padding: 0 15px;
    position: relative;
    width: 33.333%; }
    @media only screen and (max-width: 1023px) {
      .callouts .callout {
        padding: 0 10px; } }
    @media only screen and (max-width: 767px) {
      .callouts .callout {
        width: 50%; }
        .callouts .callout.profiles {
          clear: both;
          float: none;
          margin: 0 auto;
          padding: 20px 10px; } }
    @media only screen and (max-width: 480px) {
      .callouts .callout {
        float: none;
        margin-bottom: 20px;
        padding: 0;
        width: 100%; }
        .callouts .callout.profiles {
          margin-bottom: 20px;
          padding: 0; } }
    .callouts .callout img {
      display: block;
      height: auto;
      width: 100%; }
    .callouts .callout .callout-heading {
      background: url(../img/bg-callout-heading.svg) center top no-repeat;
      background-size: 100% 100px;
      bottom: 0;
      color: #22235e;
      font: 700 normal 15px/40px "Nexa", Arial, "Lucida Grande", sans-serif;
      left: 15px;
      padding-top: 10px;
      position: absolute;
      right: 15px;
      text-align: center; }
      .ie9 .callouts .callout .callout-heading {
        background-image: url(../img/bg-callout-heading.png); }
      .ie8 .callouts .callout .callout-heading {
        background: #6895f2;
        line-height: 50px;
        padding-top: 0; }
      @media only screen and (max-width: 1023px) {
        .callouts .callout .callout-heading {
          font-size: 12px;
          left: 10px;
          right: 10px; } }
      @media only screen and (max-width: 480px) {
        .callouts .callout .callout-heading {
          left: 0;
          right: 0; } }
      .callouts .callout .callout-heading span {
        display: inline-block;
        padding-left: 35px; }
        @media only screen and (max-width: 1023px) {
          .callouts .callout .callout-heading span {
            padding-left: 30px; } }
    .callouts .callout.weekly-wrap .callout-heading span {
      background: url(../img/ico-video-darkblue.svg) left 5px no-repeat;
      background-size: 25px 25px; }
      .ie8 .callouts .callout.weekly-wrap .callout-heading span {
        background-image: url(../img/ico-video-darkblue.png); }
      @media only screen and (max-width: 1023px) {
        .callouts .callout.weekly-wrap .callout-heading span {
          background-size: 20px 20px;
          background-position: left 8px; } }
    .callouts .callout.draws .callout-heading span {
      background: url(../img/ico-results-darkblue.svg) left 5px no-repeat;
      background-size: 25px 25px; }
      .ie8 .callouts .callout.draws .callout-heading span {
        background-image: url(../img/ico-results-darkblue.png); }
      @media only screen and (max-width: 1023px) {
        .callouts .callout.draws .callout-heading span {
          background-size: 20px 20px;
          background-position: left 8px; } }
    .callouts .callout.profiles .callout-heading span {
      background: url(../img/ico-profile-darkblue.svg) left 5px no-repeat;
      background-size: 25px 23px; }
      .ie8 .callouts .callout.profiles .callout-heading span {
        background-image: url(../img/ico-profile-darkblue.png); }
      @media only screen and (max-width: 1023px) {
        .callouts .callout.profiles .callout-heading span {
          background-size: 20px 18px;
          background-position: left 8px; } }
    .no-touch .callouts .callout:hover .callout-heading {
      background-position: center bottom;
      color: white; }
    .no-touch .callouts .callout:hover.weekly-wrap .callout-heading span {
      background-image: url(../img/ico-video.svg); }
      .ie8 .no-touch .callouts .callout:hover.weekly-wrap .callout-heading span {
        background-image: url(../img/ico-video.png); }
    .no-touch .callouts .callout:hover.draws .callout-heading span {
      background-image: url(../img/ico-results-white.svg); }
      .ie8 .no-touch .callouts .callout:hover.draws .callout-heading span {
        background-image: url(../img/ico-results-white.png); }
    .no-touch .callouts .callout:hover.profiles .callout-heading span {
      background-image: url(../img/ico-profile.svg); }
      .ie8 .no-touch .callouts .callout:hover.profiles .callout-heading span {
        background-image: url(../img/ico-profile.png); }

/*	Footer ---- */
footer {
  color: #6895f2;
  font: 300 normal 11px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
  padding-bottom: 40px; }
  @media only screen and (max-width: 480px) {
    footer {
      padding-bottom: 20px; } }
  footer .wrapper {
    padding-left: 155px;
    position: relative; }
    @media only screen and (max-width: 1104px) {
      footer .wrapper {
        padding-left: 120px; } }
    @media only screen and (max-width: 480px) {
      footer .wrapper {
        padding: 0 20px; } }
  footer .top {
    color: #6895f2;
    display: block;
    font: 700 normal 9px/11px "Nexa", Arial, "Lucida Grande", sans-serif;
    left: 40px;
    padding-top: 50px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    width: 40px; }
    @media only screen and (max-width: 480px) {
      footer .top {
        left: auto;
        margin: 0 auto 20px;
        position: relative;
        top: auto; } }
    footer .top:before {
      background: url(../img/gfx-back-to-top.svg) center top no-repeat;
      content: '';
      display: block;
      height: 40px;
      position: absolute;
      top: 0;
      width: 40px; }
      .ie8 footer .top:before {
        background-image: url(../img/gfx-back-to-top.png); }
    .no-touch footer .top:hover {
      color: white; }
      .no-touch footer .top:hover:before {
        background-position: center bottom; }
  footer .menu {
    border: 2px solid #5a7ed5;
    border-width: 0 2px;
    float: left;
    margin: 0;
    padding: 0 75px;
    width: 60%; }
    @media only screen and (max-width: 1104px) {
      footer .menu {
        padding: 0 40px; } }
    @media only screen and (max-width: 875px) {
      footer .menu {
        border-width: 0 0 0 2px;
        width: 100%; } }
    @media only screen and (max-width: 480px) {
      footer .menu {
        border: 0 none;
        border-top: 2px solid #5a7ed5;
        padding: 20px 20px 0; } }
    footer .menu li {
      display: inline;
      list-style: none;
      margin: 0;
      padding: 0; }
      footer .menu li a {
        background: url(../img/gfx-footer-nav.svg) left top no-repeat;
        background-size: 25px 240px;
        color: #6895f2;
        display: block;
        float: left;
        font: 300 normal 12px/40px "Nexa", Arial, "Lucida Grande", sans-serif;
        height: 40px;
        padding-left: 35px;
        text-decoration: none;
        text-transform: none;
        width: 50%; }
        .ie8 footer .menu li a {
          background-image: url(../img/gfx-footer-nav.png); }
        @media only screen and (max-width: 767px) {
          footer .menu li a {
            width: 100%; } }
        footer .menu li a.shop {
          background-position: left -160px; }
        footer .menu li a.contact {
          background-position: left -80px; }
        .no-touch footer .menu li a:hover {
          color: white; }
          .no-touch footer .menu li a:hover.facebook {
            background-position: left -40px; }
          .no-touch footer .menu li a:hover.shop {
            background-position: left bottom; }
          .no-touch footer .menu li a:hover.contact {
            background-position: left -120px; }
        footer .menu li a.logo {
          background-image: url(../img/logo-brothers-entertainment.svg);
          background-size: 140px 80px;
          font-size: 0; }
          .ie8 footer .menu li a.logo {
            background-image: url(../img/logo-brothers-entertainment.png); }
          .no-touch footer .menu li a.logo:hover {
            background-position: left bottom; }
  footer .copyright {
    float: left;
    padding-left: 75px;
    width: 40%; }
    @media only screen and (max-width: 1104px) {
      footer .copyright {
        padding-left: 40px; } }
    @media only screen and (max-width: 875px) {
      footer .copyright {
        border-left: 2px solid #5a7ed5;
        padding-top: 20px;
        width: 100%; }
        footer .copyright p br:first-child {
          display: none; } }
    @media only screen and (max-width: 480px) {
      footer .copyright {
        border: 0 none;
        padding: 20px 20px 0; } }
    footer .copyright a {
      color: #6895f2;
      text-decoration: none; }
      .no-touch footer .copyright a:hover {
        color: white; }

/*	04 Plugins
	----------	*/
/*	Social Media Share ---- */
.share {
  border-top: 1px solid #d2dffb;
  clear: both;
  font-size: 0;
  line-height: 0;
  margin-top: 30px;
  padding-top: 20px;
  text-transform: uppercase; }
  .page-weekly-wrap .share, .page-match-video .share, .node-type-video .share {
    margin-top: 0; }
  .share a {
    background: url(../img/gfx-share.svg) left top no-repeat;
    background-size: 60px 40px;
    display: inline-block;
    float: left;
    font-size: 0;
    height: 20px;
    margin-right: 10px;
    width: 20px; }
    .ie8 .share a {
      background-image: url(../img/gfx-share.png); }
    .share a.googleplus {
      background-position: -20px top; }
    .share a.twitter {
      background-position: right top; }
    .no-touch .share a:hover {
      background-position-y: bottom; }
  .share span {
    float: left;
    color: #6895f2;
    font: 300 normal 11px/20px "Nexa", Arial, "Lucida Grande", sans-serif; }
    @media only screen and (max-width: 480px) {
      .share span {
        clear: both;
        display: block;
        padding-top: 10px; } }

/*	Flexslider ---- */
.flexslider .slides {
  margin: 0; }
  .flexslider .slides .slide {
    margin: 0; }
.flexslider .flex-direction-nav {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0; }
  .flexslider .flex-direction-nav li {
    margin: 0;
    padding: 0; }
    .flexslider .flex-direction-nav li a {
      background: url(../img/gfx-flexslider-pager.svg) left top no-repeat;
      background-size: 20px 60px;
      display: block;
      height: 30px;
      margin-top: -15px;
      position: absolute;
      top: 50%;
      width: 10px; }
      .ie8 .flexslider .flex-direction-nav li a {
        background-image: url(../img/gfx-flexslider-pager.png); }
      .flexslider .flex-direction-nav li a.flex-next {
        background-position: right top; }
      .no-touch .flexslider .flex-direction-nav li a:hover {
        background-position-y: bottom; }

/*	05 Forms
	--------	*/
/*	---------------------------------------
	---------------------------------------

	Form Styles

	---------------------------------------
	---------------------------------------	*/
/*	Contents
	--------	
	
	01	Defaults
	02	Search Block
	03	Search Page
	04	Add to Cart Form
	05	Account Edit Form

*/
/*	01 Defaults
	-----------	*/
form {
  border-top: 2px dotted #dddddd;
  margin-top: 30px; }

.form-item {
  border-bottom: 2px dotted #dddddd;
  margin: 0;
  padding: 20px 0; }
  .form-item label {
    color: black;
    font: 700 normal 13px/18px "Nexa", Arial, "Lucida Grande", sans-serif;
    margin-bottom: 5px;
    text-transform: uppercase; }
    .form-item label .form-required {
      color: #cd3942; }
  .form-item .description {
    padding-top: 5px;
    font-size: 11px;
    line-height: 15px; }
  .form-item.form-type-radio, .form-item.form-type-checkbox {
    border: 0 none;
    padding: 0; }
    .form-item.form-type-radio label, .form-item.form-type-checkbox label {
      color: #4a4545;
      font: 300 normal 12px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
      text-transform: none; }

.form-textarea-wrapper {
  margin: 0;
  width: 100%; }

.form-actions {
  margin: 0;
  padding: 20px 0;
  width: 100%; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
  -webkit-appearance: none;
  border: 1px solid #22235e;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #4a4545;
  font: 300 normal 12px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin: 0;
  max-width: 100%;
  outline: none;
  padding: 8px 10px;
  width: 100%; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  textarea:focus {
    background: #d2dffb; }
  input[type="text"].error,
  input[type="email"].error,
  input[type="password"].error,
  input[type="number"].error,
  textarea.error {
    border-color: #cd3942 !important;
    background: #cd3942;
    color: white; }

.styled-select {
  background: #22235e url(../img/gfx-select.svg) right top no-repeat;
  background-size: 20px 70px;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: white;
  display: inline-block;
  font: 300 normal 12px/35px "Nexa", Arial, "Lucida Grande", sans-serif;
  height: 35px;
  max-width: 100%;
  outline: none;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  width: 100%; }
  .ie8 .styled-select {
    background-image: url(../img/gfx-select.png); }
  .no-touch .styled-select:hover {
    background-color: #4a4545;
    background-position: right bottom; }
  .styled-select .styled-select {
    background: none;
    border: 0 none;
    height: 100%;
    padding: 0;
    width: 100%; }
  .styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: white;
    cursor: pointer;
    font: 300 normal 12px/15px "Nexa", Arial, "Lucida Grande", sans-serif;
    height: 35px;
    outline: none;
    padding: 8px 30px 8px 10px;
    width: 120%; }

input[type="submit"],
.button {
  -webkit-appearance: none;
  background: #22235e url(../img/gfx-submit.svg) right top no-repeat;
  background-size: 15px 70px;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: white;
  display: inline-block;
  font: 700 normal 13px/35px "Nexa", Arial, "Lucida Grande", sans-serif;
  height: 35px;
  outline: none;
  padding: 0 30px 0 10px;
  text-transform: uppercase; }
  .ie8 input[type="submit"], .ie8
  .button {
    background-image: url(../img/gfx-submit.png); }
  .no-touch input[type="submit"]:hover, .no-touch
  .button:hover {
    background-color: #4a4545;
    background-position: right bottom;
    color: white;
    cursor: pointer; }

/*	02 Search Block
	---------------	*/
#search-block-form {
  border: 0 none;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 13px 0; }
  #search-block-form:after {
    clear: both;
    content: '';
    display: block; }
  #search-block-form .form-item {
    border: 0 none;
    float: left;
    padding: 0 10px 0 20px;
    width: 160px; }
  #search-block-form input[type="text"] {
    border: 0 none;
    height: 24px;
    padding: 4px 8px; }
  #search-block-form .form-actions {
    float: left;
    padding: 0;
    width: auto; }
  #search-block-form input[type="submit"] {
    background: url(../img/gfx-search.svg) left top no-repeat;
    background-size: 24px 48px;
    font-size: 0;
    height: 24px;
    line-height: 0;
    width: 24px; }
    .ie8 #search-block-form input[type="submit"] {
      background-image: url(../img/gfx-search.png); }
    .no-touch #search-block-form input[type="submit"]:hover {
      background-position: left bottom; }
  #search-block-form ::-webkit-input-placeholder {
    color: #060438;
    font-style: italic; }
  #search-block-form :-moz-placeholder {
    color: #060438;
    font-style: italic; }
  #search-block-form ::-moz-placeholder {
    color: #060438;
    font-style: italic; }
  #search-block-form :-ms-input-placeholder {
    color: #060438;
    font-style: italic; }

/*	03 Search Page
	--------------	*/
#search-form {
  margin-bottom: 40px; }
  #search-form .form-item {
    display: block; }
  #search-form input[type="submit"] {
    display: block;
    margin: 20px 0; }

/*	04 Add to Cart Form
	-------------------	*/
.commerce-add-to-cart {
  border-bottom: 2px dotted #dddddd;
  margin-bottom: 40px; }
  .commerce-add-to-cart .clear {
    clear: both; }
  .commerce-add-to-cart .form-item-quantity {
    border: 0 none;
    float: left;
    margin: 20px 0;
    padding: 0 20px 0 0;
    width: 40%; }
    @media only screen and (max-width: 480px) {
      .commerce-add-to-cart .form-item-quantity {
        border-bottom: 2px dotted #dddddd;
        float: none;
        margin: 0;
        padding: 20px 0;
        width: 100%; } }
  .commerce-add-to-cart .form-actions {
    border-left: 2px dotted #dddddd;
    float: left;
    margin: 20px 0;
    padding: 0 0 0 20px;
    width: 60%; }
    @media only screen and (max-width: 480px) {
      .commerce-add-to-cart .form-actions {
        border: 0 none;
        float: none;
        margin: 0;
        padding: 20px 0;
        width: 100%; } }
    .commerce-add-to-cart .form-actions .price {
      font: 700 normal 16px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
      margin-bottom: 15px; }
      .commerce-add-to-cart .form-actions .price span {
        font: 300 normal 11px/11px "Nexa", Arial, "Lucida Grande", sans-serif; }

/*	05 Account Edit Form
	--------------------	*/
#user-profile-form .confirm-parent,
#user-profile-form .password-parent,
#user-profile-form div.form-item div.password-suggestions {
  width: 100%; }

/*	06 Drupal
	---------	*/
/*	---------------------------------------
	---------------------------------------

	Drupal Style Overrides

	---------------------------------------
	---------------------------------------	*/
/*	Contents
	--------	
	
	01	User Account Pages
	02	Messages
	03	Tabs
	04	Pager
	05	Breadcrumbs
	06	Search Results
	07	Drupal Commerce
		- Shopping Cart
		- Checkout
		- Orders

*/
/*	01 User Account Pages
	---------------------	*/
.page-user main {
  width: 100%; }
.page-user .account, .page-user .order-history {
  display: inline;
  float: left;
  margin-bottom: 12px;
  padding-right: 45px;
  width: 50%; }
  @media only screen and (max-width: 767px) {
    .page-user .account, .page-user .order-history {
      display: block;
      float: none;
      margin-bottom: 25px;
      padding: 0;
      width: 100%; } }
.page-user .order-history {
  padding: 0; }
  .page-user .order-history table {
    border: 0 none;
    margin-bottom: 12px;
    width: 100%; }
    .page-user .order-history table tr {
      border-bottom: 1px solid #5a7ed5;
      padding: 0; }
      .page-user .order-history table tr.odd {
        background: #d2dffb; }
      .page-user .order-history table tr.even {
        background: white; }
      .page-user .order-history table tr td,
      .page-user .order-history table tr th {
        padding: 8px 0;
        vertical-align: middle; }
        .page-user .order-history table tr td img,
        .page-user .order-history table tr th img {
          display: none; }
        .page-user .order-history table tr td a,
        .page-user .order-history table tr th a {
          text-decoration: none; }
        .page-user .order-history table tr td.views-field-order-number,
        .page-user .order-history table tr th.views-field-order-number {
          padding-left: 20px; }
        .page-user .order-history table tr td.views-field-status,
        .page-user .order-history table tr th.views-field-status {
          padding-right: 20px;
          text-align: right; }
        @media only screen and (max-width: 480px) {
          .page-user .order-history table tr td.views-field-order-number,
          .page-user .order-history table tr th.views-field-order-number {
            padding-left: 10px; }
          .page-user .order-history table tr td.views-field-status,
          .page-user .order-history table tr th.views-field-status {
            padding-right: 10px; } }
      .page-user .order-history table tr th {
        border-bottom: 1px solid #5a7ed5;
        color: #252525;
        font: 700 normal 11px/16px "Nexa", Arial, "Lucida Grande", sans-serif; }
        .page-user .order-history table tr th a {
          color: #252525;
          font-weight: 700; }
          .no-touch .page-user .order-history table tr th a:hover {
            color: #6895f2; }
      .page-user .order-history table tr td.active {
        background: none; }

/*	02 Messages
	-----------	*/
div.messages {
  background: white;
  border: 0 none !important;
  color: #4a4545;
  margin: 0 0 40px;
  padding: 20px; }
  div.messages.error {
    background: #cd3942;
    color: white; }
  div.messages.status {
    background: #1e5040;
    color: white; }
  div.messages.warning {
    background: #5a7ed5;
    color: white; }
  div.messages p,
  div.messages ul,
  div.messages ol,
  div.messages li {
    margin-bottom: 0; }
  div.messages a {
    color: white;
    font-weight: bold;
    text-decoration: none; }
    .no-touch div.messages a:hover {
      text-decoration: underline; }

/*	03 Tabs
	-------	*/
ul.primary.tabs {
  border-bottom: 1px solid #d2dffb;
  font-size: 0;
  line-height: 0;
  margin: 0 0 20px;
  padding: 0 0 10px 0; }
  ul.primary.tabs li {
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0; }
    ul.primary.tabs li a {
      background: none;
      border: 0 none;
      color: #6895f2;
      display: block;
      font: 500 normal 13px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
      margin: 0 10px 0 0;
      padding: 0; }
      .no-touch ul.primary.tabs li a:hover, ul.primary.tabs li a.active {
        color: #787575; }
  ul.primary.tabs:after {
    clear: both;
    content: '';
    display: block; }

/*	04 Pager
	--------	*/
.item-list .pager {
  margin: 0;
  padding-top: 20px;
  text-align: left; }
  .item-list .pager li {
    font: 300 normal 11px/11px "Nexa", Arial, "Lucida Grande", sans-serif;
    margin: 0 10px 0 0;
    padding: 0;
    text-transform: uppercase; }
    .item-list .pager li.pager-first, .item-list .pager li.pager-last, .item-list .pager li.pager-ellipsis {
      display: none; }
    .item-list .pager li.pager-current {
      color: #22235e; }
    .item-list .pager li a {
      font: 300 normal 11px/15px "Nexa", Arial, "Lucida Grande", sans-serif;
      text-transform: uppercase; }
      .no-touch .item-list .pager li a:hover {
        color: #22235e; }
    .item-list .pager li.pager-next a {
      background: url(../img/gfx-pager-next.svg) right top no-repeat;
      background-size: 5px 30px;
      padding-right: 15px; }
      .ie8 .item-list .pager li.pager-next a {
        background-image: url(../img/gfx-pager-next.png); }
      .no-touch .item-list .pager li.pager-next a:hover {
        background-position: right bottom; }
    .item-list .pager li.pager-previous a {
      background: url(../img/gfx-pager-prev.svg) left top no-repeat;
      background-size: 5px 30px;
      padding-left: 15px; }
      .ie8 .item-list .pager li.pager-previous a {
        background-image: url(../img/gfx-pager-prev.png); }
      .no-touch .item-list .pager li.pager-previous a:hover {
        background-position: left bottom; }

/*	05 Breadcrumbs
	--------------	*/
.breadcrumb {
  border-bottom: 1px solid #d2dffb;
  color: #6895f2;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 20px;
  padding: 0 0 10px 0;
  text-transform: uppercase; }
  @media only screen and (max-width: 480px) {
    .breadcrumb {
      padding-top: 15px; } }
  .breadcrumb a {
    background: none;
    border: 0 none;
    color: #6895f2;
    font: 500 normal 13px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
    margin: 0;
    padding: 0; }
    .no-touch .breadcrumb a:hover, .breadcrumb a.active {
      color: #787575; }

/*	06 Search Results
	-----------------	*/
.search-results {
  border-top: 1px solid #d2dffb;
  margin: 0; }
  .search-results .search-result {
    border-bottom: 1px solid #d2dffb;
    margin: 0;
    padding: 20px 0 10px; }
    .search-results .search-result h3 a {
      color: #4a4545;
      font-size: 13px; }
      .no-touch .search-results .search-result h3 a:hover {
        color: #6895f2; }
    .search-results .search-result .search-snippet-info {
      padding: 0; }
    .search-results .search-result .search-info {
      display: none; }

/*	07 Drupal Commerce
	------------------	*/
/*	Shopping Cart ---- */
.cart-empty-page {
  margin-bottom: 30px; }

.page-cart main, .page-checkout main, .page-user-orders main {
  width: 100%; }
.page-cart form, .page-checkout form, .page-user-orders form {
  border: 0 none;
  margin: 0; }
.page-cart table, .page-checkout table, .page-user-orders table {
  border-top: 0 none;
  margin: 0;
  width: 100%; }
  .page-cart table tr, .page-checkout table tr, .page-user-orders table tr {
    border-bottom: 1px solid #5a7ed5;
    padding: 0; }
    .page-cart table tr.odd, .page-checkout table tr.odd, .page-user-orders table tr.odd {
      background: #d2dffb !important; }
    .page-cart table tr.even, .page-checkout table tr.even, .page-user-orders table tr.even {
      background: white !important; }
    .page-cart table tr td, .page-checkout table tr td, .page-user-orders table tr td,
    .page-cart table tr th,
    .page-checkout table tr th,
    .page-user-orders table tr th {
      color: #4a4545;
      font: 300 normal 13px/18px "Nexa", Arial, "Lucida Grande", sans-serif;
      padding: 8px;
      vertical-align: middle; }
      .page-cart table tr td.views-field-line-item-title, .page-checkout table tr td.views-field-line-item-title, .page-user-orders table tr td.views-field-line-item-title,
      .page-cart table tr th.views-field-line-item-title,
      .page-checkout table tr th.views-field-line-item-title,
      .page-user-orders table tr th.views-field-line-item-title {
        padding-left: 20px; }
        .page-cart table tr td.views-field-line-item-title a, .page-checkout table tr td.views-field-line-item-title a, .page-user-orders table tr td.views-field-line-item-title a,
        .page-cart table tr th.views-field-line-item-title a,
        .page-checkout table tr th.views-field-line-item-title a,
        .page-user-orders table tr th.views-field-line-item-title a {
          text-decoration: none; }
      .page-cart table tr td.views-field-quantity, .page-checkout table tr td.views-field-quantity, .page-user-orders table tr td.views-field-quantity, .page-cart table tr td.views-field-edit-quantity, .page-checkout table tr td.views-field-edit-quantity, .page-user-orders table tr td.views-field-edit-quantity,
      .page-cart table tr th.views-field-quantity,
      .page-checkout table tr th.views-field-quantity,
      .page-user-orders table tr th.views-field-quantity,
      .page-cart table tr th.views-field-edit-quantity,
      .page-checkout table tr th.views-field-edit-quantity,
      .page-user-orders table tr th.views-field-edit-quantity {
        text-align: center; }
        .page-cart table tr td.views-field-quantity .form-item, .page-checkout table tr td.views-field-quantity .form-item, .page-user-orders table tr td.views-field-quantity .form-item, .page-cart table tr td.views-field-edit-quantity .form-item, .page-checkout table tr td.views-field-edit-quantity .form-item, .page-user-orders table tr td.views-field-edit-quantity .form-item,
        .page-cart table tr th.views-field-quantity .form-item,
        .page-checkout table tr th.views-field-quantity .form-item,
        .page-user-orders table tr th.views-field-quantity .form-item,
        .page-cart table tr th.views-field-edit-quantity .form-item,
        .page-checkout table tr th.views-field-edit-quantity .form-item,
        .page-user-orders table tr th.views-field-edit-quantity .form-item {
          border: 0 none;
          padding: 0; }
      .page-cart table tr td.views-field-commerce-total, .page-checkout table tr td.views-field-commerce-total, .page-user-orders table tr td.views-field-commerce-total,
      .page-cart table tr th.views-field-commerce-total,
      .page-checkout table tr th.views-field-commerce-total,
      .page-user-orders table tr th.views-field-commerce-total {
        font-weight: bold;
        padding-right: 20px;
        text-align: right; }
      @media only screen and (max-width: 768px) {
        .page-cart table tr td.views-field-commerce-unit-price, .page-checkout table tr td.views-field-commerce-unit-price, .page-user-orders table tr td.views-field-commerce-unit-price,
        .page-cart table tr th.views-field-commerce-unit-price,
        .page-checkout table tr th.views-field-commerce-unit-price,
        .page-user-orders table tr th.views-field-commerce-unit-price {
          display: none; } }
      @media only screen and (max-width: 480px) {
        .page-cart table tr td, .page-checkout table tr td, .page-user-orders table tr td,
        .page-cart table tr th,
        .page-checkout table tr th,
        .page-user-orders table tr th {
          font-size: 11px;
          line-height: 13px;
          padding: 8px 4px; }
          .page-cart table tr td.views-field-edit-delete, .page-checkout table tr td.views-field-edit-delete, .page-user-orders table tr td.views-field-edit-delete,
          .page-cart table tr th.views-field-edit-delete,
          .page-checkout table tr th.views-field-edit-delete,
          .page-user-orders table tr th.views-field-edit-delete {
            display: none; }
          .page-cart table tr td.views-field-line-item-title, .page-checkout table tr td.views-field-line-item-title, .page-user-orders table tr td.views-field-line-item-title,
          .page-cart table tr th.views-field-line-item-title,
          .page-checkout table tr th.views-field-line-item-title,
          .page-user-orders table tr th.views-field-line-item-title {
            padding-left: 10px; }
          .page-cart table tr td.views-field-commerce-total, .page-checkout table tr td.views-field-commerce-total, .page-user-orders table tr td.views-field-commerce-total,
          .page-cart table tr th.views-field-commerce-total,
          .page-checkout table tr th.views-field-commerce-total,
          .page-user-orders table tr th.views-field-commerce-total {
            padding-right: 10px; } }
    .page-cart table tr th, .page-checkout table tr th, .page-user-orders table tr th {
      border-bottom: 1px solid #5a7ed5;
      color: #252525;
      font: 700 normal 11px/16px "Nexa", Arial, "Lucida Grande", sans-serif; }
  .page-cart table input[type="text"], .page-checkout table input[type="text"], .page-user-orders table input[type="text"] {
    margin: 0;
    text-align: center;
    width: 60px; }
    @media only screen and (max-width: 480px) {
      .page-cart table input[type="text"], .page-checkout table input[type="text"], .page-user-orders table input[type="text"] {
        width: 45px; } }
  .page-cart table input[type="submit"], .page-checkout table input[type="submit"], .page-user-orders table input[type="submit"] {
    background-image: url(../img/gfx-submit-cross.svg);
    background-position: center top;
    background-size: 15px 70px;
    font-size: 0;
    width: 35px; }
    .ie8 .page-cart table input[type="submit"], .ie8 .page-checkout table input[type="submit"], .ie8 .page-user-orders table input[type="submit"] {
      background-image: url(../img/gfx-submit-cross.png); }
    .no-touch .page-cart table input[type="submit"]:hover, .no-touch .page-checkout table input[type="submit"]:hover, .no-touch .page-user-orders table input[type="submit"]:hover {
      background-position: center bottom; }
.page-cart .line-item-summary, .page-checkout .line-item-summary, .page-user-orders .line-item-summary {
  background: #d2dffb;
  border-bottom: 1px solid #5a7ed5;
  clear: both;
  color: #252525;
  display: inline-block;
  float: right;
  font: 700 normal 16px/50px "Nexa", Arial, "Lucida Grande", sans-serif;
  margin-bottom: 20px;
  padding: 0 20px; }
  @media only screen and (max-width: 480px) {
    .page-cart .line-item-summary, .page-checkout .line-item-summary, .page-user-orders .line-item-summary {
      padding: 0 10px; } }
.page-cart .commerce-line-item-actions, .page-checkout .commerce-line-item-actions, .page-user-orders .commerce-line-item-actions {
  clear: both;
  padding-bottom: 0; }
  .page-cart .commerce-line-item-actions input[type="submit"], .page-checkout .commerce-line-item-actions input[type="submit"], .page-user-orders .commerce-line-item-actions input[type="submit"] {
    margin: 0 0 0 10px; }
    @media only screen and (max-width: 480px) {
      .page-cart .commerce-line-item-actions input[type="submit"], .page-checkout .commerce-line-item-actions input[type="submit"], .page-user-orders .commerce-line-item-actions input[type="submit"] {
        margin: 0;
        width: 100%; } }
  .page-cart .commerce-line-item-actions #edit-submit, .page-checkout .commerce-line-item-actions #edit-submit, .page-user-orders .commerce-line-item-actions #edit-submit {
    background-image: url(../img/gfx-submit-up.svg);
    background-size: 35px 70px;
    padding-right: 40px; }
    .ie8 .page-cart .commerce-line-item-actions #edit-submit, .ie8 .page-checkout .commerce-line-item-actions #edit-submit, .ie8 .page-user-orders .commerce-line-item-actions #edit-submit {
      background-image: url(../img/gfx-submit-up.png); }
    @media only screen and (max-width: 480px) {
      .page-cart .commerce-line-item-actions #edit-submit, .page-checkout .commerce-line-item-actions #edit-submit, .page-user-orders .commerce-line-item-actions #edit-submit {
        margin-bottom: 12px; } }

/*	Checkout ---- */
.page-checkout .cart_contents {
  margin-bottom: 40px; }
  .page-checkout .cart_contents legend {
    display: none; }
.page-checkout .view-commerce-cart-summary .commerce-price-formatted-components {
  color: #4a4545; }
  .page-checkout .view-commerce-cart-summary .commerce-price-formatted-components .component-type-commerce-price-formatted-amount .component-title,
  .page-checkout .view-commerce-cart-summary .commerce-price-formatted-components .component-type-commerce-price-formatted-amount .component-total {
    color: #252525;
    font: 700 normal 16px/20px "Nexa", Arial, "Lucida Grande", sans-serif; }
  .page-checkout .view-commerce-cart-summary .commerce-price-formatted-components .component-title {
    padding-left: 20px; }
  .page-checkout .view-commerce-cart-summary .commerce-price-formatted-components .component-total {
    padding-right: 20px; }
  @media only screen and (max-width: 480px) {
    .page-checkout .view-commerce-cart-summary .commerce-price-formatted-components {
      width: 100%; }
      .page-checkout .view-commerce-cart-summary .commerce-price-formatted-components .component-title {
        padding-left: 10px; }
      .page-checkout .view-commerce-cart-summary .commerce-price-formatted-components .component-total {
        padding-right: 10px; } }
.page-checkout .customer_profile_shipping, .page-checkout .customer_profile_billing,
.page-checkout .commerce_payment, .page-checkout .commerce_shipping, .page-checkout .account, .page-checkout .page-user .order-history, .page-user .page-checkout .order-history {
  display: inline;
  float: left;
  margin-bottom: 40px;
  padding-right: 15px;
  width: 50%; }
  @media only screen and (max-width: 767px) {
    .page-checkout .customer_profile_shipping, .page-checkout .customer_profile_billing,
    .page-checkout .commerce_payment, .page-checkout .commerce_shipping, .page-checkout .account, .page-checkout .page-user .order-history, .page-user .page-checkout .order-history {
      margin-bottom: 25px;
      padding: 0;
      width: 100%; } }
  .page-checkout .customer_profile_shipping legend, .page-checkout .customer_profile_billing legend,
  .page-checkout .commerce_payment legend, .page-checkout .commerce_shipping legend, .page-checkout .account legend, .page-checkout .page-user .order-history legend, .page-user .page-checkout .order-history legend {
    color: #252525;
    font: 700 normal 11px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
    margin-bottom: 8px;
    padding: 0 20px;
    text-transform: uppercase; }
  .page-checkout .customer_profile_shipping .fieldset-wrapper, .page-checkout .customer_profile_billing .fieldset-wrapper,
  .page-checkout .commerce_payment .fieldset-wrapper, .page-checkout .commerce_shipping .fieldset-wrapper, .page-checkout .account .fieldset-wrapper, .page-checkout .page-user .order-history .fieldset-wrapper, .page-user .page-checkout .order-history .fieldset-wrapper {
    border-top: 1px solid #5a7ed5;
    padding: 20px; }
    .page-checkout .customer_profile_shipping .fieldset-wrapper .form-item:first-child, .page-checkout .customer_profile_billing .fieldset-wrapper .form-item:first-child,
    .page-checkout .commerce_payment .fieldset-wrapper .form-item:first-child, .page-checkout .commerce_shipping .fieldset-wrapper .form-item:first-child, .page-checkout .account .fieldset-wrapper .form-item:first-child, .page-checkout .page-user .order-history .fieldset-wrapper .form-item:first-child, .page-user .page-checkout .order-history .fieldset-wrapper .form-item:first-child {
      padding-top: 0; }
    .page-checkout .customer_profile_shipping .fieldset-wrapper .name-block .form-item:first-child, .page-checkout .customer_profile_billing .fieldset-wrapper .name-block .form-item:first-child,
    .page-checkout .commerce_payment .fieldset-wrapper .name-block .form-item:first-child, .page-checkout .commerce_shipping .fieldset-wrapper .name-block .form-item:first-child, .page-checkout .account .fieldset-wrapper .name-block .form-item:first-child, .page-checkout .page-user .order-history .fieldset-wrapper .name-block .form-item:first-child, .page-user .page-checkout .order-history .fieldset-wrapper .name-block .form-item:first-child,
    .page-checkout .customer_profile_shipping .fieldset-wrapper .street-block .form-item:first-child,
    .page-checkout .customer_profile_billing .fieldset-wrapper .street-block .form-item:first-child,
    .page-checkout .commerce_payment .fieldset-wrapper .street-block .form-item:first-child,
    .page-checkout .commerce_shipping .fieldset-wrapper .street-block .form-item:first-child,
    .page-checkout .account .fieldset-wrapper .street-block .form-item:first-child,
    .page-checkout .page-user .order-history .fieldset-wrapper .street-block .form-item:first-child,
    .page-user .page-checkout .order-history .fieldset-wrapper .street-block .form-item:first-child,
    .page-checkout .customer_profile_shipping .fieldset-wrapper .locality-block .form-item:first-child,
    .page-checkout .customer_profile_billing .fieldset-wrapper .locality-block .form-item:first-child,
    .page-checkout .commerce_payment .fieldset-wrapper .locality-block .form-item:first-child,
    .page-checkout .commerce_shipping .fieldset-wrapper .locality-block .form-item:first-child,
    .page-checkout .account .fieldset-wrapper .locality-block .form-item:first-child,
    .page-checkout .page-user .order-history .fieldset-wrapper .locality-block .form-item:first-child,
    .page-user .page-checkout .order-history .fieldset-wrapper .locality-block .form-item:first-child {
      padding-top: 20px; }
  .page-checkout .customer_profile_shipping div.addressfield-container-inline > div.form-item, .page-checkout .customer_profile_billing div.addressfield-container-inline > div.form-item,
  .page-checkout .commerce_payment div.addressfield-container-inline > div.form-item, .page-checkout .commerce_shipping div.addressfield-container-inline > div.form-item, .page-checkout .account div.addressfield-container-inline > div.form-item, .page-checkout .page-user .order-history div.addressfield-container-inline > div.form-item, .page-user .page-checkout .order-history div.addressfield-container-inline > div.form-item {
    float: none;
    width: 100%; }
  .page-checkout .customer_profile_shipping .form-item-customer-profile-billing-commerce-customer-profile-copy, .page-checkout .customer_profile_billing .form-item-customer-profile-billing-commerce-customer-profile-copy,
  .page-checkout .commerce_payment .form-item-customer-profile-billing-commerce-customer-profile-copy, .page-checkout .commerce_shipping .form-item-customer-profile-billing-commerce-customer-profile-copy, .page-checkout .account .form-item-customer-profile-billing-commerce-customer-profile-copy, .page-checkout .page-user .order-history .form-item-customer-profile-billing-commerce-customer-profile-copy, .page-user .page-checkout .order-history .form-item-customer-profile-billing-commerce-customer-profile-copy {
    padding-bottom: 20px; }
    .page-checkout .customer_profile_shipping .form-item-customer-profile-billing-commerce-customer-profile-copy input, .page-checkout .customer_profile_billing .form-item-customer-profile-billing-commerce-customer-profile-copy input,
    .page-checkout .commerce_payment .form-item-customer-profile-billing-commerce-customer-profile-copy input, .page-checkout .commerce_shipping .form-item-customer-profile-billing-commerce-customer-profile-copy input, .page-checkout .account .form-item-customer-profile-billing-commerce-customer-profile-copy input, .page-checkout .page-user .order-history .form-item-customer-profile-billing-commerce-customer-profile-copy input, .page-user .page-checkout .order-history .form-item-customer-profile-billing-commerce-customer-profile-copy input {
      float: left; }
    .page-checkout .customer_profile_shipping .form-item-customer-profile-billing-commerce-customer-profile-copy label, .page-checkout .customer_profile_billing .form-item-customer-profile-billing-commerce-customer-profile-copy label,
    .page-checkout .commerce_payment .form-item-customer-profile-billing-commerce-customer-profile-copy label, .page-checkout .commerce_shipping .form-item-customer-profile-billing-commerce-customer-profile-copy label, .page-checkout .account .form-item-customer-profile-billing-commerce-customer-profile-copy label, .page-checkout .page-user .order-history .form-item-customer-profile-billing-commerce-customer-profile-copy label, .page-user .page-checkout .order-history .form-item-customer-profile-billing-commerce-customer-profile-copy label {
      display: block;
      font-size: 13px;
      padding-left: 30px; }
.page-checkout .customer_profile_billing,
.page-checkout .commerce_payment {
  padding: 0 0 0 15px; }
  @media only screen and (max-width: 767px) {
    .page-checkout .customer_profile_billing,
    .page-checkout .commerce_payment {
      padding: 0; } }
.page-checkout .commerce_shipping {
  clear: left; }
.page-checkout .account, .page-checkout .page-user .order-history, .page-user .page-checkout .order-history {
  padding-right: 0;
  width: 100%; }
.page-checkout .checkout-buttons {
  clear: both;
  font-size: 0;
  margin-bottom: 20px; }
  .page-checkout .checkout-buttons input[type="submit"] {
    float: right; }
    @media only screen and (max-width: 480px) {
      .page-checkout .checkout-buttons input[type="submit"] {
        width: 100%; } }
    .page-checkout .checkout-buttons input[type="submit"].checkout-cancel, .page-checkout .checkout-buttons input[type="submit"].checkout-back {
      background: none;
      border: 0 none;
      color: #5a7ed5;
      margin-right: 10px;
      padding: 1px 10px;
      text-decoration: none; }
      @media only screen and (max-width: 480px) {
        .page-checkout .checkout-buttons input[type="submit"].checkout-cancel, .page-checkout .checkout-buttons input[type="submit"].checkout-back {
          margin-top: 12px; } }
      .page-checkout .checkout-buttons input[type="submit"].checkout-cancel:hover, .page-checkout .checkout-buttons input[type="submit"].checkout-back:hover {
        color: #22235e; }
.page-checkout.page-checkout-review table.checkout-review {
  border: 0 none;
  margin-bottom: 20px; }
  .page-checkout.page-checkout-review table.checkout-review .pane-title {
    background: none !important;
    border-bottom: 1px solid #5a7ed5;
    color: #252525;
    font: 700 normal 11px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase; }
    .page-checkout.page-checkout-review table.checkout-review .pane-title td {
      padding: 40px 20px 12px; }
      @media only screen and (max-width: 480px) {
        .page-checkout.page-checkout-review table.checkout-review .pane-title td {
          padding-top: 25px; } }
  .page-checkout.page-checkout-review table.checkout-review .pane-data {
    background: none !important;
    border: 0 none; }
    .page-checkout.page-checkout-review table.checkout-review .pane-data > td {
      padding: 20px; }
      .page-checkout.page-checkout-review table.checkout-review .pane-data > td .form-item:first-child {
        padding-top: 0; }
    .page-checkout.page-checkout-review table.checkout-review .pane-data label {
      color: #4a4545;
      font-size: 13px; }

/*	Orders ---- */
.page-user-orders .view-commerce-user-orders {
  margin-bottom: 20px; }
  .page-user-orders .view-commerce-user-orders td,
  .page-user-orders .view-commerce-user-orders th {
    padding: 8px 0;
    vertical-align: middle; }
    .page-user-orders .view-commerce-user-orders td img,
    .page-user-orders .view-commerce-user-orders th img {
      display: none; }
    .page-user-orders .view-commerce-user-orders td a,
    .page-user-orders .view-commerce-user-orders th a {
      color: #252525;
      text-decoration: none; }
      .no-touch .page-user-orders .view-commerce-user-orders td a:hover, .no-touch
      .page-user-orders .view-commerce-user-orders th a:hover {
        color: #6895f2; }
    .page-user-orders .view-commerce-user-orders td.views-field-order-number,
    .page-user-orders .view-commerce-user-orders th.views-field-order-number {
      padding-left: 20px; }
    .page-user-orders .view-commerce-user-orders td.views-field-status,
    .page-user-orders .view-commerce-user-orders th.views-field-status {
      padding-right: 20px;
      text-align: right; }
    @media only screen and (max-width: 480px) {
      .page-user-orders .view-commerce-user-orders td.views-field-order-number,
      .page-user-orders .view-commerce-user-orders th.views-field-order-number {
        padding-left: 10px; }
      .page-user-orders .view-commerce-user-orders td.views-field-status,
      .page-user-orders .view-commerce-user-orders th.views-field-status {
        padding-right: 10px; } }
  .page-user-orders .view-commerce-user-orders td.active {
    background: none; }
.page-user-orders .commerce-price-formatted-components {
  color: #4a4545;
  margin-bottom: 40px; }
  .page-user-orders .commerce-price-formatted-components .component-type-commerce-price-formatted-amount .component-title,
  .page-user-orders .commerce-price-formatted-components .component-type-commerce-price-formatted-amount .component-total {
    color: #252525;
    font: 700 normal 16px/20px "Nexa", Arial, "Lucida Grande", sans-serif; }
  .page-user-orders .commerce-price-formatted-components .component-title {
    padding-left: 20px; }
  .page-user-orders .commerce-price-formatted-components .component-total {
    padding-right: 20px; }
  @media only screen and (max-width: 480px) {
    .page-user-orders .commerce-price-formatted-components {
      width: 100%; }
      .page-user-orders .commerce-price-formatted-components .component-title {
        padding-left: 10px; }
      .page-user-orders .commerce-price-formatted-components .component-total {
        padding-right: 10px; } }
.page-user-orders .field-name-commerce-customer-billing, .page-user-orders .field-name-commerce-customer-shipping {
  display: inline;
  float: left;
  margin-bottom: 40px;
  padding-right: 15px;
  width: 50%; }
  @media only screen and (max-width: 767px) {
    .page-user-orders .field-name-commerce-customer-billing, .page-user-orders .field-name-commerce-customer-shipping {
      margin-bottom: 25px;
      padding: 0;
      width: 100%; } }
  .page-user-orders .field-name-commerce-customer-billing .field-label, .page-user-orders .field-name-commerce-customer-shipping .field-label {
    color: #252525;
    font: 700 normal 11px/16px "Nexa", Arial, "Lucida Grande", sans-serif;
    margin-bottom: 8px;
    padding: 0 20px;
    text-transform: uppercase; }
  .page-user-orders .field-name-commerce-customer-billing > .field-items, .page-user-orders .field-name-commerce-customer-shipping > .field-items {
    border-top: 1px solid #5a7ed5;
    padding: 20px; }
.page-user-orders .field-name-commerce-customer-shipping {
  padding: 0 0 0 15px; }
  @media only screen and (max-width: 767px) {
    .page-user-orders .field-name-commerce-customer-shipping {
      padding: 0; } }

/*	07 Clear Fix
	------------	*/
.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }