@import url("layout.css");
@import url("font-awesome.min.css");
@import url("google-fonts.css");

/* Reset */

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

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

body {
        line-height: 1;
}

/*  link */
a, a:link, a:visited{
    color: #0000e6;
}

/* mouse over link */
.dark a:hover, .dark a:active{
    color: rgba(129, 68, 162, 1) !important;
    text-transform: none;
}

ol, ul {
        list-style: none;
}

blockquote, q {
        quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
}

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

body {
        -webkit-text-size-adjust: none;
}

/* Navigation Bar */
.navbar {
	margin-bottom: 0px;
}

.navbar-default {
	background-color: rgba(0, 0, 230, 1) !important;
	color: #cc0000 !important;
  font-weight: 500;
  border: 0 !important;
  letter-spacing: 2px;
}

.navbar-default .navbar-nav > li > a {
	color:#cc0000 !important;
}

.navbar-default .navbar-nav > .active > a {
	color: inherit !important;
	background-color: rgba(255, 255, 255, 1) !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a {
	color: inherit !important;
	background-color: rgba(255, 255, 255, 0.25) !important;
  border-bottom: 0 !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    margin-top: 0px;
}

.navbar-default .navbar-nav > li > .dropdown-menu li > a, .dropdown-menu li > a, .dropdown-submenu > a {
    color: rgba(0, 0, 230, 1) !important;
    background-color: inherit !important;
    border-bottom: 0;
    font-size: inherit;
    font-weight: 500;
}

.navbar-default .navbar-nav > li > .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #ff0000 !important;
    background-color: inherit rgbargba(128, 128, 128, 1);
}

.navbar-default .navbar-brand {
    color: #fff !important;
}

.navbar-default .navbar-brand, a:hover {
    color: #f2f2f2 !important;
    text-decoration: none;
    border-bottom: 0;
}

.navbar-default .navbar-toggle {
    background-color: transparent;
    border: 0 !important;
}

.navbar-default .icon-bar {
    background-color: #ffffff !important;
}

.navbar-default .icon-bar a:hover{
    background-color: #f2f2f2 !important;
}

.navbar-brand>img{
    display:block;
    width: auto;
    max-height: 25px; /* set max height of logo on the site */
}

