/* 
    Created on : Jun 9, 2017, 3:11:55 PM
    Author     : Andreas
*/
body {
  font-family: 'OptimaMedium', Helvetica, Arial, sans-serif;
  line-height: 1.42857143;
  color: #000000;
  /*background-color: #021427;*/
  background-color: #000000;
  font-size:20px;
}
a {
	text-decoration: none;	
	color:#0629f2;
	cursor:pointer;
}
a:hover{
	color:#ff7400;
}
.catlink{
color:#000 !important;	
font-size:30px !important;
font-family:'OptimaMedium';
text-transform:uppercase;
}
.commentlink{
color:#ff7400;	
}
#terms{
font-weight: normal;
margin:0 0 0 20px;
max-width:300px;
}
.prfront{
font-size:20px;text-align:center;color:#000000;font-weight:bold;
}
.prfront .sbs{
font-size:40px;padding-top:10%;text-align:center;font-weight:bold;
}
.prfront .prom{
font-size:70px;color:#ff0000;margin-top:-5%;text-align:center;font-weight:bold;
}
.prfront span{
font-size:25px;
}
.spath{
font-size:20px;color:#000;margin-top:-10px;	
}
h4{
text-transform:none;   
color:#ff7400; 
}

.llnk{
color: #ffffff;
font-weight:none;
margin-bottom: 0;
text-transform: uppercase;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;	
border:1px solid rgb(2, 20, 39);
width:100%;margin:0 0 30px 0;
display:block;
font-size: 25px;
}

.llnk:hover{
border:1px solid #ff7400;
background-color:#ff7400;
}

