/* Minification failed. Returning unminified contents.
(18097,1): run-time error CSS1019: Unexpected token, found '}'
(18484,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18498,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18544,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
/* References */
/* Custom, iPhone Retina */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400italic,300,500,700,700italic,900");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800");
@import url(../bower_components/font-awesome/css/font-awesome.css);

@media only screen and (max-width: 479px) {
    .guides {
        background-color: yellow;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
    .guides {
        background-color: green;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .guides {
        background-color: purple;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .guides {
        background-color: blue;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .guides {
        background-color: red;
    }
}

/*Thes are visual guides that aid in the design remove this*/
.guides {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    z-index: 9999;
    display: block;
}

/* Sweep To Top */
.hvr-sweep-to-top {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-top:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.025);
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
        color: black !important;
    }

        .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
            -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1);
        }

/*Bring overlay to Product*/
/* Reset */
/*
// variables
$anim-speed: 0.3s;

// main styles
.tiles {
	width: 1040px;
	font-size: 0;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
	.tile {
		display: inline-block;
		margin: 10px;
		text-align: left;
		opacity: .99;
		overflow: hidden;
		position: relative;
		border-radius: 3px;
		box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
		
		&:before {
			content: '';
			background: linear-gradient(
				to bottom,
				rgba(0,0,0,0) 0%,
				rgba(0,0,0,0.7) 100%
			);
			width: 100%;
			height: 50%;
			opacity: 0;
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 2;
			transition-property: top, opacity;
			transition-duration: $anim-speed;
		}
		
		img {
			display: block;
			max-width: 100%;
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
		}
		
		.details {
			font-size: 16px;
			padding: 20px;
			color: #fff;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 3;
			
			span {
				display: block;
				opacity: 0;
				position: relative;
				top: 100px;
				transition-property: top, opacity;
				transition-duration: $anim-speed;
				transition-delay: 0s;
			}
			
			.title {
				line-height: 1;
				font-weight: 600;
				font-size: 18px;
			}
			
			.info {
				line-height: 1.2;
				margin-top: 5px;
				font-size: 12px;
			}
		}
		
		&:focus,
		&:hover {
			
			&:before,
			span {
				opacity: 1;
			}
			
			&:before {
				top: 50%;
			}
			
			span {
				top: 0;
			}
			
			.title {
				transition-delay: 0.15s;
			}
			
			.info {
				transition-delay: 0.25s;
			}
		}
	}
}
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    outline: 0;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
    text-transform: none;
}

select {
    text-transform: none;
}

button,
html input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
}

input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

        *:before, *:after {
            background: transparent !important;
            color: #000 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            text-shadow: none !important;
        }

    a {
        text-decoration: underline;
    }

        a:visited {
            text-decoration: underline;
        }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr {
        page-break-inside: avoid;
    }

    img {
        page-break-inside: avoid;
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

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

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:hover {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        color: #23527c;
        text-decoration: underline;
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #777777;
    }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    h1 small,
    .h1 small,
    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h1 .small,
    .h1 .small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small {
        font-size: 65%;
    }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%;
    }

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media only screen and (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small,
.small {
    font-size: 85%;
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em;
}

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

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

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

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

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover, a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover, a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857143;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777777;
    }

        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eeeeee;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse footer:before,
        blockquote.pull-right footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right small:before,
        .blockquote-reverse .small:before,
        blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse footer:after,
        blockquote.pull-right footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right small:after,
        .blockquote-reverse .small:after,
        blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media only screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
    float: left;
}

.col-xs-12 {
    float: left;
   /* width: 100%;*/
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media only screen and (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11 {
        float: left;
    }

    .col-sm-12 {
        float: left;
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media only screen and (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11 {
        float: left;
    }

    .col-md-12 {
        float: left;
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media only screen and (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11 {
        float: left;
    }

    .col-lg-12 {
        float: left;
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
}

.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc;
}

.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

    label[for=_ctl9_chkSameAddress] {
        display: inline;
        font-weight: normal;
    }

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .form-control[disabled], .form-control[readonly] {
        background-color: #eeeeee;
        opacity: 1;
    }

fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px;
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm {
        line-height: 30px;
    }

    .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg {
        line-height: 46px;
    }

    .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label,
    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled {
    cursor: not-allowed;
}

fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled {
    cursor: not-allowed;
}

fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label {
    cursor: not-allowed;
}

fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media only screen and (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media only screen and (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}

@media only screen and (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #fff;
        text-decoration: none;
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled, .btn[disabled] {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        opacity: 0.65;
        -moz-opacity: 0.65;
        filter: alpha(opacity=0.65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=0.65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover, .btn-default:active, .btn-default.active {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active:hover, .btn-default.active:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default:active:focus, .btn-default.active:focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.open > .dropdown-toggle.btn-default:focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default:active.focus, .btn-default.active.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default:active, .btn-default.active {
    background-image: none;
}

.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled:hover, .btn-default[disabled]:hover {
    background-color: #fff;
    border-color: #ccc;
}

fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default.disabled:focus, .btn-default[disabled]:focus {
    background-color: #fff;
    border-color: #ccc;
}

fieldset[disabled] .btn-default:focus {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default.disabled.focus, .btn-default[disabled].focus {
    background-color: #fff;
    border-color: #ccc;
}

fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover, .btn-primary:active, .btn-primary.active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active:hover, .btn-primary.active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.btn-primary:active:focus, .btn-primary.active:focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.open > .dropdown-toggle.btn-primary:focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.btn-primary:active.focus, .btn-primary.active.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.btn-primary:active, .btn-primary.active {
    background-image: none;
}

.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}

fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary.disabled:focus, .btn-primary[disabled]:focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}

fieldset[disabled] .btn-primary:focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary.disabled.focus, .btn-primary[disabled].focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}

fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover, .btn-success:active, .btn-success.active {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active:hover, .btn-success.active:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success:active:focus, .btn-success.active:focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.open > .dropdown-toggle.btn-success:focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success:active.focus, .btn-success.active.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success:active, .btn-success.active {
    background-image: none;
}

.open > .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled:hover, .btn-success[disabled]:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success.disabled:focus, .btn-success[disabled]:focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

fieldset[disabled] .btn-success:focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success.disabled.focus, .btn-success[disabled].focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover, .btn-info:active, .btn-info.active {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active:hover, .btn-info.active:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info:active:focus, .btn-info.active:focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.open > .dropdown-toggle.btn-info:focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info:active.focus, .btn-info.active.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info:active, .btn-info.active {
    background-image: none;
}

.open > .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled:hover, .btn-info[disabled]:hover {
    background-color: #5bc0de;
    border-color: #46b8da;
}

fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info.disabled:focus, .btn-info[disabled]:focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

fieldset[disabled] .btn-info:focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info.disabled.focus, .btn-info[disabled].focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover, .btn-warning:active, .btn-warning.active {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active:hover, .btn-warning.active:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning:active:focus, .btn-warning.active:focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.open > .dropdown-toggle.btn-warning:focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning:active.focus, .btn-warning.active.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning:active, .btn-warning.active {
    background-image: none;
}

.open > .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled:hover, .btn-warning[disabled]:hover {
    background-color: #f0ad4e;
    border-color: #eea236;
}

fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning.disabled:focus, .btn-warning[disabled]:focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

fieldset[disabled] .btn-warning:focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning.disabled.focus, .btn-warning[disabled].focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover, .btn-danger:active, .btn-danger.active {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active:hover, .btn-danger.active:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-danger:active:focus, .btn-danger.active:focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.open > .dropdown-toggle.btn-danger:focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-danger:active.focus, .btn-danger.active.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-danger:active, .btn-danger.active {
    background-image: none;
}

.open > .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled:hover, .btn-danger[disabled]:hover {
    background-color: #d9534f;
    border-color: #d43f3a;
}

fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger.disabled:focus, .btn-danger[disabled]:focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

fieldset[disabled] .btn-danger:focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger.disabled.focus, .btn-danger[disabled].focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-link:active, .btn-link.active, .btn-link[disabled] {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    border-color: transparent;
}

    .btn-link:hover, .btn-link:focus, .btn-link:active {
        border-color: transparent;
    }

    .btn-link:hover, .btn-link:focus {
        color: #23527c;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover {
        color: #777777;
        text-decoration: none;
    }

    fieldset[disabled] .btn-link:hover,
    .btn-link[disabled]:focus,
    fieldset[disabled] .btn-link:focus {
        color: #777777;
        text-decoration: none;
    }

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #337ab7;
    }

        .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
            color: #fff;
            text-decoration: none;
            outline: 0;
            background-color: #337ab7;
        }

    .dropdown-menu > .disabled > a {
        color: #777777;
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            color: #777777;
        }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media only screen and (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group-vertical > .btn:focus,
        .btn-group > .btn:active,
        .btn-group-vertical > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group {
        margin-left: -1px;
    }

    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active {
    outline: 0;
}

.btn-group.open .dropdown-toggle {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical > .btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        float: none;
    }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn {
        float: none;
        display: table-cell;
        width: 1%;
    }

    .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus {
            z-index: 3;
        }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
}

select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
    height: auto;
}

select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

        .nav > li.disabled > a {
            color: #777777;
        }

            .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
                color: #777777;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open > a {
        background-color: #eeeeee;
        border-color: #337ab7;
    }

        .nav .open > a:hover, .nav .open > a:focus {
            background-color: #eeeeee;
            border-color: #337ab7;
        }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #ddd;
            }

        .nav-tabs > li.active > a {
            color: #555555;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default;
        }

            .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
                color: #555555;
                background-color: #fff;
                border: 1px solid #ddd;
                border-bottom-color: transparent;
                cursor: default;
            }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

        .nav-tabs.nav-justified > li > a {
            margin-right: 0;
            border-radius: 4px;
        }

        .nav-tabs.nav-justified > .active > a {
            border: 1px solid #ddd;
        }

            .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
                border: 1px solid #ddd;
            }

@media only screen and (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

@media only screen and (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a {
        border-bottom-color: #fff;
    }

        .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
            border-bottom-color: #fff;
        }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a {
        color: #fff;
        background-color: #337ab7;
    }

        .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
            color: #fff;
            background-color: #337ab7;
        }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media only screen and (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a {
        border: 1px solid #ddd;
    }

        .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
            border: 1px solid #ddd;
        }

@media only screen and (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a {
        border-bottom-color: #fff;
    }

        .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
            border-bottom-color: #fff;
        }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media only screen and (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

    .navbar-collapse.collapse {
        display: none;
    }

        .navbar-collapse.collapse.in {
            display: block;
        }

@media only screen and (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media only screen and (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media only screen and (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media only screen and (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media only screen and (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media only screen and (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media only screen and (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media only screen and (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-left {
        float: left !important;
        float: left;
    }

    .navbar-right {
        float: right !important;
        float: right;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a {
        color: #555;
        background-color: #e7e7e7;
    }

        .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            color: #555;
            background-color: #e7e7e7;
        }

    .navbar-default .navbar-nav > .disabled > a {
        color: #ccc;
        background-color: transparent;
    }

        .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
            color: #ccc;
            background-color: transparent;
        }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a {
        background-color: #e7e7e7;
        color: #555;
    }

        .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
            background-color: #e7e7e7;
            color: #555;
        }

    .navbar-default .navbar-link {
        color: #777;
    }

        .navbar-default .navbar-link:hover {
            color: #333;
        }

    .navbar-default .btn-link {
        color: #777;
    }

        .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
            color: #333;
        }

        .navbar-default .btn-link[disabled]:hover {
            color: #ccc;
        }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
        color: #555;
        background-color: #e7e7e7;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
            color: #555;
            background-color: #e7e7e7;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a {
        color: #ccc;
        background-color: transparent;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
            color: #ccc;
            background-color: transparent;
        }
}

fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a {
        color: #fff;
        background-color: #080808;
    }

        .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
            color: #fff;
            background-color: #080808;
        }

    .navbar-inverse .navbar-nav > .disabled > a {
        color: #444;
        background-color: transparent;
    }

        .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
            color: #444;
            background-color: transparent;
        }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a {
        background-color: #080808;
        color: #fff;
    }

        .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #080808;
            color: #fff;
        }

    .navbar-inverse .navbar-link {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-link:hover {
            color: #fff;
        }

    .navbar-inverse .btn-link {
        color: #9d9d9d;
    }

        .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
            color: #fff;
        }

        .navbar-inverse .btn-link[disabled]:hover {
            color: #444;
        }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
        color: #fff;
        background-color: #080808;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
            color: #fff;
            background-color: #080808;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a {
        color: #444;
        background-color: transparent;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
            color: #444;
            background-color: transparent;
        }
}

fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

.breadcrumb {
    position: relative;
    list-style: none;
    background-color: #fff;
    padding: 15px;
    margin: 0px 0 35px;
    z-index: 3;
}

@media only screen and (min-width: 992px) {
    .breadcrumb {
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
        margin-right: 15px;
    }
}

.breadcrumb a {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    color: #969ba8;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.breadcrumb li {
    display: inline-block;
}

    .breadcrumb li a {
        color: #969ba8;
        font-size: 14px;
        line-height: 22px;
    }

    .breadcrumb li + li:before {
        content: '/';
        font-size: 14px;
        padding: 0 5px;
        color: #ccc;
    }

    .breadcrumb li .active {
        color: #777777;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #337ab7;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 2;
            color: #23527c;
            background-color: #eeeeee;
            border-color: #ddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
        cursor: default;
    }

    .pagination > .disabled > span {
        color: #777777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }

        .pagination > .disabled > span:hover, .pagination > .disabled > span:focus {
            color: #777777;
            background-color: #fff;
            border-color: #ddd;
            cursor: not-allowed;
        }

    .pagination > .disabled > a {
        color: #777777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }

        .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
            color: #777777;
            background-color: #fff;
            border-color: #ddd;
            cursor: not-allowed;
        }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:hover, .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a {
        color: #777777;
        background-color: #fff;
        cursor: not-allowed;
    }

        .pager .disabled > a:hover, .pager .disabled > a:focus {
            color: #777777;
            background-color: #fff;
            cursor: not-allowed;
        }

    .pager .disabled > span {
        color: #777777;
        background-color: #fff;
        cursor: not-allowed;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777777;
}

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #286090;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:hover, .label-warning[href]:focus {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #c9302c;
    }

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child,
.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #ddd;
}

.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=0.2);
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: 0.5;
        -moz-opacity: 0.5;
        filter: alpha(opacity=0.5);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: 0.5;
        -moz-opacity: 0.5;
        filter: alpha(opacity=0.5);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media only screen and (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media only screen and (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

    .carousel-inner > .prev {
        left: -100%;
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=0.5);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover, .carousel-control:focus {
        outline: 0;
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        opacity: 0.9;
        -moz-opacity: 0.9;
        filter: alpha(opacity=0.9);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table;
}

.container:before, .container:after {
    content: " ";
    display: table;
}

.container-fluid:before, .container-fluid:after {
    content: " ";
    display: table;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table;
}

.nav:before, .nav:after {
    content: " ";
    display: table;
}

.navbar:before, .navbar:after {
    content: " ";
    display: table;
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table;
}

.navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table;
}

.pager:before, .pager:after {
    content: " ";
    display: table;
}

.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}

.modal-header:before, .modal-header:after {
    content: " ";
    display: table;
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

#careers .careers-detail:before, #careers .careers-detail:after {
    content: " ";
    display: table;
}

#downloads .items:before, #downloads .items:after {
    content: " ";
    display: table;
}

#events .events-filter:before, #events .events-filter:after {
    content: " ";
    display: table;
}

#events .events-head:before, #events .events-head:after {
    content: " ";
    display: table;
}

#events .events-head .left .inner:before, #events .events-head .left .inner:after {
    content: " ";
    display: table;
}

#events .events-head .right .inner:before, #events .events-head .right .inner:after {
    content: " ";
    display: table;
}

#events .events-listing .master-list li a:before, #events .events-listing .master-list li a:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
#careers .careers-detail:after,
#downloads .items:after {
    clear: both;
}

#events .events-filter:after {
    clear: both;
}

#events .events-head:after,
#events .events-head .left .inner:after,
#events .events-head .right .inner:after {
    clear: both;
}

#events .events-listing .master-list li a:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.navbar .nav,
.navbar .collapse,
.navbar .dropup,
.navbar .dropdown {
    position: static;
}

.navbar .container {
    position: relative;
}

.navbar .dropdown-menu {
    left: auto;
}

.navbar .mm-content {
    padding: 20px 30px;
}

.navbar .dropdown.mm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/* Shared */
/* Typography */
html.fontsize-large {
    font-size: 12px;
}

body {
    font-size: 14px;
    color: #51565b;
    font-family: "Roboto", sans-serif;
}

    body.fontsize-large {
        font-size: 20px;
    }

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-size: 35px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    margin: 0 0 50px;
    color: #2c3135;
}

    h1 span {
        font-size: 25px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 300;
        line-height: 55px;
        color: #ff0000;
    }

    h1#page-heading {
        font-size: 35px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #2c3135;
    }

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 55px;
    }
}

@media only screen and (min-width: 768px) {
    h1 span {
        font-size: 35px;
    }
}

@media only screen and (min-width: 768px) {
    h1#page-heading {
        font-size: 55px;
    }
}

h2 {
    font-size: 30px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    margin: 0 0 25px;
    color: #2c3135;
    /*@media (min-width: @screen-md-min) {
		font-size: 3.8rem;
	}*/
}

h3 {
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    line-height: 22px;
    color: #2c3135;
    text-transform: uppercase;
}

h4 {
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 20px;
    color: #2c3135;
}

h5,
h6 {
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 20px;
    color: #2c3135;
}

p,
span {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    margin: 0 0 1em;
    color: #51565b;
}

a,
p,
span,
label,
table td,
ul li {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    a:focus, a:hover {
        color: inherit;
        text-decoration: none;
    }

@font-face {
    font-family: 'coalhandlukecoalhandluketrial';
    src: url("../fonts/coalhandluke_trial-webfont.eot");
    src: url("../fonts/coalhandluke_trial-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/coalhandluke_trial-webfont.woff2") format("woff2"), url("../fonts/coalhandluke_trial-webfont.woff") format("woff"), url("../fonts/coalhandluke_trial-webfont.ttf") format("truetype"), url("../fonts/coalhandluke_trial-webfont.svg#coalhandlukecoalhandluketrial") format("svg");
    font-weight: normal;
    font-style: normal;
}

#mini-gallery {
    /*border: 1px solid #ccc;*/
    width: 100%;
    margin-bottom: 40px;
}

    #mini-gallery.fr {
        float: right;
        width: 100%;
    }

    #mini-gallery.fl {
        float: left;
        width: 100%;
    }

@media only screen and (min-width: 768px) {
    #mini-gallery.fr {
        width: 31%;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 768px) {
    #mini-gallery.fl {
        width: 31%;
        padding-right: 15px;
    }
}

.content-holder {
    width: 100%;
}

    .content-holder.fr {
        float: right;
        width: 100%;
    }

    .content-holder.fl {
        float: left;
        width: 100%;
    }

@media only screen and (min-width: 768px) {
    .content-holder.fr {
        width: 69%;
        padding-left: 1%;
    }
}

@media only screen and (min-width: 768px) {
    .content-holder.fl {
        width: 69%;
        padding-right: 1%;
    }
}

#mini-gallery.fl {
    padding-right: 0px;
}

#mini-gallery ul {
    padding-left: 0px;
}

    #mini-gallery p,
    #mini-gallery ul li {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

/* This Less files consists component element styles such as buttons, dropdown menus, grids, tabs etc... 
   Use this file to overwrite bootstrap themes */
.container {
    width: 1280px;
}

/* General Input Styles */
.form-control {
    height: 38px;
    border-radius: 19px;
    font-size: 0.875em;
}

    .form-control::-moz-placeholder {
        color: #000;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
        color: #000;
    }

.form-header {
    padding: 0 25px;
    line-height: 35px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.form-holder {
    list-style: none;
    padding: 28px 0;
}

    .form-holder > li {
        margin-bottom: 15px;
        margin-bottom: 23px;
    }

        .form-holder > li:before {
            content: " ";
            display: table;
        }

        .form-holder > li:after {
            content: " ";
            display: table;
            clear: both;
        }

        .form-holder > li:before {
            content: " ";
            display: table;
        }

        .form-holder > li:after {
            content: " ";
            display: table;
            clear: both;
        }

    .form-holder label {
        display: block;
        font-weight: normal;
    }

        .form-holder label .required, .form-holder label.error {
            font-size: 0.8em;
            line-height: 25px;
        }

        .form-holder label .required {
            line-height: 1;
            position: relative;
            top: -2px;
        }

    .form-holder input[type="checkbox"], .form-holder input[type="radio"] {
        float: left;
    }

        .form-holder input[type="checkbox"] + label,
        .form-holder input[type="radio"] + label {
            width: auto;
            padding-left: 30px;
        }

    .form-holder textarea {
        height: 72px;
        resize: none;
    }

    .form-holder .btn.standard {
        display: block;
    }

@media only screen and (min-width: 992px) {
    .form-holder > li {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) {
    .form-holder label {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 36px;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .form-holder label {
        float: left;
        width: 25%;
    }
}

@media only screen and (min-width: 992px) {
    .form-holder input,
    .form-holder textarea,
    .form-holder select[size] {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .form-holder input,
    .form-holder textarea,
    .form-holder select[size] {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 992px) {
    .form-holder input[type="checkbox"], .form-holder input[type="radio"] {
        margin-left: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .form-holder input[type="checkbox"] + label,
    .form-holder input[type="radio"] + label {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .form-holder textarea {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .form-holder textarea {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 992px) {
    .form-holder .btn.standard {
        display: inline-block;
        margin-left: 15px;
    }
}

input,
textarea,
select[size] {
    width: 100%;
    border-radius: 4px;
    color: #ff0000;
    display: inline-block;
    padding: 7px 10px;
    font-size: 0.85em;
    border: 1px solid #e5e5e5;
    background: #ffffff;
    outline: none;
}

    input.error,
    textarea.error,
    select[size].error {
        border-color: red;
    }

    input[type=checkbox], input[type=radio] {
        width: 16px;
        height: 16px;
        background: #f5f5f5;
        position: relative;
        top: 3px;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    }

@media only screen and (min-width: 992px) {
    input[type=checkbox], input[type=radio] {
        margin-top: 10px;
    }
}

select[size] {
    height: auto;
    padding: 3px 0;
}

    select[size] option {
        padding: 3px 10px;
    }

input[type="text"], input[type="tel"], input[type="password"] {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #51565b;
    background-color: #f5f5f5;
    width: 100%;
    height: 48px;
    padding: 0px 15px;
    border: 1px solid #d3d6de;
    border-radius: 3px;
    line-height: 20px;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-appearance: none;
}

input[readonly="readonly"] {
    background-color: #eeeeee;
}

textarea {
    width: 100%;
    height: 140px;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: #51565b;
    padding: 24px 26px;
    line-height: 22px;
    border: 1px solid #d3d6de;
    border-radius: 0px;
    outline: none;
    resize: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-appearance: none;
}

select {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: #51565b;
    width: 100%;
    height: 58px;
    background: url("/Content/images/buttons/arrow-down.png") no-repeat 93% 50%;
    background-color: #f5f5f5;
    padding: 0px 15px;
    border: 1px solid #d3d6de;
    border-radius: 0px;
    line-height: 20px;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    select::-ms-expand {
        display: none;
    }

@-moz-document url-prefix() {
    select {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: "";
    }
}

/* Buttons */
.btn,
.btn-left,
.btn-right {
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .218s;
    -webkit-transition-duration: .218s;
    -o-transition-duration: .218s;
    transition-duration: .218s;
    display: inline-block;
    /*&::after,*/
}

    .btn:active,
    .btn-left:active,
    .btn-right:active,
    .btn:focus,
    .btn-left:focus,
    .btn-right:focus {
        text-decoration: none;
    }

.bg-dark .btn:hover,
.bg-dark .btn-left:hover,
.bg-dark .btn-right:hover {
    color: #ffffff;
}

.btn.link.circle::after,
.btn-left.link.circle::after,
.btn-right.link.circle::after {
    width: 64px;
    height: 64px;
    font-size: 48px;
    margin: -32px 0 0 0;
    padding: 17px 22px;
    text-align: left;
    font-weight: 400;
    font-family: FontAwesome;
    content: '\f104';
    display: block;
    float: right;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .218s;
    -webkit-transition-duration: .218s;
    -o-transition-duration: .218s;
    transition-duration: .218s;
}

.btn.link.circle.half-size::after,
.btn-left.link.circle.half-size::after,
.btn-right.link.circle.half-size::after {
    width: 32px;
    height: 32px;
    font-size: 24px;
    padding: 8px 14px 8px 13px;
    margin: -4px 0 0 10px;
    line-height: 14px;
}

.btn.standard,
.btn-left.standard,
.btn-right.standard {
    background: #ff6600;
    color: white;
    text-transform: uppercase;
    height: 38px;
    line-height: 38px;
    border-radius: 19px;
    padding: 0 40px;
}

    .btn.standard::after,
    .btn-left.standard::after,
    .btn-right.standard::after {
        display: none;
    }

    .btn.standard:hover,
    .btn-left.standard:hover,
    .btn-right.standard:hover {
        background: #2f2f2f;
    }

.btn-left.link.circle.half-size::after {
    float: left;
    margin: -4px 10px 0 0;
}

.btn-right.link.circle::after {
    padding-left: 26px;
    content: '\f105';
}

.page-utils {
    position: relative;
    padding-bottom: 15px;
}

.btn a {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    background: #2c3135;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
    border: 0px;
    outline: none;
    overflow: hidden;
    z-index: 0;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
}

    .btn a.btn-red {
        background: #ff0000;
    }

    .btn a::before, .btn a::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        bottom: 100%;
        left: 0;
        z-index: -1;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
        -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
        -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
        transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    }

    .btn a::before {
        background: rgba(255, 0, 0, 0.7);
    }

    .btn a::after {
        background: #ff0000;
    }

    .btn a:hover::before {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .btn a:hover::after {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        -webkit-transition-delay: 0.175s;
        -moz-transition-delay: 0.175s;
        -o-transition-delay: 0.175s;
        transition-delay: 0.175s;
    }

    .btn a.btn-red::before {
        background: rgba(44, 49, 53, 0.7);
    }

    .btn a.btn-red::after {
        background: #2c3135;
    }

.btn-normal {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    color: #2c3135;
    padding: 12px 0px;
    border: 1px solid #2c3135;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
}

    .btn-normal:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 3px;
        background: #ff0000;
        opacity: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        -ms-transition: opacity 0.3s, -ms-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        -o-transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

    .btn-normal:after {
        content: '';
        display: inline-block;
        vertical-align: top;
        width: 13px;
        height: 24px;
        background: url("/Content/images/buttons/arrow-big.png") no-repeat center right;
        margin-left: 10px;
        margin-top: 1px;
    }

/* Modal */
.modal .modal-dialog {
    width: 90%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}

    .modal .modal-dialog p {
        font-size: 1.2rem;
        margin: 1em 0 .5em;
    }

    .modal .modal-dialog .modal-content {
        border-radius: 0;
    }

        .modal .modal-dialog .modal-content .modal-body {
            padding: 10px;
        }

.modal.fade .modal-dialog {
    -webkit-transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    -o-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 992px) {
    .modal .modal-dialog {
        width: auto;
    }
}

@media only screen and (min-width: 768px) {
    #videos #modal-gallery .modal-dialog .modal-body {
        padding-bottom: 60px;
    }
}

#videos #modal-gallery .modal-dialog iframe {
    margin-bottom: 20px;
    max-width: 100%;
}

#videos #modal-gallery .modal-dialog .title {
    color: #ff6600;
}

#modal-gallery .modal-dialog .modal-body {
    padding: 30px 30px 50px;
}

#modal-gallery button.close {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 5px;
    font-size: 30px;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=0.3);
}

#modal-gallery .controls {
    position: absolute;
    bottom: -45px;
    right: 0;
    list-style: none;
    color: #ff0000;
    font-size: 1.4rem;
}

    #modal-gallery .controls li {
        display: inline-block;
        padding-left: 10px;
    }

    #modal-gallery .controls .index,
    #modal-gallery .controls .total {
        font-weight: bold;
    }

    #modal-gallery .controls .btn-carousel {
        background: #000;
        border-radius: 100%;
        color: #ffffff;
        font-size: 11px;
        width: 21px;
        height: 21px;
        display: inline-block;
        text-align: center;
        padding: 0 3px;
        border: none;
        outline: none;
    }