/* Box Model */

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

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		background: #ffffff;
		font-family: 'Work Sans', sans-serif;
		font-weight: 100;
		font-size: 14pt;
		line-height: 1.75em;
		color: #0000e6;
		-webkit-text-stroke: 0.1px;
	}

		body.is-loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	.dark {
		color: rgba(128, 128, 128, 1);
	}

	input, textarea, select {
		font-size: 17pt;
		line-height: 1.75em;
		color: rgba(128, 128, 128, 1);
		-webkit-text-stroke: 0.1px;
	}

	h1, h2, h3, h4, h5, h6 {
		color: rgba(128, 128, 128, 1);
		margin: 0 0 1em 0;
		font-weight: 100;
		line-height: 1.5em;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
	}

	.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
		color: rgba(128, 128, 128, 1);
		font-weight: 400;
	}

	strong, b {
		font-weight: 400;
		color: inherit;
	}

	.dark strong, .dark b {
		color: inherit;
	}

	.dark small {
		color: inherit;
	}

	em, i {
		font-style: italic;
	}

	a {
		-moz-transition: border-bottom-color 0.25s ease-in-out;
		-webkit-transition: border-bottom-color 0.25s ease-in-out;
		-ms-transition: border-bottom-color 0.25s ease-in-out;
		transition: border-bottom-color 0.25s ease-in-out;
		color: inherit;
		text-decoration: none;
	}

		a:hover {
                border-bottom: dotted 1px rgba(0, 0, 0, 0.25);
		}

	.dark a {
		color: rgba(0, 0, 230, 1) !important;
		border-bottom: 0;
	}

        .dark a:hover {
                color: rgba(0, 0, 230, 1) !important;
                text-decoration: none;
        }

        .dark p a {
                text-decoration: none;
        }

        .dark p a:hover {
                color: rgba(0, 0, 230, 0.5) !important;
                text-decoration: underline;
        }

        .dark #txtRegGroup a {
               border-bottom: 0 !important;

        }

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #e6e6e6;
		margin: 2em 0 2em 0;
	}

	.dark hr {
		border-top-color: rgba(255, 255, 255, 0.5);
	}

	blockquote {
		border-left: solid 0.25em #e6e6e6;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	.dark blockquote {
		border-left-color: rgba(255, 255, 255, 0.5);
	}

	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}

	header {
		margin-bottom: 1em;
	}

		header h1, header h2, header h3, header h4, header h5, header h6 {
			margin: 0;
		}

		header p {
			display: block;
			margin: 0;
			padding: 0.25em 0 0.5em 0;
		}

		.star {
			float: left;
		}

	.sheader {
		display: block;
		margin-top: 3.25em;
		padding-top: 0;
		}

	.page {
	margin-top: 3.5em;
	}

	.page-header {
		display: block;
		margin-bottom: 2.25em;
		text-align: left;
		border-bottom: 0px;
	}

	footer {
		padding-top: 1.5em;
	}

	br.clear {
		clear: both;
	}

	.featured {
		text-align: center;
	}

		.featured p {
			text-align: center;
		}

        .processingForm {
         color: lime !important;
                }

        .asterisk {
        color: #ff0000  !important;
       }

       .required-asterisk {
        font-size: 0.6em;
        text-align: right;
       }

        .well {
                background: transparent !important;
                border: 1px solid #f2f2f2;
                border-radius: 5px;
        }

        .eventInfo .well {
            font-size: 80%;
            min-height: 150px;
            font-weight: 200;
            line-height: normal;
        }

        .eventInfo .fa, .eventList .well .fa {
            color: #808080;
            margin: 0;
            padding: 0 5px 0 0;
            visibility: visible !important;
        }

        .eventInfo .well h5 {
                font-size: 0.85em;
                margin-bottom: 0.2em;
                margin-top: 1.5em;
                text-transform: capitalize;
                color: #808080;
                text-align: left !important;
        }

        .eventInfo h4 {
                margin-bottom: 0em;
                margin-top: 10px;
                text-transform: uppercase;
                color: #808080;
        }

        .eventInfo .well span {
                line-height: normal;
        }

        .eventInfo address {
                font-size: 90%;
                line-height: normal;
        }

        .eventInfo p {
            font-size: 90%;
        }

       .eventList  .fa {
            padding: 20px 10px 0px 25px;
            display: inline-block;
        }


/* scrollbar */

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(248,248, 248, 0.25);
	background-color: #fff;
}

::-webkit-scrollbar
{
	width: 15px;
	background-color: #fff;
}

::-webkit-scrollbar-thumb{
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);

}

/* Alerts for all Forms  */

	.alert {
            padding: 20px;
            background-color: #808080;
            color: white;
            border:1px solid;
            border-radius:4px;
            margin-bottom:20px;
            opacity: 1;
            transition: opacity 0.6s;
            }

	.alert.successful {
        color:#3c763d;
            background-color:#dff0d8;
            border-color:#d6e9c6;
            background: rgba(223, 240, 216, 0.95) ;
            }

	.alert.info {
            color:#31708f;
            background-color:#d9edf7;
            border-color:#bce8f1;
            background: rgba(217, 237, 247, 0.95) ;
            }

	.alert.warning {
            color:#8a6d3b;
            background-color:#fcf8e3;
            border-color:#faebcc;
            background: rgba(250, 235, 204, 0.95) ;
	}

	.alert.danger {
            color:#a94442;
            background-color:#f2dede;
            border-color:#ebccd1;
            background: rgba(242, 222, 222, 0.95) ;
	}

	.closebtn {
            margin-left: 15px;
            color: inherit;
            font-weight: bold;
            float: right;
            font-size: 22px;
            line-height: 20px;
            cursor: pointer;
            transition: 0.3s;
}

	.closebtn:hover {
            color: black;
}


#social a .fa{
    color: rgba(204, 0, 0, 1);
}