#notemstop{
margin-right:auto;margin-left:auto;
/*height:50px;*/
position: relative;
background:#ff7400;
}
#notemslogo{
margin-top:-10px;text-transform: none;word-spacing: 0px;font-weight:normal;font-size:35px;float:left;
}
#notemslogo span{
font-style: italic;font-size:15px;	
}
#notemslogo a{
color:white;	
margin-top:5px;
}
#notemslogo a:hover{
color:#ffc102;	
}
#notemslogo #nmcircle{
color:#ff0000;
text-shadow: 1px 1px 1px #ffff00;
}
#mainnmlogocirc{
font-size:60px;color:#ff0000;
text-shadow: 5px 5px 1px #b5d3ef;
}
#beta{
font-size:7px;	
}
#storelogocirc{
font-size:60px;color:#ff0000;
text-shadow: 3px 3px 1px #ffff00;
}
#storeicon{
color:#fff;	
}
.sspacesep{
font-size:20px;
}
.sspacesepf{
font-size:40px;
}
.nmbottom{
font-size:30px;color:white;    
}
#notems{
float:left;
position:relative;
font-size:30px;
width: 30%;
max-width: 380px;
line-height: 35px;
}
.infpres{
color:black;font-size:16px;    
}
.inftitle {
font: 24px/1em 'Roboto';
color: #021427;
margin-bottom: 0;
text-transform: uppercase;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.fliplink{
margin-right:50px;    
}
.keywords{
font-size:25px;    
}
button, .ajbutton {
background: linear-gradient(#f00, rgba(230, 0, 0, 1)) repeat scroll 0% 0% transparent;
border: 1px solid #CCC;
border-radius: 3px;
color: white;
cursor: pointer;
text-transform:uppercase;
font-weight: normal;
white-space: nowrap;
padding: 8px 14px 7px;
font-size:16px;
width:162px;
margin: 5px 4px;
text-align: center;
}
button:hover, .ajbutton:hover {
background: #000000;
}
.mscadv img{
height:370px;
width:370px;
border:0;
}
.blacktitles{
color:#021427;
font-weight: normal;
font-size:15px;
margin-top: 10px;
}
/* btn
========================================================*/
.btn-default.btn1 {
	background: linear-gradient(#f00, rgba(230, 0, 0, 1)) repeat scroll 0% 0% transparent;
	border: 1px solid #CCC;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	text-transform:uppercase;
	font-weight: normal;
	white-space: nowrap;
	padding: 8px 14px 7px;
	font-size:16px;
	width:162px;
	margin: 5px 4px;
	text-align: center;
}
.btn-default.btnl{
	float:none;
	margin:10px 0 0 0;
}
.btn-default.btn1:hover {
	color: white;
	background: #000000;
	text-decoration: none;
}
.btn-default.btno {
	background: linear-gradient(orange, rgba(230, 165, 0, 1)) repeat scroll 0% 0% transparent;
	border: 1px solid #CCC;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	text-transform:uppercase;
	font-weight: normal;
	white-space: nowrap;
	padding: 8px 14px 7px;
	font-size:16px;
	width:162px;
	margin: 5px 4px;
	text-align: center;
	float:right;
}
.btn-default.btno:hover {
	color: white;
	background: #000000;
	text-decoration: none;
}
.btn-default.btn1c {
	box-shadow: none;
	text-decoration: none;
	display: inline-block;
	padding: 0;
	font: bold 18px 'Roboto';
	border-radius: 0;
	color: white;
    padding:5px;
	background: red;
	text-transform: uppercase;
	float: none;
	margin: 0 0 29px 0;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.btn-default.btn1c:hover {
	color: white;
	background: #021427;
	text-decoration: none;
}
.btn-default.btn2 {
	box-shadow: none;
	text-decoration: none;
	display: inline-block;
	padding: 0 38px;
	font: 18px/48px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	border-radius: 0;
	color: #ffffff;
	background: #22c8ff;
	border: none;
	float: none;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.btn-default.btn2:hover {
	color: #ffffff;
	background: #2b2b2b;
	text-decoration: none;
}
.btn-default.btn3 {
	box-shadow: none;
	text-decoration: none;
	display: inline-block;
	padding: 0;
	font: 15px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	border-radius: 0;
	color: #22c8ff;
	background: none;
	border: none;
	float: none;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.btn-default.btn3:hover {
	color: #414042;
	text-shadow: none;
	background: none;
	text-decoration: none;
}
.btn-default.btn4 {
	box-shadow: none;
	text-decoration: none;
	display: inline-block;
	padding: 0 114px;
	font: 900 20px/69px 'Lato';
	text-transform: uppercase;
	margin: 0 10px 0 0;
	border-radius: 0;
	color: #333333;
	background: #22c8ff;
	border: none;
	float: none;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.btn-default.btn4:hover {
	color: #333333;
	text-shadow: none;
	background: #021427;
	text-decoration: none;
}
.brp {
	background: blue;
	float: right;
}
.brs {
	background: #22c8ff;
	float: right;
}
.brgj{
	background:#ff7400;	
}
.brv {
	background: orange;
	float: right;
}
.brc {
	background: #88a52d;
	float: right;
}
.bra {
	background:red;
	float: right;
}
.brayoutube {
	background:red;
	color:#fff;
}
.brayoutube:hover{
color:#fff;
}
.ui-dialog-titlebar-close{
background:none;
}
.ui-dialog-titlebar-close:hover{
background:gray;
}
.ui-dialog-titlebar-close:after {
   content: 'X' !important;
   position: absolute;
   top: 0px;
   right: 4px;
   height:12px;
   padding:0px;
   font-weight:bold;
   color:black;
}
.ui-dialog-titlebar{
font-size:14px;
}
#videoembedlink{
font-size:12px;
color:gray;
width:260px;
}
#embedder{
width:100px;padding:0px;background:red;float:right;
}
#embedder:hover{
background:#000;
}
#videoembedder{
display:none;
}
.bral {
	background:#ff7400;
	width:50%;
}
.bragr {
	background:#4e4e4e;
	width:50%;
}
.brag {
	background:#88a52d;
	width:50%;
}
@media (max-width: 767px) {
 .brag  {
 width:80%;
}}
.bfa {
	background:#0a66c2;
	width:50%;
	min-width:300px;
	cursor: pointer;
}
.bfa:hover{
	background:#ff7400;
}
.bfa .fab{
	float:left;
}
.btwa {
	background:#1d9bf0;
	width:50%;
	min-width:300px;
	cursor: pointer;
}
.btwa:hover{
	background:#ff7400;
}
.btwa .fab{
	float:left;
}
.bgoa {
	background:#ff0000;
	width:100%;
	min-width:300px;
	cursor: pointer;
}
.bgoa:hover{
	background:#ff7400;
}
.bgoa .fab{
	float:left;
}
.btw {
	background:#1DA1F2;
	width:50%;
	min-width:200px;
	cursor: pointer;
}
.btw:hover{
	background:#ff7400;
}
.breview {
	background:#ff7400;
	width:50%;
	min-width:200px;
	margin-bottom:20px;
	cursor: pointer;
}
.breviewred {
	background:#ff7400;
	width:auto;
	margin-bottom:20px;
	font-size:20px;
	height:66px;
	cursor: pointer;
	font-weight:normal;
}
.breviewg {
	background:#88a52d;
	width:100%;
	margin-bottom:20px;
	font-size:20px;
	height:66px;
	cursor: pointer;
}
.bsu {
	background:#88a52d;
	width:auto;
}
.tar{
	text-align:center;
}
.asm{
	font-weight:normal;
	font-size:14px;
	float:right;
}

.imgbox {
width: 350px;
height: 350px;
border: 1px solid lightgray;
overflow:hidden;
}


.perr {
    height: 0px;
    overflow: hidden;
    font: 14px/20px Arial;
    -webkit-transition: 0.3s ease-in height;
    -moz-transition: 0.3s ease-in height;
    -o-transition: 0.3s ease-in height;
    transition: 0.3s ease-in height;
    position: absolute;
    right: 10px;
    top: 40px;
    font-weight:normal; color:black;
}

.perrshow{
	height: 20px; opacity: 1; 
}
.perrout{
	height: 0px; opacity: 1
}

.smallin{
max-width:200px;	
}

@media (min-width: 768px) and (max-width: 991px){
#notems{  
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
}
#notems img{
width:150px;
}}

@media (max-width: 767px){
#notems{  
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
}
#notems img{
width:150px;
}}