@media only screen and (min-width: 768px) {
    #modal-gallery .modal-dialog .modal-body {
        padding: 60px 60px 100px;
    }
}

@media only screen and (min-width: 768px) {
    #modal-gallery .modal-dialog {
        width: auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -25%);
        -ms-transform: translate(-50%, -25%);
        -o-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%);
    }
}

@media only screen and (min-width: 768px) {
    #modal-gallery.modal.in .modal-dialog {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media only screen and (min-width: 768px) {
    #modal-gallery .carousel-inner > .item > img {
        max-width: none;
    }
}

@media only screen and (min-width: 768px) {
    #modal-gallery .controls {
        bottom: -60px;
    }
}

/* Carousel */
.carousel.show-controls .carousel-left,
.carousel.show-controls .carousel-right {
    display: block;
}

.carousel .carousel-left,
.carousel .carousel-right {
    display: none;
}

.carousel-indicators {
    position: static;
    margin: 10px auto 0;
}

    .carousel-indicators li {
        width: 13px;
        height: 13px;
        margin: 0;
        background: #e5e5e5;
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    }

    .carousel-indicators .active {
        width: 13px;
        height: 13px;
        margin: 0;
        background: #e5e5e5;
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3);
        background: #ff6600;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

@media only screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: -45px;
        position: absolute;
        margin: 0 0 0 -30%;
    }
}