#social a .fa:hover{
    color: rgba(0, 0, 230, 0.75);
}

/* Modify the my account*/
.nav-tabs a:hover {
  color: inherit !important;
}


/* Modify the bootstrap breadcrumb */
	#custom .breadcrumb {
	 	background-color: transparent;
                border-radius: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                -o-border-radius: 0;
		font-weight: 100;
		font-size: 10pt;
		position: relative;
		padding-left: 0 !important;
                letter-spacing: 1px;
                text-decoration: none;
		}
         /*change breadcrumb links color*/
        #custom  .breadcrumb a {
             color: inherit;
        }


        #custom .breadcrumb a:hover{
                color: rgba(0, 0, 230, 0.5) !important;
                text-decoration: none;
                border-bottom: 0;
		}

        /*change active color*/
        #custom .breadcrumb > .active {
                color: #aaa !important;
                text-decoration: none;
                border-bottom: 0;
		}

        /*change breadcrumb separator to raquo symbol*/
        #custom .breadcrumb > li + li:before {
                content: "\2215";
                color: #aaa;
                font-size: 10pt;
}
.imgCashApp {
    width: 50px;
    height: auto;
     align: middle;
    padding: 0px 5px 0px 5px;
}

/* Sections/Article */

	section,
	article {
		margin-bottom: 3em;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	.row > section,
	.row > article {
		margin-bottom: 0;
	}

/* Image */

	.image {
		position: relative;
		display: inline-block;
		border: 0;
	}

		.image:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

		.image img {
			display: block;
			width: 100%;
			border-radius: 0.5em;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}


		.image.featured2 {
			display: block;
			width: 95%;
			margin: 0 0 2em 0;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

                .image.centered img {
                        margin: 0 auto;
                        width: auto;
                }

                #cart .special {
                        width:50px;
                        max-height:50px;
                        overflow:hidden;
                        position:relative;
                        border-radius: 10px;
                        border: 1px solid white;
                        vertical-align: text-top;
			}



/* List */

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.icons {
		cursor: default;
	}

		ul.icons li {
			display: inline-block;
			padding-left: 0.75em;
		}

		ul.icons a {
			-moz-transition: background-color 0.25s ease-in-out;
			-webkit-transition: background-color 0.25s ease-in-out;
			-ms-transition: background-color 0.25s ease-in-out;
			transition: background-color 0.25s ease-in-out;
			display: inline-block;
			width: 2.75em;
			height: 2.75em;
			line-height: 2.8em;
			text-align: center;
			border: 0;
			box-shadow: inset 0 0 0 1px #e6e6e6;
			border-radius: 100%;
			color: #aaa;
		}

			ul.icons a:hover {
				background: rgba(0, 0, 0, 0.025);
			}

	ul.menu {
		cursor: default;
	}

		ul.menu li {
			display: inline-block;
			line-height: 1em;
			border-left: solid 1px #e6e6e6;
			padding: 0 0 0 0.5em;
			margin: 0 0 0 0.5em;
		}

			ul.menu li:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}

	ul.actions {
		cursor: default;
	}

		ul.actions li {
			display: inline-block;
			margin: 0 0 0 0.5em;
		}

			ul.actions li:first-child {
				margin-left: 0;
			}

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}



/* Shop Product Items */
#productBox {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #f2f2f2;
	min-height: 200px;
	max-height: 200px;
	overflow: hidden;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 0px 0px 5px 0px;
}

.square {
    position: relative;
    width: 100%;
}

.item {
  opacity: 1;
  display: block;
  width: 100%;
  min-height: 200px;
  transition: .5s ease;
  backface-visibility: hidden;
  margin: auto;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.square:hover .item {
  opacity: 0.85;
}

.square:hover .middle {
  opacity: 1;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);

}

.text {
  background-color: rgba(0, 0, 230, 1);
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: capitalize;
  padding: 5px 15px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #0000e6;
}

.price {
	font-size: 1.25em;
	color: inherit;
  font-weight: bold;
}