@media (max-width: 560px) {
#notems{  
width:100%;
left:0;
margin-left:auto;
margin-right:auto;
}
#notems img{
width:150px;
}}

.nexttoken{
display:inline-block;float:right;margin:10px 50px 0 0;font-size:20px;	
border:none;
}
.prevtoken{
display:inline-block;float:left;margin:10px 0 0 50px;font-size:20px;	
}

.nexttoken a{
border:none;	
}

.nexttoken a:hover{
border:none;	
color:orange;
}

.prevtoken a{
border:none;	
}

.prevtoken a:hover{
border:none;	
color:orange;
}

.imgprpic {
    height: 150px;
    width: 150px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
}
.imgprvid {
    height:  150px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
}
.vidmarker{
	color:#666666;font-size:400px;line-height:600px;position:relative;
}

.vidmarker span{
	font-size:65px;
	position:absolute;
	top:0px;
	left:135px;
	color:#ff7400;
	font-weight:bold;
}

.article{
font-family:"OptimaMedium" !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 1.6rem;
-webkit-letter-spacing: 0.005em;
-moz-letter-spacing: 0.005em;
-ms-letter-spacing: 0.005em;
letter-spacing: 0.005em;
font-size: 25px;
display: block;
padding:15px 0 0 0;
text-align:left;
}

.article p{
font-size: 20px !important;
font-weight:normal !important;
font-family:"OptimaMedium" !important;
}

.article blockquote span{
font-size: 35px !important;
color:gray !important;
letter-spacing: 0.005em;
font-family:"OptimaMedium" !important;
font-style:italic !important;
}

.article ol li{
  margin: 2em 0;
  padding-top: 1em;
  display: block;
  position: relative;
  counter-increment: inst;
}

.article ol li::before {
  content: counter(inst);
  
 width: 50px;
    height: 50px;
    position: relative;
    border-radius: 0;
    background: #000000;
    color: #ffffff;
    font: bold 30px/50px 'Roboto';
    display: inline-block;
    float: left;
    margin: 5px 50px 0 0;
    text-align: center;
}

.firstletter {
font-size:180px;
font-style:italic;
float: left;
margin: 0 .1em 0 0;
color: orange;
line-height:120px;
position:relative;
}
.blockfirstletter {
font-size:110px;
font-style:italic;
float: left;
margin: 0 .2em 0 0;
color: #ccc;
}

.quotation::first-letter {
font-size:110px;
font-style:italic;
float: left;
margin: 0 .2em 0 0;
color: orange;
}

.quotation{
  font-size: 20px;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px;
  line-height: 1.4;
}
.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 3em;
}
h5 {
	font: 27px/36px 'Roboto';
	color: gray;
	text-transform: lowercase;
	display:block;
}
.subhdisp{
	display:block;
	width:100%;
	min-height:100px;
	position:relative;
}