.carousel-inner {
    padding: 0;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: url(/images/colorbox/overlay.png) repeat 0 0;
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=0.9);
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/images/colorbox/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/images/colorbox/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/images/colorbox/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/images/colorbox/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/images/colorbox/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(/images/colorbox/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(/images/colorbox/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(/images/colorbox/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxLoadingOverlay {
    background: url(/images/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(/images/colorbox/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

    /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
    #cboxPrevious:active,
    #cboxNext:active,
    #cboxSlideshow:active,
    #cboxClose:active {
        outline: 0;
    }

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/colorbox/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxPrevious:hover {
        background-position: -75px -25px;
    }

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/images/colorbox/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxNext:hover {
        background-position: -50px -25px;
    }

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/images/colorbox/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxClose:hover {
        background-position: -25px -25px;
    }

.read-more-btn {
    padding-left: 30px;
    padding-right: 30px;
}

    .read-more-btn span {
        color: white;
    }

/* This file consists the styles for the layout elements which isn't covered by bootstrap. These elements are customized for the website we are working. */
body {
    cursor: default;
}

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

iframe {
    max-width: 100%;
}

@media (max-width: 480px) {
    iframe {
        width: 100%;
        height: auto;
        display: block;
    }
}

.yt-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .yt-wrap iframe,
    .yt-wrap object,
    .yt-wrap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.page {
    position: relative;
    z-index: 2;
}

    .page .page-main {
        clear: both;
    }

        .page .page-main:before {
            content: " ";
            display: table;
        }

        .page .page-main:after {
            content: " ";
            display: table;
            clear: both;
        }

        .page .page-main:before {
            content: " ";
            display: table;
        }

        .page .page-main:after {
            content: " ";
            display: table;
            clear: both;
        }

    .page > .container-fluid {
        position: relative;
        background: white;
        padding: 0 0 90px;
        min-height: 400px;
    }

@media only screen and (min-width: 992px) {
    .page.rhs .page-content {
        width: 74%;
        float: left;
    }
}

@media only screen and (min-width: 992px) {
    .page.rhs .page-side {
        width: 18%;
        float: right;
    }
}

.page-side h5 {
    color: #ff6600;
    font-weight: bold;
}

.page-side p {
    position: relative;
    padding-right: 13%;
}

    .page-side p .circle {
        position: absolute;
        bottom: 0;
        right: 0;
    }

.page-side img {
    max-width: 100%;
}

@media only screen and (min-width: 992px) {
    .page-side p {
        font-size: 1.4rem;
    }
}

.container-fluid {
    max-width: 1170px;
}

.container-max {
    width: 1170px;
    margin: 0 auto;
}

.page-wrap {
    position: relative;
    overflow: hidden;
    min-height: 100%;
}

.offcanvas-visible .offcanvas-menu {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}

.offcanvas-visible .content-wrap {
    -webkit-transform: translate3d(90%, 0, 0);
    transform: translate3d(90%, 0, 0);
}

.offcanvas-visible .navbar-toggle .icon-bar {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (min-width: 992px) {
    .offcanvas-visible .content-wrap {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.content-wrap {
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .218s;
    -webkit-transition-duration: .218s;
    -o-transition-duration: .218s;
    transition-duration: .218s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    background: #bcbcbc;
}

.offcanvas-menu {
    position: absolute;
    top: 0;
    width: 90%;
    z-index: 2;
    min-height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    background-image: -webkit-linear-gradient(top, #494949 0%, #2f2f2f 100%);
    background-image: -o-linear-gradient(top, #494949 0%, #2f2f2f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#2f2f2f));
    background-image: linear-gradient(to bottom, #494949 0%, #2f2f2f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff2f2f2f', GradientType=0);
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .218s;
    -webkit-transition-duration: .218s;
    -o-transition-duration: .218s;
    transition-duration: .218s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

    .offcanvas-menu .search {
        padding: 15px;
    }

        .offcanvas-menu .search input {
            font-size: 0.75em;
            padding-right: 30px;
        }

        .offcanvas-menu .search button[type=submit] {
            top: 20px;
            right: 22px;
        }

    .offcanvas-menu .offcanvas-list {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 1.3rem;
    }

        .offcanvas-menu .offcanvas-list li {
            padding: 11px 15px 10px;
            text-transform: uppercase;
            position: relative;
            border-radius: 0;
        }

            .offcanvas-menu .offcanvas-list li *[data-toggle="collapse"] {
                padding: 10px 0;
                cursor: pointer;
            }

                .offcanvas-menu .offcanvas-list li *[data-toggle="collapse"]:after {
                    display: inline-block;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: inherit;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    -webkit-transform: translate(0, 0);
                    -ms-transform: translate(0, 0);
                    transform: translate(0, 0);
                    -moz-transition-property: all;
                    -webkit-transition-property: all;
                    -o-transition-property: all;
                    transition-property: all;
                    -moz-transition-duration: .218s;
                    -webkit-transition-duration: .218s;
                    -o-transition-duration: .218s;
                    transition-duration: .218s;
                    content: "\f0d7";
                    color: #ffffff;
                    position: absolute;
                    top: 13px;
                    right: 15px;
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

                    .offcanvas-menu .offcanvas-list li *[data-toggle="collapse"]:after.pull-left {
                        margin-right: .3em;
                    }

                    .offcanvas-menu .offcanvas-list li *[data-toggle="collapse"]:after.pull-right {
                        margin-left: .3em;
                    }

                .offcanvas-menu .offcanvas-list li *[data-toggle="collapse"].collapsed:after {
                    -webkit-transform: rotate(0);
                    -ms-transform: rotate(0);
                    -o-transform: rotate(0);
                    transform: rotate(0);
                }

            .offcanvas-menu .offcanvas-list li.panel {
                background: none;
                padding-top: 0;
                padding-bottom: 0;
                margin-top: 0;
                border-bottom: none;
                border-left: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .offcanvas-menu .offcanvas-list li ul {
                padding: 0;
                margin: 0 -15px;
                list-style: none;
                background-image: -webkit-linear-gradient(top, #494949 0%, #2f2f2f 100%);
                background-image: -o-linear-gradient(top, #494949 0%, #2f2f2f 100%);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#2f2f2f));
                background-image: linear-gradient(to bottom, #494949 0%, #2f2f2f 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff2f2f2f', GradientType=0);
            }

                .offcanvas-menu .offcanvas-list li ul li {
                    padding: 5px 20px 7px;
                    margin: 0 4px;
                    text-transform: initial;
                }

                    .offcanvas-menu .offcanvas-list li ul li ul {
                        background: none;
                        list-style: disc;
                        list-style-position: inside;
                        color: #ffffff;
                    }

                        .offcanvas-menu .offcanvas-list li ul li ul li {
                            border: none;
                            padding-bottom: 0;
                            padding-top: 6px;
                        }

        .offcanvas-menu .offcanvas-list p {
            color: #ffffff;
            margin-bottom: 1em;
        }

        .offcanvas-menu .offcanvas-list a {
            color: #ffffff;
        }

@media only screen and (min-width: 992px) {
    .offcanvas-menu {
        display: none;
    }
}

.content {
    position: relative;
}

.page-bottom {
    display: none;
}

.tools {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .tools li {
        display: inline-block;
        padding: 0 5px 0 9px;
        margin: 0;
        border-left: solid 1px #d0d0d0;
    }

        .tools li a {
            line-height: 18px;
            color: #51565b;
            font-size: 1em;
            width: 16px;
        }

            .tools li a:hover {
                color: #ff6600;
            }

            .tools li a.tools-normal-fonts {
                font-size: .8em;
            }

            .tools li a.tools-printer {
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0);
            }

                .tools li a.tools-printer.pull-left {
                    margin-right: .3em;
                }

                .tools li a.tools-printer.pull-right {
                    margin-left: .3em;
                }

                .tools li a.tools-printer:before {
                    content: "\f02f";
                }

        .tools li:first-child {
            border: none;
            padding-left: 0;
        }

        .tools li.tool-fontdefault, .tools li.tool-fontlarge {
            display: none;
        }

        .tools li .addthis_toolbox .aticon-compact {
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-bottomleft: 3px;
            -moz-border-radius-topleft: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-box-shadow: inset 0px 1px 5px #fff;
            box-shadow: inset 0px 1px 5px #fff;
            margin-top: 2px;
            width: 16px;
        }

        .tools li .addthis_toolbox .text {
            font-size: 11px;
            position: relative;
            left: 2px;
            line-height: 19px;
            vertical-align: top;
        }

@media only screen and (min-width: 768px) {
    .tools {
        top: 0;
        right: 0;
        position: absolute;
    }
}

.social {
    margin-top: 6px;
}

    .social a {
        position: relative;
        width: 30px;
        height: 35px;
        float: left;
        margin: 0 52px 0 0;
        color: #ffffff;
        border-radius: 50%;
        font: normal normal normal 10px/1 FontAwesome;
        font-size: inherit;
    }

        .social a.social-in {
            display: inline-block;
            font-size: 20px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            font-size: 25px;
        }

            .social a.social-in.pull-left {
                margin-right: .3em;
            }

            .social a.social-in.pull-right {
                margin-left: .3em;
            }

            .social a.social-in:before {
                position: absolute;
                top: 6px;
                left: 0px;
                content: "\f0e1";
            }

            .social a.social-in:hover {
                color: #d3d6de;
                background: none;
            }

        .social a.social-tw {
            display: inline-block;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            font-size: 25px;
        }

            .social a.social-tw.pull-left {
                margin-right: .3em;
            }

            .social a.social-tw.pull-right {
                margin-left: .3em;
            }

            .social a.social-tw:before {
                position: absolute;
                top: 7px;
                left: 0px;
                content: "\f099";
            }

            .social a.social-tw:hover {
                color: #d3d6de;
                background: none;
            }

        .social a.social-fb {
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            font-size: 25px;
            margin-right: 40px;
            margin-left: 40px;
        }

            .social a.social-fb.pull-left {
                margin-right: .3em;
            }

            .social a.social-fb.pull-right {
                margin-left: .3em;
            }

            .social a.social-fb:before {
                position: absolute;
                top: 5px;
                left: 0px;
                content: "\f09a";
            }

            .social a.social-fb:hover {
                color: #d3d6de;
                background: none;
            }

        .social a.social-intg {
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            font-size: 25px;
        }

            .social a.social-intg.pull-left {
                margin-right: .3em;
            }

            .social a.social-intg.pull-right {
                margin-left: .3em;
            }

            .social a.social-intg:before {
                position: absolute;
                top: 5px;
                left: 0px;
                content: "\f16d";
            }

            .social a.social-intg:hover {
                color: #d3d6de;
                background: none;
            }

        .social a.social-pin {
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            font-size: 25px;
        }

            .social a.social-pin.pull-left {
                margin-right: .3em;
            }

            .social a.social-pin.pull-right {
                margin-left: .3em;
            }

            .social a.social-pin:before {
                position: absolute;
                top: 5px;
                left: 0px;
                content: "\f0d2";
            }

            .social a.social-pin:hover {
                color: #d3d6de;
                background: none;
            }

/* Side Panels */
.side-panel {
    display: none;
}

/* Master List */
.master-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .master-list li {
        position: relative;
        margin: 0;
        padding: 0;
        border-bottom: solid 1px #d0d0d0;
    }

        .master-list li a {
            display: block;
            padding: 30px 0;
        }

            .master-list li a .image {
                position: relative;
                min-height: 1px;
                padding-left: 0;
                padding-right: 0;
                padding-bottom: 20px;
                text-align: center;
            }

                .master-list li a .image img {
                    max-width: 100%;
                }

            .master-list li a .text {
                position: relative;
                min-height: 1px;
                padding-left: 32px;
                padding-right: 32px;
            }

                .master-list li a .text h3 {
                    margin: 0;
                }

                .master-list li a .text p {
                    color: #51565b;
                }

            .master-list li a .video {
                position: relative;
                -moz-transition-property: all;
                -webkit-transition-property: all;
                -o-transition-property: all;
                transition-property: all;
                -moz-transition-duration: .218s;
                -webkit-transition-duration: .218s;
                -o-transition-duration: .218s;
                transition-duration: .218s;
            }

                .master-list li a .video .icon {
                    display: inline-block;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: inherit;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    -webkit-transform: translate(0, 0);
                    -ms-transform: translate(0, 0);
                    transform: translate(0, 0);
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    margin-left: -28px;
                    margin-top: -28px;
                    width: 56px;
                    height: 56px;
                    background: #ffffff;
                    border-radius: 100%;
                    text-align: center;
                    line-height: 56px;
                    font-size: 26px;
                    color: #707070;
                    padding: 1px;
                    filter: alpha(opacity=95);
                    opacity: 0.95;
                    -moz-opacity: 0.95;
                    filter: alpha(opacity=0.95);
                    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5);
                    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5);
                    -moz-transition-property: all;
                    -webkit-transition-property: all;
                    -o-transition-property: all;
                    transition-property: all;
                    -moz-transition-duration: .218s;
                    -webkit-transition-duration: .218s;
                    -o-transition-duration: .218s;
                    transition-duration: .218s;
                }

                    .master-list li a .video .icon.pull-left {
                        margin-right: .3em;
                    }

                    .master-list li a .video .icon.pull-right {
                        margin-left: .3em;
                    }

                    .master-list li a .video .icon:before {
                        content: "\f04b";
                        background-color: #565656;
                        color: transparent;
                        text-shadow: 0px 2px 3px rgba(255, 255, 255, 0.3);
                        -webkit-background-clip: text;
                        -moz-background-clip: text;
                        background-clip: text;
                    }

                .master-list li a .video:hover .icon {
                    -webkit-transform: scale(1.07);
                    -ms-transform: scale(1.07);
                    -o-transform: scale(1.07);
                    transform: scale(1.07);
                }

        .master-list li.featured {
            padding: 0;
            margin-bottom: 50px;
            border: none;
        }

            .master-list li.featured a {
                background: #e5e5e5;
                height: 298px;
                overflow: hidden;
            }

                .master-list li.featured a img {
                    width: 399px;
                }

                .master-list li.featured a .text {
                    margin: 0 0 0 33px;
                    width: 688px;
                    padding: 33px 33px 33px 0;
                }

                .master-list li.featured a:hover {
                    background: #f7f7f7;
                }

        .master-list li:last-child {
            border: none;
        }

@media only screen and (min-width: 768px) {
    .master-list li a .image {
        float: left;
        width: 16.66666667%;
    }
}

@media only screen and (min-width: 768px) {
    .master-list li a .image {
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .master-list li a .text {
        float: left;
        width: 83.33333333%;
    }
}

/* Links */
.link.circle::after {
    background: #ff6600;
    color: white;
    line-height: 27px;
    width: 27px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin: 0 0 0 8px;
    text-decoration: none;
}

.link:hover::after {
    background: #2f2f2f;
}

/* List styles */
.list-arrows {
    list-style: none;
    padding: 0;
}

    .list-arrows li {
        padding: 0 0 .5em 20px;
        position: relative;
        color: #51565b;
    }

        .list-arrows li a {
            color: inherit;
        }

        .list-arrows li:hover::before {
            left: 5px;
        }

        .list-arrows li::before {
            content: '\f105';
            font-family: FontAwesome;
            position: absolute;
            left: 0;
            color: #ff6600;
            -moz-transition-property: all;
            -webkit-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -moz-transition-duration: .218s;
            -webkit-transition-duration: .218s;
            -o-transition-duration: .218s;
            transition-duration: .218s;
        }

/* Paging */
.paging {
    background: #ececec;
    height: 45px;
    width: 100%;
    margin: 0 0 30px;
    padding: 12px 17px;
    font-size: .875em;
    color: #ff0000;
}

    .paging .circle > i {
        line-height: 21px;
        width: 21px;
        font-size: 17px;
        margin: 0;
        text-align: center;
    }

    .paging .page {
        font-weight: bold;
    }

    .paging select {
        height: 22px;
        padding: 0;
        line-height: 22px;
        font-size: 0.875em;
        border: solid 1px #d1d1d1;
        border-radius: 5px;
    }

        .paging select.go-page-select {
            margin: 0 0 0 20px;
        }

    .paging .target {
        float: left;
    }

    .paging .pages {
        float: right;
        list-style: none;
    }

    .paging .results-no {
        float: right;
    }

        .paging .results-no strong {
            font-size: .875em;
        }

/**
 * Page Templates
 */
.template {
    position: relative;
    width: 100%;
}

    .template .text {
        width: 100%;
    }

    .template .images {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin: 0 0 20px;
    }

        .template .images .item > img {
            width: 100%;
        }

        .template .images .item p.caption {
            font-size: .75em;
            margin: 5px 0 0;
            color: #2c3135;
        }

        .template .images .control {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            width: 25px;
            height: 25px;
            background: rgba(255, 255, 255, 0.5);
            position: absolute;
            top: 0;
            text-align: center;
            color: #51565b;
            font-size: 18px;
            line-height: 25px;
            text-decoration: none;
        }

            .template .images .control.pull-left {
                margin-right: .3em;
            }

            .template .images .control.pull-right {
                margin-left: .3em;
            }

            .template .images .control:before {
                content: "\f002";
            }

            .template .images .control.carousel-right {
                right: 0;
            }

                .template .images .control.carousel-right:before {
                    content: "\f0da";
                }

            .template .images .control.carousel-left {
                right: 27px;
            }

                .template .images .control.carousel-left:before {
                    content: "\f0d9";
                }

            .template .images .control.large-image {
                left: 0;
            }

                .template .images .control.large-image i {
                    font-size: 15px;
                }

            .template .images .control:hover {
                background: #ffffff;
            }

        .template .images .pic-tools {
            /*Temporarily */
            display: none;
        }

        .template .images p.caption {
            margin: 0;
        }

    .template.img-l .text {
        float: right;
        padding: 0;
    }

    .template.img-l .images {
        float: left;
        padding: 0;
    }

    .template.img-l.wrap .text {
        width: 100%;
        float: none;
        padding: 0;
    }

    .template.img-l.wrap .images {
        margin: 0 50px 30px 0;
        padding: 0;
    }

    .template.img-r .text {
        float: left;
        padding: 0;
    }

    .template.img-r .images {
        float: right;
        padding: 0;
    }

    .template.img-r.wrap .text {
        width: 100%;
        float: none;
        padding: 0;
    }

    .template.img-r.wrap .images {
        margin: 0 0 30px 50px;
        padding: 0;
    }

    .template.img-t .text {
        width: 100%;
    }

    .template.img-t .images {
        margin: 0 0 30px;
        width: 100%;
    }

        .template.img-t .images .item > img {
            width: 100%;
            height: 299px;
        }

    .template.img-none .text {
        width: 100%;
    }

@media only screen and (min-width: 768px) {
    .template .text {
        width: 70%;
    }
}

@media only screen and (min-width: 768px) {
    .template .images {
        width: 30%;
    }
}

@media only screen and (min-width: 768px) {
    .template.img-l .text {
        padding: 0 0 0 20px;
    }
}

@media only screen and (min-width: 768px) {
    .template.img-l .images {
        padding: 0 20px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .template.img-r .text {
        padding: 0 20px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .template.img-r .images {
        padding: 0 0 0 20px;
    }
}

.single .template .text {
    width: 100%;
}

.single .template .images {
    width: 100%;
}

    .single .template .images > img {
        width: 100%;
    }

.single .template.img-t .images {
    width: 100%;
}

    .single .template.img-t .images > img {
        width: 100%;
    }

.single .template.img-t .text {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .single .template .text {
        width: 70%;
    }
}

@media only screen and (min-width: 768px) {
    .single .template .images {
        width: 30%;
    }
}

#learn-cols {
    padding: 0px 15px;
}

#search-results .search-filter {
    margin: 0 0 30px;
}

    #search-results .search-filter select {
        width: 160px;
        margin: 0 0 0 10px;
    }

#search-results .master-list li a {
    background: white;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .218s;
    -webkit-transition-duration: .218s;
    -o-transition-duration: .218s;
    transition-duration: .218s;
}

    #search-results .master-list li a p {
        color: #51565b;
    }

        #search-results .master-list li a p .rel {
            display: block;
        }

    #search-results .master-list li a .link {
        position: absolute;
        bottom: 10px;
        right: 0;
    }

    #search-results .master-list li a:hover {
        background: #e5e5e5;
    }

@media only screen and (min-width: 768px) {
    #search-results .master-list li a p .rel {
        margin: 0 0 0 50px;
        width: auto;
        display: inline-block;
    }
}

#layout {
    padding: 0 15px;
}

    #layout .mini-gallery {
        margin: 20px 0;
    }

.global-layout {
    padding: 0px 15px;
}

    .global-layout table th:nth-child(3),
    .global-layout table td:nth-child(3) {
        text-align: left !important;
    }

table {
    /* width: 100%; */
}

    table tr.stripe {
        background: #e9eaee;
    }

    table th {
        font-size: 14px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 400;
        color: #fff;
        background: #2c3135;
        padding: 0px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        line-height: normal;
        padding: 10px;
        border: 0;
    }

    table td {
        font-size: 14px;
        font-family: "Roboto", sans-serif !important;
        font-weight: 400;
        color: #2c3135;
        padding: 10px;
        text-align: center;
        /*border: 0px !important;*/
    }

.page-404 {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

    .page-404 .bg-img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

        .page-404 .bg-img .desktop-bg {
            width: 100%;
            height: 788px;
            background: url("/Content/images/bg/desktop-404bg.jpg") no-repeat center center;
            background-size: cover;
        }

        .page-404 .bg-img .mobile-bg {
            width: 100%;
            height: 922px;
            background: url("/Content/images/bg/mobile-404bg.jpg") no-repeat center center;
            background-size: cover;
        }

    .page-404 .container-fluid {
        width: 100%;
    }

    .page-404 .breadcrumb {
        position: relative;
        z-index: 2;
        text-align: left;
        border-radius: 0px;
    }

    .page-404 .container {
        position: relative;
        width: 100%;
        z-index: 2;
    }

        .page-404 .container .button-home {
            position: absolute;
            bottom: 0px;
            width: 100%;
            left: 0px;
        }

        .page-404 .container .btn a {
            padding: 0px 55px;
        }

        .page-404 .container h2 {
            position: absolute;
            top: 0px;
            left: 0px;
            text-align: center;
            width: 100%;
        }

/**
 * Helper Classes
 */
.anim {
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .218s;
    -webkit-transition-duration: .218s;
    -o-transition-duration: .218s;
    transition-duration: .218s;
}

/* overrides */
table {
    border-collapse: initial;
    border-spacing: initial;
    margin-bottom: 14px;
}

h1,
.h1,
h1 span,
.h1 span {
    font-size: 36px !important;
}

h2,
.h2,
h2 span,
.h2 span {
    font-size: 30px !important;
}

h3,
.h3,
h3 span,
.h3 span {
    font-size: 24px !important;
}

h4,
.h4,
h4 span,
.h4 span {
    font-size: 18px !important;
}

h5,
.h5,
h5 span,
.h5 span {
    font-size: 14px !important;
}

h6,
.h6,
h6 span,
.h6 span {
    font-size: 12px !important;
}

ol,
ul {
    font-family: "Roboto", sans-serif !important;
}

    ol li,
    ul li {
        font-family: "Roboto", sans-serif !important;
    }

@media only screen and (min-width: 768px) {
    .fixed-active {
        display: none;
    }
}

.fixed-active,
.overflohidden {
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.fixed-active {
    overflow-y: auto;
    overflow-x: hidden;
}

.overflohidden {
    overflow: hidden;
}

.header {
    position: relative;
    background: #2c3135;
    z-index: 99;
}

    .header > .container-fluid {
        position: relative;
        padding: 20px;
    }

    .header.account-menu {
        display: none;
    }

    .header #welcome_cart,
    .header #welcome {
        font-size: 18px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 400;
        color: #2c3135;
        margin: 5px 0;
    }

        .header #welcome_cart p,
        .header #welcome p {
            font-family: "Roboto Condensed", sans-serif;
            font-weight: 400;
        }

        .header #welcome_cart .logout a,
        .header #welcome .logout a {
            display: block;
            font-size: 14px;
            color: #2c3135;
            text-transform: uppercase;
            opacity: 0.7;
            margin-top: 2px;
        }

        .header #welcome_cart .firstname,
        .header #welcome .firstname {
            font-size: 18px;
            font-family: "Roboto Condensed", sans-serif;
            font-weight: 400;
        }

        .header #welcome_cart .point-star,
        .header #welcome .point-star {
            font-size: 18px;
        }

            .header #welcome_cart .point-star .fa-star,
            .header #welcome .point-star .fa-star {
                color: #ff0000;
            }

    .header .header-l {
        padding: 5px 15px;
        min-height: 48px;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .header .header-l .navbar-toggle {
            position: absolute;
            top: 2px;
            left: 5px;
            border: none;
            width: 49px;
            height: 35px;
            -moz-transition-property: all;
            -webkit-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -moz-transition-duration: .218s;
            -webkit-transition-duration: .218s;
            -o-transition-duration: .218s;
            transition-duration: .218s;
        }

@media only screen and (min-width: 768px) {
    .header > .container-fluid {
        padding: 20px 40px 50px;
    }
}

@media only screen and (min-width: 768px) {
    .header.account-menu {
        display: block;
        background: #ffffff;
    }
}

@media only screen and (min-width: 768px) {
    .header .header-l {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 992px) {
    .header .header-l {
        float: left;
        width: 41.66666667%;
        padding: 5px 15px;
    }
}

@media only screen and (min-width: 480px) {
    .header .header-l .navbar-toggle {
        top: 25px;
    }
}

.offcanvas-visible .header .header-l .navbar-toggle {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header .header-l .navbar-toggle:focus, .header .header-l .navbar-toggle:hover {
    background-color: transparent;
}

.header .header-l .navbar-toggle .icon-bar {
    position: absolute;
    background-color: #ffffff;
    width: 30px;
    margin: 5px 0;
    -moz-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

    .header .header-l .navbar-toggle .icon-bar.icon1 {
        top: 3px;
    }

    .header .header-l .navbar-toggle .icon-bar.icon2 {
        top: 9px;
        opacity: 1;
    }

    .header .header-l .navbar-toggle .icon-bar.icon3 {
        top: 15px;
    }

.header .header-l .navbar-toggle.active-nav .icon1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
}

.header .header-l .navbar-toggle.active-nav .icon2 {
    opacity: 0;
}

.header .header-l .navbar-toggle.active-nav .icon3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
}

.header .header-l .cart {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -18px;
}

    .header .header-l .cart .count-cart {
        position: relative;
    }

        .header .header-l .cart .count-cart span {
            position: absolute;
            display: block;
            top: 0px;
            right: -9px;
            font-size: 12px;
            font-weight: 700;
            font-family: "Roboto Condensed", sans-serif;
            color: #fff;
            background: #ff0000;
            padding: 1px 7px;
            border-radius: 100%;
            line-height: 18px;
        }

.header .header-r {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.header .logo {
    display: block;
    max-width: 176px;
    margin: 0 auto;
}

    .header .logo img {
        display: block;
        min-width: 135px;
        max-width: 343px;
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

.header .navbar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 0;
    margin: 0;
    z-index: 1;
}

    .header .navbar .container-fluid {
        padding: 0;
    }

    .header .navbar .navbar-collapse {
        background: #2c3135;
        border-top: solid 1px #d0d0d0;
        padding: 0;
        max-height: 1000px;
        -moz-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        -ms-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .header .navbar .nav {
        margin: 0;
    }

        .header .navbar .nav > li:last-child {
            display: none;
        }

            .header .navbar .nav > li:last-child a {
                border-bottom: none;
            }

        .header .navbar .nav > li a {
            position: relative;
            display: block;
            font-size: 14px !important;
            font-family: "Roboto Condensed", sans-serif;
            color: #ffffff;
            padding: 20px 0 !important;
            margin: 0px 35px;
            height: auto !important;
            border-bottom: 1px solid #1b1e20;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .header .navbar .nav li a {
            color: #ffffff;
        }

            .header .navbar .nav li a > i {
                font-size: 20px;
                float: right;
            }

        .header .navbar .nav li.dropdown-open .dropdown-menu {
            display: block;
            position: relative;
            width: 100%;
            background: #1b1e20;
            padding: 0 30px;
            border: none;
        }

            .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content {
                padding: 0;
            }

                .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                    .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul > li {
                        border-bottom: solid 1px #2c3135;
                        margin: 0px 30px;
                    }

                        .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul > li a {
                            background-color: transparent;
                            padding: 10px 15px;
                            margin: 0px;
                            display: block;
                            font-size: 16px;
                            /* Bad, fix this later */
                        }

                        .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul > li .tertiary li {
                            border-bottom: none;
                            border-top: solid 1px #2c3135;
                        }

                            .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul > li .tertiary li a {
                                font-size: 15px;
                                color: #8d8f90 !important;
                            }

                                .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul > li .tertiary li a:before {
                                    content: '-';
                                    display: inline-block;
                                    vertical-align: middle;
                                    margin-right: 5px;
                                }

                                .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul > li .tertiary li a > i {
                                    float: left;
                                    font-size: 14px;
                                    margin: 0 5px 0 0;
                                }

                .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav .secondary:last-child > li:last-child {
                    border-bottom: none;
                }

                .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-img {
                    display: none;
                }

    .header .navbar .cart-nav {
        position: relative;
        width: 27px;
        padding-bottom: 5px;
        margin-top: -5px;
    }

        .header .navbar .cart-nav .count-cart {
            position: relative;
        }

            .header .navbar .cart-nav .count-cart span {
                position: absolute;
                display: block;
                top: 0px;
                right: -9px;
                font-size: 12px;
                font-weight: 700;
                font-family: "Roboto Condensed", sans-serif;
                color: #fff;
                background: #ff0000;
                padding: 1px 7px;
                border-radius: 100%;
                line-height: 18px;
            }

.header .header-widgets {
    display: none;
    padding-left: 20px;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

    .header .header-widgets .wrap {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        float: right;
        padding-bottom: 24px;
    }

    .header .header-widgets .search {
        position: relative;
        float: right;
    }

        .header .header-widgets .search .form-control {
            width: 180px;
            background: #838383;
            border: none;
            -webkit-box-shadow: inset 3px 3px 4px 0 rgba(0, 0, 0, 0.25);
            -moz-box-shadow: inset 3px 3px 4px 0 rgba(0, 0, 0, 0.25);
            box-shadow: inset 3px 3px 4px 0 rgba(0, 0, 0, 0.25);
            color: #000;
        }

            .header .header-widgets .search .form-control:focus {
                background: #b6b6b6;
            }

        .header .header-widgets .search .btn-search {
            position: absolute;
            top: 8px;
            right: 14px;
            color: #000;
        }

            .header .header-widgets .search .btn-search .fa {
                font-size: 22px;
            }

    .header .header-widgets .contact {
        float: right;
        color: #ffffff;
        font-size: 1.125em;
        line-height: 38px;
        margin: 0 0 0 38px;
    }

        .header .header-widgets .contact .fa {
            position: relative;
            font-size: 24px;
            top: 3px;
            margin-right: 5px;
        }

        .header .header-widgets .contact:hover {
            color: #ff6600;
        }

    .header .header-widgets .social {
        float: right;
        margin: 6px 0 0 41px;
    }

        .header .header-widgets .social .social-in,
        .header .header-widgets .social .social-tw,
        .header .header-widgets .social .social-fb {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            font-size: 14px;
        }

            .header .header-widgets .social .social-in:before,
            .header .header-widgets .social .social-tw:before,
            .header .header-widgets .social .social-fb:before {
                content: "\f0e1";
            }

            .header .header-widgets .social .social-tw:before {
                content: "\f099";
            }

        .header .header-widgets .social .social-fb {
            margin-right: 0;
        }

            .header .header-widgets .social .social-fb:before {
                content: "\f09a";
            }

.header .contact-number a {
    font-size: 24px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #d3d6de;
    text-transform: uppercase;
}

.header .contact-number .fa-phone {
    font-size: 24px;
    font-weight: bold;
    color: #51565b;
}

@media only screen and (min-width: 480px) {
    .header .logo {
        max-width: 100%;
    }
}

@media only screen and (min-width: 480px) and (min-width: 768px) {
    .header .logo {
        max-width: none;
        width: 343px;
        max-width: 100%;
        margin: 0;
    }
}

@media only screen and (min-width: 480px) {
    .header .logo img {
        max-width: 343px;
        width: auto;
    }
}

@media only screen and (min-width: 480px) and (min-width: 768px) {
    .header .logo img {
        width: 228px;
    }
}

@media only screen and (min-width: 480px) and (min-width: 1200px) {
    .header .logo img {
        max-width: 343px;
        width: auto;
    }
}

@media only screen and (min-width: 480px) and (min-width: 768px) {
    .header .header-l .cart {
        display: none;
        border: 0px;
    }

    .header .header-r {
        float: left;
        width: 66.66666667%;
    }
}

@media only screen and (min-width: 480px) and (min-width: 768px) and (min-width: 992px) {
    .header .header-r {
        float: left;
        width: 58.33333333%;
    }
}

.header .navbar .nav > li > a {
    font-size: 15px;
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {
    .header.header-nav:after {
        content: '';
        position: absolute;
        top: 0px;
        right: 0px;
        width: 25%;
        height: 71px;
        background: #51565c;
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
    .header.header-nav:after {
        height: 101px;
        background: #51565c;
    }
}

@media only screen and (min-width: 768px) {
    .header .navbar {
        display: block;
        padding: 0px;
    }

        .header .navbar .navbar-collapse {
            background: transparent;
            border: none;
            min-height: 0px;
            padding-right: 15px;
        }

        .header .navbar .nav {
            padding-top: 40px;
            float: right;
        }

            .header .navbar .nav > li {
                position: relative;
                border: none !important;
            }

                .header .navbar .nav > li:last-child {
                    display: block;
                }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .header .navbar .nav > li:last-child {
        width: 59px;
    }
}

@media only screen and (min-width: 768px) and (min-width: 922px) and (max-width: 1003px) {
    .header .navbar .nav > li:last-child {
        width: 50px;
    }
}

@media only screen and (min-width: 768px) {
    .header .navbar .nav > li.pn-1 {
        display: none;
    }

    .header .navbar .nav > li:nth-child(4), .header .navbar .nav > li:nth-child(5), .header .navbar .nav > li:nth-child(6) {
        background: #51565c;
    }

    .header .navbar .nav > li > a {
        height: 71px !important;
        padding: 0 5px;
        line-height: 38px;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 0;
        font-size: .8125em;
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
    .header .navbar .nav > li > a {
        height: 101px !important;
    }
}

@media only screen and (min-width: 768px) {
    .header .navbar .nav > li > a > i {
        display: none;
    }

    .header .navbar .nav > li a {
        border: 0px;
        padding: 16px 10px !important;
        margin: 0px;
    }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
    .header .navbar .nav > li a {
        padding: 31px 16px !important;
        margin: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .header .navbar .nav > li a:after {
        content: '';
        border: 0px;
    }

    .header .navbar .nav > li:hover a {
        background: #ff6600;
    }

    .header .navbar .nav > li:hover > ul.dropdown-menu {
        display: block;
        position: absolute;
        border-top: none;
        border-bottom: 2px solid #2f2f2f;
        border-left: 2px solid #2f2f2f;
        border-right: 2px solid #2f2f2f;
        border-radius: 0;
        margin: 0;
        background: #1b1e20;
        box-shadow: none;
        -webkit-box-shadow: none;
        padding: 20px 0;
    }

        .header .navbar .nav > li:hover > ul.dropdown-menu li {
            border: none;
        }

            .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav {
                width: 100%;
                float: left;
            }

                .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    width: 47.5%;
                    float: left;
                }

                    .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul + ul {
                        margin-left: 5%;
                    }

                    .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li {
                        line-height: 21px;
                        border: none;
                    }

                        .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li > a {
                            display: block;
                            padding: 5px 10px;
                            color: #000;
                            border-bottom: solid 1px #2f2f2f;
                        }

                            .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li > a:hover {
                                background: #2f2f2f;
                                color: #ffffff;
                            }

                        .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li ul.tertiary {
                            list-style: none;
                            margin: 0;
                            padding: 0;
                            width: 100%;
                        }

                            .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li ul.tertiary li {
                                border: none;
                            }

                                .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li ul.tertiary li > a {
                                    display: block;
                                    line-height: 21px;
                                    padding: 5px 10px;
                                    border-bottom: solid 1px #2f2f2f;
                                    font-size: 14px;
                                }

                                    .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li ul.tertiary li > a i {
                                        margin-right: 10px;
                                        line-height: 21px;
                                    }

                                    .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li ul.tertiary li > a:hover {
                                        background: #2f2f2f;
                                        color: #ffffff;
                                    }
}

@media only screen and (min-width: 768px) {
    .header .navbar .nav > li:hover > ul.dropdown-menu {
        padding: 0px;
    }

        .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul.secondary {
            width: 100%;
        }
}

@media only screen and (min-width: 768px) and (min-width: 992px) {
    .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li > a {
        padding: 15px !important;
    }

    .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li ul.tertiary li > a {
        padding: 15px !important;
    }
}

@media only screen and (min-width: 992px) {
    .header .navbar .nav > li > a {
        font-size: 1em;
        padding: 0 10px;
    }

    .header .navbar .nav > li:hover ul.dropdown-menu li .mm-content .mm-nav {
        width: 100%;
        float: left;
    }

    .header .navbar .nav > li:hover ul.dropdown-menu li .mm-content .mm-img {
        width: 20%;
        margin-left: 5%;
        float: left;
        display: block;
    }

        .header .navbar .nav > li:hover ul.dropdown-menu li .mm-content .mm-img img {
            width: 100%;
            display: block;
            margin: 0 0 10px;
        }

        .header .navbar .nav > li:hover ul.dropdown-menu li .mm-content .mm-img h4 {
            color: #51565b;
            margin-bottom: 10px;
        }
}

@media only screen and (min-width: 1200px) {
    .header .navbar .nav > li > a {
        font-size: 1.25em;
        padding: 0 15px;
    }
}

@media only screen and (min-width: 768px) {
    .header .navbar .nav li:hover .dropdown-menu {
        display: block;
        position: relative;
        width: 100%;
        background: #1b1e20;
        padding: 0 30px;
        border: none;
    }

        .header .navbar .nav li:hover .dropdown-menu .mm-content {
            padding: 0;
        }

            .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

                .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul > li {
                    border-bottom: solid 1px #2c3135;
                    margin: 0px 30px;
                }

                    .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul > li a {
                        background-color: transparent;
                        padding: 10px 15px;
                        margin: 0px;
                        display: block;
                        font-size: 16px;
                        /* Bad, fix this later */
                    }

                    .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul > li .tertiary li {
                        border-bottom: none;
                        border-top: solid 1px #2c3135;
                    }

                        .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul > li .tertiary li a {
                            font-size: 15px;
                            color: #8d8f90 !important;
                        }

                            .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul > li .tertiary li a:before {
                                content: '-';
                                display: inline-block;
                                vertical-align: middle;
                                margin-right: 5px;
                            }

                            .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul > li .tertiary li a > i {
                                float: left;
                                font-size: 14px;
                                margin: 0 5px 0 0;
                            }

            .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav .secondary:last-child > li:last-child {
                border-bottom: none;
            }

            .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-img {
                display: none;
            }
}

@media (min-width: 768px) and (min-width: 768px) {
    .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul > li {
        margin: 0px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .header .navbar .nav li:hover .dropdown-menu .mm-content .mm-nav ul > li .tertiary li {
        margin: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul > li {
        margin: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .header .navbar .nav li.dropdown-open .dropdown-menu .mm-content .mm-nav ul > li .tertiary li {
        margin: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .header .header-widgets {
        display: block;
        margin-bottom: -25px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (min-width: 992px) {
    .header .header-widgets .search .form-control {
        width: 241px;
    }

        .header .header-widgets .search .form-control:focus {
            width: 280px;
        }
}

.account-name {
    background: #fff;
    padding: 17px 0;
}

    .account-name:after {
        content: '';
        display: block;
        clear: both;
    }

    .account-name p {
        margin: 0px;
        font-family: "Roboto Condensed", sans-serif;
    }

        .account-name p.firstname {
            font-size: 17px;
            font-weight: 400;
            font-family: "Roboto Condensed", sans-serif;
            padding-left: 35px;
        }

        .account-name p.point-star {
            padding-right: 35px;
            margin-top: 2px;
        }

            .account-name p.point-star .fa-star {
                color: #ff0000;
            }

.dropdown-carat {
    display: none;
}

@media (max-width: 767px) {
    .dropdown-carat {
        display: block;
        content: ' ';
        position: absolute;
        top: 6px;
        right: 0;
        width: 100px;
        height: 50px;
        background-image: url(/Content/images/menu-carat.png);
        background-repeat: no-repeat;
        background-position: 75% 50%;
        /*background-color: blue;*/
    }
}

#header-phone::before {
    content: '1300 CLUB GYP';
}

#header-phone:hover::before {
    content: '1300 258 249';
}

a.social-fb:before {
    margin-left: 7px;
}

a.social-tw:before {
    margin-left: 1px;
}

a.social-intg:before {
    margin-left: 2px;
}

a.social-pinterest:before {
    margin-left: 7px;
}

/* Views */
/* Styles for the Home */
.b-feature {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #bfeature-desktop a:first-child img {
        padding-right: 8px;
        float: left;
        max-height: 300px;
    }

    #bfeature-desktop a:last-child img {
        padding-left: 8px;
        float: right;
        max-height: 300px;
    }
}

@media (max-width: 767px) {
    #bfeature-mobile a:not(:last-child) div {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    #cfeature-desktop .col-xs-4 {
        padding-left: 8px;
        padding-right: 8px;
    }

    #cfeature-desktop img {
        width: 100%;
    }
    /*
    #cfeature-desktop .col-xs-4:nth-of-type(0) {
        padding-left: 0px;
        padding-right: 0px;
    }

    #cfeature-desktop .col-xs-4:nth-of-type(1) {
        padding-left: 0px;
        padding-right: 0px;
    }

    #cfeature-desktop .col-xs-4:nth-of-type(2) {
        padding-left: 0px;
        padding-right: 0px;
    }

    #cfeature-desktop .col-xs-4:nth-of-type(3) {
        padding-left: 0px;
        padding-right: 0px;
    }
    */
}

@media (max-width: 767px) {
    #cfeature-mobile li {
        padding-left: 8px;
        padding-right: 8px;
    }

        #cfeature-mobile li:first-child {
            padding-left: 0px;
        }

        #cfeature-mobile li:last-child {
            padding-right: 0px;
        }
}

.bonus-tile {
    background-color: #979ba7;
}

    .a-feature img,
    .b-feature img,
    .bonus-tile img {
        /*max-width: 100%;*/
        /*height: 100%;*/
        /*max-height: 150px;*/
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

.component .container-fluid {
    background: white;
    padding: 25px 20px;
}

    .component .container-fluid.bg-dark {
        background: #2f2f2f;
    }

    .component .container-fluid.bg-light {
        background: #e3e3e3;
    }

@media only screen and (min-width: 768px) {
    .component .container-fluid {
        padding: 50px 40px;
    }
}

.bg-dark {
    background: #2f2f2f;
}

    .bg-dark .link.circle:hover::after {
        background: #e3e3e3;
        color: #51565b;
    }

.a-feature {
    padding-bottom: 0px;
    padding-top: 0px;
}

    .a-feature .container-fluid {
        background: #2f2f2f;
        padding: 0;
    }

        .a-feature .container-fluid .carousel-indicator {
            position: absolute;
            right: 18px;
            top: 18px;
            color: #ffffff;
        }

        .a-feature .container-fluid .carousel-custom-control {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            width: 62px;
            height: 62px;
            display: block;
            background: #ff6600;
            position: absolute;
            top: 50%;
            margin-top: -31px;
            color: #ffffff;
            font-size: 32px;
            display: none;
        }

            .a-feature .container-fluid .carousel-custom-control.pull-left {
                margin-right: .3em;
            }

            .a-feature .container-fluid .carousel-custom-control.pull-right {
                margin-left: .3em;
            }

            .a-feature .container-fluid .carousel-custom-control:before {
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -14px 0 0 -16px;
                content: "\f053";
            }

            .a-feature .container-fluid .carousel-custom-control:hover {
                background: #ff944d;
            }

            .a-feature .container-fluid .carousel-custom-control.left {
                left: -25px;
            }

                .a-feature .container-fluid .carousel-custom-control.left:after {
                    content: '';
                    width: 0;
                    height: 0;
                    border-left: 25px solid transparent;
                    border-right: 0 solid transparent;
                    border-top: 9px solid #993d00;
                    position: absolute;
                    left: 0;
                    bottom: -9px;
                }

            .a-feature .container-fluid .carousel-custom-control.right {
                right: -25px;
            }

                .a-feature .container-fluid .carousel-custom-control.right:before {
                    margin: -14px 0 0 -8px;
                    content: "\f054";
                }

                .a-feature .container-fluid .carousel-custom-control.right:after {
                    content: '';
                    width: 0;
                    height: 0;
                    border-left: 0 solid transparent;
                    border-right: 25px solid transparent;
                    border-top: 9px solid #993d00;
                    position: absolute;
                    right: 0;
                    bottom: -9px;
                }

@media only screen and (min-width: 768px) {
    .a-feature .container-fluid {
        padding: 0 40px 50px;
    }
}

.b-feature h2 {
    text-align: center;
}

.b-feature .btn-left {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    display: none;
}

.b-feature .btn-right {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    display: none;
    right: 0;
}

.b-feature .item {
    text-align: center;
}

.b-feature .col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

    .b-feature .col img {
        max-width: 100%;
        padding: 10px 0 20px;
    }

@media only screen and (min-width: 768px) {
    .b-feature .btn-left,
    .b-feature .btn-right {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .b-feature .col {
        float: left;
        width: 25%;
    }
}

@media only screen and (min-width: 768px) {
    .b-feature .col {
        float: none;
        display: inline-block;
        margin: 0 -4px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .b-feature .col img {
        padding: 10px 30px 20px;
    }
}

.c-feature .container-fluid {
    padding: 0;
}

    .c-feature .container-fluid img {
        max-width: 100%;
        margin: 0 auto 20px;
        display: block;
    }

    .c-feature .container-fluid > .row {
        margin: 0;
    }

        .c-feature .container-fluid > .row > .col {
            padding: 25px 20px;
        }

            .c-feature .container-fluid > .row > .col h2 {
                text-align: center;
            }

                .c-feature .container-fluid > .row > .col h2 span {
                    display: none;
                }

            .c-feature .container-fluid > .row > .col p {
                color: #51565b;
                text-align: center;
                padding-top: 20px;
            }

            .c-feature .container-fluid > .row > .col:first-child {
                background: #e3e3e3;
            }

                .c-feature .container-fluid > .row > .col:first-child h2 {
                    color: #51565b;
                }

            .c-feature .container-fluid > .row > .col:last-child h2 {
                color: #2c3135;
            }

            .c-feature .container-fluid > .row > .col:last-child p {
                color: #ffffff;
            }

.c-feature .col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 768px) {
    .c-feature .container-fluid img {
        margin: 0;
    }
}

@media only screen and (min-width: 768px) {
    .c-feature .container-fluid > .row > .col {
        padding: 50px 40px;
    }
}

@media only screen and (min-width: 768px) {
    .c-feature .container-fluid > .row > .col h2 {
        padding-right: 120px;
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .c-feature .container-fluid > .row > .col h2 span {
        position: absolute;
        top: 100px;
        right: 80px;
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .c-feature .container-fluid > .row > .col p {
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .c-feature .col {
        float: left;
        width: 50%;
    }
}

.d-feature .col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

    .d-feature .col:first-child {
        padding-bottom: 20px;
        padding-left: 20px;
    }

.d-feature .link.circle {
    padding-right: 120px;
    display: inline-block;
    line-height: 64px;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .218s;
    -webkit-transition-duration: .218s;
    -o-transition-duration: .218s;
    transition-duration: .218s;
}

    .d-feature .link.circle a {
        margin: 20px 20px 0 0;
        display: inline-block;
    }

    .d-feature .link.circle::after {
        float: right;
        margin: 0 0 0 20px;
    }

.d-feature img {
    width: 100%;
    display: block;
}

@media only screen and (min-width: 768px) {
    .d-feature .col {
        float: left;
        width: 50%;
    }
}

@media only screen and (min-width: 768px) {
    .d-feature .col {
        padding-left: 40px;
    }
}

.e-feature .container-fluid > .row > .col:first-child {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

    .e-feature .container-fluid > .row > .col:first-child .col:first-child img {
        padding-right: 1px;
    }

.e-feature .container-fluid > .row > .col:last-child {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
}

.e-feature p {
    color: #ff6600;
}

    .e-feature p:last-of-type {
        margin: 0;
    }

.e-feature .link-list {
    padding: 0;
}

    .e-feature .link-list:first-of-type {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 15px;
    }

    .e-feature .link-list a {
        color: #ffffff;
        display: block;
        padding-right: 20px;
        position: relative;
        -moz-transition-property: all;
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -moz-transition-duration: .218s;
        -webkit-transition-duration: .218s;
        -o-transition-duration: .218s;
        transition-duration: .218s;
    }

        .e-feature .link-list a:hover {
            color: #ff6600;
        }

            .e-feature .link-list a:hover::after {
                right: -5px;
                color: #ff6600;
            }

        .e-feature .link-list a::after {
            content: '\f105';
            font-family: FontAwesome;
            position: absolute;
            right: 0;
            top: 4px;
            font-size: 1.2rem;
            -moz-transition-property: all;
            -webkit-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -moz-transition-duration: .218s;
            -webkit-transition-duration: .218s;
            -o-transition-duration: .218s;
            transition-duration: .218s;
        }

.e-feature .link.circle {
    display: inline-block;
    line-height: 64px;
}

    .e-feature .link.circle::after {
        float: right;
        margin: 0 0 0 20px;
    }

.e-feature .col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

    .e-feature .col:first-child img {
        padding-bottom: 1px;
    }

    .e-feature .col:last-child img {
        width: 50%;
        float: left;
        padding-left: 1px;
        padding-bottom: 1px;
    }

    .e-feature .col:last-child a:nth-child(odd) img {
        margin-left: -1px;
    }

    .e-feature .col.feature img {
        width: 100%;
    }

    .e-feature .col img {
        max-width: 100%;
    }

@media only screen and (min-width: 768px) {
    .e-feature .container-fluid > .row > .col:first-child {
        float: left;
        width: 54.16666667%;
    }
}

@media only screen and (min-width: 768px) {
    .e-feature .container-fluid > .row > .col:first-child {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .e-feature .container-fluid > .row > .col:last-child {
        float: left;
        width: 41.66666667%;
    }
}

@media only screen and (min-width: 768px) {
    .e-feature .container-fluid > .row > .col:last-child {
        margin-left: 4.16666667%;
    }
}

@media only screen and (min-width: 768px) {
    .e-feature .container-fluid > .row > .col:last-child {
        padding-left: 0;
    }
}

@media only screen and (min-width: 992px) {
    .e-feature p:last-of-type {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .e-feature .link-list {
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) {
    .e-feature .col {
        float: left;
        width: 50%;
    }
}

@media only screen and (min-width: 768px) {
    .e-feature .col:first-child .col:first-child {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .e-feature .col:first-child .col:last-child {
        padding-left: 0;
    }
}

.f-feature .col:first-child, .f-feature .col:last-child {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.f-feature .col h2 {
    color: #51565b;
}

.f-feature .col img {
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .f-feature .col:first-child {
        float: left;
        width: 37.5%;
    }
}

@media only screen and (min-width: 1200px) {
    .f-feature .col:first-child p {
        padding-right: 50%;
    }
}

@media only screen and (min-width: 768px) {
    .f-feature .col:last-child {
        float: left;
        width: 62.5%;
    }
}

.g-feature .container-fluid {
    padding: 0;
}

.g-feature .row {
    margin: 0;
    width: 100%;
}

.g-feature .col {
    padding: 25px 20px;
}

    .g-feature .col:before {
        content: " ";
        display: table;
    }

    .g-feature .col:after {
        content: " ";
        display: table;
        clear: both;
    }

    .g-feature .col:before {
        content: " ";
        display: table;
    }

    .g-feature .col:after {
        content: " ";
        display: table;
        clear: both;
    }

    .g-feature .col:first-child p {
        padding: 0 0 0 35%;
    }

.g-feature .bg-dark h2 {
    color: #ffffff;
}

.g-feature .bg-dark p {
    color: #ffffff;
    margin-bottom: 3em;
}

.g-feature .item {
    position: relative;
    margin-bottom: 20px;
    clear: both;
}

    .g-feature .item:before {
        content: " ";
        display: table;
    }

    .g-feature .item:after {
        content: " ";
        display: table;
        clear: both;
    }

    .g-feature .item:before {
        content: " ";
        display: table;
    }

    .g-feature .item:after {
        content: " ";
        display: table;
        clear: both;
    }

.g-feature img {
    max-width: 30%;
    float: left;
}

.g-feature input {
    display: block;
    border-radius: 20px;
    padding: 5px 20px;
    margin-bottom: 10px;
    border: none;
    -webkit-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.3);
}

    .g-feature input:last-of-type {
        margin-bottom: 40px;
    }

.g-feature button {
    background: #ff6600;
    color: #ffffff;
    border-radius: 20px;
    border: none;
    padding: 5px 20px;
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .g-feature .row {
        display: table;
        table-layout: fixed;
    }
}

@media only screen and (min-width: 768px) {
    .g-feature .col {
        padding: 25px 40px;
    }
}

@media only screen and (min-width: 992px) {
    .g-feature .col {
        display: table-cell;
        width: 50%;
        padding: 50px 40px;
    }
}

@media only screen and (min-width: 768px) {
    .g-feature .col:first-child p {
        padding-right: 25%;
    }
}

@media only screen and (min-width: 768px) {
    .g-feature .col:first-child p.no-margin {
        margin: 0;
    }
}

@media only screen and (min-width: 768px) {
    .g-feature .col:first-child p:last-child {
        position: absolute;
        bottom: -22px;
        right: 0;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {
    .g-feature .bg-dark p {
        padding-right: 30%;
    }
}

@media only screen and (min-width: 768px) {
    .g-feature input {
        width: 45%;
    }
}

@media only screen and (min-width: 768px) {
    .g-feature button {
        width: 30%;
    }
}

.h-feature img {
    width: 100%;
}

.h-feature .row {
    margin: 0;
    position: relative;
}

    .h-feature .row .col {
        position: relative;
    }

    .h-feature .row .img-block,
    .h-feature .row .col {
        padding: 1px;
    }

    .h-feature .row .social-fb,
    .h-feature .row .social-tw {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        font-size: 16px;
    }

        .h-feature .row .social-fb.pull-left,
        .h-feature .row .social-tw.pull-left {
            margin-right: .3em;
        }

        .h-feature .row .social-fb.pull-right,
        .h-feature .row .social-tw.pull-right {
            margin-left: .3em;
        }

        .h-feature .row .social-fb:before {
            content: "\f09a";
        }

        .h-feature .row .social-tw:before {
            content: "\f09a";
            content: "\f099";
        }

    .h-feature .row .img-block {
        padding-bottom: 2px;
    }

        .h-feature .row .img-block a {
            position: absolute;
            top: 15px;
            left: 15px;
            padding: 11px 14px;
            background: #3e479f;
            border-radius: 50%;
            width: 38px;
            height: 38px;
        }

            .h-feature .row .img-block a.share-tw {
                background: #2b8ec9;
            }

    .h-feature .row .item {
        padding: 20px;
    }

    .h-feature .row a {
        color: #ffffff;
    }

    .h-feature .row p {
        color: #ffffff;
        margin: 0;
    }

    .h-feature .row .split .item {
        background: #2b8ec9;
    }

        .h-feature .row .split .item:last-child {
            background: #3e479f;
            margin-top: 2px;
        }

    .h-feature .row .narrow .item {
        background: #2b8ec9;
    }

@media only screen and (min-width: 1200px) {
    .h-feature .row .col {
        display: table-cell;
        vertical-align: top;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .img-block,
    .h-feature .row .col {
        width: 29.16666667%;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .img-block {
        width: 276px;
        padding-bottom: 1px;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .img-block {
        width: 328px;
        float: left;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .img-block:nth-child(4) {
        position: absolute;
        right: 0;
        top: 276px;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .img-block:nth-child(4) {
        position: static;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .img-block:nth-last-child(2), .h-feature .row .img-block:last-child {
        position: static;
        float: right;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .img-block:nth-last-child(2), .h-feature .row .img-block:last-child {
        float: left;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .item {
        padding: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .item {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .split {
        height: 274px;
        position: absolute;
        left: 276px;
        top: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .split {
        position: static;
        height: 326px;
        float: left;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .split ~ .split {
        position: static;
        clear: left;
        float: left;
        margin-bottom: 2px;
    }
}

@media only screen and (min-width: 992px) {
    .h-feature .row .split ~ .split {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .split ~ .split {
        width: 328px;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .split .item {
        height: 50%;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .narrow {
        float: left;
        margin-right: 276px;
        height: 276px;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .narrow {
        width: 125px;
        height: 328px;
        margin-right: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .narrow {
        width: 194px;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .narrow ~ .narrow {
        position: absolute;
        top: 828px;
        left: 0;
        right: 552px;
        margin-right: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .narrow ~ .narrow {
        position: static;
    }
}

@media only screen and (min-width: 1200px) {
    .h-feature .row .narrow ~ .narrow {
        width: 216px;
    }
}

@media only screen and (min-width: 768px) {
    .h-feature .row .narrow .item {
        height: 100%;
    }
}

.i-feature h2 {
    text-align: center;
}

.i-feature .col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

    .i-feature .col:before {
        content: " ";
        display: table;
    }

    .i-feature .col:after {
        content: " ";
        display: table;
        clear: both;
    }

    .i-feature .col:before {
        content: " ";
        display: table;
    }

    .i-feature .col:after {
        content: " ";
        display: table;
        clear: both;
    }

.i-feature .item img {
    max-width: 35%;
    float: left;
}

.i-feature .item h3 {
    padding: 0 0 0 40%;
    color: #51565b;
    line-height: 1;
}

    .i-feature .item h3 .date {
        font-size: 75%;
        font-weight: normal;
        color: #2c3135;
    }

.i-feature .item p {
    padding: 0 10% 0 40%;
}

@media only screen and (min-width: 768px) {
    .i-feature .col {
        float: left;
        width: 41.66666667%;
    }
}

@media only screen and (min-width: 768px) {
    .i-feature .col:last-child {
        margin-left: 16.66666667%;
    }
}

@media only screen and (min-width: 992px) {
    .i-feature .item p {
        font-size: 1.8rem;
    }
}

@media only screen and (min-width: 992px) {
    .i-feature .item p:last-child {
        position: absolute;
        bottom: 13px;
        right: 0;
        padding: 0;
    }
}

.home-intro .container-fluid {
    padding-bottom: 100px;
}

@media only screen and (min-width: 768px) {
    .a-feature .container-fluid .carousel-custom-control {
        display: block;
    }
}

#home .col-xs-12 {
    padding: 0px;
}

#home .flexlider-home-top {
    position: relative;
}

    #home .flexlider-home-top ul {
        padding-left: 0px;
    }

#home .flex-control-nav {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -7px;
}

    #home .flex-control-nav li {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

        #home .flex-control-nav li a {
            display: block;
            border: 2px solid #2c3135;
            width: 18px;
            height: 18px;
            margin: 0px 5px;
            text-indent: -9999px;
            border-radius: 100%;
        }

            #home .flex-control-nav li a.flex-active {
                background: #2c3135;
            }

#home .carousel-home-bottom {
    margin-top: 10px;
}

    #home .carousel-home-bottom ul {
        padding-left: 0px;
    }

        #home .carousel-home-bottom ul li {
            padding: 0 8px;
        }

            #home .carousel-home-bottom ul li:first-child {
                padding-left: 0px;
            }

            #home .carousel-home-bottom ul li:last-child {
                padding-right: 0px;
            }

#home .banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    #home .banner img {
        width: 100%;
        min-height: 1px;
        height: auto;
    }

    #home .banner .welcome-content {
        position: absolute;
        top: 50%;
        left: 30px;
        width: 250px;
        margin-top: -55px;
    }

        #home .banner .welcome-content h1 {
            font-size: 50px;
            font-family: 'coalhandlukecoalhandluketrial', sans-serif;
            font-weight: normal;
            color: #ff0000;
            margin: 0px;
            line-height: 45px;
        }

        #home .banner .welcome-content p {
            font-size: 14px;
        }

#home .columns2 {
    margin: 0px -15px;
}

    #home .columns2 .columns:nth-child(1) .col-xs-6 {
        padding-left: 0px;
    }

    #home .columns2 .columns:nth-child(2) .col-xs-6 {
        padding-right: 0px;
    }

    #home .columns2 .columns .b-feature {
        padding: 0px;
        margin-top: 18px;
    }

        #home .columns2 .columns .b-feature .col-xs-12 {
            padding: 0px;
        }

        #home .columns2 .columns .b-feature img {
            width: 100%;
            height: auto;
            max-height: 100%;
        }

#home .colums3 .bonus-tile {
    padding: 0px;
    margin-top: 18px;
}

    #home .colums3 .bonus-tile .col-xs-12 {
        padding: 0px;
    }

    #home .colums3 .bonus-tile img {
        width: 100%;
        height: auto;
        max-height: 100%;
    }

#home .thumbnail,
#home .thumbnail-small {
    width: 100%;
    min-height: 300px;
}

    #home .thumbnail.light-gray,
    #home .thumbnail-small.light-gray {
        background: #d3d6de;
    }

    #home .thumbnail.light-dark,
    #home .thumbnail-small.light-dark {
        background: #d3d6de;
    }

@media only screen and (min-width: 768px) {
    #home .col-xs-12 {
        padding: 0px 15px;
    }
}

@media only screen and (min-width: 768px) {
    #home .carousel-home-bottom {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    #home .banner img {
        width: auto;
        min-height: 300px;
    }
}

@media only screen and (min-width: 480px) {
    #home .banner .welcome-content {
        left: 50px;
    }
}

@media only screen and (min-width: 480px) {
    #home .banner .welcome-content h1 {
        font-size: 102px;
    }
}

@media only screen and (min-width: 768px) {
    #home .banner .welcome-content p {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) {
    #home .columns2 .columns .b-feature {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    #home .colums3 a .col-xs-12 {
        /*&:last-child {
						padding-right: 0px;
					}*/
    }

        #home .colums3 a .col-xs-12:first-child {
            padding-left: 0px;
        }
}

@media only screen and (min-width: 768px) {
    #home .colums3 .bonus-tile {
        margin-top: 0px;
    }
}

@media print {
    .print-hidden {
        visibility: hidden;
    }
}

.striped-table tbody tr:nth-child(2n+1) {
    background: #e9eaee;
}

.layout_wrap-image-left ul.pic-tools,
.layout_wrap-image-right ul.pic-tools {
    display: block !important;
    opacity: 1 !important;
}

.gyprock_red {
    color: #FF0000;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

    .gyprock_red span {
        color: #FF0000;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

.gyprock_grey {
    color: #53575C;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

    .gyprock_grey span {
        color: #53575C;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

.gyprock_black {
    color: #2c3135;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

    .gyprock_black span {
        color: #2c3135;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

.gyprock_italic {
    font-style: italic;
}

    .gyprock_italic span {
        font-style: italic;
    }

.gyprock_bold {
    font-weight: bold;
}

    .gyprock_bold span {
        font-weight: bold;
    }

.gyprock_underline {
    text-decoration: underline;
}

    .gyprock_underline span {
        text-decoration: underline;
    }

.gyprock_normal {
    /*font-style: initial;*/
    /*font-weight: initial;*/
    font-family: Arial, sans-serif;
    font-size: 14px;
}

    .gyprock_normal span {
        /*font-style: initial;*/
        /*font-weight: initial;*/
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

.SC_Panel > table td {
    padding: 0px !important;
}

#FCK_Editor > div > div.SC_Panel {
    width: 200px !important;
}

p {
    margin: 0px 0px 10px 0px;
    margin: 14px 0px;
}

.header p {
    margin: 0px 0px 10px 0px;
}

#search-results .rating-stars {
    background: url("/Content/images/bg/rating-stars.png");
    display: inline-block;
    height: 11px;
    width: 76px;
    overflow: hidden;
}

    #search-results .rating-stars em {
        background: url("/Content/images/bg/rating-stars.png") 0 -11px;
        display: block;
        height: 11px;
        overflow: hidden;
        text-indent: -12345px;
    }

/* faq */
#faq .faq-finder {
    position: relative;
    padding: 0 0 25px;
    border-bottom: solid 1px #d0d0d0;
}

    #faq .faq-finder .category-box {
        margin: 0 0 20px;
    }

        #faq .faq-finder .category-box select {
            width: 100%;
            height: 38px;
            line-height: 38px;
            border-radius: 8px;
            font-size: 0.875em;
        }

    #faq .faq-finder .search-box {
        position: relative;
    }

        #faq .faq-finder .search-box input {
            width: 100%;
            font-size: 0.875em;
            padding-right: 42px;
        }

        #faq .faq-finder .search-box .search {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            position: absolute;
            top: 8px;
            right: 15px;
            font-size: 22px;
        }

            #faq .faq-finder .search-box .search.pull-left {
                margin-right: .3em;
            }

            #faq .faq-finder .search-box .search.pull-right {
                margin-left: .3em;
            }

            #faq .faq-finder .search-box .search:before {
                content: "\f002";
            }

#faq .master-list > li {
    padding: 25px 0 0;
}

    #faq .master-list > li h3 {
        color: #ff0000;
        margin: 0;
        font-size: 1.25em;
        line-height: 44px;
    }

    #faq .master-list > li > ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #faq .master-list > li > ol > li {
            border-bottom: dotted 1px #d0d0d0;
            padding: 25px 0;
        }

            #faq .master-list > li > ol > li p:last-child {
                margin: 0;
            }

            #faq .master-list > li > ol > li:last-child {
                border: none;
            }

@media only screen and (min-width: 768px) {
    #faq .faq-finder .category-box {
        width: 40%;
        float: left;
        margin: 0 40px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    #faq .faq-finder .search-box {
        width: 40%;
        float: left;
    }
}

#standard-content.faq {
    padding: 15px;
}

    #standard-content.faq h3 {
        font-size: 14px !important;
    }

        #standard-content.faq h3 a {
            color: #2c3135;
        }

    #standard-content.faq #faq-list {
        margin-bottom: 20px;
    }

        #standard-content.faq #faq-list li a {
            display: block;
            color: #2c3135;
            margin-bottom: 10px;
        }

.rules h3 {
    font-size: 14px !important;
}

#careers {
    background: white;
}

    #careers .master-list li:first-child a {
        background: #e5e5e5;
        padding: 20px;
    }

    #careers .master-list li a {
        background: white;
        display: inline-block;
    }

        #careers .master-list li a:hover {
            background: #eee;
        }

        #careers .master-list li a h3 {
            margin: 0px;
            line-height: 1.2;
        }

        #careers .master-list li a p {
            color: #51565b;
        }

        #careers .master-list li a label.date {
            font-weight: normal;
            color: #2c3135;
            font-size: .875em;
            display: block;
            margin: 0 0 20px;
        }

    #careers .careers-detail {
        margin-left: -25px;
        margin-right: -25px;
    }

        #careers .careers-detail .left {
            position: relative;
            min-height: 1px;
            padding-left: 25px;
            padding-right: 25px;
            margin: 0 0 40px;
        }

        #careers .careers-detail .right {
            position: relative;
            min-height: 1px;
            padding-left: 25px;
            padding-right: 25px;
        }

            #careers .careers-detail .right .inner {
                background: #f5f5f5;
                padding: 20px;
            }

                #careers .careers-detail .right .inner .document-list {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                    #careers .careers-detail .right .inner .document-list li {
                        margin: 0;
                        padding: 15px 0;
                        border-bottom: dotted 1px #d0d0d0;
                    }

                        #careers .careers-detail .right .inner .document-list li a {
                            display: block;
                            min-height: 44px;
                            padding: 0 0 0 50px;
                            background: url(/images/icons/ico-pdf.png) 0 0 no-repeat;
                        }

                            #careers .careers-detail .right .inner .document-list li a .title {
                                font-size: .875em;
                                font-weight: bold;
                                color: #51565b;
                                display: block;
                                line-height: 1;
                                margin: 0 0 5px;
                            }

                            #careers .careers-detail .right .inner .document-list li a .size {
                                font-size: .875em;
                                color: #666666;
                            }

                            #careers .careers-detail .right .inner .document-list li a .fa {
                                float: right;
                                font-size: 18px;
                            }

                        #careers .careers-detail .right .inner .document-list li:last-child {
                            border: none;
                        }

        #careers .careers-detail h4 {
            color: #51565b;
            font-weight: bold;
        }

@media only screen and (min-width: 992px) {
    #careers .master-list li:first-child a {
        padding: 40px;
    }
}

@media only screen and (min-width: 992px) {
    #careers .careers-detail .left {
        float: left;
        width: 75%;
    }
}

@media only screen and (min-width: 992px) {
    #careers .careers-detail .right {
        float: left;
        width: 25%;
    }
}

#downloads h3 {
    color: #51565b;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: solid 1px #d0d0d0;
    margin: 0 0 25px;
}

#downloads .items {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 25px;
}

    #downloads .items a {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        margin-bottom: 25px;
    }

        #downloads .items a .inner {
            display: block;
            background-color: #f9f9f9;
            padding: 109px 30px 30px;
            background-position: 30px 30px;
            background-repeat: no-repeat;
            -moz-transition-property: all;
            -webkit-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -moz-transition-duration: .218s;
            -webkit-transition-duration: .218s;
            -o-transition-duration: .218s;
            transition-duration: .218s;
        }

            #downloads .items a .inner h4 {
                font-size: .875em;
                color: #51565b;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                margin: 0 0 5px;
            }

            #downloads .items a .inner label {
                font-size: .75em;
                font-weight: normal;
                color: #2c3135;
                margin: 0 0 25px;
                display: block;
            }

        #downloads .items a.pdf .inner {
            background-image: url("/images/icons/ico-pdf-large.png");
        }

        #downloads .items a:hover .inner {
            background-color: #ff6600;
        }

            #downloads .items a:hover .inner h4,
            #downloads .items a:hover .inner label,
            #downloads .items a:hover .inner span {
                color: white !important;
            }

@media only screen and (min-width: 768px) {
    #downloads .items a {
        float: left;
        width: 50%;
    }
}

@media only screen and (min-width: 992px) {
    #downloads .items a {
        float: left;
        width: 25%;
    }
}

#events {
    position: relative;
}

    #events .events-filter {
        margin-left: -15px;
        margin-right: -15px;
    }

        #events .events-filter .col {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            margin: 0 0 20px;
        }

    #events .events-head {
        background: #e5e5e5;
        border: solid 1px #d0d0d0;
        margin-left: 0px;
        margin-right: 0px;
    }

        #events .events-head .left {
            float: left;
            width: 33.33333333%;
            position: relative;
            min-height: 1px;
            padding-left: 0px;
            padding-right: 0px;
        }

            #events .events-head .left .inner {
                margin-left: 0px;
                margin-right: 0px;
            }

                #events .events-head .left .inner a {
                    position: relative;
                    float: left;
                    width: 33.33333333%;
                    min-height: 1px;
                    padding-left: 0px;
                    padding-right: 0px;
                    line-height: 40px;
                    height: 40px;
                    text-align: center;
                    border-right: solid 1px #d0d0d0;
                    background: #e5e5e5;
                    font-size: .75em;
                    -moz-transition-property: all;
                    -webkit-transition-property: all;
                    -o-transition-property: all;
                    transition-property: all;
                    -moz-transition-duration: .218s;
                    -webkit-transition-duration: .218s;
                    -o-transition-duration: .218s;
                    transition-duration: .218s;
                }

                    #events .events-head .left .inner a .fa {
                        line-height: 40px;
                        height: 40px;
                        display: block;
                        font-size: 22px;
                        color: #51565b;
                    }

                    #events .events-head .left .inner a:hover {
                        background: #2f2f2f;
                        color: white;
                    }

                        #events .events-head .left .inner a:hover .fa {
                            color: white;
                        }

        #events .events-head .mid {
            float: left;
            width: 66.66666667%;
            position: relative;
            min-height: 1px;
            padding-left: 0px;
            padding-right: 0px;
            text-align: center;
            line-height: 40px;
        }

        #events .events-head .right {
            float: left;
            width: 100%;
            position: relative;
            min-height: 1px;
            padding-left: 0px;
            padding-right: 0px;
        }

            #events .events-head .right .inner {
                margin-left: 0px;
                margin-right: 0px;
            }

                #events .events-head .right .inner a {
                    position: relative;
                    float: left;
                    width: 33.33333333%;
                    min-height: 1px;
                    padding-left: 0px;
                    padding-right: 0px;
                    line-height: 25px;
                    text-align: center;
                    border-right: solid 1px #d0d0d0;
                    border-top: solid 1px #d0d0d0;
                    background: #f9f9f9;
                    font-size: .75em;
                    -moz-transition-property: all;
                    -webkit-transition-property: all;
                    -o-transition-property: all;
                    transition-property: all;
                    -moz-transition-duration: .218s;
                    -webkit-transition-duration: .218s;
                    -o-transition-duration: .218s;
                    transition-duration: .218s;
                }

                    #events .events-head .right .inner a:last-child {
                        border-right: none;
                    }

                    #events .events-head .right .inner a .fa {
                        margin: 0 4px 0 0;
                        display: inline-block;
                    }

                    #events .events-head .right .inner a:hover {
                        background: #2f2f2f;
                        color: white;
                    }

    #events .events-listing h3 {
        font-size: 1.125em;
        line-height: 55px;
        border-bottom: solid 1px #d0d0d0;
        margin: 0;
    }

    #events .events-listing .master-list li a {
        margin-left: -10px;
        margin-right: -10px;
        -moz-transition-property: all;
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -moz-transition-duration: .218s;
        -webkit-transition-duration: .218s;
        -o-transition-duration: .218s;
        transition-duration: .218s;
        background: white;
    }

        #events .events-listing .master-list li a:hover {
            background: #e5e5e5;
        }

        #events .events-listing .master-list li a .event-dates {
            position: relative;
            min-height: 1px;
            padding-left: 10px;
            padding-right: 10px;
        }

            #events .events-listing .master-list li a .event-dates .date {
                font-weight: normal;
                color: #51565b;
                display: inline-block;
                margin: 0;
                text-align: left;
                font-size: .875em;
            }

                #events .events-listing .master-list li a .event-dates .date span {
                    color: #2c3135;
                    margin: 0 0 10px;
                }

            #events .events-listing .master-list li a .event-dates span.to {
                display: inline-block;
                color: #51565b;
                margin: 0 0 10px;
                text-align: center;
                font-size: .875em;
            }

        #events .events-listing .master-list li a .event-thumb {
            position: relative;
            min-height: 1px;
            padding-left: 10px;
            padding-right: 10px;
            margin-bottom: 20px;
        }

            #events .events-listing .master-list li a .event-thumb > img {
                width: 100%;
                display: block;
                float: none;
            }

        #events .events-listing .master-list li a .event-text {
            position: relative;
            min-height: 1px;
            padding-left: 10px;
            padding-right: 10px;
        }

            #events .events-listing .master-list li a .event-text h4 {
                font-size: 1.125em;
                font-weight: bold;
                margin: 0 0 5px;
            }

            #events .events-listing .master-list li a .event-text h5 {
                color: #2c3135;
                font-size: .875em;
                margin: 0 0 20px;
            }

            #events .events-listing .master-list li a .event-text p {
                color: #51565b;
            }

    #events h1.event-title {
        margin: 0;
    }

    #events h2.event-type {
        margin: 0;
        color: #51565b;
        font-size: 1.25em;
        margin: 0 0 35px;
    }

    #events p.event-info-line {
        border-bottom: dashed 1px #d0d0d0;
        padding: 0 0 10px;
    }

@media only screen and (min-width: 768px) {
    #events .events-filter .col {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-head .left {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-head .mid {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-head .right {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-head .right .inner a {
        line-height: 40px;
        border-top: none;
        background: #e5e5e5;
    }

        #events .events-head .right .inner a:first-child {
            border-left: solid 1px #d0d0d0;
        }
}

@media only screen and (min-width: 992px) {
    #events .events-listing .master-list li a .event-dates {
        float: left;
        width: 16.66666667%;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-listing .master-list li a .event-dates .date {
        display: block;
        text-align: center;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-listing .master-list li a .event-dates .date span {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-listing .master-list li a .event-dates span.to {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-listing .master-list li a .event-thumb {
        float: left;
        width: 16.66666667%;
    }
}

@media only screen and (min-width: 992px) {
    #events .events-listing .master-list li a .event-text {
        float: left;
        width: 66.66666667%;
    }
}

#news {
    position: relative;
}

    #news .date {
        font-size: 1.4rem;
        color: #2c3135;
        font-weight: normal;
    }

    #news .featured {
        background: #e5e5e5;
        display: block;
    }

        #news .featured h3 {
            margin-bottom: 0;
        }

        #news .featured p,
        #news .featured .date {
            margin-bottom: 1.5em;
        }

        #news .featured .image {
            position: relative;
            min-height: 1px;
            padding-left: 0;
            padding-right: 0;
        }

            #news .featured .image > img {
                width: 100%;
                display: block;
                height: 100%;
            }

        #news .featured .text {
            min-height: 1px;
            padding-left: 32px;
            padding-right: 32px;
            padding-top: 40px;
            padding-bottom: 25px;
            position: relative;
        }

@media only screen and (min-width: 768px) {
    #news .featured .image {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 768px) {
    #news .featured .text {
        float: left;
        width: 66.66666667%;
    }
}

body[data-page-id="latestnews page-photogallery"] hr:last-child {
    display: none;
}

#photo-albums .gallery-list {
    display: table;
    list-style: none;
    padding: 0;
    margin: 0 -20px;
}

    #photo-albums .gallery-list .item {
        padding: 0 20px 20px;
    }

        #photo-albums .gallery-list .item:last-child {
            border: none;
        }

    #photo-albums .gallery-list .image-holder {
        margin: 0 -10px 40px;
    }

    #photo-albums .gallery-list .thumb {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
    }

        #photo-albums .gallery-list .thumb img {
            max-width: 100%;
        }

@media only screen and (min-width: 768px) {
    #photo-albums .gallery-list .item {
        display: table-cell;
        border-right: 1px solid #dbdbdb;
    }
}

#photo-gallery .gallery-list {
    list-style: none;
    padding: 0;
    margin: 20px -6.5px;
}

    #photo-gallery .gallery-list .item {
        float: left;
        width: 50%;
        position: relative;
        min-height: 1px;
        padding-left: 6.5px;
        padding-right: 6.5px;
        padding-bottom: 13px;
    }

        #photo-gallery .gallery-list .item:nth-child(2n+1) {
            clear: left;
        }

        #photo-gallery .gallery-list .item .text {
            display: none;
        }

        #photo-gallery .gallery-list .item img {
            max-width: 100%;
        }

@media only screen and (min-width: 992px) {
    #photo-gallery .gallery-list {
        margin: 20px -13.5px;
    }
}

@media only screen and (min-width: 768px) {
    #photo-gallery .gallery-list .item {
        float: left;
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 992px) {
    #photo-gallery .gallery-list .item {
        padding-bottom: 27px;
        position: relative;
        min-height: 1px;
        padding-left: 13.5px;
        padding-right: 13.5px;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    #photo-gallery .gallery-list .item {
        float: left;
        width: 20%;
    }
}

@media only screen and (min-width: 768px) {
    #photo-gallery .gallery-list .item:nth-child(2n+1) {
        clear: none;
    }
}

@media only screen and (min-width: 992px) {
    #photo-gallery .gallery-list .item:nth-child(5n+1) {
        clear: left;
    }
}

.hqpush .leftBox,
.hqpush .rightBox {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 50%;
}

.hqpush .leftBox {
    float: left;
    padding: 0 2em 0 0;
}

.hqpush .rightBox {
    float: right;
    padding: 0 0 0 2em;
}

.hqpush .form_Container h2 {
    margin: 0 0 20px;
}

.hqpush .form_Container ul,
.hqpush .form_Container li {
    list-style: none;
}

.hqpush .form_Container ul {
    padding: 0;
}

.hqpush .form_Container li {
    padding: 0 0 1em 0;
}

    .hqpush .form_Container li .txt_container {
        padding: 0.25em 0 0 0;
    }

.hqpush .form_Container .txtVideoUrl {
    width: calc(100% - 40px);
    width: -webkit-(100% -30px);
    width: moz-calc(100% -30px);
    width: -o-calc(100% - 30px);
    float: left;
}

.hqpush .form_Container .lnkVideoHelp {
    width: 40px;
    float: left;
}

/*** UNDER MY POINTS ***/
.page-utils,
.no-padding {
    padding: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.padding-right {
    padding-right: 7px;
}

.padding-left {
    padding-left: 7px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

/*
@media only screen and (min-width : 768px) {
  #csc > div > .no-padding {
    padding-left: 0;
    padding-right: 15px;
  }
}

@media only screen and (min-width : 768px) {
  #csc > div > .no-padding + .no-padding {
    padding-right: 0;
    padding-left: 15px;
  }
}
*/
.mypoints-links {
    margin: 31px 0 55px;
}

    .mypoints-links li {
        position: relative;
        border-bottom: 1px solid #1b1e20;
    }

        .mypoints-links li:first-child {
            border-top: 1px solid #1b1e20;
        }

        .mypoints-links li a {
            position: relative;
            display: block;
            font-size: 14px;
            color: #2c3135;
            padding: 18px 9px 18px 15px;
            text-transform: uppercase;
        }

            .mypoints-links li a:after {
                content: '';
                position: absolute;
                top: 21px;
                right: 21px;
                border: 2px solid #2c3135;
                border-top: 0;
                border-left: 0;
                width: 12px;
                height: 12px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

@media only screen and (min-width: 768px) {
    .mypoints-links li {
        border-color: #d3d6de;
    }

        .mypoints-links li:first-child {
            border-color: #d3d6de;
        }
}

#profile table .table-header {
    /*background: #000;*/
    background: #2c3135;
}

    #profile table .table-header th {
        font-size: 14px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
        color: #fff;
        padding: 0px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        line-height: normal;
        padding: 10px;
        border: 0;
    }

#profile table tr {
    border: 1px solid #d3d6de;
}

    #profile table tr:first-child {
        border-bottom: 0;
    }

    #profile table tr:last-child {
        border-bottom: 1px solid #d3d6de;
    }

#profile table td {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #2c3135;
    text-align: center;
    border: 0px !important;
}

    #profile table td span {
        font-size: 14px;
    }

#profile table tr.stripe {
    background: #e9eaee;
}

#profile table tfoot td {
    border: 0;
}

#profile .my-claims-table tr th:nth-child(3),
#profile .my-claims-table tr td:nth-child(3) {
    text-align: left;
}

#profile .provider-tooltip {
    position: relative;
    background: url(/Content/images/icons/icon-more_info.png) no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-indent: -9999px;
    margin-left: 5px;
}

/*** UNDER BONUS POINTS ***/
#errorDisplay {
    padding: 0px 15px;
}

    #errorDisplay h4 {
        color: #ff0000;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

    #errorDisplay ul {
        padding: 0px;
    }

        #errorDisplay ul li {
            color: #ff0000;
        }

