@charset "UTF-8";

/**
* Site wide styling
*
*
* @author   Matthew Davies (md@langarth.com)
* @date     18th September 2013
*/

/* !text, links and highlights */


.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-primary {
  color: #fff !important;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-block {
  display: block;
  width: 100%;
}

::-moz-selection{ background: #444; color: #fff; text-shadow: none; }
::selection { background: #444; color: #fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #ffee00; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #444; }
a:hover { text-decoration: none; }

body, select, input, textarea { font-family: Tahoma, Geneva, sans-serif; }
p, li { letter-spacing: 0.5px; word-spacing: 2px; line-height: 140%; }
strong { color: #fdb200; /* yellow */ font-weight: normal; }

p { margin-bottom: 15px;}
p.lead {
    font-size: 1.25em;
    margin-bottom: 1.2em;
}

h1,h2,h3,h4,h5,h6 {
    font-style: normal;
    line-height: normal;
}
h1 {font-size: 1.8em; margin-bottom: 30px; }
h2 {font-size: 1.5em; margin-bottom: 30px; }
h2.highlighted {
    font-size: 1.3em;
    margin-bottom: 30px;
    background-color: #fab93e;
    padding: 8px 12px;
    border-left: 5px solid #000;
}

strike, strike span {
    color: #bbb !important;
}

img { max-width: 100%; height:auto;}
img.thumbnail {
    border: 1px solid #ddd;
    padding: 10px;
    width: 60%;
    height: auto;
    box-sizing: border-box;
    margin: 20px auto;
    display: block;
}

/* !layout */

html { overflow-x: hidden; }

nav { padding: 20px 0px; }
nav img { float: left; }
nav ul li a { float: left; font-size: 100%; /* 13px */ line-height: 30px; text-decoration: none; text-transform: uppercase; color: #000; margin-left: 50px; }
nav ul li a:hover, nav ul li a:focus, nav ul li a.on { color: #fdb200; /* yellow */ }

nav ul li.current a:link,
nav ul li.current a:active,
nav ul li.current a:visited,
nav ul li.current a:hover,
nav ul li.current a:focus { color: #fdb200; /* yellow */ }

header { overflow: hidden; background: #010100 url('../images/background.jpg') center top no-repeat; }
header #feature { background: #010100; width: 1500px; height: 175px; position: absolute; top: 30px; left: 0px; overflow: hidden; }
header p { position: absolute; top: 250px; left: 0px; color: #fff; }

section { padding: 35px 0px 45px; }
section.contactDetails { height: 210px; padding: 10px 0px 45px; }
section img { margin-right: 24px; vertical-align: middle; }

ul.inline-list { list-style: none; margin-left: 0px; }
ul.inline-list li { display: inline-block; margin:0 30px 30px 30px; }


.clickable:hover { cursor: pointer; }

footer { background: #3b3a3a; }
footer img { float: right; margin: 15px 0px; }
footer .linkedin { float: right; padding: 15px 25px 0 0; }

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

/*.whiteArea { height: 185px; }*/
.contactDetails ul li:first-child { margin-right: 55px; }
p.notice { margin-bottom: 15px; }

.tourdates li { margin-bottom: 10px; }
.tourdates span { font-style: italic; color:#666; font-size: 11px; }

/*Slick Image Gallery custom CSS*/
.image-gallery { background: #f5f5f5; padding:50px 0; margin-bottom:30px; }
.slick-prev:before,
[dir='rtl'] .slick-prev:before,
.slick-next:before,
[dir='rtl'] .slick-next:before { color:#000 !important; }
.slick-dots { margin-left:0 !important;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gc32 { margin-top:30px; }
.gc32-header { background:none; }
.gc32comp { margin-top:30px; text-align: center; }
.gc32comp .terms { text-align: justify; margin-top:60px; color:#666; }
.gc32comp .terms h2 { text-align: center; }
.gc32comp .terms li { margin-bottom:0.75em; }
.gc32comp h1 { font-size: 2.25em; font-weight: bold; }
.gc32comp h2 { font-size: 1.75em; margin-bottom:0.5em; margin-top:1.5em; }
.gc32comp a { color:#007aff; }

.gc32comp blockquote { display: inline-block; font-style: italic; font-family:monospace; font-weight: bold; line-height: normal; font-size: 1.5em; padding:20px; margin:20px 0px; border:3px solid #ccc;  }


.gc32-article { margin-top:30px; text-align: center; }
.gc32-article h1 { font-size: 2.25em; font-weight: bold; }
.gc32-article a { color:#007aff; }
.gc32-article p { text-align: justify; }
.gc32-article p.lead { text-align: center; }
.gc32-article blockquote {
    display: inline-block;
    line-height: 1.5em;
    font-size: 1.1em;
    padding: 20px;
    margin: 20px 0px;
    border: 2px solid #ccc;
}

.news-feed { list-style-type: none; margin:0; }
.news-feed li { margin-bottom:20px; }
.news-feed .thumb { float: left; width: 15%; }
.news-feed .text { float: right; width: 80%; }
.news-feed .text a { font-weight: bold; font-size:1.2em; }

.leaderboard-table { width:100%; }

.leaderboard-table td { padding:15px 10px; text-align: left;font-size:13px; border-bottom:1px solid #ccc;}
.leaderboard-table tr:first-of-type td { font-weight: bold; font-size:18px;}
.leaderboard-table .pos { width:10%; }
.leaderboard-table .team { width:70%; }
.leaderboard-table .score { width:20%; text-align: right; }


.pr h2,
.pr h3,
.pr h4 { margin-bottom:15px; }
.pr hr { margin:2em 0; }
header .container h1 { color: #fff; text-align: center; padding-top: 100px; }
header .container h2 { color: #fff; text-align: center; }


/* !responsive */

/* mobile portait */
@media only screen and (min-width : 320px) and (max-width : 600px) {

    nav ul { clear: both; padding-top: 15px; }
    nav ul li a { margin-left: 10px; }
    nav ul li:first-child a { margin-left: 0px; }
    header .container {  min-height: 310px; }
    header #feature { display: none; }
    header p { top: 30px; }
    section { text-align: center; }
    section .brands { list-style-type: none !important; text-align: center; }
    section .brands span { margin: auto auto 25px; display: inline-block; }
    section .brands img { display: block; max-width: 250px; margin-right:0; }
    section ul li { float: none; }
    img.offset { margin-left: -200px; }
    /*.whiteArea { height: auto; }*/
    section.contactDetails { height: auto; padding: 10px 0px 45px; }

    .gc32,
    .gc32-article [class^="box"] { float:none; }

    .pr [class^="box"] { float:none; }

}

/* mobile landscape */
@media only screen and (min-width : 480px) {

    header .container {  min-height: 440px; }
    section.contactDetails { height: auto; padding: 10px 0px 45px; }

}

/* small tablet */
@media only screen and (min-width : 600px) and (max-width : 768px) {

    nav ul li a { margin-left: 20px; }
    header .container {  min-height: 420px; }
    section { text-align: center; }
    section .brands span {display:block; margin:auto; width:100%; padding:10px 0;}
    section .brands img { max-width: 180px; }
    section ul li { float: none; }
    section.contactDetails { height: auto; padding: 10px 0px 45px; }

}

/* tablet portrait */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

    header .container {  min-height: 400px; }
    section { text-align: center; }
    section .brands img { max-width: 180px; }
    section .brands span {display:block; margin:auto; width:100%; padding:10px 0;}
    section ul li { float: none; }
    section.contactDetails { height: auto; padding: 10px 0px 45px; }

}

/* tablet landscape / netbook */
@media only screen and (min-width : 1024px) and (max-width : 1280px)  {

    header .container {  min-height: 380px; }
    section { text-align: center; }
    section .brands img { margin: auto 15px 25px; max-width: 160px; }
    section .brands span {display:inline-block; margin:auto; width:33%}
    section ul li,
    .contactDetails ul li:first-child { margin-right: 30px; }
    section.contactDetails { height: auto; padding: 10px 0px 45px; }

}

/* desktop */
@media only screen and (min-width : 1280px) {

    header .container {  min-height: 360px; }
    header .container h1 { padding-top: 130px; }
    section { text-align: center; }
    section .brands img { max-width: 180px; }
    section .brands span {display:inline-block; margin:auto; width:33%}
    .contactDetails ul li:first-child { margin-right: 55px; }
    section.contactDetails { height: 210px; padding: 10px 0px 45px; }

}

section ul.unstyled-list { list-style: none !important; margin-left: 0px !important; }
section ul.unstyled-list li { margin:0 0 20px 0 !important; }


/* IE */
.ie8 header, .ie7 header { height: 400px; }
.ie8 header p, .ie7 header p { display: block; width: 800px; }
.ie7 nav li { float: left; display: block; width: 150px; }
.ie7 footer { height: 60px; }


/*Clearfix*/
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }