@charset "utf-8";
/* CSS Document */

/*Theme: MTOA 
Description: Midwest Tactical Officers Association
Author: Brandon Biro
*/

/* RESETS - NORMALIZE */
/* ================== */

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

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,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0;margin:0;padding:0}

article,aside,details,figure,figure img,figcaption,hgroup,footer,header,main,menu,nav,section,summary,video,object{display:block}

/* 1. Correct `inline-block` display not defined in IE 8/9.
   2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio,canvas,progress,video {display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */}

/* Prevent modern browsers from displaying `audio` without controls.
   Remove excess height in iOS 5 devices. */
audio:not([controls]) {display: none; height: 0;}

/* Address `[hidden]` styling not present in IE 8/9/10.
   Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22 */
[hidden],template {display: none;}

/* TEXT LEVEL SEMANTICS */
/* ==================== */

/* Address styling not present in IE 8/9/10/11, Safari, and Chrome */
abbr[title] {border-bottom: 1px dotted;}

/* Address style set to `bolder` in Firefox 4+, Safari, and Chrome, BOLD FONTS ARE ADDRESSED WITH THE BOLD FONT */
b, strong {font-weight: normal;}

/* Address styling not present in Safari and Chrome */
dfn {font-style: italic;}

/* Address styling not present in IE 8/9 */
mark {background: #ff0; color: #000;}

small {font-size:85%;}
sub, sup {font-size:75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

button, select {text-transform: none;}
button, input, optgroup, select, textarea {color:inherit; font:inherit; margin:0;}

figure {margin: 1em 40px; position:relative;}
figure img {width:100%;}
hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0;}
pre {overflow:auto;}
/* Address odd `em`-unit font size rendering in all browsers */
code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em;}

/* FORMS */
/* ===== */

/* Known limitation: by default, Chrome and Safari on OS X allow very limited
   styling of `select`, unless a `border` property is set */

/* 1. Correct color not being inherited. Known issue: affects color of disabled elements.
   2. Correct font properties not being inherited.
   3. Address margins set differently in Firefox 4+, Safari, and Chrome */
button, input, optgroup, select, textarea {color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */}

/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
button {overflow: visible;}

/* Address inconsistent `text-transform` inheritance for `button` and `select`
   All other form control elements do not inherit `text-transform` values
   Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera
   Correct `select` style inheritance in Firefox */
button, select {text-transform: none;}

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls
   2. Correct inability to style clickable `input` types in iOS
   3. Improve usability and consistency of cursor style between image-type `input` and others */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */}

/* Re-set default cursor for disabled elements */
button[disabled], html input[disabled] {cursor: default;}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}

/* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet */
input {line-height: normal;}

/* It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.
   1. Address box sizing set to `content-box` in IE 8/9/10.
   2. Remove excess padding in IE 8/9/10 */
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}

/* Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text` */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}

/* 1. Address `appearance` set to `searchfield` in Safari and Chrome
   2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof) */
input[type="search"], input[type="text"], input[type="button"], input[type="submit"] {-webkit-appearance: none; border-radius:0; -webkit-border-radius: 0; /* 1 */}

/* Remove inner padding and search cancel button in Safari and Chrome on OS X.
   Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance) */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* Define consistent border, margin, and padding */