/***
* LIBRARY *
***/
.module-library {
    width: 100%;
}

    .module-library h2 {
        padding: 0 15px 10px;
        margin-bottom: 30px;
        border-bottom: 1px solid #d3d6de;
    }

    .module-library .library-list {
        padding: 0px 15px;
        counter-reset: item;
    }

        .module-library .library-list a {
            color: #2c3135;
        }

        .module-library .library-list li {
            position: relative;
            border-bottom: 1px solid #d3d6de;
            font-weight: 600;
            /*&.first {
				&::before {
					content: counter(item)".";
					counter-increment: item;
					position: absolute;
					top: 21px;
					left: 0px;
				}
			}*/
        }

            .module-library .library-list li h3 {
                padding-left: 0px;
            }

                .module-library .library-list li h3::before {
                    content: counter(item) ".";
                    counter-increment: item;
                    position: relative;
                }

            .module-library .library-list li::after {
                content: '';
                position: absolute;
                top: 50%;
                right: 15px;
                width: 13px;
                height: 24px;
                margin-top: -12px;
                background: url("/Content/images/icons/arrow-big.png") no-repeat;
                pointer-events: none;
            }

            .module-library .library-list li:first-child {
                border-top: 1px solid #d3d6de;
            }

@media only screen and (min-width: 768px) {
    .module-library {
        width: 790px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) {
    .module-library h2 {
        padding: 0 0px 10px;
    }
}

@media only screen and (min-width: 768px) {
    .module-library .library-list {
        padding: 0px 62px;
    }
}

/*** 
* TRAINING MODULES *
***/
#learn-cols.learn-module {
    padding: 0px;
}

    #learn-cols.learn-module h3 {
        padding: 0 15px 10px;
        margin: 30px -15px 20px;
        border-bottom: 1px solid #d3d6de;
    }

    #learn-cols.learn-module .draggble-content {
        position: relative;
        width: 100%;
    }

        #learn-cols.learn-module .draggble-content:after {
            content: '';
            display: block;
            clear: both;
        }

        #learn-cols.learn-module .draggble-content ul {
            padding: 0px;
        }

            #learn-cols.learn-module .draggble-content ul li {
                position: relative;
                display: inline-block;
                vertical-align: top;
            }

                #learn-cols.learn-module .draggble-content ul li:first-child .panel {
                    margin-left: 0px;
                }

        #learn-cols.learn-module .draggble-content .panel {
            float: left;
            margin: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #learn-cols.learn-module .draggble-content .panel .details {
                position: relative;
                width: 261px;
                height: 100%;
                padding: 40px 20px 20px;
                margin: 0 auto;
            }

                #learn-cols.learn-module .draggble-content .panel .details p,
                #learn-cols.learn-module .draggble-content .panel .details span {
                    margin: 0px;
                }

                #learn-cols.learn-module .draggble-content .panel .details p {
                    float: left;
                    text-align: left;
                }

                #learn-cols.learn-module .draggble-content .panel .details span {
                    float: right;
                    font-size: 14px;
                    font-weight: 500;
                    color: #ff0000;
                    text-align: right;
                }

                #learn-cols.learn-module .draggble-content .panel .details ul {
                    padding: 0px;
                    margin-bottom: 10px;
                }

                    #learn-cols.learn-module .draggble-content .panel .details ul li {
                        width: 100%;
                    }

                        #learn-cols.learn-module .draggble-content .panel .details ul li:after {
                            content: '';
                            display: block;
                            clear: both;
                        }

                #learn-cols.learn-module .draggble-content .panel .details a {
                    position: absolute;
                    width: 221px;
                    left: 50%;
                    bottom: 36px;
                    margin-left: -110px;
                }

                #learn-cols.learn-module .draggble-content .panel .details .title {
                    font-family: "Roboto Condensed", sans-serif;
                    font-weight: 700;
                    padding-bottom: 16px;
                    margin-bottom: 16px;
                    border-bottom: 1px solid #2c3135;
                    text-align: center;
                }

                    #learn-cols.learn-module .draggble-content .panel .details .title span {
                        float: none;
                        font-size: 40px;
                        font-weight: 700;
                        color: #2c3135;
                        line-height: 41px;
                    }

                    #learn-cols.learn-module .draggble-content .panel .details .title h4 {
                        font-size: 24px;
                        color: #2c3135;
                        line-height: 30px;
                        margin: 0px;
                    }

                #learn-cols.learn-module .draggble-content .panel .details .btn-survey {
                    position: absolute;
                    bottom: 40px;
                    width: 222px;
                    font-size: 20px;
                    font-family: "Roboto Condensed", sans-serif;
                    font-weight: 400;
                    color: #2c3135;
                    padding: 12px 0px;
                    border: 1px solid #2c3135;
                    text-align: center;
                    text-transform: uppercase;
                    border-radius: 0px;
                }

    #learn-cols.learn-module .mypoints-links {
        padding: 0px;
    }

        #learn-cols.learn-module .mypoints-links .panel {
            margin: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #learn-cols.learn-module .mypoints-links .panel p {
                margin: 0px;
            }

            #learn-cols.learn-module .mypoints-links .panel span {
                display: inline-block;
                margin: 0px;
            }

    #learn-cols.learn-module .mCSB_container {
        height: auto;
        margin-bottom: 0px;
    }

    #learn-cols.learn-module .mCSB_scrollTools .mCSB_draggerContainer {
        display: none;
        top: 18px;
    }

    #learn-cols.learn-module .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        height: 48px;
        bottom: 75px;
    }

        #learn-cols.learn-module .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            width: 48px;
            height: 48px;
            background: url("/Content/images/buttons/drag-icon.png") no-repeat;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        #learn-cols.learn-module .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            height: 1px;
            margin: 23px 0;
        }

    #learn-cols.learn-module .panel.opportunities {
        margin: 0px;
        padding-bottom: 38px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #learn-cols.learn-module .other-module-link {
        position: relative;
        border: 0px;
        margin: 0px;
        border-bottom: 1px solid #d3d6de;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
    }

        #learn-cols.learn-module .other-module-link:first-child {
            border-top: 1px solid #d3d6de;
        }

        #learn-cols.learn-module .other-module-link p {
            margin: 0px;
        }

        #learn-cols.learn-module .other-module-link a {
            display: block;
            padding: 13px 9px 13px 15px;
        }

            #learn-cols.learn-module .other-module-link a span {
                font-family: "Roboto Condensed", sans-serif;
                font-weight: 400;
                text-transform: uppercase;
            }

            #learn-cols.learn-module .other-module-link a:after {
                content: '';
                position: absolute;
                top: 50%;
                right: 21px;
                border: 2px solid #2c3135;
                border-top: 0;
                border-left: 0;
                width: 12px;
                height: 12px;
                margin-top: -8px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

@media only screen and (min-width: 768px) {
    #learn-cols.learn-module h3 {
        margin: 0px 0px 20px;
        padding: 0 0px 10px;
    }
}

@media only screen and (min-width: 768px) {
    #learn-cols.learn-module h3.hdn-currentmodules {
        padding: 0 0 10px;
        margin: 0 0 20px;
    }
}

@media only screen and (min-width: 768px) {
    #learn-cols.learn-module .draggble-content .panel {
        margin: 0px 7px;
    }
}

@media only screen and (min-width: 768px) {
    #learn-cols.learn-module .mCSB_container {
        height: 415px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) {
    #learn-cols.learn-module .mCSB_scrollTools .mCSB_draggerContainer {
        display: block;
    }
}

.training-module {
    padding: 0px 15px;
    /*** 
	 * RESULT *
	***/
}

    .training-module #col-main img {
        width: 100%;
        height: auto;
    }

    .training-module p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .training-module h2 {
        padding: 0 15px 15px;
        margin: 0 -15px 25px -15px;
        border-bottom: 1px solid #d3d6de;
    }

    .training-module .survey-title {
        margin: 50px -15px 25px -15px;
    }

    .training-module .get-started-img {
        margin-bottom: 35px;
    }

    .training-module .btn-getstarted {
        width: 100%;
        padding: 0px 0 15px;
        margin: 10px 0 20px;
    }

    .training-module #col-side {
        padding-top: 25px;
        margin: 0px -15px;
        border-top: 1px solid #d3d6de;
    }

        .training-module #col-side .module-info {
            padding: 0px 15px;
        }

            .training-module #col-side .module-info:after {
                content: '';
                display: block;
                clear: both;
            }

            .training-module #col-side .module-info li {
                float: left;
                width: 50%;
                font-size: 14px;
                text-align: center;
            }

                .training-module #col-side .module-info li span {
                    color: #ff0000;
                }

                .training-module #col-side .module-info li.align-center {
                    text-align: center;
                }

                .training-module #col-side .module-info li.align-left {
                    text-align: left;
                }

                .training-module #col-side .module-info li.align-right {
                    text-align: right;
                }

            .training-module #col-side .module-info .value-bonus div {
                display: inline-block;
                vertical-align: middle;
            }

            .training-module #col-side .module-info .value-bonus .align-right {
                margin-left: 37px;
            }

    .training-module #questions {
        margin-top: 25px;
    }

        .training-module #questions #question-list {
            padding: 0px;
        }

        .training-module #questions .question-count {
            display: inline-block;
            vertical-align: top;
            width: 48px;
            height: 48px;
            font-size: 14px;
            font-family: "Roboto Condensed", sans-serif;
            font-weight: 700;
            color: #ff0000;
            padding: 13px 17px;
            background: url("/Content/images/buttons/bullet-bg.png") no-repeat;
        }

        .training-module #questions .question-content {
            display: inline-block;
            vertical-align: top;
            margin: 13px 0px 13px 13px;
            width: 77%;
        }

        .training-module #questions label {
            display: inline-block;
            position: relative;
            font-size: 16px;
            font-family: "Roboto", sans-serif;
            color: #51565b;
            padding-left: 40px;
            cursor: pointer;
            line-height: 26px;
            -webkit-font-smoothing: subpixel-antialiased;
        }

        .training-module #questions input[type=radio], .training-module #questions input[type=checkbox] {
            display: none;
        }

        .training-module #questions label:before {
            content: "";
            display: inline-block;
            position: absolute;
            left: 0;
            width: 26px;
            height: 26px;
            background: url("/Content/images/buttons/unactive.jpg") no-repeat;
        }

        .training-module #questions input[type=radio]:checked + label:before,
        .training-module #questions input[type=checkbox]:checked + label:before {
            content: "";
            width: 26px;
            height: 26px;
            background: url("/Content/images/buttons/active.jpg") no-repeat;
        }

        .training-module #questions .options span {
            font-weight: 300;
        }

        .training-module #questions .options input[type="radio"] {
            margin: 0px 5px;
        }

            .training-module #questions .options input[type="radio"] + label {
                margin-right: 20px;
            }

        .training-module #questions textarea {
            padding: 24px 15px;
        }

        .training-module #questions .less-more-option:after {
            content: '';
            display: block;
            clear: both;
        }

        .training-module #questions .less-more-option .text-question {
            display: block;
            text-align: right;
        }

            .training-module #questions .less-more-option .text-question.text-first {
                text-align: left;
            }

            .training-module #questions .less-more-option .text-question span {
                font-weight: 700;
            }

        .training-module #questions .less-more-option .less-more-wrapper {
            width: 100%;
            margin-bottom: 10px;
            margin-top: 10px;
            overflow: auto;
        }

        .training-module #questions .less-more-option ul {
            padding: 0px;
        }

            .training-module #questions .less-more-option ul li {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                margin-bottom: 5px;
                height: 26px;
            }

                .training-module #questions .less-more-option ul li label {
                    display: block;
                    width: 26px;
                    margin-right: 0px !important;
                }

    .training-module #paging {
        position: relative;
        margin-top: 20px;
        text-align: center;
    }

        .training-module #paging:after {
            content: '';
            display: block;
            clear: both;
        }

        .training-module #paging ul {
            padding: 0px;
        }

            .training-module #paging ul li {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                font-size: 16px;
                padding: 17px 5px 0;
                margin: 0px;
                text-align: center;
                vertical-align: top;
            }

            .training-module #paging ul .seperator,
            .training-module #paging ul .spr + .spr .seperator {
                display: none;
            }

            .training-module #paging ul .btn-back {
                position: absolute;
                left: 0px;
                top: 0px;
            }

            .training-module #paging ul .btn-next {
                position: absolute;
                right: 0px;
                top: 0px;
            }

            .training-module #paging ul .btn {
                padding: 0px;
            }

                .training-module #paging ul .btn a {
                    font-size: 17px;
                    color: #000;
                    background: #d3d6de;
                }

                    .training-module #paging ul .btn a:hover {
                        color: #ffffff;
                    }

                    .training-module #paging ul .btn a.btn-red {
                        color: #fff;
                        background: #ff0000;
                    }

        .training-module #paging .btn-next a {
            padding: 0 45px 0 25px;
        }

        .training-module #paging .btn-back a {
            padding: 0 25px 0 45px;
        }

        .training-module #paging .btn-next:after {
            content: '';
            position: absolute;
            top: 21px;
            right: 25px;
            border: 1px solid #fff;
            border-top: 0;
            border-left: 0;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            z-index: 1;
        }

        .training-module #paging .btn-next:hover:after {
            border: 1px solid #fff;
            border-top: 0;
            border-left: 0;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            z-index: 1;
        }

        .training-module #paging .btn-submit:hover:after {
            border: 1px solid #fff;
            border-top: 0;
            border-left: 0;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            z-index: 1;
        }

        .training-module #paging .btn-back:hover:after {
            border: 1px solid #fff;
            border-top: 0;
            border-left: 0;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            z-index: 1;
        }

        .training-module #paging .btn-back:after {
            content: '';
            position: absolute;
            top: 21px;
            left: 25px;
            border: 1px solid #000;
            border-top: 0;
            border-left: 0;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            z-index: 1;
        }

        .training-module #paging .btn-submit {
            position: absolute;
            right: 0px;
            top: 0px;
        }

            .training-module #paging .btn-submit a {
                position: relative;
                display: block;
                width: 100%;
                font-family: "Roboto Condensed", sans-serif;
                font-size: 14px;
                color: #000;
                background: #d3d6de;
                padding: 0 30px 0 20px;
                line-height: 55px;
                text-align: center;
                text-transform: uppercase;
                border: 0px;
                outline: none;
                overflow: hidden;
                z-index: 1;
                -webkit-transition: color 0.3s;
                -o-transition: color 0.3s;
                transition: color 0.3s;
            }

            .training-module #paging .btn-submit:after {
                content: '';
                position: absolute;
                top: 21px;
                right: 15px;
                border: 1px solid #fff;
                border-top: 0;
                border-left: 0;
                width: 12px;
                height: 12px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                z-index: 1;
            }

    .training-module .title-module {
        padding: 0 15px 15px;
        margin: 50px -15px 0px -15px;
        border-bottom: 1px solid #d3d6de;
    }

    .training-module .instructions {
        margin-top: 50px;
    }

        .training-module .instructions h2 {
            font-size: 39px !important;
            font-family: "Roboto Condensed", sans-serif;
            font-weight: 300;
            line-height: 60px;
            color: #2c3135;
            padding: 0px;
            margin: 0px;
            text-align: center;
            border: 0px;
        }

            .training-module .instructions h2 span {
                display: block;
                font-size: 22px !important;
                font-weight: 300;
                color: #ff0000;
                margin-bottom: 0px;
            }

    .training-module #answer-list {
        padding: 0px;
        margin: 0px -15px 20px;
    }

        .training-module #answer-list li {
            position: relative;
            padding: 20px 15px 15px;
            border-bottom: 1px solid #d3d6de;
        }

            .training-module #answer-list li:after {
                content: '';
                display: block;
                clear: both;
            }

            .training-module #answer-list li .answer {
                display: block;
                margin-top: 20px;
                margin-bottom: 0px;
            }

            .training-module #answer-list li .youranswer,
            .training-module #answer-list li .correctanswer {
                display: block;
                margin-bottom: 10px;
            }

                .training-module #answer-list li .youranswer em,
                .training-module #answer-list li .correctanswer em {
                    display: block;
                    font-size: 14px;
                    font-weight: 700;
                    font-style: normal;
                }

            .training-module #answer-list li .verdict {
                position: absolute;
                top: 50%;
                right: 15px;
                text-indent: -9999px;
            }

            .training-module #answer-list li .verdict-wrong {
                width: 25px;
                height: 25px;
                background: url("/Content/images/common/icon-wrong.png") no-repeat;
            }

                .training-module #answer-list li .verdict-wrong + .youranswer {
                    color: #ff0000;
                }

                    .training-module #answer-list li .verdict-wrong + .youranswer em {
                        color: #ff0000;
                    }

                    .training-module #answer-list li .verdict-wrong + .youranswer + .correctanswer {
                        color: #ff0000;
                    }

                        .training-module #answer-list li .verdict-wrong + .youranswer + .correctanswer em {
                            color: #ff0000;
                        }

            .training-module #answer-list li .verdict-correct {
                width: 25px;
                height: 25px;
                background: url("/Content/images/common/icon-correct.png") no-repeat;
            }

                .training-module #answer-list li .verdict-correct + .youranswer {
                    color: #7cb000;
                }

                    .training-module #answer-list li .verdict-correct + .youranswer em {
                        color: #7cb000;
                    }

            .training-module #answer-list li .qts-count {
                padding-right: 38px;
            }

                .training-module #answer-list li .qts-count span {
                    display: block;
                    font-size: 14px;
                    color: #ff0000;
                    background: url("/Content/images/buttons/bullet-bg.png") no-repeat;
                    width: 48px;
                    height: 48px;
                    padding: 13px 19px;
                    font-weight: bold;
                }

            .training-module #answer-list li .qts-answer {
                padding-top: 12px;
            }

@media only screen and (min-width: 768px) {
    .training-module {
        width: 790px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) {
    .training-module h2 {
        padding: 0px 0 15px;
        margin: 0 0 25px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module .survey-title {
        padding: 0px 0 15px;
        margin: 50px 0 25px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module .btn-getstarted {
        display: block;
        width: 253px;
        margin: 40px auto;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #col-side {
        margin: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #col-side .module-info {
        padding: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #questions .question-content {
        width: 89%;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #questions .less-more-option .text-question.text-first {
        margin: 0 15px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #questions .less-more-option .text-question {
        display: inline-block;
        vertical-align: middle;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #questions .less-more-option .less-more-wrapper {
        width: auto;
        display: inline-block;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #questions .less-more-option ul {
        height: auto;
    }
}

@media only screen and (min-width: 480px) {
    .training-module #paging ul .seperator {
        display: inline-block;
        vertical-align: top;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging ul .btn-next {
        right: 13px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging ul .btn a {
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-next a {
        padding: 0 55px 0 35px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-back a {
        padding: 0 35px 0 55px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-next:after {
        top: 20px;
        width: 14px;
        height: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-next:hover:after,
    .training-module #paging .btn-submit:hover:after {
        top: 20px;
        width: 14px;
        height: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-back:hover:after {
        top: 20px;
        width: 14px;
        height: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-back:after {
        font-size: 20px;
        top: 20px;
        width: 14px;
        height: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-submit {
        right: 13px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-submit a {
        padding: 0 45px 0 25px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #paging .btn-submit:after {
        top: 20px;
        right: 25px;
        width: 14px;
        height: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module .result-wrapper,
    .training-module .disclaimer-result {
        padding: 0 47px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module .title-module {
        padding: 0 0 15px;
        margin: 50px 0 0px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module .instructions h2 {
        font-size: 55px !important;
    }

        .training-module .instructions h2 br {
            display: none;
        }
}

@media only screen and (min-width: 768px) {
    .training-module .instructions h2 span {
        font-size: 35px !important;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #answer-list {
        margin: 0px 0px 20px;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #answer-list li .youranswer,
    .training-module #answer-list li .correctanswer {
        display: inline-block;
        vertical-align: top;
        width: 47%;
    }
}

@media only screen and (min-width: 768px) {
    .training-module #answer-list li .verdict {
        margin-top: -5px;
    }
}

#learn-side .back-to-list {
    display: block;
    width: 200px;
    padding: 0px;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) {
    #learn-side .online-training {
        padding-right: 77px;
    }
}

/* targeting mozilla */
@media only screen and (min-width: 768px) {
    @-moz-document url-prefix() {
        #learn-cols.learn-module .mCSB_container {
            height: 415px;
            margin-bottom: 30px;
            min-width: 1543px !important;
        }

        li.bonus_survey::before {
            margin-left: -75px !important;
        }
    }

    @-ms-document url-prefix() {
        #learn-cols.learn-module .mCSB_container {
            height: 415px;
            margin-bottom: 30px;
            min-width: 1543px !important;
        }
    }
}

/* targeting ie 10 */
@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
    #learn-cols.learn-module .mCSB_container {
        height: 415px;
        margin-bottom: 30px;
        min-width: 1543px !important;
    }
}

#standard-content.module-library h3,
#learn-cols h3,
.training-module h3.title-module {
    font-size: 14px !important;
}

/*** LANDING PAGE ***/
.page-landing-wrapper {
    position: relative;
    height: 100%;
    padding-top: 32px;
    padding-bottom: 40%;
}

    .page-landing-wrapper p {
        margin: 0 0 1em;
    }

    .page-landing-wrapper .product-img {
        position: absolute;
        bottom: -10px;
        left: 0px;
    }

        .page-landing-wrapper .product-img img {
            opacity: 0.25;
            filter: alpha(opacity=25);
            /* For IE8 and earlier */
        }

@media only screen and (min-width: 768px) {
    .page-landing-wrapper .product-img img {
        visibility: hidden;
    }
}

@media only screen and (min-width: 992px) {
    .page-landing-wrapper .product-img img {
        width: 60%;
        height: auto;
        visibility: visible;
    }
}

@media only screen and (min-width: 1200px) {
    .page-landing-wrapper .product-img img {
        width: 82%;
        height: auto;
    }
}

.page-landing-wrapper .signup-left,
.page-landing-wrapper .signup-right {
    padding: 0px;
}

.page-landing-wrapper .signup-left {
    text-align: center;
    border-bottom: 1px solid #d3d6de;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

    .page-landing-wrapper .signup-left img {
        width: 50%;
        min-width: 225px;
        margin-bottom: 24px;
    }

    .page-landing-wrapper .signup-left p {
        text-align: left;
    }

    .page-landing-wrapper .signup-left.register-page p {
        width: 453px;
        margin: 15px auto;
    }

@media only screen and (min-width: 992px) {
    .page-landing-wrapper .signup-left.register-page {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .page-landing-wrapper .signup-left {
        padding-right: 60px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-align: left;
        border-bottom: 0px;
    }

        .page-landing-wrapper .signup-left.register-page {
            text-align: center;
        }
}

@media only screen and (min-width: 992px) {
    .page-landing-wrapper .signup-left {
        padding-right: 125px;
    }
}

@media only screen and (min-width: 992px) {
    .page-landing-wrapper .signup-left img {
        width: auto;
        height: auto;
    }
}

@media only screen and (min-width: 768px) {
    .page-landing-wrapper .signup-left .register-logo {
        width: auto;
        height: auto;
    }
}

.page-landing-wrapper .signup-right .input {
    margin-bottom: 15px;
}

.page-landing-wrapper .signup-right .password {
    margin-bottom: 0px;
}

.page-landing-wrapper .signup-right.register-page .btn-login {
    width: 421px;
    display: block;
    margin: 13px auto 0px;
}

.page-landing-wrapper .signup-right .btn-login {
    width: 100%;
    padding: 0px;
    margin-top: 13px;
    margin-bottom: 0px;
}

    .page-landing-wrapper .signup-right .btn-login a {
        margin-top: 15px;
    }

.page-landing-wrapper .signup-right .join-content {
    padding: 40px 0;
    margin-top: 27px;
    text-align: center;
    border-top: 1px solid #d3d6de;
}

    .page-landing-wrapper .signup-right .join-content p {
        font-size: 14px;
    }

    .page-landing-wrapper .signup-right .join-content .join-btn {
        padding: 0px;
        margin-bottom: 10px;
    }

        .page-landing-wrapper .signup-right .join-content .join-btn a {
            font-size: 20px;
            color: #ffffff;
            padding: 0px 25px;
        }

        .page-landing-wrapper .signup-right .join-content .join-btn #login-register span {
            font-size: 20px;
            font-family: "Roboto Condensed", sans-serif !important;
            font-weight: 400;
            color: #ffffff;
        }

.page-landing-wrapper #login-panel div.row,
.page-landing-wrapper #login-panel .password-input,
.page-landing-wrapper #login-panel .mobile-input {
    margin-bottom: 15px;
}

.page-landing-wrapper #login-panel span {
    font-size: 14px;
    color: #2c3135;
}

    .page-landing-wrapper #login-panel span.alert-sms {
        font-size: 10px;
    }

.page-landing-wrapper #login-panel .conditions {
    position: relative;
    margin: 3px 0 0 0px;
    padding-left: 36px;
}

    .page-landing-wrapper #login-panel .conditions a {
        color: #ff0000 !important;
        text-decoration: underline;
    }

    .page-landing-wrapper #login-panel .conditions label {
        font-size: 14px;
        font-weight: 400;
        color: #2c3135;
    }

    .page-landing-wrapper #login-panel .conditions input[type=checkbox] {
        display: none;
    }

    .page-landing-wrapper #login-panel .conditions label:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -3px;
        left: 0;
        width: 26px;
        height: 26px;
        background: url("/Content/images/buttons/unactive-check-light.jpg") no-repeat;
        background-color: #f5f5f5;
    }

    .page-landing-wrapper #login-panel .conditions input[type=checkbox]:checked + label:before {
        content: "";
        width: 26px;
        height: 26px;
        background: url("/Content/images/buttons/active-check-light.jpg") no-repeat;
    }

.page-landing-wrapper #login-panel .remember-me {
    width: 50%;
    float: left;
    text-align: left;
}

    .page-landing-wrapper #login-panel .remember-me label {
        font-size: 14px;
        color: #ff0000;
        font-weight: normal;
    }

.page-landing-wrapper #login-panel .forgot-password {
    margin-top: 11px;
    width: 50%;
    float: right;
    text-align: right;
}

    .page-landing-wrapper #login-panel .forgot-password a {
        font-size: 14px;
        color: #ff0000;
        text-decoration: underline;
    }

@media only screen and (min-width: 768px) {
    .page-landing-wrapper #login-panel .forgot-password {
        margin-top: 9px;
    }
}

.page-landing-wrapper #login-panel .forgot-password-btn {
    display: block;
    width: 160px;
    margin: 0 auto;
}

.page-landing-wrapper .bottom-product {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px -15px;
}

    .page-landing-wrapper .bottom-product img {
        width: 100%;
        height: auto;
        opacity: 0.25;
        filter: alpha(opacity=25);
        /* For IE8 and earlier */
    }

@media only screen and (min-width: 768px) {
    .page-landing-wrapper {
        padding-top: 120px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .page-landing-wrapper .page-main {
        width: 990px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) {
    .page-landing-wrapper .signup-right {
        padding-left: 60px;
        border-left: 1px solid #d3d6de;
    }

        .page-landing-wrapper .signup-right.register-page {
            border-left: none;
            padding-left: 0;
        }
}

@media only screen and (min-width: 992px) {
    .page-landing-wrapper .signup-right {
        padding-left: 99px;
    }

        .page-landing-wrapper .signup-right.register-page {
            padding-left: 0;
        }
}

@media only screen and (min-width: 768px) {
    .page-landing-wrapper .signup-right .join-content {
        padding-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .page-landing-wrapper .signup-right .join-content p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .page-landing-wrapper .signup-right .join-content .join-btn a {
        display: block;
        width: 220px;
        height: 55px;
        margin: 0 auto;
    }
}

.page-landing .footer {
    padding: 60px 0 60px;
}

.page-landing #footer-logo {
    text-align: center;
}

    .page-landing #footer-logo a {
        /*margin-right: 50px;*/
    }

.page-landing #footer-copyright {
    right: -30px;
    position: relative;
    width: 100%;
    font-size: 11.2px;
    color: #b7b9bf;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .page-landing .footer {
        padding: 10px 0 40px;
    }
}

/*** 
* VALIDATION *
***/
.error {
    background: #ffd800;
    color: #2c3135;
    padding: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
}

    .error span#ErrorMessage {
        position: relative;
        font-size: 11px;
        font-weight: 700;
        color: #2c3135;
    }

        .error span#ErrorMessage:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 20px;
            background: url("/Content/images/icons/error.png") no-repeat;
            margin-right: 10px;
        }

.category-wrap {
    position: relative;
    z-index: 2;
    padding: 0px;
}

@media only screen and (min-width: 768px) {
    .category-wrap {
        padding: 0 15px;
    }
}

@media only screen and (min-width: 992px) {
    .category-wrap {
        padding: 0px;
    }
}

.category-wrap #category-title {
    top: 0;
}

.category-wrap.active-category {
    top: -84px;
}

@media only screen and (min-width: 768px) {
    .category-wrap.active-category {
        top: 0;
    }
}

.category-wrap.active-category #category-title {
    top: 82px;
}

@media only screen and (min-width: 768px) {
    .category-wrap.active-category #category-title {
        top: 0;
    }
}