/* Form */

	form .actions {
		margin-bottom: 0;
		text-align: center;
	}

	form label {
		display: block;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form .select,
	form textarea {
		-moz-transition: all 0.25s ease-in-out;
		-webkit-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		box-shadow: inset 0 0 0 1px #e6e6e6;
		background: #f8f8f8;
		width: 100%;
		padding: 0.5em 1em 0.5em 1em;
		border-radius: 0.25em;
		border: 0;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form .select:focus,
		form textarea:focus {
			outline: 0;
			box-shadow: inset 0 0 0 1px #afd9e0;
			background: #fcfcfc;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select {
		line-height: 1.15em;
	}

	form input[type="radio"]{
		margin: 0px 5px 0px 10px;
	}

	form textarea {
		min-height: 13em;
	}

	form select {
		position: relative;
	}

		form select option:not(:checked) {
			color: #000;
		}

	form .select {
		position: relative;
		padding: 0;
		overflow-x: hidden;
		outline: 0;
	}

		form .select select {
			width: calc(100% + 2em);
			background: none !important;
			box-shadow: none !important;
			border: 0 !important;
			cursor: pointer;
		}

			form .select select::-moz-focus-inner {
				border: 0;
				outline: 0;
			}

		form .select:before {
			content: '';
			position: absolute;
			top: 15%;
			right: 1em;
			width: 1.25em;
			height: 75%;
			background: url("images/arrow.svg") center center no-repeat;
			background-size: contain;
			z-index: 0;
		}

		form .select select::-ms-expand {
			display: none;
		}

	form ::-moz-focus-inner {
		border: 0;
	}

	form .formerize-placeholder {
		color: #555 !important;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	.dark form input[type="text"],
	.dark form input[type="email"],
	.dark form input[type="password"],
	.dark form select,
	.dark form .select,
	.dark form textarea {
		background: none;
		box-shadow: inset 0 0 0 1px rgba(204, 204, 204, 0.5);
		color: rgba(128, 128, 128, 1) !important;
	}

		.dark form input[type="text"]:focus,
		.dark form input[type="email"]:focus,
		.dark form input[type="password"]:focus,
		.dark form select:focus,
		.dark form .select:focus,
		.dark form textarea:focus {
			background: rgba(128,128, 128, 0.1);
			box-shadow: inset 0 0 0 1px #ccc;
		}

	.dark form .select:before {
		background: url("images/arrow.svg") center center no-repeat;
		background-size: contain;
	}

	.dark form .formerize-placeholder {
		color: rgba(128, 128, 128, 1) !important;
    font-weight: 300;
	}

	.dark form ::-webkit-input-placeholder {
		color: rgba(128, 128, 128, 1) !important;
	}

	.dark form :-moz-placeholder {
		color: rgba(128, 128, 128, 1) !important;
	}

	.dark form ::-moz-placeholder {
		color: rgba(128, 128, 128, 1) !important;
	}

	.dark form :-ms-input-placeholder {
		color: rgba(128, 128, 128, 1) !important;
	}


/* Table */

	table {
		width: 100%;
	}

	table .success {
		color: #3c763d;
		}

	table .error {
		color: #a94442;
		}


		table.default {
			width: 100%;
			border-collapse: collapse;
		}

			table.default tbody tr {
				border: solid 1px #e6e6e6;
			}

				table.default tbody tr:nth-child(2n+2) {
					background: #f8f8f8;
				}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				padding: 0.5em 1em 1em 1em;
			}

			table.default td p {
				color: #f2f2f2;
			}

			table.default th h3 {
				color: #0000e6;
			}

			table.default tfoot td {
				padding-top: 1em;
			}

	.dark table.default tbody tr {
		border-color: rgba(255, 255, 255, 0.5);
	}

		.dark table.default tbody tr:nth-child(2n+2) {
			background: rgba(255, 255, 255, 0.1);
		}

/*Table for 7 inch devices*/


/* Table */
		table.default2 {
			width: 100%;
			border-collapse: collapse;
			color: rgba(128, 128, 128, 1);
		}

			table.default2 tbody tr {
				border: solid 1px #e6e6e6;
			}

				table.default2 tbody tr:nth-child(2n+2) {
					background: #f8f8f8;
				}

			table.default2 td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default2 th {
				padding: 0.5em 1em 1em 1em;
			}

			table.default2 td p {
				color: inherit;
			}

			table.default2 th h3 {
				color: inherit;
			}

			table.default2 tfoot td {
				padding-top: 1em;
			}

	.dark table.default2 tbody tr {
		border-color: rgba(204, 204, 204, 0.5) !important;
	}

		.dark table.default2 tbody tr:nth-child(2n+2) {
			background: rgba(204, 204, 204, 0.21) !important;
		}
  #pagesTable  td:not(:last-child) {
        min-width: 150px;
  }
  #pagesTable td{
    	padding: 0.5em 0.5em 0.5em 0.5em !important;
  }

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-transition: all 0.25s ease-in-out;
		-webkit-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background: #0000e6;
		padding: 0.5em 0.5em 0.5em 0.5em;
		border-radius: 0.25em;
		cursor: pointer;
		border: 0;
		color: #fff;
		text-align: center;
		text-decoration: none;
		text-transform: capitalize !important;
	}

        input[type="button"]:hover,
        input[type="submit"]:hover,
        input[type="reset"]:hover,
        button:hover,
        .button:hover {
                background: #4f4f4f;
                text-transform: capitalize !important;
        }

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			color: inherit;
			box-shadow: inset 0 0 0 1px #e6e6e6;
			background: none;
                        text-transform: capitalize !important;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background: rgba(0, 0, 0, 0.25);
			}

	.dark input[type="button"],
	.dark input[type="submit"],
	.dark input[type="reset"],
	.dark button,
	.dark .button  {
		background: rgba(255, 255, 255, 1) !important;
		box-shadow: inset 0 0 0 1px #0000e6;
		color: #0000e6;
    border-radius: 5px;
    font-weight: normal;
    letter-spacing: 2px;
	}

    .dark input[type="button"]:hover,
    .dark input[type="submit"]:hover,
    .dark input[type="reset"]:hover,
    .dark button:hover,
    .dark .button:hover {
    background: rgba(0, 0, 280, 1) !important;
    box-shadow: inset 0 0 0 1px #0000ff);
    text-decoration: none;
    color: #fff !important;
    font-weight: normal;
        }

        .dark input[type="button"].alt,
        .dark input[type="submit"].alt,
        .dark input[type="reset"].alt,
        .dark button.alt,
        .dark .button.alt {
                background: rgba(204, 0, 0, 1) !important;
                color: #ffffff !important;
                box-shadow: inset 0 0 0 2px rgba(204, 0, 0, 1);
                font-weight: normal;
        }

        .dark input[type="button"].alt:hover,
        .dark input[type="submit"].alt:hover,
        .dark input[type="reset"].alt:hover,
        .dark button.alt:hover,
        .dark .button.alt:hover {
                background: rgba(204, 0, 0, 1) !important;
                box-shadow: inset 0 0 0 2px rgba(204, 0, 0, 0.75)!important;
                color: #ffffff !important;
                font-weight: bold;
        }

        button:focus {outline:0 !important;}
        *:focus {outline:0;}

        .delete-checkbox input[type="checkbox"] {
          display: none;
        }

        .delete-checkbox label:before {
          font-family: "FontAwesome";
          font-style: normal;
          width: 1em;
          height: 1em;
          content: '\f014'; /* trash can */
          margin-right: .3em;
                cursor: pointer !important;
        }

        .delete-checkbox input[type="checkbox"]:checked ~ label:before {
          color: red;
        }

        .fancy input[type="radio"],
        input[type="checkbox"]{
          display:none;
        }

        .fancy label {
                display: inline-block;
        }

        .fancy input[type="radio"] + span:before,
        input[type="checkbox"] + span:before {
          font-family: 'FontAwesome';
          padding-right: 3px;
          font-size: 1em;
                margin: 0px 5px 0px 10px;
        }

        .fancy input[type="radio"] + span:before {
          content: "\f10c"; /* circle-blank */
        }

        .fancy input[type="radio"]:checked + span:before {
          content: "\f111"; /* circle */
                color: #inherit;
        }

        input[type="checkbox"] + span:before {
          content: "\f096"; /* check-empty */
        }

        input[type="checkbox"]:checked + span:before {
          content: "\f046"; /* check */
                color: inherit;
        }

