/* PiCosm Global Style Sheet */

.yairlogo {
	display: block;
	margin: 0 auto;
	width: 95%;
	padding-top: 10px;
	text-align: center;
	}


/* HYPERLINK STYLE */
	
a:link {
  color: #7FA2C0; 
  background-color: transparent; 
}


a:visited {
  color: #7FA2C0;
  background-color: transparent;
  text-decoration: none;
}

.ourImages {
	max-width: 100%; height: auto; width: 1440px;
}
/* VIA https://stackoverflow.com/questions/50193946/responsive-image-with-max-height-max-width */



/* COLORS */

.ourRed {
	color: #cc0000;
}

.ourGreen {
color: #99CC00;		
}

.ourBlue {
color: #7FA2C0;	
}

.ourOrange {
color: #F39325;	
}

.ourGrey {
color: #777777;	
}

.redWarning {
color:#cc0000;
}

.joyYellow {
color:#facd02;
}


body {
    	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	margin: 0;
    font-size: 19px;
  line-height: 1.25;
}

.bodyLightBG {
    background-color: #f7f7f7;
	font-family: Arial, Helvetica, sans-serif;
	color: #111111;
	margin: 0;
    font-size: 19px;
}

@media (min-width: 597px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}


/* Displays trademark etc symbols in smaller type higher up */

.sup {
    font-size: 50%;
    vertical-align: super;
}


h1 {
color: #999999;	
margin-bottom: -15px;
text-align: center;
}

h2 {
color: #cccccc;	
text-align: center;
font-weight: normal;
font-size: 32px;
}

.h2LightBG {
text-align: center;
font-weight: normal;
font-size: 1.75em;
padding-bottom: 25px;
}
    
h3 {
font-weight: normal;
/*font-family: 'Carbon OT';*/
font-size: 125%;
color: #999999;
    }

    .h3lightbg {
font-weight: normal;
font-family: 'Carbon OT';
font-size: 150%;
color: #ffffff;
    }

h4 {
	font-size: 110%;
font-weight: bold;
color: #aaaaaa;
}

h5 {
	font-size: 100%;
	font-weight: bold;
} 

.n1 {
font-size: 2em;
color: #cccccc;
}

.n2 {
font-size: 1.85em;
color: #cccccc;
}

.n3 {
font-size: 1.75em;
padding-top: 40px;
padding-bottom: 20px;
}

.n4 {
font-size: 1.25em;
padding-top: 40px;
padding-bottom: 20px;
}

.n5 {
font-size: 1.15em;
padding-top: 20px;
padding-bottom: 20px;
font-weight: bold;
color: #777;
}


.reducedLineHeight {
    line-height: 0.85em;
}

.number1 {
font-size: 200%;
color: #7FA2C0;
font-weight: bold;
}

.number2 {
font-size: 160%;
color: #7FA2C0;
padding-bottom: 25px;
}

.number3 {
font-size: 160%;
color: #7FA2C0;
}

.sectionheading {
font-size: 75%;
color: #aaaaaa;

}

.problem {
font-size: 100%;
color: #cc0000;	
}

.solution {
font-size: 100%;
color: #99CC00;
}

.reviewQuote {
	font-size: 100%;
	color: #777777;
	text-align: center;
}

.speech {
	font-size: 1em;
	font-style: italic;
	margin-left: 10%;
	margin-right: 10%;
	padding-bottom: 50px;
}

.paraOurs {
	font-size: 1em;
	margin-left: 10%;
	margin-right: 10%;
	padding-bottom: 50px;
}

/* FORMS */

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-50 {
	margin-bottom: 50px;
}

.block {
	margin-top: 5px;
}

.char-count {
	color: #555555;
	margin-top: 5px;
}

/* LISTS */

ul.nb {
  list-style-type: none;
  padding: 0px;
  padding-bottom: 15px;
  margin: 0px;
}

/* NO BULLETS */

li.nb {
	padding-bottom: 10px;
    }

hr {
border: 0;
width: 100%;
color: #222;
background-color: #222;
height: 1px;
}

.tweet {
	
	 font-size: 90%;
}

.lineHeight {
  line-height: 1.75;
}



/* IMAGES */

.image {
	display: block;
	margin: 0 auto;
	width: 95%;
}
.caption {
	color: #cccccc !important;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 50px;
	font-weight: medium;
    font-size: 20px;
}

.captionLightBG {
	color: #333 !important;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 75px;
	font-weight: medium;
    font-size: 20px;
}


	.figversion {
	color: #999999;
	text-align: center;
	padding-bottom: 10px;
		font-size: 75%;
	font-weight: medium;
}
	
	.subhead {
		color: #7FA2C0;	
		font-weight: bold;
	}

.center {
text-align: center;
}

.smallBody {
	font-size: 12px;
	line-height: 115%;
}

div.para {
  padding-top: 5px;
  padding-bottom: 5px;  
  padding-left: 25px;
  display: none;
  overflow: hidden;
}
	
.ourmargin {
padding-left: 15px;
}

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


.instock {
color: #99cc00;
background-color: #000000;
font-size: 10px;
padding-top: 15px;
}


/* CONTAINERS */
	
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	}
	
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.container {
width: 90%;
margin: 0 auto;
}

/*
.para {

}
*/

/*
table {
	border:1px solid #333;
}
*/

td, th {
	padding:3px;
}

/* FONTS */

@font-face {
    font-family: 'Carbon OT';
    src: url('../fonts/CarbonOT-Bold.eot');
    src: url('../fonts/CarbonOT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CarbonOT-Bold.woff2') format('woff2'),
        url('../fonts/CarbonOT-Bold.woff') format('woff'),
        url('../fonts/CarbonOT-Bold.ttf') format('truetype'),
        url('../fonts/CarbonOT-Bold.svg#CarbonOT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Carbon OT';
    src: url('../fonts/CarbonOT-Regular.eot');
    src: url('../fonts/CarbonOT-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CarbonOT-Regular.woff2') format('woff2'),
        url('../fonts/CarbonOT-Regular.woff') format('woff'),
        url('../fonts/CarbonOT-Regular.ttf') format('truetype'),
        url('../fonts/CarbonOT-Regular.svg#CarbonOT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.carbon {
    font-family: 'Carbon OT';
}

@font-face {
    font-family: "hiragino-maru-gothic-pron-w4";
    src: url('../fonts/hiragino-maru-gothic-pron-w4.woff') format('woff'),
        url('../fonts/hiragino-maru-gothic-pron-w4.woff2') format('woff2'),
        url('../fonts/hiragino-maru-gothic-pron-w4.eot'),
        url('../fonts/hiragino-maru-gothic-pron-w4.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hiragino-maru-gothic-pron-w4.otf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.hiragino {
    font-family: "hiragino-maru-gothic-pron-w4";
}

@font-face {
  font-family: 'Nebula-Regular';
  src:url('fonts/Nebula-Regular.woff') format('woff'),
        url('../fonts/Nebula-Regular.woff2') format('woff2'),
        url('../fonts/Nebula-Regular.svg#Nebula-Regular') format('svg'),
        url('../fonts/Nebula-Regular.eot'),
        url('../fonts/Nebula-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nebula-Regular.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.nebula {
    font-family: 'Nebula-Regular';
}


/* FOOTERS */

footer {
color: #777777;
/*background-color: #000000;*/
font-size: 10px;
padding-top: 15px;
text-align: center;
}