.category-wrap.active-category #category-title:after {
    content: '';
    top: 23px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.category-wrap.active-category .categories {
    display: block;
    top: 104px;
}

@media only screen and (min-width: 768px) {
    .category-wrap.active-category .categories {
        top: 22px;
    }
}

#category-title {
    position: relative;
    width: 100%;
    min-height: 55px;
    padding: 16px 15px;
    margin: -33px 0 20px;
    border-bottom: 1px solid #d3d6de;
    background: #fff;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    #category-title {
        margin: 0px 0 20px;
    }
}

#category-title h3 {
    margin: 0px;
}

#category-title:after {
    content: '';
    position: absolute;
    top: 17px;
    right: 21px;
    border: 2px solid #2c3135;
    border-top: 0;
    border-left: 0;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.opacity-bg {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 2;
}

.opacity-visible {
    display: block;
}

@media only screen and (min-width: 768px) {
    .opacity-visible {
        display: none;
    }
}

.categories {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    background: #fff;
    z-index: 99;
}

@media only screen and (min-width: 768px) {
    .categories {
        position: relative;
        display: block;
        padding: 0px 15px;
    }
}

.categories ul {
    padding: 0px;
    margin-bottom: 0px;
}

@media only screen and (min-width: 768px) {
    .categories ul {
        margin-top: 15px;
    }
}

.categories ul li {
    list-style: none;
    text-transform: uppercase;
    padding: 0px;
}

    .categories ul li:first-child h3 a {
        border-top: 0px;
    }

@media only screen and (min-width: 768px) {
    .categories ul li:first-child h3 a {
        border-top: 1px solid #d3d6de;
    }
}

@media only screen and (min-width: 768px) {
    .categories ul li:last-child h3 a {
        border-bottom: 1px solid #d3d6de;
    }
}

.categories ul li h3 {
    margin: 0px;
    font-weight: 400;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #2c3135;
}

    .categories ul li h3 a {
        position: relative;
        font-size: 14px;
        padding-left: 15px;
        display: block;
        padding: 15px;
        border-top: 1px solid #d3d6de;
    }

    .categories ul li h3.selected a {
        color: #ed1c24;
    }

    .categories ul li h3:not(.selected) a {
        color: black;
    }

/*
@media only screen and (min-width : 768px) {
  .categories h3 a {
    padding: 15px;
    border-top: 0;
    border-bottom: 1px solid #d3d6de;
  }
}
*/
/*Start: Rewards Page reward items*/
.rewards-page h2 {
    margin-bottom: 13px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 24px !important;
    text-transform: uppercase;
}

.rewards {
    position: relative;
    z-index: 1;
    width: 100%;
}

.page-utils {
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #d3d6de;
    border-radius: 0px;
    background-color: white;
    z-index: 2;
}

    .page-utils .breadcrumb {
        width: 80%;
        float: left;
        color: #51565c !important;
    }

        .page-utils .breadcrumb > li > a {
            font-size: 10px;
        }

@media only screen and (min-width: 480px) {
    .page-utils .breadcrumb > li > a {
        font-size: 14px;
    }
}

.page-utils span.reward-search-btn {
    width: 15%;
    display: block;
    float: right;
    text-align: right;
    padding: 14px 20px;
    margin: 0;
    font-size: 25px;
}

    .page-utils span.reward-search-btn:hover {
        cursor: pointer;
    }

        .page-utils span.reward-search-btn:hover i {
            color: #51565c !important;
        }

form.rewards-search {
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 35px;
    background-color: #51565c;
    z-index: 5;
    top: -145px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: #51565c;
}

@media only screen and (min-width: 768px) {
    form.rewards-search {
        top: -103px;
    }
}

form.rewards-search.active {
    top: 0;
    height: 149px;
}

@media only screen and (min-width: 768px) {
    form.rewards-search.active {
        height: 100px;
        margin-bottom: 20px;
    }
}

form.rewards-search input#rewards-search-input,
form.rewards-search input#rewards-fromPoints-input,
form.rewards-search input#rewards-toPoints-input,
form.rewards-search .ddl {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
    font-weight: 400;
    font-size: 10px;
}

@media only screen and (min-width: 480px) {
    form.rewards-search input#rewards-search-input,
    form.rewards-search input#rewards-fromPoints-input,
    form.rewards-search input#rewards-toPoints-input,
    form.rewards-search .ddl {
        font-size: 14px;
    }
}

form.rewards-search .dropdown-menu {
    font-family: "Roboto", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: none;
}

    form.rewards-search .dropdown-menu > li > a {
        padding: 10px 20px;
    }

        form.rewards-search .dropdown-menu > li > a:hover, form.rewards-search .dropdown-menu > li > a:focus, form.rewards-search .dropdown-menu > li > a:active {
            background-color: transparent;
            color: #ed1c24;
        }

form.rewards-search input#rewards-search-input,
form.rewards-search input#rewards-fromPoints-input,
form.rewards-search input#rewards-toPoints-input {
    border: none;
    border-radius: 0;
    margin: 0;
    height: 48px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    form.rewards-search input#rewards-search-input:focus,
    form.rewards-search input#rewards-fromPoints-input:focus,
    form.rewards-search input#rewards-toPoints-input:focus {
        border-color: #d3d6de !important;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    form.rewards-search input#rewards-search-input::-webkit-input-placeholder,
    form.rewards-search input#rewards-fromPoints-input::-webkit-input-placeholder,
    form.rewards-search input#rewards-toPoints-input::-webkit-input-placeholder {
        /* Edge */
        color: #efefef !important;
    }

    form.rewards-search input#rewards-search-input:-ms-input-placeholder,
    form.rewards-search input#rewards-fromPoints-input:-ms-input-placeholder,
    form.rewards-search input#rewards-toPoints-input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #efefef !important;
    }

    form.rewards-search input#rewards-search-input::-ms-input-placeholder,
    form.rewards-search input#rewards-fromPoints-input::-ms-input-placeholder,
    form.rewards-search input#rewards-toPoints-input::-ms-input-placeholder {
        color: #efefef !important;
    }

    form.rewards-search input#rewards-search-input::placeholder,
    form.rewards-search input#rewards-fromPoints-input::placeholder,
    form.rewards-search input#rewards-toPoints-input::placeholder {
        color: #efefef !important;
    }

form.rewards-search input#rewards-search-input {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #51565c;
    color: #efefef;
}

    form.rewards-search input#rewards-search-input:focus {
        border-color: #d3d6de !important;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    form.rewards-search input#rewards-search-input::-webkit-input-placeholder {
        /* Edge */
        color: #efefef !important;
    }

    form.rewards-search input#rewards-search-input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #efefef !important;
    }

    form.rewards-search input#rewards-search-input::-ms-input-placeholder {
        color: #efefef !important;
    }

    form.rewards-search input#rewards-search-input::placeholder {
        color: #efefef !important;
    }

form.rewards-search #rewards-category-container {
    position: absolute;
    top: 48px;
    left: 0%;
    height: 52px;
    width: 100%;
    border: none;
}

@media only screen and (min-width: 768px) {
    form.rewards-search #rewards-category-container {
        left: 33.33%;
        width: 33.33%;
    }
}

form.rewards-search #rewards-category-container button {
    padding-top: 12px;
    width: 100%;
    height: 48px;
    color: #efefef;
    text-align: left;
    border: none;
    border-radius: 0;
    background-color: #51565c;
}

@media only screen and (min-width: 768px) {
    form.rewards-search #rewards-category-container button {
        height: 52px;
    }
}

form.rewards-search #rewards-category-container button:hover, form.rewards-search #rewards-category-container button:active, form.rewards-search #rewards-category-container button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
}

form.rewards-search #rewards-category-container button .caret {
    float: right;
    margin-top: 8px;
    color: #efefef;
}

form.rewards-search #rewards-orderby-container {
    position: absolute;
    top: 96px;
    left: 50%;
    height: 52px;
    width: 50%;
    border: none;
}

@media only screen and (min-width: 768px) {
    form.rewards-search #rewards-orderby-container {
        top: 48px;
        left: 66.66%;
        width: 33.33%;
    }
}

form.rewards-search #rewards-orderby-container button {
    padding-top: 12px;
    width: 100%;
    height: 48px;
    border-radius: 0;
    border: none;
    text-align: left;
    color: #efefef;
    background-color: #51565c;
}

@media only screen and (min-width: 768px) {
    form.rewards-search #rewards-orderby-container button {
        height: 52px;
    }
}

form.rewards-search #rewards-orderby-container button:hover, form.rewards-search #rewards-orderby-container button:active, form.rewards-search #rewards-orderby-container button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
}

form.rewards-search #rewards-orderby-container button .caret {
    float: right;
    margin-top: 8px;
    color: #efefef;
}

form.rewards-search input#rewards-fromPoints-input {
    position: absolute;
    top: 96px;
    left: 0%;
    width: 25%;
    color: #efefef;
    background-color: #51565c;
}

@media only screen and (min-width: 768px) {
    form.rewards-search input#rewards-fromPoints-input {
        top: 52px;
        left: 0%;
        width: 16.665%;
    }
}

form.rewards-search input#rewards-toPoints-input {
    position: absolute;
    top: 96px;
    left: 25%;
    width: 25%;
    color: #efefef;
    background-color: #51565c;
}

@media only screen and (min-width: 768px) {
    form.rewards-search input#rewards-toPoints-input {
        top: 52px;
        left: 16.665%;
        width: 16.665%;
    }
}

.recently-viewed {
    margin-top: 30px;
    padding: 0 15px;
    width: 100%;
}

    .recently-viewed .reward-items > ul {
        margin: 0px;
        width: 100%;
    }

        .recently-viewed .reward-items > ul > li {
            width: 100%;
            padding: 10px;
            margin: 0px;
            text-align: center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
        }

@media only screen and (min-width: 480px) {
    .recently-viewed .reward-items > ul > li {
        width: 50% !important;
    }
}

@media only screen and (min-width: 768px) {
    .recently-viewed .reward-items > ul > li {
        width: 100% !important;
    }
}

.promos {
    margin-top: 30px !important;
    position: relative;
    padding: 0px 15px;
    margin-top: 12px;
}

    .promos a .promo-container {
        position: relative;
        width: 100%;
        height: 230px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        overflow: hidden;
        /*
        &:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background-color: trans(#000, 0.10);
            background-color: rgba(0, 0, 0, 0.10);
            opacity: 0;
            -webkit-transition: opacity 0.3s ease;
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }

        &:hover{
          cursor:pointer!important;
          &:before {
              opacity:1;
          }
        }
        */
    }

        .promos a .promo-container img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            min-width: 50%;
            min-height: 50%;
        }

.reward-items {
    width: 100%;
}

    .reward-items > ul {
        margin: 0px;
    }

        .reward-items > ul > li {
            width: 50%;
            padding: 10px;
            margin: 0px;
            text-align: center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
        }

@media only screen and (max-width: 479px) {
    .reward-items > ul > li {
        float: left;
        width: 100%;
        height: 300px;
    }
}

@media only screen and (min-width: 480px) {
    .reward-items > ul > li {
        float: left;
        width: 50%;
        height: 300px;
    }
}

@media only screen and (min-width: 992px) {
    .reward-items > ul > li {
        width: 33.3%;
    }
}

.reward-items > ul > li .notEnough {
    width: 100%;
    min-height: 22px;
    text-align: center;
}

.reward-item {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 275px;
    overflow: hidden;
}

    .reward-item .product-fav {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px !important;
        height: 30px;
        padding-top: 7px;
        margin: 0 !important;
        font-size: 18px;
        background: none;
        z-index: 10;
    }

        .reward-item .product-fav.active i {
            color: #ed1c24 !important;
        }

        .reward-item .product-fav i {
            color: #efefef;
        }

            .reward-item .product-fav i:hover, .reward-item .product-fav i:active, .reward-item .product-fav i.active {
                color: #ed1c24;
                cursor: pointer;
                -webkit-transition-property: color;
                -o-transition-property: color;
                transition-property: color;
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-duration: 0.5s;
            }

    .reward-item a {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        width: 100%;
    }

        .reward-item a:before {
            content: '';
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
            background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
            width: 100%;
            height: 85px;
            opacity: 0;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 3;
            -webkit-transition-property: top, opacity;
            -o-transition-property: top, opacity;
            transition-property: top, opacity;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .reward-item a:focus:before,
        .reward-item a:focus span, .reward-item a:hover:before,
        .reward-item a:hover span {
            opacity: 1;
        }

        .reward-item a:focus:before, .reward-item a:hover:before {
            top: 70%;
        }

    .reward-item .reward-image,
    .reward-item .reward-picshow {
        width: 100%;
        height: 170px;
        margin-top: 30px;
    }

        .reward-item .reward-image img,
        .reward-item .reward-picshow img {
            height: auto;
            max-height: 200px;
            margin: 30px auto 0;
        }

    .reward-item .reward-title {
        display: block;
        width: 100% !important;
        height: auto;
        margin: 0px !important;
        text-transform: uppercase;
        text-align: center;
        font-size: 14px !important;
        font-weight: 500;
        color: #2c3135;
    }

@media only screen and (min-width: 480px) {
    .reward-item .reward-title {
        min-height: 48px;
    }
}

@media only screen and (min-width: 480px) {
    .reward-item .reward-title {
        min-height: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .reward-item .reward-title {
        min-height: 35px;
    }
}

.reward-item .reward-points {
    border: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .reward-item .reward-points p {
        position: relative;
        left: inherit;
        top: inherit;
        bottom: inherit;
        font-size: 16px;
        color: #ed1c24;
        font-weight: 500;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
    }

.loading-more {
    display: none;
    width: 100%;
    clear: both;
}

    .loading-more.active {
        display: block;
    }

    .loading-more img {
        display: block;
        height: 50px;
        width: 50px;
        margin: 0 auto;
    }

/*End: Rewards Page reward items*/
/*Pagination overrides*/
ul.pagination.gyprock-pagination li a {
    color: #2c3135 !important;
    padding: 10px 10px !important;
    /* Small Devices, Tablets */
}

@media only screen and (min-width: 768px) {
    ul.pagination.gyprock-pagination li a {
        padding: 10px 20px !important;
    }
}

ul.pagination.gyprock-pagination li.active a {
    background-color: #51565c;
    border-color: #51565c;
    color: white !important;
}

ul.pagination.gyprock-pagination li:active a {
    background-color: #2c3135;
    border-color: #2c3135;
    color: white !important;
}

/**/
/*Start: Reward Items Page*/
.rewards-detail-page {
    padding: 35px 20px;
}

    .rewards-detail-page h2 {
        margin-bottom: 13px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
        font-size: 24px !important;
        text-transform: uppercase;
    }

    .rewards-detail-page .product-left, .rewards-detail-page .product-right {
        position: relative;
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

@media only screen and (min-width: 768px) {
    .rewards-detail-page .product-left, .rewards-detail-page .product-right {
        width: 50%;
    }
}

.rewards-detail-page #product-image-container {
    width: 100%;
}

    .rewards-detail-page #product-image-container img {
        display: block;
        margin: 0 auto;
    }

.rewards-detail-page ul#product-image-carousel li {
    width: 80px;
    float: left;
}

.rewards-detail-page #product-description-container {
    width: 100%;
    padding-top: 22px;
}

    .rewards-detail-page #product-description-container .row {
        margin-bottom: 10px;
    }

        .rewards-detail-page #product-description-container .row.spacer {
            margin-top: 35px;
        }

    .rewards-detail-page #product-description-container .ddl.btn {
        width: 100%;
        text-align: left;
    }

        .rewards-detail-page #product-description-container .ddl.btn .caret {
            position: absolute;
            right: 20%;
            top: 45%;
        }

@media only screen and (min-width: 480px) {
    .rewards-detail-page #product-description-container .ddl.btn .caret {
        right: 10%;
    }
}

@media only screen and (min-width: 768px) {
    .rewards-detail-page #product-description-container .ddl.btn .caret {
        right: 15%;
    }
}

.rewards-detail-page #product-description-container input#product-detail-quantity {
    border-radius: 0;
    width: 100px;
    text-align: center;
    font-size: 16px;
}

.rewards-detail-page #product-description-container p, .rewards-detail-page #product-description-container span {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 22px;
}

    .rewards-detail-page #product-description-container p.no-points {
        text-align: center;
        color: #ed1c24;
    }

.rewards-detail-page #product-description-container .pdc-left {
    text-align: right;
    padding-top: 10px;
}

    .rewards-detail-page #product-description-container .pdc-left span {
        font-weight: bold;
    }

.rewards-detail-page #product-description-container .pdc-right {
    text-align: left;
}

    .rewards-detail-page #product-description-container .pdc-right span.points {
        display: inline-block;
        margin-top: 10px;
    }

.rewards-detail-page #product-description-container .btn-container {
    margin-top: 25px;
}

.rewards-detail-page #product-description-container .btn {
    width: 100%;
}

    .rewards-detail-page #product-description-container .btn a {
        font-size: 14px;
    }

@media only screen and (min-width: 480px) {
    .rewards-detail-page #product-description-container .btn a {
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .rewards-detail-page #product-description-container .btn a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) {
    .rewards-detail-page #product-description-container .btn a {
        font-size: 20px;
    }
}

.rewards-detail-page #product-description-container .btn a.btn-grey {
    background: #2C3135;
}

/*Start: New Shopping Cart Page*/
.shopping-detail-page {
    padding: 35px 20px;
    /*Order review sub-page*/
    /*Order thankyou sub-page*/
}

    .shopping-detail-page h2 {
        margin-bottom: 13px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
        font-size: 24px !important;
        text-transform: uppercase;
    }

    .shopping-detail-page p {
        font-size: 15px;
    }

    .shopping-detail-page .no-gutter {
        padding-left: 0;
        padding-right: 0;
    }

    .shopping-detail-page .no-gutter.addressDiv p {
            font-size: 12px;
            margin: 0;
        }

    .shopping-detail-page .table {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
    }

    .shopping-detail-page .table-responsive {
        border: none;
        padding-bottom: 20px;
    }

        .shopping-detail-page .table-responsive #cartSummary .disabled-rewards p {
            font-size: 12px;
            font-weight: bold;
            color: red;
        }

        .shopping-detail-page .table-responsive #cartSummary .disabled-rewards ul {
            list-style: auto;
            list-style-position: inside;
        }

            .shopping-detail-page .table-responsive #cartSummary .disabled-rewards ul li {
                padding-bottom: 5px
            }

@media only screen and (min-width: 768px) {
    .shopping-detail-page th {
        padding: 15px !important;
    }
}

.shopping-detail-page th.item-details {
    width: 45%;
}

.shopping-detail-page th.item-points {
    width: 13.75%;
}

.shopping-detail-page th.item-quantity {
    width: 13.75%;
}

.shopping-detail-page th.item-total {
    width: 13.75%;
}

.shopping-detail-page th.item-bin {
    width: 13.75%;
}

.shopping-detail-page td input.item-quantity {
    width: 50px !important;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    border-radius: 0 !important;
    padding: 0;
    background-color: #fff !important;
    border: 1px solid #51565c !important;
    border-radius: 5px !important;
}

.shopping-detail-page td a {
    color: #ed1c24;
}

.shopping-detail-page td span.trash-btn {
    font-size: 22px;
}

    .shopping-detail-page td span.trash-btn:hover {
        cursor: pointer;
    }

        .shopping-detail-page td span.trash-btn:hover i {
            color: #ed1c24 !important;
        }

.shopping-detail-page .v-align {
    vertical-align: middle;
}

.shopping-detail-page .item-details-container {
    width: 100%;
}

    .shopping-detail-page .item-details-container .left {
        position: relative;
        width: 100%;
        float: left;
    }

@media only screen and (min-width: 480px) {
    .shopping-detail-page .item-details-container .left {
        width: 50%;
    }
}

.shopping-detail-page .item-details-container .right {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
}

    .shopping-detail-page .item-details-container .right h3 {
        font-size: 18px !important;
        margin-top: 5px !important;
        text-align: center;
        white-space: normal;
    }

@media only screen and (min-width: 480px) {
    .shopping-detail-page .item-details-container .right {
        width: 50%;
    }

        .shopping-detail-page .item-details-container .right h3 {
            text-align: left;
            margin-top: 5px !important;
        }
}

@media only screen and (min-width: 768px) {
    .shopping-detail-page .item-details-container .right {
        height: 110px;
    }

        .shopping-detail-page .item-details-container .right h3 {
            margin-top: 20px !important;
        }
}

@media only screen and (min-width: 992px) {
    .shopping-detail-page .item-details-container .right {
        height: 130px;
    }

        .shopping-detail-page .item-details-container .right h3 {
            margin-top: 40px !important;
        }
}

.shopping-detail-page .item-details-container .right span {
    text-align: center;
    display: block;
}

@media only screen and (min-width: 480px) {
    .shopping-detail-page .item-details-container .right span {
        text-align: left;
    }
}

.shopping-detail-page .totals {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .shopping-detail-page .totals span.left, .shopping-detail-page .totals span.right {
        padding: 12px 0;
        margin-bottom: 0px;
        display: block;
        float: left;
        font-weight: bold;
        font-size: 16px;
    }

    .shopping-detail-page .totals span.left {
        width: 80%;
        text-align: right;
    }

    .shopping-detail-page .totals span.right {
        width: 20%;
        text-align: right;
    }

.shopping-detail-page .btn {
    width: 100% !important;
}

    .shopping-detail-page .btn a {
        font-size: 13px;
    }

@media only screen and (min-width: 480px) {
    .shopping-detail-page .btn a {
        font-size: 20px;
    }
}

.shopping-detail-page .order-details-container span.left, .shopping-detail-page .order-details-container span.right {
    padding: 12px 0;
    margin-bottom: 0px;
    float: left;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
}

.shopping-detail-page .order-details-container span.left {
    width: 100%;
    font-weight: bold;
    display: block;
}

@media only screen and (min-width: 768px) {
    .shopping-detail-page .order-details-container span.left {
        width: 17%;
    }
}

@media only screen and (min-width: 992px) {
    .shopping-detail-page .order-details-container span.left {
        width: 12%;
    }
}

.shopping-detail-page .order-details-container span.right {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .shopping-detail-page .order-details-container span.right {
        width: 83%;
    }
}

@media only screen and (min-width: 992px) {
    .shopping-detail-page .order-details-container span.right {
        width: 88%;
    }
}

.shopping-detail-page .order-thankyou-container span.left, .shopping-detail-page .order-thankyou-container span.right {
    padding: 12px 0;
    margin-bottom: 0px;
    float: left;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
}

.shopping-detail-page .order-thankyou-container span.left {
    width: 100%;
    font-weight: bold;
    display: block;
    padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .shopping-detail-page .order-thankyou-container span.left {
        width: 30%;
    }
}

.shopping-detail-page .order-thankyou-container span.right {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .shopping-detail-page .order-thankyou-container span.right {
        width: 70%;
    }
}

.shopping-detail-page h2.with-underline {
    border-bottom: 1px solid #d3d6de;
    height: 40px;
}

.shopping-detail-page .accept-terms {
    margin-top: 5px;
}

@media only screen and (min-width: 480px) {
    .shopping-detail-page .accept-terms {
        margin-top: 20px;
    }
}

.shopping-detail-page .accept-terms input[type=checkbox] {
    margin-top: 7px;
    width: 26px;
    height: 26px;
}

@media only screen and (min-width: 480px) {
    .shopping-detail-page .accept-terms input[type=checkbox] {
        margin-top: 0 !important;
    }
}

.shopping-detail-page .accept-terms input[type=checkbox]:checked + label:before {
    content: "";
    background: url("/Content/images/buttons/active-check-light.jpg") no-repeat;
}

.shopping-detail-page .accept-terms label {
    float: right;
    width: 75%;
    font-size: 14px;
    font-weight: normal;
}

@media only screen and (min-width: 480px) {
    .shopping-detail-page .accept-terms label {
        width: 85%;
    }
}

/*My Points Activity*/
/*starting styles here*/
.my-points-activity-page {
    padding: 35px 20px;
    /*tabs override*/
    /* dataTables CSS modification & positioning */
    /* dataTables CSS Custom */
}

    .my-points-activity-page h2 {
        margin-bottom: 13px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
        font-size: 24px !important;
        text-transform: uppercase;
    }

    .my-points-activity-page p {
        font-size: 15px;
    }

    .my-points-activity-page .no-gutter {
        padding-left: 0;
        padding-right: 0;
    }

    .my-points-activity-page .nav-tabs > li.active > a {
        color: white;
        background-color: #2C3135;
        border: none !important;
    }

        .my-points-activity-page .nav-tabs > li.active > a:hover {
            border: none;
            background-color: #2C3135;
        }

    .my-points-activity-page .nav-tabs > li > a {
        color: white;
        background-color: #51565c;
        border-radius: 0;
        border: none !important;
    }

        .my-points-activity-page .nav-tabs > li > a:hover {
            border: none;
            background-color: #969ba8;
        }

    .my-points-activity-page .dropdown-toggle .caret {
        float: right;
        margin-top: 8px;
    }

    .my-points-activity-page .dropdown-menu {
        width: 100%;
    }

        .my-points-activity-page .dropdown-menu > li {
            padding: 0;
        }

            .my-points-activity-page .dropdown-menu > li a {
                padding: 13px;
            }

    .my-points-activity-page .dataTables_wrapper {
        margin-top: 25px;
    }

    .my-points-activity-page table {
        margin-top: 35px;
        /*datatable overrides*/
    }

        .my-points-activity-page table th {
            background-color: #51565c;
        }

        .my-points-activity-page table td > img.dt-image {
            height: 35px;
            display: inline-block;
        }

        .my-points-activity-page table td .dtr-data img.dt-image {
            margin: 0 auto 10px;
            height: 70px;
        }

        .my-points-activity-page table td > span {
            display: inline-block;
            margin: 0;
        }

        .my-points-activity-page table.dataTable thead th {
            border-bottom: none;
        }

    .my-points-activity-page .v-align {
        vertical-align: middle;
    }

    .my-points-activity-page table.dataTable thead .sorting:before,
    .my-points-activity-page table.dataTable thead .sorting_asc:before,
    .my-points-activity-page table.dataTable thead .sorting_desc:before,
    .my-points-activity-page table.dataTable thead .sorting_asc_disabled:before,
    .my-points-activity-page table.dataTable thead .sorting_desc_disabled:before {
        right: 0 !important;
        content: "" !important;
    }

    .my-points-activity-page table.dataTable thead .sorting:after,
    .my-points-activity-page table.dataTable thead .sorting_asc:after,
    .my-points-activity-page table.dataTable thead .sorting_desc:after,
    .my-points-activity-page table.dataTable thead .sorting_asc_disabled:after,
    .my-points-activity-page table.dataTable thead .sorting_desc_disabled:after {
        right: 0 !important;
        content: "" !important;
    }

    .my-points-activity-page table.dataTable thead th {
        position: relative;
        background-image: none !important;
    }

        .my-points-activity-page table.dataTable thead th.sorting:after,
        .my-points-activity-page table.dataTable thead th.sorting_asc:after,
        .my-points-activity-page table.dataTable thead th.sorting_desc:after {
            position: absolute !important;
            top: 10px !important;
            right: 8px !important;
            display: block !important;
            font-family: FontAwesome !important;
        }

        .my-points-activity-page table.dataTable thead th.sorting:after {
            content: "\f0dc" !important;
            color: #ddd !important;
            font-size: 0.8em !important;
            padding-top: 0.12em !important;
        }

        .my-points-activity-page table.dataTable thead th.sorting_asc:after {
            content: "\f0de" !important;
        }

        .my-points-activity-page table.dataTable thead th.sorting_desc:after {
            content: "\f0dd" !important;
        }

    .my-points-activity-page table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
    .my-points-activity-page table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        background-color: #51565c;
    }

    .my-points-activity-page div.dataTables_length select {
        height: 38px;
        padding-left: 25px;
        font-size: 14px;
    }

    .my-points-activity-page .form-control {
        border-radius: 5px !important;
        font-size: 14px;
    }

    .my-points-activity-page div.dataTables_filter label {
        width: 85%;
        float: left;
    }

@media only screen and (min-width: 768px) {
    .my-points-activity-page div.dataTables_filter label {
        width: auto;
        float: none;
    }
}

.my-points-activity-page div.dataTables_filter input {
    width: 100% !important;
}

@media only screen and (min-width: 768px) {
    .my-points-activity-page div.dataTables_filter input {
        width: auto !important;
    }
}