/* Icons */

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: 'FontAwesome';
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon > .label {
			display: none;
		}

/* Header */

	#header {
		position: relative;
		margin: 0;
		padding: 10em 0 13em 0;
		text-align: left;
		color: #333;
		min-height: 100vh;
	}

		#header header h1 {
			font-size: 5vw;
			line-height: 1.25em;
      position: relative;
      padding: 15px 0 20px 0;
			font-family: 'Work Sans', sans-serif;
			font-weight: 600;
			text-trans : uppercase;
			color: #0000e6;
	}

		#header header h2 {
			font-size: 3.45em;
			line-height: 1.25em;
			padding: 25px;
			text-align: center;
      text-shadow: 5px 5px 5px #555;
	}

		#header header p {
			font-weight: 400;
			font-size: 1em;
			line-height: 1.5em;
			text-align: Left;
      max-width: 600px;
      background-color: rgba(255, 255, 255, 0.12);
      padding: 10px;
      display: block !important;
		}

		#header header span {
			margin: auto;
      display: block !important;
		}

    #header header i {
			padding: 20px 30px 20px 0;
      color: #808080;
		}

		#header footer {
			padding-top: 1em;
		}

/* Main Sections */

	.main {
		position: relative;
		margin: 0;
	}

		.main > header {
			background: #E6E6E6;
			text-align: center;
			padding: 5em 0 5em 0;
			margin: 0;
		}

			.main > header h2 {
				font-size: 2.25em;
				font-weight: 100;
				margin-bottom: 0;
				color:#7A5C99;
			}

			.main > header p {
				margin: 2em 0 0 0;
				padding: 0;
				text-align: center;
			}

		.main > .content {
			padding: 0em 0 6em 0;
			min-height: 100vh;
		}

			.main > .content h3 {
				font-size: 1.5em;
			}

			.main > .content .dark {
				background: rgba(255, 255, 255, 1);
			}

			.main > .content .style1 {
				background: linear-gradient(180deg, #f2f2f2, #ffffff, #e6e6e6);
			}

			.main > .content .style2 {
        padding-bottom: 10em;
			}

			.jumbotron {
				border: 1px solid #f2f2f2;
				background: linear-gradient(rgba(0, 0, 230, 0.25), rgba(0, 0, 230, 0.025)), url("images/header5.jpg") !important;
				background-size: auto, cover;
        background-position: top right, center center !important;
        background-repeat: repeat, no-repeat;
			}

			.jumbotron h1 {
        padding-top: 1.5em;
				color: #fff !important;
				text-align: center;
        font-size: 5vw !important;
        font-weight: 500;
        text-shadow: 5px 5px 5px #555;
			}

			.jumbotron div i {
				padding: 20px 10px;
				color: #fff;
        visibility: hidden !important;

			}

/* brand */
			#brandRIMS{
				text-align: center;
				width: 80px;
				margin: auto;
				margin-bottom: 10px;
				padding: 5px;
			}