fieldset {border:1px solid #EACE9E; margin:0 auto 1em; clear:both; padding: 1em;}

/* 1. Correct `color` not being inherited in IE 8/9/10/11
   2. Remove padding so people aren't caught out if they zero out fieldsets */
legend {border: 0; /* 1 */ padding: 0; /* 2 */}

/* Remove default vertical scrollbar in IE 8/9/10/11 */
textarea {overflow: auto;}

/* Don't inherit the `font-weight` (applied by a rule above).
   NOTE: the default cannot safely be changed in Chrome and Safari on OS X */
optgroup {font-weight: normal;}
textarea, text, textfield, input , select {background:rgba(255,255,255,.1); clear:both; margin:.25em auto; border:none; border-left:#101011 solid 5px; padding:.53em .75em; width:100%; border-radius:0; -webkit-border-radius: 0;}
textarea::before, text::before, textfield::before, input::before {position:absolute; content:''; height:1px; background:#101011; width:100%; bottom:0; left:0;}
input:focus, button:focus, textarea:focus, text:focus, textfield:focus, select:focus {outline:none; border:none; border-left:#E0E2D5 solid 3px;}
select {padding:.375em .5em;}
label {font-family: 'Pilsner-Regular', sans-serif; padding-right:.5em; display:inline-block; font-size:1.5em; font-weight:100; margin:-.5em auto.25em;}

/* TABLES */
/* ====== */
/* Remove most spacing between table cells */
table {border-collapse: collapse; border-spacing: 0; display:table; border:solid 1px #AE4A33; width:100%; text-align:left; margin:1em auto 1.5em;}
thead, tfoot {background:#AE4A33; padding:.5em 1em;}
thead th {padding:.875em 0 .625em;}
thead tr {padding:.25em 1em; float:left;}
thead, tbody, tfoot, tr {width:100%; float:left; display:inline-block;}
thead, tbody, tfoot, tr, td, th {padding: 0;}
thead th {font-family: 'Pilsner-Regular', sans-serif; display:block; font-weight:normal;}
thead tr th {margin-top:-.5em;}
thead tr th, tr th {width:100%; clear:both; float:left;}
tr {width:100%; padding:1em; border-bottom:1px solid #AE4A33;}
tr:last-child td:last-child {border-bottom:none;}
ul {list-style-type:none;}
ul, ol {padding:0 0 0 1.25em; margin:1em 0;}
ul li, ol li {padding:.25em 0em .25em 1.25em; text-indent:-1.375em;}
table ul {margin:0 auto .5em;}

th.training-time:before, th.training-local:before, th.training-desc:before{float:left; display:block; content:''; width:100%;}


/* COLORS */
/* ====== */

/* BLUE BLACK: 		#101011		16,16,17 */
/* AUTUMN RED:		#973A33		151,58,51 */
/* LEAF ORANGE:		#AE4A33		174,74,51 */
/* EGGSHELL: 		#E0E2D5		224,226,213 */
/* TAN: 			#CAC1B0		202,193,176 */
/* CARAMEL: 		#937657		147,118,87 */
/* OD GREEN:		#5C6844		92,104,68 */

/* SITE ELEMENTS */
/* ============= */
* {margin:0; padding:0;}
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {margin:0;}
a {color:#AE4A33; text-decoration:none; position:relative; background-color: transparent; word-break:break-all; display:inline-block; cursor: url('../css-images/cross-hair.ico'), default;}
a:hover, a:focus {color:#937657; outline:0;}
img {border:none;}
svg:not(:root) {overflow:hidden;}
b, strong {font-family: 'griffosfontregular', sans-serif; font-weight:bold;}
i, em {font-family: 'griffosfontregular', sans-serif; font-style:italic;}
b i, b em, strong i, strong em, i b, i strong, em b, em strong {font-family: 'griffosfontregular', sans-serif;}
p {margin:0 auto .75em;}



/* UNIVERSAL STYLES */
/* ================ */

html, body {background:#101011; color:#E0E2D5; font: normal normal 17px/1.375em 'griffosfontregular', serif;}
body * {letter-spacing:2px; font-smooth:always;}
.wrapper {width:100%; max-width:90%; margin:0 auto; position:relative;}
.left, .right {float:none;}
img.left, img.right {padding:.5em; display:block;}
.center {display:block !important; margin:.5em auto; position:relative;}
.center-inline {display:inline-block; margin:.5em auto; position:relative;} 
img, object, embed, figure, video {border:none;}
img, video {height:auto; width:100%;}
h1, h2, h3, h4, h5, h6 {font-family:'Pilsner-Regular', sans-serif; font-weight:normal; line-height:1; color:#5C6844;  margin-bottom:.375em; text-transform:uppercase;}
h1 {font-size:4em;}
h2 {font-size:3em;}
h3 {font-size:2.5em;}
h4, h5, h6 {font-size:1.75em; margin-top:-.5em;}
blockquote {font: normal normal 2em/.875em 'U.S.Navy-Script', serif; padding:.5em; color:#8A9E3B;}
blockquote:before, blockquote:after {content:'\0022'; padding:0 .125em;}
*, *:after, *::before {box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important;}
.clearfix:after {clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* HEADER */
/* ====== */

header {position:fixed; padding:.75em 0; top:0; left:0; width:100%; transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s; z-index:1000; height:100%; max-height:100px; border-bottom:1px solid #5C6844;}
header.small {padding:.25em 0; background:#101011; /*FALLBACK*/ background:rgba(16,16,17,.75); max-height:80px; overflow:hidden;}

#name-and-slogan {margin:0 auto; position:relative; z-index:100;}
#logo {display:block; padding:.375em; position:absolute; margin:0 auto; max-width:70px; left:.25em; top:0;}
#site-name {padding:.5em; text-align:center;}
.logo {max-width:90px;}

/* MENU */
/* ==== */

nav {font-family:'Pilsner-Regular', serif; text-transform:uppercase; padding:0; width:auto; z-index:105; position:relative; top:-2.85em;}
nav li a::before, nav li a::after {position:absolute; height:1px; width:0; content:''; background:#AE4A33; -webkit-transition:.35s linear; -moz-transition:.35s linear; -o-transition:.35s linear; transition:.35s linear;}
nav li a::before {top:.25em; left:0;}
nav li a::after {bottom:.25em; right:0;}
nav li a:hover::before, nav li a:focus::before {left:0; width:100%;}
nav li a:hover::after, nav li a:focus::after {right:0; width:100%;}
nav li a {color:#AE4A33; padding:0 .125em .675em; display:block; margin:0 .25em; letter-spacing:1px;}
.cbp-hrmenu ul li a.nav-active {background:#16393A;}
a.nav-active {color:#EACE9E;}

#cbp-hrmenu {margin:0 auto; text-align:center; position:absolute; font-size:1.25em; overflow-y:hidden; top:1.25em; right:.5em; transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -o-transition:all ease-in-out .5s;}
header.small #cbp-hrmenu {top:.875em;}
.cbp-hrmenu {width:70%; overflow-x:auto; position:relative;}
.cbp-hrmenu ul {margin:0 auto; position:relative; padding:0 .25em; list-style-type:none; display:inline; min-width:400em; white-space: nowrap;}
.cbp-hrmenu li {text-indent:0; vertical-align:middle;}
.cbp-hrmenu > ul > li {display: inline-block; padding:0;}
.cbp-hrmenu ul li a:focus, .cbp-hrmenu ul li a:hover {color:#EACE9E;}

/* SUBMENU */
.cbp-hrmenu .cbp-hrsub {display: none; position: relative; background:#8A9E3B; width: 100%; left: 0; font-family: 'ralewayregular', sans-serif; font-size:.875em; z-index:101;}
.cbp-hropen .cbp-hrsub {display: block; position:absolute;	padding:2em 2.25em;}
.cbp-more.cbp-hropen {background:#8A9E3B;}
.cbp-hrmenu ul ul {margin-top:.5em; position:absolute;}
.cbp-hrmenu ul ul .cbp-container {padding:0; margin:0 auto; position:relative;}
.cbp-hrmenu ul ul li {padding:0;}
li.rob-grid1-2.right {display:none;}
.cbp-hrmenu ul ul li a {display:inline-block; padding:.25em .5em;}

/* HERO */
/* ==== */

#hero {height:100%; max-height:500px; overflow:hidden; z-index:100; position:relative;}
.hero-info {position:absolute; top:8em; left:5em; z-index:10;}
.hero-img {margin-top:7em;}
.hero-img.small {}

/* CONTENT */
/* ======= */

section {display:block; width:100%; clear:both; position:relative;}
#mainc, #subc {width:100%; position:relative; margin:2em auto; z-index:1;}
.grey-box {background:#1C1C1C; position:absolute; width:60%; height:600px; top:60%; left:0; z-index:0;}
.body-background {position:absolute; width:70%; top:35%; right:0; z-index:1; opacity:.15}
.graphicon {position:absolute; z-index:0; opacity:1;}
.off-screen-left {left:-200px;}
.front-three {height:350px;}

.training-dow {width:100%; text-align:center; font-weight:bold;}
.training-time, .training-local, .training-desc {padding:.375em .125em;}
tr.training-break {background:#5C6844; width:100%;font-weight:bold; padding:1em;}
tr.training-break td {width:100%; text-align:center; display:block;}

/* BIO */
/* === */

.bio {margin:0 auto 1em; padding:1em; border:solid 1px #AE4A33;}
.bio img {float:left; margin:0 1em 1em 0;}
.bio-name {font-size:1.5em;}
.bio-info:first-letter {font: normal normal 1.5em/1.5em 'U.S.Navy-Script', serif;}
.bio-social, .sponsor-social {width: auto !important;}

/* TRAINING CONTAINER */
/* ================== */

.train-c {margin:0 auto 2em; border:solid 1px #AE4A33; position:relative;}
.train-c::before {content:''; width:30px; height:30px; border-radius:50%; border:solid 1px #AE4A33; position:absolute; top:-15px; right:-15px; background:rgba(151,58,51,.2);}
div[class*='train-c-'] {padding:.5em 1em;}
.train-c-title, .train-c-date, .train-c-deadline, .train-c-desc, .train-c-email, .train-c-link {border-bottom:solid 1px #AE4A33;}
.train-c-email {word-break: break-all;}
.train-c-cost {text-align:center; background:#AE4A33; font-family: 'U.S.Navy-Script', serif;}
.train-c-img {max-height:350px; overflow:hidden; padding:0 0 1em!important;}

/* SPONSORW */
/* ======== */

.sponsor-c {position:relative; padding:1em;}
.sponsor-c:nth-child(0n+4) {clear:both;}
.sponsor-c img {margin:0 0 1em;}
.sponsor-c a.btn.sponsor-social, a.btn.bio-social {margin:.5em auto;}

/* ALERTS - MESSAGES - ERRORS */
/* ========================== */

.alert-container {display:block; margin:5em auto 0; padding:0; position:relative; width:100%;}
.alert-container.home-page {margin:2em auto 0;}
.alert-message, .alert-error, .alert-warning, .alert-success {color:#FFF; padding:1em; margin:1em auto; width:100%;}
.alert-message {background:#333;}
.alert-error {background:#6B160B;}
.alert-warning {background:#89831A;}
.alert-success {background:#0F4C0C;}

/* FOOTER */
/* ====== */

footer {background:#CAC1B0; color:#101011; font-size:12px; width:100%; bottom:0; clear:both; height:auto; margin:3em auto 0; padding:0; position:relative;}
footer p {margin:0; width:100%; clear:both;}
footer a {color:;}
footer ul, footer ul li {padding:0; line-height:1.125; text-indent:0; -webkit-transition:.5s all; -moz-transition:.5s all; -o-transition:.5s all; transition:.5s all;}
footer li a {display:block; padding:.75em .5em;  position:relative; -webkit-transition:.5s all;}
footer li:hover {background:#FFF;}
footer a:hover, footer a:focus {color:#E08337;}
.footer-top {padding:2em 0;}

.footer-bottom {padding:1em 0;}
.footer-bottom a {color:#73CAC6;}
.footbox {display:inline-block; vertical-align:top; position:relative; text-align:left; margin:0 auto; padding:2em;}
footer a i[class*="fa fa-"] {padding:.125em .375em; position:relative; margin:0 auto; display:inline-block;}

/* LOADING ANIMATION */
/* ================= */

.no-js #loader {display:none;}
.js #loader {display:block; position:fixed; left:0; top:0; background:#006F56; /* THE FALLBACK */ background:rgba(0,111,86,.875); width:100%; height:100%; z-index:9999;}
.loading {position:relative; top:35%; left:10%; width:80%; color:#FFF; letter-spacing:2px; text-align:center; font: normal normal normal 1.5em 'yeseva_oneregular', serif;}
.loading-thank {font:  normal normal normal 1em 'jeffersonnormal', sans-serif;}

.loading-ani {position:relative; margin:0 auto .5em; display:block;}
.loading-ani span[class*='loading-'] {position:relative; margin:0 .25em; display:inline-block; height:15px; width:15px; border-radius:50%; content:''; background:#FFF; }
.loading-one {-moz-animation:flicker 1s linear infinite; -o-animation:flicker 1s linear infinite; -webkit-animation:flicker 1s linear infinite; animation:flicker 1s linear infinite;}
.loading-two {-moz-animation:flicker1 1s linear infinite; -o-animation:flicker1 1s linear infinite; -webkit-animation:flicker1 1s linear infinite; animation:flicker1 1s linear infinite;}
.loading-three {-moz-animation:flicker2 1s linear infinite; -o-animation:flicker2 1s linear infinite; -webkit-animation:flicker2 1s linear infinite; animation:flicker2 1s linear infinite;}

@-webkit-keyframes flicker {
0% {transform:scale(1,1);}
50% {transform:scale(1.25,1.25);}
100% {transform:scale(1,1)}
}
@-moz-keyframes flicker {
0% {transform:scale(1,1);}
50% {transform:scale(1.25,1.25);}
100% {transform:scale(1,1)}
}
@-o-keyframes flicker {
0% {transform:scale(1,1);}
50% {transform:scale(1.25,1.25);}
100% {transform:scale(1,1)}
}
@keyframes flicker {
0% {transform:scale(1,1);}
50% {transform:scale(1.25,1.25);}
100% {transform:scale(1,1)}
}

@-webkit-keyframes flicker1 {
20% {transform:scale(1,1);}
70% {transform:scale(1.25,1.25);}
20% {transform:scale(1,1)}
}
@-moz-keyframes flicker1 {
20% {transform:scale(1,1);}
70% {transform:scale(1.25,1.25);}
20% {transform:scale(1,1)}
}
@-o-keyframes flicker1 {
20% {transform:scale(1,1);}
70% {transform:scale(1.25,1.25);}
20% {transform:scale(1,1)}
}
@keyframes flicker1 {
20% {transform:scale(1,1);}
70% {transform:scale(1.25,1.25);}
20% {transform:scale(1,1)}
}

@-webkit-keyframes flicker2 {
30% {transform:scale(1,1);}
80% {transform:scale(1.25,1.25);}
30% {transform:scale(1,1)}
}
@-moz-keyframes flicker2 {
30% {transform:scale(1,1);}
80% {transform:scale(1.25,1.25);}
30% {transform:scale(1,1)}
}
@-o-keyframes flicker2 {
30% {transform:scale(1,1);}
80% {transform:scale(1.25,1.25);}
30% {transform:scale(1,1)}
}
@keyframes flicker2 {
30% {transform:scale(1,1);}
80% {transform:scale(1.25,1.25);}
30% {transform:scale(1,1)}
}

/* GLOBAL STYLES */
/* ============= */

.read-more {font-size:.9em; display:inline-block; padding:.35em .75em;}
.read-more.font-small {margin-left:.75em;}
.read-more:after {content:'\f101'; font-family: 'FontAwesome'; padding:0 .5em;}
.font-small {font-size:.75em; line-height:1.65;}
.font-large {font-size:1.25em;}
.font-xlarge {font-size:2em;}
.font-c {text-align:center;}
.padding {padding:.5em;}
.margin-top {margin-top:.5em;}
.margin-sm {margin:1em auto;}
.margin-med {margin:3em auto;}
.margin-big {margin:6em auto;}
.fit {width:100%; height:100%; object-fit:cover;}

#mainc ul li, #mainc ol li {text-indent:-1.375em;}
#mainc ol {margin-left:1em;}
#mainc ul li:before {content:'\f1db'; font-family: 'FontAwesome'; font-size:.7em; padding:0 1em 0 0; color:#8A9E3B;}
#mainc ol li:before {content:''; font-family: 'FontAwesome'; font-size:.7em; padding:0 1.875em 0 0; color:#8A9E3B;}
#mainc ul li a, #mainc ol li a {padding-left:1.375em;}
#mainc ul li a[target=_blank]:after, #mainc ul li a:after, #mainc ol li a:after {position:absolute; right:-1.75em; font-family: 'FontAwesome'; font-size:.75em; padding:0; display:inline-block;} 

#mainc a[target=_blank]:after, #subc a[target=_blank]:after {content:'\f045'; font-family: 'FontAwesome';}
a[href$=".pdf"], a[href$=".doc"], a[href$=".zip"], a[href^="mailto:"], a.webpage, a[href^="tel:"], a[href$="#footer-contact"], a[target=_blank] {margin:0 1.5em 0 0;}
a[href$=".pdf"]:after, a[href$=".doc"]:after, a[href^="mailto:"]:after, a[href$=".zip"]:after, a.webpage:after, a[href^="tel:"]:after, a[href$="#footer-contact"]:after, a[target=_blank]:after, a[href^="http"]:after {position:absolute; right:-1.75em; font-family: 'FontAwesome'; font-size:.75em; padding:0; display:inline-block;} 

a.bio-social::after, a.sponsor-social::after {display:none; margin:0;}

a[href$=".pdf"]:after, a[href$=".pdf"][target=_blank]:after {content:'\f1c1';}
a[href$=".doc"]:after {content:'\f1c2';}
a[href^="mailto:"]:after {content:'\f003';}
a[href^="tel:"]:after {content:'\f095';}
a[href$=".zip"]:after {content:'\f1c6';}
a.webpage:after {content:'\f109';}
a[href$="#footer-contact"]:after {content:'\f007';}
footer a[href^="mailto:"]:after {right:-2em;}

.btn, button, input[type=button], a.btn  {background:#AE4A33; cursor:pointer; outline:0; border:#AE4A33 solid 2px; color:#FFF; padding:.5em .75em;  transition:all ease-in-out .0625s; -moz-transition:all ease-in-out .0625s; -o-transition:all ease-in-out .0625s; -webkit-transition:all ease-in-out .0625s; width:100%;}
.btn a, button a, .btn:hover a, .btn:focus a, button:hover a, button:focus a{color:#FFF; display:block; padding:0;}
.btn:hover, .btn:focus, button:hover, button:focus, input[type=button]:hover, input[type=button]:focus {background:#937657;  border:#937657 solid 2px;}
.btn:active, button:active {background:#16393A; border:solid 2px #16393A; color:#FFF;}
a.btn:before {display:none;}
#search-btn.globe-search-btn {padding:0 .75em;}

a.scrollToTop {font-size:.875em; display:none; position:fixed; right:0; bottom:0; padding:1em; background:#AE4A33; color:#FFF; z-index:45;}
.scrollToTop .fa.fa-angle-double-up {animation:bounce 1s ease-in infinite; -webkit-animation:bounce 1s ease-in infinite; -moz-animation:bounce 1s ease-in infinite; -o-animation:bounce 1s ease-in infinite; position:relative;}

#mouse {width:20px; height:35px; border:solid 2px #FFF; border-radius:10px; position:absolute; bottom:6em; left:50%; margin-left:-10px; background:none; z-index:10;}
#mouse:before {content:''; background:#FFF; height:8px; width:2px; display:block; position:absolute; left:7px; top:10px; animation:bounce 1s ease-in infinite; -webkit-animation:bounce 1s ease-in infinite; -moz-animation:bounce 1s ease-in infinite; -o-animation:bounce 1s ease-in infinite;}

/* HONEYPOT FIELD DO NOT REMOVE THIS STYLE */

input[name="honeypot"] {display:none;}

/* ANIMATIONS */
/* ========== */

/* BOUNCE ANIMATION */
@-webkit-keyframes bounce {
0% {top:0;}
25% {top:-.0625em;}
60% {top:0;}
75% {top:.25em;}
100% {top:0;}
}
@keyframes bounce {
0% {top:0;}
25% {top:-.0625em;}
60% {top:0;}
75% {top:.25em;}
100% {top:0;}
}
@-moz-keyframes bounce {
0% {top:0;}
25% {top:-.0625em;}
60% {top:0;}
75% {top:.25em;}
100% {top:0;}
}
@-o-keyframes bounce {
0% {top:0;}
25% {top:-.0625em;}
60% {top:0;}
75% {top:.25em;}
100% {top:0;}
}
/* BOUNCE ANIMATION */


/* RESPONSIVE DESIGN MEDIA QUERIES */
/* =============================== */

/* 480PX - 767PX */
@media all and (min-width:480px) {
.wrapper {max-width:85%;}
}

/* 768PX - 1039PX */
@media all and (min-width:768px) {
html, body {line-height:1.55em;}
.wrapper {max-width:90%;}
.left {float:left;}
img.left {padding:.5em 1em .5em 0; display:block;}
.right {float:right;}
img.right {padding:.5em 0 .5em 1em; display:block;}
#logo {left:3em;}
.btn, button, input[type=button], a.btn {width:auto;}
nav {width:auto;}
#cbp-hrmenu {right:.5em;}
.cbp-hrmenu ul ul {margin-top:0;}
.train-c-location, .train-c-date, .train-c-link {border-right:solid 1px #AE4A33;}
}

/* 1040PX - 1599PX */
@media all and (min-width:1040px) {
::-moz-selection {background:#AE4A33; color:#FFF;}
::selection {background:#AE4A33; color:#FFF;}
::-webkit-scrollbar {width: 11px;} 
::-webkit-scrollbar:horizontal {height:11px;}
::-webkit-scrollbar-track {background:#E0DED9;} 
::-webkit-scrollbar-thumb {background:#AE4A33;}
.wrapper {max-width:70%;}
.cbp-hrmenu {width:auto;}
th.training-time, th.training-local {width:25%; clear:none;}
th.training-desc {width:50%; clear:none;}
}

/* 1600PX - 1799 */
@media all and (min-width:1600px) {
.sponsor-c {min-height:400px;}
}

/* 1800PX + */
@media all and (min-width:1800px) {
.wrapper {max-width:55%;}
}

@media print {
body {color:#000; background:#FFF; font-size:14px;}
header, footer {display:none;}
div [class*='rob-grid1-'] {width:25%;}	
}