.my-points-activity-page .pagination > .active > a, .my-points-activity-page .pagination > .active > span, .my-points-activity-page .pagination > .active > a:hover, .my-points-activity-page .pagination > .active > span:hover, .my-points-activity-page .pagination > .active > a:focus, .my-points-activity-page .pagination > .active > span:focus {
    color: white;
    background-color: #51565c;
    border-color: #51565c;
}

.my-points-activity-page .pagination > li > a, .my-points-activity-page .pagination > li > span {
    color: #2c3135;
    background-color: white;
    border-color: #dddddd;
}

.my-points-activity-page .pagination > .active > a,
.my-points-activity-page .pagination > .active > span,
.my-points-activity-page .pagination > .active > a:hover,
.my-points-activity-page .pagination > .active > span:hover,
.my-points-activity-page .pagination > .active > a:focus,
.my-points-activity-page .pagination > .active > span:focus {
    outline: none;
}

/***
* SHOPPING CART *
**/
.shopping-cart {
    margin-top: -45px;
}

    .shopping-cart .stepShoppingCart {
        padding: 0px;
        margin: 0px;
    }

        .shopping-cart .stepShoppingCart:after {
            content: '';
            display: block;
            clear: both;
        }

        .shopping-cart .stepShoppingCart a {
            font-family: "Roboto Condensed", sans-serif;
            font-weight: 400;
            color: #d3d6de;
            text-transform: uppercase;
            margin: 0px;
        }

        .shopping-cart .stepShoppingCart span {
            font-family: "Roboto Condensed", sans-serif;
            font-weight: 400;
            color: #d3d6de;
            text-transform: uppercase;
            margin: 0px;
        }

            .shopping-cart .stepShoppingCart span.off {
                font-family: "Roboto Condensed", sans-serif;
                font-weight: 400;
                color: #d3d6de;
                text-transform: uppercase;
                margin: 0px;
            }

        .shopping-cart .stepShoppingCart a {
            position: relative;
            display: block;
            font-size: 14px;
            padding: 16px 11px;
            min-height: 76px;
        }

            .shopping-cart .stepShoppingCart a span {
                display: inline-block;
                vertical-align: top;
            }

        .shopping-cart .stepShoppingCart span:not(.off) {
            color: #2c3135;
        }

        .shopping-cart .stepShoppingCart li {
            float: left;
            vertical-align: top;
            border: 1px solid #d3d6de;
            border-top: 0px;
        }

        .shopping-cart .stepShoppingCart .step2Off span,
        .shopping-cart .stepShoppingCart .step3Off span {
            color: #d3d6de;
        }

    .shopping-cart .content_cart {
        margin-top: 50px;
    }

        .shopping-cart .content_cart h2 {
            padding: 0 15px 5px;
            margin: 0 -15px 25px;
            border-bottom: 1px solid #d3d6de;
        }

            .shopping-cart .content_cart h2 span,
            .shopping-cart .content_cart h2 img {
                display: inline-block;
                vertical-align: middle;
                font-size: 30px;
                font-family: "Roboto Condensed", sans-serif;
                font-weight: 300;
                margin: 0 0 25px;
                color: #2c3135;
            }

        .shopping-cart .content_cart .data-table thead th {
            font-family: "Roboto Condensed", sans-serif;
            font-size: 14px;
            font-weight: 700;
            color: #ffffff;
            background: #2c3135;
        }

        .shopping-cart .content_cart .update-btn {
            padding: 0px;
            margin: 32px 0;
        }

            .shopping-cart .content_cart .update-btn a {
                padding: 0px 51px;
            }

        .shopping-cart .content_cart .btn-checkout {
            width: 100%;
            padding: 0px;
        }

        .shopping-cart .content_cart .totalPts,
        .shopping-cart .content_cart .remainingPts {
            font-size: 16px;
            margin: 0px;
        }

            .shopping-cart .content_cart .totalPts span,
            .shopping-cart .content_cart .remainingPts span {
                color: #ff0000;
            }

        .shopping-cart .content_cart .termscondition {
            position: relative;
            margin-top: 25px;
        }

            .shopping-cart .content_cart .termscondition:after {
                content: '';
                display: block;
                clear: both;
            }

            .shopping-cart .content_cart .termscondition input[type="checkbox"] {
                display: none !important;
            }

            .shopping-cart .content_cart .termscondition label:before {
                content: "";
                display: inline-block;
                position: absolute;
                top: 0px;
                left: 0;
                width: 26px;
                height: 26px;
                background: url("/Content/images/buttons/unactive-check-light.jpg") no-repeat;
            }

            .shopping-cart .content_cart .termscondition input[type=checkbox]:checked + label:before {
                content: "";
                width: 26px;
                height: 26px;
                background: url("/Content/images/buttons/active-check-light.jpg") no-repeat;
            }

            .shopping-cart .content_cart .termscondition label {
                display: inline-block;
                vertical-align: top;
                width: 100%;
                font-size: 14px;
                font-family: "Roboto", sans-serif;
                font-weight: 400;
                color: #51565b;
                padding-left: 40px;
                margin: 0px;
            }

            .shopping-cart .content_cart .termscondition a {
                color: #51565b;
                text-decoration: underline;
            }

        .shopping-cart .content_cart .btn-ConfirmOrder,
        .shopping-cart .content_cart .btn-editcart {
            width: 100%;
            padding: 0px;
        }

            .shopping-cart .content_cart .btn-ConfirmOrder a {
                padding: 0px 15px;
            }

        .shopping-cart .content_cart .btn-editcart {
            position: relative;
            width: 100%;
        }

            .shopping-cart .content_cart .btn-editcart a {
                padding: 0px 15px;
            }

            .shopping-cart .content_cart .btn-editcart:after {
                content: '';
                position: absolute;
                top: 21px;
                left: 38px;
                border: 1px solid #000;
                border-top: 0;
                border-left: 0;
                width: 12px;
                height: 12px;
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                transform: rotate(135deg);
                z-index: 1;
            }

            .shopping-cart .content_cart .btn-editcart:hover:after {
                border: 1px solid #fff;
                border-top: 0;
                border-left: 0;
            }

            .shopping-cart .content_cart .btn-editcart a {
                color: #2c3135;
                background: #d3d6de;
            }

                .shopping-cart .content_cart .btn-editcart a:hover {
                    color: #fff;
                }

    .shopping-cart #col-main .data-table {
        border: 1px solid #d3d6de;
    }

    .shopping-cart #col-main th,
    .shopping-cart #col-main td {
        font-size: 16px;
        padding: 10px 20px;
        vertical-align: middle;
        border: 0px;
        border-bottom: 1px solid #d3d6de;
    }

    .shopping-cart #col-main .desc {
        text-align: left;
    }

    .shopping-cart #col-main .status.name {
        font-size: 14px;
    }

    .shopping-cart #col-main .DesktopConfirm {
        margin-bottom: 26px;
    }

        .shopping-cart #col-main .DesktopConfirm th {
            font-size: 14px;
        }

        .shopping-cart #col-main .DesktopConfirm td:nth-child(3) {
            text-align: left;
        }

        .shopping-cart #col-main .DesktopConfirm td:nth-child(4) {
            color: #ff0000;
        }

    .shopping-cart #MobileCart td {
        padding: 20px;
    }

    .shopping-cart #MobileCart input[type="text"] {
        width: 100%;
        padding: 0px;
        text-align: center;
    }

    .shopping-cart #MobileCart .product-title {
        padding-right: 0px;
    }

        .shopping-cart #MobileCart .product-title p {
            font-size: 14px;
            margin-bottom: 5px;
        }

    .shopping-cart #MobileCart .cart-points {
        margin-top: 25px;
    }

        .shopping-cart #MobileCart .cart-points p {
            color: #ff0000;
        }

    .shopping-cart #MobileCart .cart-delete {
        position: relative;
        margin-top: 25px;
    }

        .shopping-cart #MobileCart .cart-delete span {
            display: inline-block;
            vertical-align: middle;
            margin: 0px 35px 0 0;
        }

        .shopping-cart #MobileCart .cart-delete input[type="checkbox"] {
            display: none !important;
        }

        .shopping-cart #MobileCart .cart-delete label:before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 0px;
            right: 0;
            width: 26px;
            height: 26px;
            background: url("/Content/images/buttons/unactive-check-light.jpg") no-repeat;
        }

        .shopping-cart #MobileCart .cart-delete input[type=checkbox]:checked + label:before {
            content: "";
            width: 26px;
            height: 26px;
            background: url("/Content/images/buttons/active-check-light.jpg") no-repeat;
        }

    .shopping-cart #DesktopCart table tbody th {
        background: #fff;
    }

    .shopping-cart #DesktopCart input[type="text"] {
        width: 48px;
        padding: 0px;
        text-align: center;
    }

    .shopping-cart #DesktopCart tr.alt th {
        background-color: #ddd;
    }

    .shopping-cart #DesktopCart tbody th {
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #2c3135;
        text-transform: none;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .shopping-cart #DesktopCart td:nth-child(3) {
        text-align: left;
    }

    .shopping-cart #DesktopCart td:nth-child(4) {
        color: #ff0000;
    }

    .shopping-cart #DesktopCart input[type="checkbox"] {
        display: none !important;
    }

    .shopping-cart #DesktopCart label:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 0;
        width: 26px;
        height: 26px;
        background: url("/Content/images/buttons/unactive-check-light.jpg") no-repeat;
    }

    .shopping-cart #DesktopCart input[type=checkbox]:checked + label:before {
        content: "";
        width: 26px;
        height: 26px;
        background: url("/Content/images/buttons/active-check-light.jpg") no-repeat;
    }

    .shopping-cart .MobileConfirm {
        margin-bottom: 20px;
    }

        .shopping-cart .MobileConfirm table#content_table td {
            padding: 25px 0px;
        }

        .shopping-cart .MobileConfirm .product-title p {
            font-size: 14px;
            margin-bottom: 5px;
        }

        .shopping-cart .MobileConfirm .qty-cart span {
            display: block;
            text-align: center;
        }

        .shopping-cart .MobileConfirm .order-points p {
            color: #ff0000;
            margin: 0px;
        }

    .shopping-cart .disclaimer {
        font-size: 12px;
    }

    .shopping-cart .tablepadding thead th,
    .shopping-cart .tablepadding thead td {
        font-size: 16px;
        color: #2c3135;
        background: none;
        border: 0px !important;
        text-align: left;
    }

    .shopping-cart .tablepadding thead th {
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .shopping-cart .tablepadding tbody th {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        border: 0px !important;
        color: #2c3135;
        background: none;
    }

    .shopping-cart .tablepadding tbody td {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        border: 0px !important;
        color: #2c3135;
        background: none;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .shopping-cart .tablepadding tbody th {
        font-weight: 400;
        padding: 25px !important;
        line-height: 22px;
        border: 1px solid #d3d6de !important;
    }

    .shopping-cart .tablepadding .updated-details {
        font-size: 12px !important;
    }

    .shopping-cart .tablepadding .deliver-edit {
        position: relative;
        content: '';
        position: absolute;
        top: 50%;
        right: -20px;
        background: url("/Content/images/icons/edit-icon.png") no-repeat;
        width: 74px;
        height: 77px;
        background-size: 37px 38px;
        margin-top: -18px;
    }

@media only screen and (min-width: 768px) {
    .shopping-cart .add-left-padding {
        padding-right: 32px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart {
        margin: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .stepShoppingCart {
        margin: 44px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .stepShoppingCart a {
        min-height: 1px;
        padding: 16px 13px;
    }

        .shopping-cart .stepShoppingCart a:before {
            content: '';
            position: absolute;
            top: 21px;
            right: 21px;
            border: 2px solid #2c3135;
            border-top: 0;
            border-left: 0;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .stepShoppingCart li {
        float: none;
        clear: both;
        min-width: 200px;
        border: 0px;
        border-bottom: 1px solid #d3d6de;
    }

        .shopping-cart .stepShoppingCart li:first-child {
            border-top: 1px solid #d3d6de;
        }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart {
        margin: 0px;
        padding-left: 19px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart h2 {
        padding: 0px;
        margin: 0px;
        border: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart h2 span,
    .shopping-cart .content_cart h2 img {
        margin: 0px 0px 10px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart .update-btn {
        float: right;
        clear: both;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart .btn-checkout {
        float: right;
        width: 348px;
        clear: both;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart .totalPts,
    .shopping-cart .content_cart .remainingPts {
        text-align: right;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart .termscondition {
        text-align: right;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart .termscondition label:before {
        position: relative;
        vertical-align: middle;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart .btn-ConfirmOrder,
    .shopping-cart .content_cart .btn-editcart {
        width: 90%;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .content_cart .btn-editcart {
        width: 160px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart #MobileCart .cart-delete label:before {
        position: relative;
        vertical-align: middle;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart #DesktopCart label:before {
        position: relative;
        vertical-align: middle;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .disclaimer {
        text-align: right;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .tablepadding tbody th,
    .shopping-cart .tablepadding tbody td {
        display: table-cell;
        width: 48%;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .tablepadding tbody td {
        font-size: 14px;
        padding-left: 20px !important;
        text-align: right !important;
    }
}

@media only screen and (min-width: 768px) {
    .shopping-cart .tablepadding .updated-details {
        font-size: 14px !important;
    }
}

.claims-product {
    padding: 0 15px;
}

    .claims-product #claim-details {
        margin-bottom: 10px;
    }

    .claims-product .claim-info {
        padding: 0px;
    }

    .claims-product .btn-claim {
        padding: 0px;
    }

        .claims-product .btn-claim a {
            padding: 0 40px;
        }

    .claims-product #claim-pic {
        width: 100%;
        height: auto;
    }

/***
* RECEIPT *
***/
@media only screen and (min-width: 768px) {
    #order-receipt-holder {
        margin-top: -29px;
    }
}

@media only screen and (min-width: 768px) {
    #order-receipt-holder h2 {
        padding: 0 0px 5px;
        margin: 0 0px 25px;
        border-bottom: 1px solid #d3d6de;
    }
}

#order-receipt-holder .table-responsive {
    border: 0px;
}

#order-receipt-holder .data-table.table-top {
    border: 0px;
}

    #order-receipt-holder .data-table.table-top tr {
        border: 0px;
    }

        #order-receipt-holder .data-table.table-top tr:last-child {
            border: 0px;
        }

    #order-receipt-holder .data-table.table-top th {
        padding: 10px 10px 10px 0;
        text-align: left;
        vertical-align: top;
        border: 0px;
    }

    #order-receipt-holder .data-table.table-top td {
        padding: 10px 10px 10px 0;
        text-align: left;
        vertical-align: top;
        border: 0px;
        padding: 6px 25px 6px 0;
    }

        #order-receipt-holder .data-table.table-top td.val {
            color: #ff0000;
        }

        #order-receipt-holder .data-table.table-top td.desc {
            text-align: left;
        }

    #order-receipt-holder .data-table.table-top th.desc {
        text-align: left;
    }

    #order-receipt-holder .data-table.table-top span {
        color: #ff0000;
    }

        #order-receipt-holder .data-table.table-top span.status-orderReceived {
            text-transform: uppercase;
        }

#order-receipt-holder .MobileOrderReceipt {
    margin-top: 25px;
}

    #order-receipt-holder .MobileOrderReceipt span {
        display: block;
        margin-bottom: 5px;
        text-align: center;
    }

    #order-receipt-holder .MobileOrderReceipt td {
        padding: 25px 0;
    }

    #order-receipt-holder .MobileOrderReceipt .order-points p {
        color: #ff0000;
    }

#order-receipt-holder .print-receipt {
    width: 100%;
    padding: 0px;
    margin: 30px 0px;
    text-transform: uppercase;
}

    #order-receipt-holder .print-receipt a {
        color: #000;
        background: #d3d6de;
    }

@media only screen and (min-width: 768px) {
    #order-receipt-holder .print-receipt {
        width: 50%;
    }
}

.product-details {
    position: relative;
    padding: 15px 15px 15px;
}

    .product-details h2 {
        margin-bottom: 15px;
    }

    .product-details span {
        font-size: 20px;
        color: #ff0000;
    }

    .product-details .add-to-card {
        width: 100%;
        padding: 0px;
    }

@media only screen and (min-width: 768px) {
    .product-details {
        padding: 25px 28px;
        border-bottom: 0px;
    }
}

@media only screen and (min-width: 992px) {
    .product-details {
        padding: 55px 58px;
    }
}

.slider-wrapper {
    padding: 40px 15px 20px;
    border-bottom: 1px solid #d3d6de;
}

@media only screen and (min-width: 768px) {
    .slider-wrapper {
        padding: 30px 15px 0;
        margin-bottom: 20px;
        border-bottom: 0px;
        border: 1px solid #d3d6de;
    }
}

@media only screen and (min-width: 992px) {
    .slider-wrapper {
        padding: 55px 45px 0;
    }
}

@media only screen and (min-width: 1200px) {
    .slider-wrapper {
        padding: 55px 65px 0;
    }
}

/***
* FANCYBOX *
***/
.slider .flexslider {
    padding: 0 20px 20px;
    border: 0px;
}

    .slider .flexslider:hover .flex-direction-nav .flex-next {
        opacity: 1;
        right: -20px;
    }

    .slider .flexslider:hover .flex-direction-nav .flex-prev {
        opacity: 1;
        left: -20px;
    }

.slider .flex-direction-nav {
    position: relative;
}

    .slider .flex-direction-nav a {
        margin-top: -50px;
        outline: none;
    }

        .slider .flex-direction-nav a:focus {
            outline: none;
        }

    .slider .flex-direction-nav .flex-prev {
        position: absolute;
        top: 9px;
        left: -20px;
        border: 2px solid #ff0000;
        border-top: 0;
        border-left: 0;
        width: 15px;
        height: 15px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .slider .flex-direction-nav .flex-next {
        position: absolute;
        top: 9px;
        right: -20px;
        border: 2px solid #ff0000;
        border-top: 0;
        border-left: 0;
        width: 15px;
        height: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.slider .reviews-slider .slides li {
    margin: 0px 10px;
}

    .slider .reviews-slider .slides li:first-child {
        margin-left: 0px;
    }

.fancybox-wrap {
    width: 920px;
}

.fancybox-skin {
    padding: 0;
}

    .fancybox-skin .slider-wrapper {
        background: #fff;
    }

#shopping-cart-address {
    border: 1px solid #d3d6de !important;
    width: 100%;
    height: 100%;
    padding: 5px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

    #shopping-cart-address p {
        padding: 10px 0px 0px 10px;
        margin-bottom: 0px;
    }

#edit-button a {
    background: url("/images/icons/edit-icon.png");
    background-size: 37px 38px;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 82px;
    right: 38px;
}

.options.updated-details {
    color: #2c3135;
    font-size: 14px;
}

.stepShoppingCart span:not(.off) {
    color: red;
}

.stepShoppingCart span.off {
    color: green;
}

#col-main td,
#col-main th {
    border: 1px solid black;
    padding: 10px;
}

/*** MY ACCOUNT FORM ***/
.my-account-profile {
    margin-bottom: 50px;
}

    .my-account-profile h3 {
        padding: 0 15px 10px;
        margin: 50px -15px 20px;
        border-bottom: 1px solid #d3d6de;
        font-size: 14px !important;
    }

        .my-account-profile h3 span {
            font-size: 14px !important;
        }

        .my-account-profile h3:first-child {
            margin-top: 0px;
        }

    .my-account-profile p {
        font-size: 12px;
        color: #d3d6de;
    }

    .my-account-profile > div {
        margin-bottom: 14px;
    }

        .my-account-profile > div.clearfix,
        .my-account-profile > div.dl-horizontal dd, .my-account-profile > div.container, .my-account-profile > div.container-fluid, .my-account-profile > div.row,
        .my-account-profile > div.form-horizontal .form-group, .my-account-profile > div.btn-toolbar,
        .my-account-profile > div.btn-group-vertical > .btn-group, .my-account-profile > div.nav, .my-account-profile > div.navbar, .my-account-profile > div.navbar-header, .my-account-profile > div.navbar-collapse, .my-account-profile > div.pager, .my-account-profile > div.panel-body, .my-account-profile > div.modal-header, .my-account-profile > div.modal-footer,
        .my-account-profile > div#careers .careers-detail,
        .my-account-profile > div#downloads .items {
            margin-bottom: 0px;
        }

        .my-account-profile > div#events .events-filter {
            margin-bottom: 0px;
        }

        .my-account-profile > div#events .events-head {
            margin-bottom: 0px;
        }

            .my-account-profile > div#events .events-head .left .inner,
            .my-account-profile > div#events .events-head .right .inner {
                margin-bottom: 0px;
            }

        .my-account-profile > div#events .events-listing .master-list li a {
            margin-bottom: 0px;
        }

        .my-account-profile > div.row {
            margin-bottom: 14px;
        }

    .my-account-profile .reminders {
        text-align: center;
    }

        .my-account-profile .reminders span {
            font-size: 12px;
            color: #d3d6de;
            padding: 5px 0;
        }

    .my-account-profile .btn-submit {
        display: block;
        width: 100%;
        padding: 0px;
    }

        .my-account-profile .btn-submit a {
            width: 100%;
        }

    .my-account-profile .btn-save {
        display: block;
        width: 50%;
        padding: 0px;
        margin: 0 auto;
    }

        .my-account-profile .btn-save a {
            width: 100%;
        }

    .my-account-profile .postal-address-output,
    .my-account-profile .apply-account-alignment {
        margin-top: 20px;
    }

        .my-account-profile .postal-address-output h3 {
            padding: 0px 0px 10px;
            margin: 0px;
            border: 0px;
        }

        .my-account-profile .postal-address-output .content-output {
            position: relative;
            padding: 15px;
            border: 1px solid #d3d6de;
        }

            .my-account-profile .postal-address-output .content-output p {
                font-size: 14px;
                color: #2c3135;
                margin-bottom: 2px;
            }

            .my-account-profile .postal-address-output .content-output:after {
                content: '';
                position: absolute;
                top: 50%;
                right: -20px;
                background: url("/Content/images/icons/edit-icon.png") no-repeat;
                width: 74px;
                height: 77px;
                background-size: 37px 38px;
                margin-top: -18px;
            }

@media only screen and (min-width: 768px) {
    .my-account-profile {
        padding-left: 30px !important;
    }
}

@media only screen and (min-width: 768px) {
    .my-account-profile h3 {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0 0px 10px;
    }
}

@media only screen and (min-width: 768px) {
    .my-account-profile p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .my-account-profile .reminders {
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .my-account-profile .reminders span {
        font-size: 13px;
        color: #d3d6de;
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .my-account-profile .mobile-field {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .my-account-profile .btn-save {
        width: 100%;
    }
}

/*************************/
/* Merged from main2.css */
/*************************/
ul {
    list-style: none;
}

.training-module ul {
    list-style: inherit;
}

.training-module ol:not(#answer-list) li {
    list-style: none;
}

.content-standard ul {
    list-style: disc;
}

.page-main ul.pic-tools {
    list-style: none;
}

* {
    color: #2c3135;
}

html {
    background-color: #fff;
}

body .content-wrap {
    background-color: #fff;
}

body .header.account-menu > .container-fluid {
    background-color: white;
    padding: 10px;
}

    body .header.account-menu > .container-fluid > div.row > div.header-widgets {
        margin-bottom: 0px;
    }

        body .header.account-menu > .container-fluid > div.row > div.header-widgets > div.wrap {
            padding-bottom: 0px;
        }

            body .header.account-menu > .container-fluid > div.row > div.header-widgets > div.wrap > div > div > p {
                float: right;
                padding-left: 10px;
                padding-right: 10px;
                margin-bottom: 0px;
            }

body .header:not(.account-menu) > div.container-fluid {
    padding: 0px 15px;
}

    body .header:not(.account-menu) > div.container-fluid ul {
        padding-top: 0px;
    }

body .footer .container-fluid {
    min-height: 1px;
}

body .page-wrap {
    min-height: initial;
}

@media only screen and (min-width: 768px) {
    body .header .navbar .nav > li:hover a {
        background: black;
    }
}

@media only screen and (min-width: 768px) {
    body .header .navbar .nav > li:hover > ul.dropdown-menu {
        background: black;
        color: white;
    }

        body .header .navbar .nav > li:hover > ul.dropdown-menu a {
            background: black;
            color: white;
        }

        body .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li > a {
            background: black;
            color: white;
        }

        body .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li ul.tertiary li > a {
            background: black;
            color: white;
        }

            body .header .navbar .nav > li:hover > ul.dropdown-menu li .mm-content .mm-nav > ul > li ul.tertiary li > a:hover {
                background: black;
                color: white;
            }
}

/* paging at bottom of screen */
.paging {
    height: initial;
}

    .paging ul li a {
        border: 1px solid white;
        padding: 10px;
        padding-right: 30px;
        margin-right: -20px;
    }

.btn::after,
.btn-left::after,
.btn-right::after,
.btn.link.circle::after,
.btn-left.link.circle::after,
.btn-right.link.circle::after {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    height: initial;
    width: initial;
}

/* shopping page */
#info_shopping {
    bottom: 0;
    right: 0;
    width: 615px;
    float: left;
}

    #info_shopping h3 {
        margin: 0;
    }

    #info_shopping ul {
        margin: 0;
        padding: 0;
    }

        #info_shopping ul li {
            padding-bottom: 15px;
            font-weight: normal;
            height: 115px;
            margin: 0;
            padding: 0 0 20px 0;
            position: relative;
        }

            #info_shopping ul li span {
                display: block;
                width: 440px;
                margin-left: 155px;
            }

            #info_shopping ul li img {
                margin: 0px auto;
            }

            #info_shopping ul li p.image {
                background: none repeat scroll 0 0 #FFFFFF;
                float: left;
                height: 115px;
                text-align: center;
                width: 135px;
            }

    #info_shopping .btn-zoom {
        top: 0;
        left: 0;
        position: absolute;
    }

    #info_shopping ul li span.title {
        font-size: 1.3em;
        font-weight: normal;
        font-weight: bold;
    }

    #info_shopping .points {
        text-align: right;
        position: absolute;
        left: 533px;
        top: 75px;
        color: #fff;
        font-size: 1.2em;
        font-weight: normal;
    }

    #info_shopping .btn-claim {
        position: absolute;
        left: 500px;
        top: 100px;
    }

    #info_shopping .message {
        text-align: right;
        position: absolute;
        left: 400px;
        top: 100px;
        color: #fff;
        font-size: 1em;
        font-weight: normal;
        width: 200px;
    }

    #info_shopping ul {
        margin-left: -25px;
    }

        #info_shopping ul li {
            width: 186px;
            float: left;
            height: auto;
            margin-left: 25px;
            font-family: Arial, Helvetica, sans-serif;
            padding-bottom: 32px;
            overflow: visible;
        }

            #info_shopping ul li span.summary {
                color: #787878;
                font-size: 1em;
                font-weight: normal;
            }

            #info_shopping ul li div.image {
                float: none;
                width: 186px;
                height: 165px;
                background: transparent url("/content/images/shopping-product-bg.png") no-repeat;
                margin-bottom: 8px;
                position: relative;
                z-index: 10;
                left: 0px;
                top: 0px;
            }

            #info_shopping ul li span.title {
                width: 186px;
                margin-left: 0px;
                height: 34px;
                overflow: hidden;
                margin-bottom: 8px;
            }

            #info_shopping ul li .bottom {
                border-top: 1px solid #404141;
                border-bottom: 1px solid #404141;
                padding: 6px 0px 33px;
                position: relative;
                z-index: 1;
            }

            #info_shopping ul li .points {
                left: 0px;
                top: auto;
                margin-bottom: 0px;
                bottom: 13px;
            }

            #info_shopping ul li .btn-moreInfo {
                display: inline-block;
                width: 93px;
                height: 26px;
                background: transparent url(../content/images/btn-moreInfo.png) no-repeat;
                position: absolute;
                right: 0px;
                top: auto;
                bottom: 6px;
            }

            #info_shopping ul li .notEnough {
                font-size: 12px;
                color: #959595;
                margin-left: 0px;
            }

            #info_shopping ul li div.image .picshow {
                width: 186px;
                height: 165px;
                text-align: center;
            }

                #info_shopping ul li div.image .picshow img {
                    display: inline;
                    vertical-align: middle;
                }

                #info_shopping ul li div.image .picshow span.box-c-fix {
                    display: -moz-inline-box !important;
                    display: inline-block;
                    vertical-align: middle;
                    height: 100%;
                    width: auto;
                    margin: 0px;
                }

    #info_shopping .btn-zoom {
        width: 23px;
        height: 23px;
    }

    #info_shopping ul li:hover {
        z-index: 100;
        position: relative;
        left: 0px;
        top: 0px;
    }