/****** PANELS BEGIN ******/
			.panel{
				margin-bottom:20px;
				background-color:rgba(255, 255, 255, 0.025);
				border: 0!important;
			}

			.panel-heading{
				padding:10px 15px;
				border-bottom: 0!important;
			}

			.panel-footer{
				padding:10px 15px;
				background-color:rgba(245, 245, 245, 0.025);
				border-top:0 !important;
			}

			.panel-default{border-color:#ddd}
			.panel-default>.panel-heading{color:#fff; background-color: rgba(204, 204, 204, 0.035); border-color:#ddd}
			.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}

			.panel-default>.panel-heading .badge{
              color:red !important;
              background-color:#ccc !important;
          }

			.panel-default>.panel-footer+.panel-collapse>.panel-body{
              border-bottom-color: #ddd
          }

			.fix-panel {
				min-height: 200px !important; /* Set height for shopping cart */
				overflow: hidden;
			}

			.panel-heading h3 {
        color: #0000e6;
				padding-top: 1em;
			}


      .panel-default{
          margin-bottom: 20px !important;
      }

/* modal */

		.modal-open{
			overflow:hidden
		}

		.modal{
			position:fixed;
			top:0;
			right:0;
			bottom:0;
			left:0;
			z-index:1050;
			display:none;
			overflow:hidden;
			-webkit-overflow-scrolling:touch;
			outline:0
		}

		.modal.fade .modal-dialog{
			-webkit-transition:-webkit-transform .3s ease-out;
			-o-transition:-o-transform .3s ease-out;
			transition:transform .3s ease-out;
			-webkit-transform:translate(0,-25%);
			-ms-transform:translate(0,-25%);
			-o-transform:translate(0,-25%);transform:translate(0,-25%)
			}

		.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: rgba(255, 255,255, 1);
			-webkit-background-clip:padding-box;
			background-clip:padding-box;
			border:1px solid #ccc;
			border:1px solid rgba(204,204,204, 1);
			border-radius: 5px;
			outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
			box-shadow:0 3px 9px rgba(0,0,0, 0.5);
		}

		.modal-backdrop{
			position:fixed;
			top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000
		}

		.modal-backdrop.fade{
			filter:alpha(opacity=0);
			opacity:0
		}

		.modal-backdrop.in{
			filter:alpha(opacity=50);
			opacity: 0.5
		}

		.modal-header{
			min-height:16.43px;
			padding: 5px;
			border-bottom:1px solid #ccc !important;
		}

		.modal-header .close{margin-top:-2px}

		.modal-title {
			margin:0;
			line-height:1.42857143;
			font-weight: 300 !important;
      color: #0000e6 !important;
      font-size: 1.53em;
      font-weight: 500 !important;
      text-align: center !important;
      padding-top: 15px;
		}

		.modal-body{
			position:relative;
			padding:15px;
      color: #333 !important;
      background: #FFFFFF;
		}

		.modal-footer{
			padding:15px;
			text-align: right !important;
			border-top:1px solid #f2f2f2;
		}

		.modal-footer button {
			margin-bottom:0;
			margin-left:5px;
      background-color: #FFFFFF;
      color: #808080;
      border: 1px solid #ccc;

		}

      .modal-footer button:hover {
			margin-bottom:0;
			margin-left:5px;
      background-color: #f1f1f1;
      color: #808080;
                }

      .modal-footer a{
             text-decoration: none;
      }

		.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 (min-width:768px){
			.modal-dialog{
				width:600px;
				margin:30px auto
			}
			.modal-content{
				-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
				box-shadow:0 5px 15px rgba(0,0,0,.5)
			}
			.modal-sm{
				width:300px
			}
		}

		@media (min-width:992px){
			.modal-lg{
				width:900px
			}
		}

  /* my account login nav tabs and pills  */
         #btn_ForgotUsername, #btn_ForgotPassword {
          box-shadow: none;
      		color: #333 !important;
          font-weight: 200 !important;
          background-color: #fff !important;
        }

        .nav-tabs > li > a , .nav-pills > li > a{
          background-color: rgba(255, 255, 255, 0) !important;
          color: inherit !important;
           }

         .nav-tabs > li :hover, .nav-pills > li :hover{
            background-color: rgba(0, 0, 0, 0.05) !important;
          }

        .nav-tabs .active, .nav-pills .active{
           color: inherit;
           background-color: rgba(0, 0, 0, 0.05) !important;
         }