.notemadd{
	font-size:16px;
}
#embedyoutube{
cursor:pointer;
}
.table{
border-spacing: 0px !important;
}
.hipdispleft{
border-top:0;
font-size:20px;
vertical-align:middle !important;
padding: 5px !important;
border-spacing: 0px !important;
}
.hipdispr{
vertical-align:middle;
width:70%;
font-size:25px;
}
.usersitediv{
vertical-align:middle;
font-size:25px;
text-align:center;
}
#qlable{
font-size:15px;
}
disptime{
	font: 96px/1em 'Oswald';
	color: #ffc021;
	text-transform: uppercase;
	float:left;
}
disptime span{
	display: block;
	font: bold 28px/1em 'Comfortaa';
	color: #020202;
	margin: 14px 0px 0px 0px;
}
#mspace{
color:#ff7400;
}
#pricelisting{
    font-size:45px;
    color:red;
}
.pricesize{
    font-size:45px;
    color:red;	
    display:none;	
}
#MSRP{
font-weight:100;color:gray;
text-decoration:line-through;
}
#savings{
color:#1154ea;
}
.stitle{
color:#121212;
font-weight: 400;
font-size: 55px;
margin: 0 0 20px 0;
font-style: italic;
text-align:center;
}
.det span{
margin:0 5px 0 0;
color:#000000;
font-size:20px;
display:block;
}

#charactercounter{
font-style:italic;
font-size:12px;
color:#000000;
}

.dispheader{
color:#c8c8c8;	
font-size:25px;
}

.addon{
border:1px solid lightgray;
background:#fbfbfb;
padding:4px 4px;
color:gray;	
text-align:center;
}
.addon i{
font-size:50px;	
}
.addon button{
float:right;	
}

.searchmore{
float:right;
}
.searchmore button{
border:1px solid lightgray;
background:#ff7400;
padding:4px 4px;
color:white;	
text-align:center;	
width:250px;
}
#cartcontains{
font-size:35px;vertical-align:sub;
}
#cartinfo{
font-size:35px;
}
#itemadded{
color:#ff7400;	
font-size:15px;
}
.memberpic{
width:50px !important;height:50px !important;border:none;border-radius:50%;object-fit: cover;
}
.sellerpic{
width:75px;border:none;border-radius:50%;	
}
.memberdesc{
text-align:center;
font-size:12px;	
vertical-align: top;
}
.memtags{
color:gray;
font-size:11px;
}
.commreplydiv a{
padding-right:20px;
color:#666;
}
.commreplydiv a:hover{
color:orange;
text-decoration:underline;	
}
.writdes{
color:gray;font-size:13px;padding:5px;	
}
.memname{
font-weight:bold;	
}
.sharethisbu{
margin:0 0 5px 0;	
}
.commentstable{
margin-bottom:10px;	
display:block;
font-size:15px;
}

.statinfo{
font-size: 60px;
line-height: 60px;
font-family: Helvetica neue,arial;
table-layout: auto;width:100%
}

.statname{
font-size: 35px;	
}

.pricediv{
color:#f00 !important;
font-size:25px !important;	
}

.addthis{
float:right;
}

.storetitle{
display:block;
font: bold 23px/1em 'Roboto';
text-transform: uppercase;
height:85px !important;
margin: 10px 0 0 0;
color:#021427;
overflow:hidden;
}

@media (max-width: 900px){
.storetitle{
display:block;
font: bold 15px/1em 'Roboto';
text-transform: uppercase;
height:130px !important;
margin: 40px 0 0 0;
color:#021427;
overflow:hidden;
text-align:center;
}}

#errors{
color:white;	
font-size:20px;
padding:10px;
}
.usersite{
color:#000;	
display:inline;
cursor: pointer;
word-wrap: break-word;
}
.usersite:hover{
color:orange;	
}
.commentsbox{
padding: 14px 0 0 8px !important;
border-radius: 3px !important;
border:none;
border-bottom: 2px solid black !important;
min-height:20px !important;
color: black !important;
overflow:hidden;	
}

.commauth a{
color:#000;
font-weight:bold;	
}
.messageres{
margin-left:40px;color:gray;
}
.tsocial{
font-weight:bold;
}
.statment{
margin:5px 0 10px 0;	
color:#111;	
}

.replytag{
margin-left:20px;
}

.circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 15px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  background: #000
}

.viewreplys{
margin-top:10px;
}

.viewreplys i{
margin-right:10px;
}
.sort{
text-align:right;	
}
.more{
text-align:center;	
}
.sortb, .moreb{
background:#fff;
color:black;	
font-size:12px;
}
.sortb:hover, .moreb:hover{
background: black;
color:white;	
}
.timeslice{
color:gray;font-size:12px;	
}

.fp-prev {
position:relative;
} 
   
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

.fp-prev:before {
	position:absolute;
    color:lightgray;
    content: '\f5b3'; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size:200px;
    left:40%;
}

.nptext{
color:gray;min-height:200px;font-size:100px;line-height:1.6;text-align:center;	
}

.tooltip-inner {
    max-width: 100% !important;
}

.highlightcomment{
	background-color:#fffbce;
}
.wanted{
color:red;
}
.highlightService{
	position:absolute;
	top:0px;
	left:0;
	z-index:100;
	width:100%;
	text-align:right;
	font-size:50px;
	line-height:20px;
	color:orange;
}
.highlightServicetop{
	width:100%;
	font-size:75px;
	text-align:center;
	color:orange;
}
span.title {
    background: #ffed00;
    padding: .6em 2.5em;
    font-weight: 600;
    font-size: 1.1em;
    top: 17px;
    left: -32px;
    display: inline-block;
    position: relative;
}
span.fr-draggable{
text-align:center;
width:100%;
display:block;
}

.fr-draggable iframe{
width:854px;
height:480px;
}

#registeri{
margin:0 40px 0 40px;	
}
#registeri h1{
font-size:22px;text-align:center;color:gray;
}
.busne{
font-style:italic;font-size:30px;text-align:center;
}
.busnef{
font-size:20px;margin-top:20px;text-align:center;
}
.messann{
color:gray;text-align:center;
}
#locpro h2{
margin:10px 0 0 0;	
}
.divtop{
display:none;
}
.divmarg{
margin:40px 0 0 0;	
}
.divann{
padding:0 0 30px 0;
font-size:25px;	
color:orange;	
font-family:"Irvin-Heading" !important;
}
.divann span{
color:#000;	
}
.discvannf{
color:lightgray;	
font-size:15px;
margin-top:20px;
}
.discvannf span{
font-size:45px;
font-style:normal;
color:#000000;
}

@media (max-width: 560px){
.storetitle{
font: bold 23px/1em 'Roboto';
padding-top:20px;
}
.discvannf span{
font-size:20px;
font-style:normal;
color:#000000;
}
}
.discvannf div{
margin:5px 0 0 0;	
}
.discvann{
padding:0 0 30px 0;
font-size:35px;	
font-weight:bold;
text-transform:Uppercase;
color:orange;
text-align:center;
}
.discvann span{
color:#000 !important;	
}
.discvann a{
font-size:35px !important;	
}
.discvann #address{
color:gray;
font-weight:normal;
font-size:15px;	
margin-left:10px;
}
#myMosaic{
margin:0 0 25px 0;	
display:none;
}
.nnlisted{
color:gray;
margin:0 0 27px 0;	
text-align:center;
font-size:40px;
}

.vline a{
font-size:15px;
text-transform:capitalize;
}

.storemos{
max-height:none !important;	
}
.ofstock{
color:gray !important;	
}

div.item {
vertical-align: top;
}
.captionimg {
font-family:arial;
display: block;
font-size:11px;
text-align: left;
margin:5px;
}
.storedisp{
border:1px solid lightgray;	
text-align:center;
max-height:200px;
overflow:hidden;
margin:0 0 20px 0;
}
.storead{
color:gray;
font-family:'Irvin-Heading';
margin:20px 0 0 0;
}
#collage img{
max-height:200px;
max-width:200px;	
}
#collage .list1-s li{
width:20% !important;	
}
.storedisp iframe{
max-height:100px;	
}
.sidecont{
border:1px solid lightgray;
padding:10px;
margin:20px 0 0 0;
height:200px;
background-color:beige;
}
.side{
text-align:center;margin:10px 0 10px 0;
}
.side a{
font: 25px 'Irvin-Heading';	
color:#000;	
}
.side a:hover{
color:gray;	
}