/*shopping reskin new style (not egli's comment)*/
.popup {
    width: 400px;
    position: absolute;
    left: -107px;
    z-index: 100;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
    display: none;
}

    .popup.down {
        top: 102px;
        padding-bottom: 48px;
    }

        .popup.down .inner {
            background: transparent url(/Content/images/popup-body-down.png) no-repeat;
            padding: 47px 48px 1px 44px;
        }

        .popup.down .popup-bottom {
            width: 400px;
            height: 48px;
            background: transparent url(/Content/images/popup-body-bottom.png) no-repeat 0px 0px;
            position: absolute;
            left: 0px;
            bottom: 0px;
        }

    .popup h3 {
        font-size: 25px;
        color: #000;
        font-weight: bold;
        line-height: 26px;
        margin-bottom: 2px !important;
    }

    .popup .panasonic {
        font-size: 12px;
        color: #333333;
    }

    .popup .points2 {
        font-size: 30px;
        font-weight: bold;
        border-bottom: 1px solid #333333;
        line-height: 30px;
        padding: 10px 0px;
        margin-bottom: 10px;
    }

    .popup p {
        margin-bottom: 14px;
    }

#info_shopping ul li .popup .btn-moreInfo {
    display: inline-block;
    width: 93px;
    height: 26px;
    background: transparent url(/Content/images/btn-moreInfo.png) no-repeat;
    position: relative;
    top: 0px;
}

.popup.up {
    top: auto;
    bottom: 102px;
    padding-top: 48px;
}

    .popup.up .inner {
        background: transparent url(/Content/images/popup-body-up.png) no-repeat 0px 100%;
        padding: 1px 48px 47px 44px;
    }

    .popup.up .popup-bottom {
        width: 400px;
        height: 48px;
        background: transparent url(/Content/images/popup-body-bottom.png) no-repeat 0px -48px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

/* error */
.error {
    color: red;
}

    .error * {
        color: red;
    }

ol li {
    list-style: none;
}

li.bonus_survey::before {
    content: 'BONUS';
    position: absolute;
    text-align: right;
    background-color: red;
    padding: 5px 15px;
    color: white;
    margin-left: 232px;
    top: 1px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    z-index: 1;
}

li.bonus_survey:first-child:before {
    margin-left: 225px;
}

.postal-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    background: url("/Content/images/icons/edit-icon.png") no-repeat;
    background-size: 37px 38px;
    width: 40px;
    height: 40px;
    margin-top: -18px;
    cursor: pointer;
}

.button-provider-delete {
    position: relative;
    background: url("/Content/images/common/remove.png") no-repeat;
    width: 23px;
    height: 23px;
    cursor: pointer;
    display: block;
    text-indent: -99999px;
    left: 0px;
}

.provider-name {
    text-align: left;
    margin: 0;
    font-weight: bold;
    position: relative;
    top: 10px;
}

.acct-number {
    height: 27px !important;
    position: relative !important;
    top: 12px !important;
}

.account-status {
    position: relative;
    width: 33px;
    height: 27px;
    display: block;
    text-indent: -99999px;
    margin: 0 !important;
    top: 14px;
}

.active-account {
    background: url("/Content/images/icons/icon-active.png") no-repeat;
}

.pending-account {
    background: url("/Content/images/icons/icon-pending.png") no-repeat;
}

.archived-account {
    background: url("/Content/images/icons/icon-archive.png") no-repeat;
}

/*#provider-table p { margin: 0;}*/
#provider-table td {
    padding: 0;
}

.my-account-profile .postal-address-output .content-output:after {
    display: none;
}

.my-account-profile .postal-address-output > div.row {
    margin-bottom: 14px;
}

#mobile-phone-number i.fa-phone {
    color: white;
    float: left;
}

#order-receipt-holder .data-table.table-top td:first-child {
    min-width: 150px;
}

ul.login-ul {
    list-style-type: disc;
    padding-left: 18px;
    color: #51565b;
}

    ul.login-ul li {
        text-align: left;
    }

#RegisterFields select {
    height: 48px;
    font-size: 14px;
}

    #RegisterFields input[readonly='readonly'],
    #RegisterFields .readonly,
    #RegisterFields select[disabled="disabled"] {
        background-color: #eeeeee;
    }

#RegisterFields #PasswordDiv,
#RegisterFields .FromInviteEmail {
    display: none;
}

#RegisterFields .page-landing-wrapper #login-panel .conditions.chkAddress {
    margin-top: -8px;
}

/*Ritesh and Crew, any additional styles please add here ill put them back in the main.css (dont touch main.css)*/
p, li {
    line-height: 2rem;
}

.page-landing-wrapper #login-panel .conditions label:before {
    border: 1px solid #d3d6de;
}

.page-landing-wrapper #login-panel .conditions input[type=checkbox]:checked ~ label:before {
    content: "";
    width: 26px;
    height: 26px;
    background: url("/Content/images/buttons/active-check-light.jpg") no-repeat;
}

.page-landing-wrapper #login-panel span, .form-horizontal .form-group .field-validation-error span {
    color: red !important;
}

.validation-summary-errors.error ul {
    padding-left: 0;
    margin-bottom: 0;
}

.validation-summary-errors.error li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 20px;
    background: url(/Content/images/icons/error.png) no-repeat;
    margin-right: 10px;
    color: red;
}

.welcome-message {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    background: #ffd800;
    color: #2c3135;
    padding: 10px;
    margin-bottom: 20px;
}


#cart-item .item-details p {
    text-align: left;
}

.item-details-container .item-details {
    padding-left: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="number"] {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #51565b;
    background-color: #f5f5f5;
    width: 100%;
    height: 48px;
    padding: 0px 15px;
    border: 1px solid #d3d6de;
    border-radius: 3px;
    line-height: 20px;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-appearance: none;
}

.header.header-nav:after {
    width: 0px;
}

select {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #51565b;
    width: 100%;
    height: 48px;
    background: url("/Content/images/buttons/arrow-down.png") no-repeat 93% 50%;
    background-color: #f5f5f5;
    padding: 0px 15px;
    border: 1px solid #d3d6de;
    border-radius: 0px;
    line-height: 20px;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
}

    select::-ms-expand {
        display: none;
    }

@media (max-width: 767px) {
    .dropdown-carat {
        display: block;
        content: ' ';
        position: absolute;
        top: 6px;
        right: 0;
        width: 100px;
        height: 50px;
        background-image: url(/Content/images/menu-carat.png);
        background-repeat: no-repeat;
        background-position: 75% 50%;
        /* background-color: blue; */
    }
}

.faqs p {
    margin-bottom: 30px;
}

    .faqs p:empty {
        display: none;
    }

.faqs h4 {
    margin-bottom: 10px;
}

.accordion {
    cursor: pointer;
    padding: 18px 18px 18px 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-weight: bold;
}

.faqs .question {
    text-transform: uppercase;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

}

/** Start Landing Page **/
.carousel-container {
    height: 200px;
    width: 400px;
    background: #000;
    overflow: hidden;
    position: relative;
}

.carousel-text {
    position: absolute;
    color: #fff;
    bottom: 0;
    opacity: 0.8;
    background: #0000002e;
    font: 14px Georgia,serif;
    min-height: 80px;
    width: 100%;
    display: block;
    padding: 15px 15px 0 15px;
    margin: 0 0 6px 0;
    text-decoration: none;
}

.carousel-header, .carousel-desc {
    color: #fff;
}

.carousel-header {
    font-weight: 400;
}

@media (max-width: 767px) {
    .carousel-text {
        font: 10px Georgia,serif;
        padding: 10px 10px 0 10px;
    }

        .carousel-text h2 {
            margin-bottom: 0 !important;
            font-size: 24px !important;
        }

    .carousel-desc {
        margin: 10px 0 !important;
    }
}

@media (max-width: 475px) {
    .carousel-text {
        bottom: -35px;
        font: 10px Georgia,serif;
        padding: 5px;
    }

        .carousel-text h2 {
            margin-bottom: 0 !important;
            font-size: 18px !important;
        }

    .carousel-desc {
        margin: 5px 0 !important;
    }
}

.show-content-panel {
    display: inline-block;
}

.hide-content-panel {
    display: none;
}

.promotions-container {
    padding: 20px 40px 30px 40px;
}

.promotion-item {
    margin-bottom: 20px;
}

.text-danger li {
    color: #a94442;
}

/** Rewards Page **/
.categories ul li h3.selected a {
    color: #fff;
    background-color: #2c3135;
}

/** Search bar **/
.page-utils {
    margin-bottom: 35px;
}

.breadcrumb li {
    color: #969ba8;
}

.page-utils .breadcrumb {
    width: 50%;
}

.page-utils .search-container {
    float: right;
    width: 45%;
}

@media (max-width: 476px) {
    .page-utils .search-container {
        width: 97%;
    }
}


.search-container .input-group {
    display: flex;
}

    .search-container .input-group input {
        font-size: 15px;
        font-family: "Roboto Condensed", sans-serif;
        width: 91%;
        margin-top: 10px;
        height: 35px;
        color: #000;
        border-radius: 0px;
        background-color: #fff !important;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #969ba8 !important;
    }

        .search-container .input-group input::placeholder {
            font-family: "Roboto Condensed", sans-serif;
            color: #969ba8;
        }

        .search-container .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-family: "Roboto Condensed", sans-serif;
            color: #969ba8;
        }

        .search-container .input-group input::-ms-input-placeholder { /* Microsoft Edge */
            font-family: "Roboto Condensed", sans-serif;
            color: #969ba8;
        }

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.search-container .reward-search-span {
    display: block;
    float: right;
    text-align: right;
    padding: 8px 10px;
    margin: 0;
    font-size: 25px;
}

/** Sort **/
@media (max-width: 767px) {
    .reward-sort {
        margin-bottom: 35px;
    }

    .filter-points, .nav-title-categories {
        margin: 0 10px;
    }
}

.reward-sort select {
    font-family: "Roboto Condensed", sans-serif;
    height: 30px;
    font-size: 12px;
    color: #969ba8;
    background-color: #fff;
}
/** Filters **/
.filter-points {
    padding-bottom: 30px;
}

    .filter-points input {
        font-family: "Roboto Condensed", sans-serif;
        margin-bottom: 5px;
        height: 30px;
        color: #969ba8;
        background-color: #fff;
        font-size: 12px;
    }
/** Static pages **/
.content-container {
    padding: 0 15px;
    position: relative;
    background: white;
    padding: 0 0 20px;
    /*min-height: 400px;*/
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1200px) {
    .content-container {
        padding: 0 25px 20px;
    }
}



.content-container p {
    line-height: 2rem;
}

.content-container h2 {
    margin-bottom: 13px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 24px !important;
    text-transform: uppercase;
}

.static-page-banner {
    margin-bottom: 10px;
    height: 275px;
    overflow: hidden;
    position: relative;
}

    .static-page-banner img {
        position: absolute;
        top: 0px;
        width: 100%;
    }

.static-banner-title {
    position: absolute;
    top: 180px;
    left: 40px;
    color: #fff;
    font-size: 4em;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
}

@media (min-width: 1200px) {
    .static-banner-title {
        left: 55px;
    }
}

@media (max-width: 1200px) {
    .static-banner-title {
        top: 55%;
    }

    .static-page-container {
        padding: 0 40px;
    }

    .container-fluid h1, h2, h3, h4, h5 {
        padding-left: 50px;
    }

    .container-fluid .rewards-ol {
        padding-left: 50px;
    }

    .static-page-container h1, h2, h3, h4, h5 {
        padding: 0 0px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .static-banner-title {
        top: 35%;
    }
}

@media (max-width: 768px) {
    .static-page-banner {
        height: 80px;
    }

    .static-banner-title {
        top: 30%;
        left: 5%;
        font-size: 1.5em;
    }

    .container-fluid h1, h2, h3, h4, h5 {
        padding-left: 30px;
    }

    .container-fluid .rewards-ol {
        padding-left: 30px;
    }

    .static-page-container h1, h2, h3, h4, h5 {
        padding: 0 0px;
    }
}

@media (max-width: 475px) {
    .page-utils {
        height: 0;
        border: none;
    }
}

.row.custom-gutter [class*='col-'] {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
}

.rewards-ol {
    counter-reset: item;
    margin-left: 25px;
}

    .rewards-ol li {
        line-height: 3rem;
        display: block;
        position: relative;
    }

        .rewards-ol li:before {
            content: counters(item, ".")".";
            counter-increment: item;
            color: #2c3135;
            font-weight: bold;
            position: absolute;
            margin-right: 100%;
            margin-left: 35px;
            right: 10px; /* space between number and text */
        }

    .rewards-ol h4 {
        margin-bottom: 10px;
        margin-top: 20px;
    }


.btn-red.add-to-cart-btn i {
    color: #fff;
}

.register-page p {
    padding-top: 10px;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #f90606;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    display: none;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }



    100% {
        -webkit-transform: rotate(360deg);
    }
}



@keyframes spin {
    0% {
        transform: rotate(0deg);
    }



    100% {
        transform: rotate(360deg);
    }
}

.reward-item .reward-image img, .reward-item .reward-picshow img {
    max-height: 160px;
}

.rewards-detail-page select {
    font-size: 14px;
    background-size: 12px;
    background-color: #fff;
    height: 34px;
}


.rewards-detail-page #product-description-container .pdc-right {
    text-align: right;
    padding-right: 20px;
}

.rewards-detail-page ul#product-image-carousel {
    padding-top: 10px;
}

@media (max-width: 767px) {
    .rewards-detail-page #product-description-container {
        padding-top: 20px !important;
    }
}

.rewards-detail-page #product-description-container {
    padding-top: 0;
}

@media only screen and (min-width: 992px) {
    .shopping-detail-page .item-details-container .right h3 {
        margin-top: 5px !important;
        */
    }
}

@media only screen and (min-width: 480px) {
    .shopping-detail-page .item-details-container .left {
        width: 25%;
    }

    .shopping-detail-page .item-details-container .right {
        width: 75%;
    }
}

@media only screen and (min-width: 992px) {
    .shopping-detail-page .item-details-container .right {
        height: 110px;
    }
}

@media only screen and (max-width: 480px) {
    .breadcrumb {
        display: none;
    }

    .shopping-detail-page .item-details-container .right {
        width: 75%;
    }

    .category-wrap.active-category {
        top: -240px;
    }
}

.shopping-detail-page td input.item-quantity {
    background-color: #fff !important;
    border: 1px solid #2c3135 !important;
    border-radius: 5px !important;
}

.remove-item-icon {
    vertical-align: middle !important;
}

.trash-btn {
    font-size: 20px;
}


#point-filter-btn {
    margin-left: 5px;
}

#product-image-container img {
    padding: 0 0 20px 0;
}

#product-primary-image {
    max-height: 400px;
}

.footer .nav-footer .presentation.social .social-pinterest {
    width: 26px;
    height: 32px;
    background: url("/Content/images/icons/pinterest.png") no-repeat;
    background-size: 20px 24px;
    margin-top: 5px;
    margin-left: 20px;
}

.product-image-thumbnails {
    max-height: 100px;
}

#member-account-list i.fa {
    font-size: 24px;
}

    #member-account-list i.fa.fa-clock-o {
        color: orange;
    }

    #member-account-list i.fa.fa-check-circle-o {
        color: green;
    }

#member-account-list td.account-number {
    font-size: 20px;
}

.member-profile select, .member-profile input {
    height: 40px;
    background-color: #fff;
}

    .member-profile select[disabled], .member-profile select[readonly] {
        background-color: #eee;
        opacity: 1;
    }

        .member-profile select[disabled]:hover, .member-profile select[readonly]:hover {
            cursor: not-allowed;
        }


.member-profile .form-control-static {
    margin-top: 0;
}

.toast-success {
    background-color: #000;
    color: #fff;
}

.toast-message {
    color: #fff;
    font-weight: bold;
}

.member-profile .submit-button {
    height: 55px;
    background-color: #2c3135;
    font-size: 20px;
    border-radius: 3px;
    border: 0px;
    color: #fff;
    transition: color 0.3s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
}


    .member-profile .submit-button:hover {
        text-decoration: none;
        background-color: #ff0000;
    }


/* Chrome, Safari, Edge, Opera */
.member-profile #txtDobDay::-webkit-outer-spin-button,
.member-profile #txtDobDay::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.member-profile #txtDobDay {
    -moz-appearance: textfield;
}

.my-points-activity-page th span {
    color: #fff;
    font-family: Roboto, sans-serif;
}

.my-points-activity-page .pagination-wrapper {
    text-align: center;
}

.my-points-activity-page span.caret {
    color: #fff;
}

.my-points-activity-page {
    padding-top: 0;
}

tr.earning {
}

tr.claim {
    background-color: lightyellow;
}

    tr.claim span {
        color: orangered;
    }

tr.rebate {
    background-color: lightgrey;
}

    tr.rebate span {
        color: red;
    }

tr.deduction {
    background-color: lightyellow;
}

    tr.deduction span {
        color: orangered;
    }

.dataTable td.activity {
    text-align: left;
    padding-left: 5px;
}

.activity span {
    white-space: normal;
}

.account-name p.point-star {
    padding-right: 22px;
}

.account-name p.firstname {
    padding-left: 22px;
}

.account-name {
    padding: 10px 0 0 0;
}

.terms-conditions .parent-ol li {
    list-style: unset;
    padding: 5px;
}

.terms-conditions .parent-ol, .terms-conditions .child-ol {
    margin-left: 2em;
}

    .terms-conditions .child-ol li {
        list-style: lower-alpha;
    }

.terms-conditions h4 {
    margin: 15px 0 10px 0;
}

.purchases-disclaimer {
    padding-top: 30px;
}

.ie-fancybox {
    left: 20%;
    width: 400px;
}

.ie-browser-button {
    text-align: center;
}

@media (max-width: 767px) {
    .rewards-page h2.nav-title-categories {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 14px;
        font-size: 20px !important;
    }

    .sort-by {
        margin: 0;
        padding: 0 0 0 30px;
    }

    .filter-points {
        margin: 0;
        padding: 0 30px 0 10px;
    }

        .filter-points input {
            width: 48%;
        }

    #point-filter-btn {
        margin-right: 3px;
    }

    .filter-points > p {
        text-align: right;
        padding-right: 10px;
    }

    .page-landing-wrapper .bottom-product img {
        width: 70%;
        height: auto;
        opacity: 0.25;
        filter: alpha(opacity=25);
    }

    .page-landing-wrapper .bottom-product {
        position: absolute;
        bottom: 0px;
        left: 30%;
        margin: 0px -15px;
    }
}

@media only screen and (min-width: 1200px) {
    .page-landing-wrapper .product-img img {
        width: 28% !important;
        height: auto;
    }

    .page-landing-wrapper .product-img {
        position: absolute;
        bottom: -10px !important;
        left: 187px !important;
    }
}

@media only screen and (min-width: 992px) {
    .page-landing-wrapper .product-img img {
        width: 32% !important;
        height: auto;
        visibility: visible;
    }

    .page-landing-wrapper .product-img {
        position: absolute;
        bottom: -10px !important;
        left: 12% !important;
    }
}

@media only screen and (min-width: 768px) {
    .page-landing-wrapper .product-img img {
        width: 44% !important;
        height: auto;
        visibility: visible;
    }

    .page-landing-wrapper .product-img {
        position: absolute;
        bottom: -10px !important;
        left: 6% !important;
    }
}

@media only screen and (min-width: 1800px) {
    .page-landing-wrapper .product-img img {
        width: 32% !important;
        height: auto;
        visibility: visible;
    }

    .page-landing-wrapper .product-img {
        position: absolute;
        bottom: -10px !important;
        left: 23% !important;
    }
}

.program-rules {
    padding-right: 50px;
    padding-left: 50px;
}

.login-buttons {
    padding: 0 10px;
}

.slider-wrapper {
    z-index: 999;
}

.cookie-popup.cookie-banner {
    color: #fff;
    position: fixed;
    bottom: 40px;
    left: 30%;
    right: 30%;
    width: 40%;
    padding: 5px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

    .cookie-popup.cookie-banner p {
        color: #fff;
    }

.cookie-popup.close {
    height: 20px;
    background-color: #777;
    border: none;
    color: white;
    border-radius: 2px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .cookie-popup.cookie-banner {
        left: 20%;
        right: 20%;
        width: 60%;
        background-color: #000;
    }
}

.reward-item {
    height: 290px;
}

div#changeAddressCollapse.collapse, #DeliveryAddressCollapse.collapse {
    display: none;
}

    div#changeAddressCollapse.collapse.in, #DeliveryAddressCollapse.collapse.in {
        display: block !important;
    }

.order-details-container .addressDiv {
    z-index: 999;
}

.page-landing-wrapper #login-panel label {
    font-size: 14px;
    font-weight: 400;
    color: #2c3135;
}

.reward-item .product-fav i {
    color: #ded9d9;
}

.disable-anchor {
    cursor: default;
    pointer-events: none;
}

    .disable-anchor a {
        background-color: #FF9497 !important;
    }

.validating-sso-box {
    margin-top: 50px;
    margin-bottom: 250px;
}

.page-landing #footer-copyright { margin-top: 1em;}
@media only screen and (min-width: 576px) {
    .footer .col-sm-4 {
        width: 33%;
    }
}

@media only screen and (max-width: 576px) {
    .footer .col-xs-12 {
        width: 100%;
    }
}

.footer {
    position: relative;
    background: #2c3135;
    padding: 60px 0 40px;
    padding: 15px !important;
    min-height: 150px;
}

    .footer p {
        margin: 0 0 1em;
    }

    .footer .container-fluid {
        position: relative;
        padding: 0px;
        width: 100%;
        padding: 0px 15px;
    }

        .footer .container-fluid .row:after {
            content: '';
            display: block;
            clear: both;
        }

    .footer .contact {
        position: absolute;
        z-index: 1;
        top: -40px;
        left: 50%;
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 0 0 -40px;
        background: #ff6600;
        color: #ffffff;
        border-radius: 50%;
    }

        .footer .contact:hover {
            background: #ff944d;
        }

        .footer .contact .phone {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            position: absolute;
            font-size: 33px;
            top: 16px;
            left: 29px;
        }

            .footer .contact .phone.pull-left {
                margin-right: .3em;
            }

            .footer .contact .phone.pull-right {
                margin-left: .3em;
            }

            .footer .contact .phone:before {
                content: "\f095";
            }

        .footer .contact span {
            font-weight: bold;
            font-size: .6em;
            position: absolute;
            bottom: 17px;
            left: 15px;
        }

    .footer .nav-seo {
        padding-top: 59px;
    }

    .footer .nav-seo-item {
        border-right: none;
    }

        .footer .nav-seo-item:last-child {
            border: none;
        }

        .footer .nav-seo-item > a {
            color: #ffffff;
            font-size: .8em;
            border-radius: 0;
            padding-right: 0;
            padding-left: 0;
            padding-top: 0;
        }

            .footer .nav-seo-item > a:hover {
                background: transparent;
            }

        .footer .nav-seo-item > ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .footer .nav-seo-item > ul > li {
                margin: 0;
                padding: 0;
            }

        .footer .nav-seo-item li a {
            background: url("/Content/images/icons/chevron-right-orange.png") 0 50% no-repeat;
            color: #595959;
            font-size: .8em;
            padding: 0 0 0 10px;
        }

            .footer .nav-seo-item li a:hover {
                color: #ffffff;
            }

    .footer .nav-footer {
        margin-bottom: 30px;
    }

@media only screen and (min-width: 768px) {
    .footer .nav-footer {
        margin-bottom: 0;
    }
}

.footer .nav-footer > li {
    width: 100%;
    color: #ffffff;
    font-size: .8em;
    line-height: 1;
    text-align: left;
    float: none;
    margin-left: 0px;
}

    .footer .nav-footer > li .footer-link {
        margin-top: 10px;
    }

@media only screen and (max-width: 576px) {

    .footer .nav-footer > li .footer-link {
        width: auto;
        display: inline-block;
        padding: 0 2px;
    }

        .footer .nav-footer > li .footer-link > a::after {
            content: " | ";
            color: #b7b9bf;
            padding-left: 4px;
        }

        .footer .nav-footer > li .footer-link:last-child > a::after {
            content: "";
        }
}

.footer .nav-footer > li .footer-link > a {
    display: block;
    color: #b7b9bf;
    padding: 0px;
    border-radius: 0;
    /*border-right: solid 1px @seoColor;*/
}

.footer .nav-footer > li .footer-link #_ctl0__ctl1_rptFooter_FooterLink_2 {
    border: 0px;
}

.footer .nav-footer > li:last-child {
    border: none;
}

    .footer .nav-footer > li:last-child a {
        padding-left: 0px;
    }

.footer .nav-footer > li:first-child a {
    padding-left: 0px;
}

.footer .nav-footer > li.copy {
    float: none;
    clear: left;
    padding: 10px 0 0;
    display: block;
    width: 100%;
}

.footer .nav-footer > li.social a {
    border: 0px;
}

.footer .nav-footer .presentation.social {
    width: auto;
    display: block;
    float: none;
    text-align: center;
}

    .footer .nav-footer .presentation.social:after {
        content: '';
        display: block;
        clear: both;
    }

    .footer .nav-footer .presentation.social a {
        margin: 0 14px;
        color: #d3d6de;
        float: none;
    }

    .footer .nav-footer .presentation.social .social-pinterest {
        width: 26px;
        height: 32px;
        background: url("/Content/images/icons/pinterest.png") no-repeat;
        background-size: 20px 24px;
        margin-top: 5px;
        margin-left: 20px;
    }

.footer .nav-footer .presentation.gyprock-links {
    display: block;
    float: none;
}

@media only screen and (min-width: 480px) {
    .footer .nav-footer .presentation.gyprock-links {
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .footer .nav-footer .presentation.gyprock-links {
        top: 10px;
        left: 10px;
        width: 40%;
        text-align: left;
    }
}

.footer .footer-l {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.footer .footer-r {
    float: left;
    margin-top: 0px;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    margin-bottom: -20px;
}

    .footer .footer-r .social {
        width: 17%;
        padding-bottom: 30px;
        border-bottom: solid 1px #595959;
        margin-bottom: 30px;
    }

        .footer .footer-r .social a {
            float: right;
        }

    .footer .footer-r .logo {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

        .footer .footer-r .logo img {
            float: initial;
            /*width: 100%;*/
            /*display: block;*/
            margin-left: auto;
            margin-right: auto;
        }

.footer #footer-copyright {
    text-align: center;
    font-size: 11.2px;
    color: #b7b9bf;
    padding-top: 0px;
    bottom: 0px;
    left: 0px;
}

@media only screen and (min-width: 768px) {
    .footer {
        padding: 10px 0 40px;
    }
}

@media only screen and (min-width: 992px) {
    .footer .contact {
        width: 160px;
        height: 160px;
        margin: 0 0 0 -80px;
        top: -80px;
    }
}

@media only screen and (min-width: 992px) {
    .footer .contact .phone {
        font-size: 66px;
        top: 30px;
        left: 54px;
    }
}

@media only screen and (min-width: 992px) {
    .footer .contact span {
        font-size: 1.25em;
        bottom: 36px;
        left: 26px;
    }
}

@media only screen and (min-width: 992px) {
    .footer .nav-seo {
        padding-top: 118px;
    }
}

@media only screen and (min-width: 768px) {
    .footer .nav-seo-item {
        border-right: solid 1px #595959;
    }
}

@media only screen and (min-width: 768px) {
    .footer .nav-footer > li.copy {
        float: left;
        clear: none;
        padding: 0 0 0 11px;
        width: auto;
    }
}

@media only screen and (min-width: 768px) {

    .footer .footer-r img {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .footer .footer-r .logo {
        width: 100%;
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .footer .footer-r .logo img {
        /*width: 100%;*/
        display: block;
        /*float: right;*/
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .footer #footer-copyright {
        bottom: 0px;
        left: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .footer .row .footer-r {
        /*margin-top: 20px;*/
    }

    .footer #footer-copyright {
        text-align: right !important;
    }

    #footer-logo {
        text-align: right;
        margin-left: auto;
        margin-right: 0px;
    }

    .footer .footer-r .logo img {
        margin-left: auto;
        margin-right: 0px;
    }
}

@media (max-width: 767px) {
    .footer .row .footer-r {
        display: block;
        padding-top: 30px;
    }

    .footer #footer-copyright {
        text-align: center;
        width: 100%;
    }

    #footer-logo {
        margin-top: 0px;
    }

        #footer-logo a {
            text-align: center;
        }
}

@media (max-width: 767px) {
    .page-landing .footer .row .footer-r {
        padding-top: 0;
        padding-bottom: 10px;
    }


    .footer .nav-footer .presentation.gyprock-links {
        position: relative;
        text-align: left;
    }
}