/* Footer */

	#footer {
		position: relative;
		margin: 0;
		text-align: center;
		padding: 0.25em;
		box-shadow: inset 0 1px 0 0 #fff;
		background-color: #fff;
	}

		#footer .copyright {
			margin-top: 0.25em;
			font-size: 0.8em;
			color: #999;
		}

			#footer .copyright a {
				color: inherit;
			}

                        #footer .copyright a:hover {
				color: #0000e6 !important;
                                border-bottom: 0;
			}

		#footer ul.icons a {
			box-shadow: inset 0 0 0 1px #d6d6d6;
		}



/* Wide */

	@media screen and (max-width: 1680px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 15pt;
				line-height: 1.75em;
			}

	}

/* Normal */

	@media screen and (max-width: 1280px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 13pt;
				line-height: 1.65em;
			}

		/* Feature Icon */

			.feature-icon {
				margin-bottom: 2em;
			}

		/* Header */

			#header {
				padding: 12em 0 12em 0;
			}

		/* Main Sections */

			.main > header {
				padding: 4em 0 4em 0;
			}

			.main > .content {
				padding: 4em 0 4em 0;
			}

	}

/* Narrow */

	@media screen and (max-width: 1000px) {

		/* Basic */

			header, footer, header > p {
				text-align: center;
			}

		/* Sections/Article */

			section, article {
				margin: 0 0 2.5em 0 !important;
			}

			.row > section, .row > article {
				margin: 0 0 2.5em 0 !important;
			}

		/* Table */

			.table-wrapper {
				width: 100%;
				overflow-x: scroll;
				padding-left: 1px;
				-webkit-overflow-scrolling: touch;
			}

		/* List */

			ul.actions {
				text-align: center;
			}

		/* Header */

			#header {
				margin: 0 !important;
				padding: 8em 2em 8em 2em;
			}

				#header header p {
					margin-top: 1em;
				}

				#header footer {
					padding-top: 1.25em;
				}

		/* Main Sections */

			.main {
				margin: 0 !important;
			}

				.main > header {
					padding: 3.5em 2em 3.5em 2em;
				}

					.main > header h2 {
						font-size: 1.85em;
					}

					.main > header br {
						display: none;
					}

					.main > header p {
						margin: 1.5em 0 0 0;
					}

				.main > .content {
					padding: 3.5em 20px 3.5em 20px;
				}

					.main > .content > .container > :last-child {
						margin-bottom: 0 !important;
					}
                        .jumbotron {
				border: 1px solid #f2f2f2;
				padding: 25px;
			}

			.jumbotron h1 {
				font-size: 2.5em;
			}
		/* Footer */

			#footer {
				margin: 0 !important;
			}


	}

/* Mobile */

	@media screen and (max-width: 736px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 1em;
			}

		/* Sections/Article */

			section, article {
				margin: 0 0 1.5em 0 !important;
			}

			.row > section, .row > article {
				margin: 0 0 1.5em 0 !important;
			}

		/* Button */

			.button, .btn {
				padding-left: 5px;
				padding-right: 5px;
				max-width: 300px;
				font-size: .75em;
			}

		/* List */

			ul.icons li {
				padding-left: 0.35em;
			}

			ul.actions li {
				display: inline-block;
				margin: 1em 0.5em 1em 0;
			}

			ul.menu li {
				border: 0;
				display: inline-block;
				margin: 1em 0 1em 0;
				line-height: 1em;
				border-left: solid 1px #e6e6e6;
				padding: 0 0 0 0.5em;
			}


		/* Header */

			#header {
				padding: 6em 20px 6em 20px;
			}

				#header > header {
					padding: 0 1em 0 1em;
				}

/* Main Sections */

.main > header {
        padding: 3em 20px 3em 20px;
}

.main > header h2 {
        font-size: 1.5em;
}

.main > .content {
        padding: 6em 20px 3em 20px;
}

        .main > .content h3 {
                font-size: 1.25em;
        }

        #cart .image {
                width:25px;
        height:25px;
        overflow:hidden;
        position:relative;
        }
}

@media screen and (max-width: 735px) {
        #cart .image img {
                width:25px;
                height:25px;
                overflow:hidden;
                position:relative;
        }

        #cart {
                font-size: 0.75em !important;
        }

        #cart input {
                font-size: 0.75em !important;
        }

        body {
                font-size: 0.75em !important;
        }
}