/* LESS Document */

@import 'prefixer.less';
@import 'animate.less';

@import '_universalclasses.less';
@import '_specificclass.less';

@import '_themes.less';

@import '_new_table.less';
@import '_sj_grid.less';
@import '_sj_list.less';

@import '_sj_slide_container.less';
@import '_sj_marquee_container.less';

@import '_sj_tiles_container.less';
@import '_sj_book_container.less';
@import '_sj_book_index.less';

@import '_sj_header_container.less';
@import '_sj_menu_container.less';
@import '_sj_updates_container.less';

@import '_sj_vcard.less';

@import '_sj_footer_container.less';
@import '_sj_error.less';
@import '_sj_table.less';
@import '_sj_invoice.less';
@import '_sj_forms.less';
@import '_products.less';
@import '_iframe.less';
@import '_slider.less';
@import '_tabs.less';

@fontColor: hsla(210, 46%, 42%,1);
@blackColor: hsla(219, 30%, 40%,.9);
@color_transparent: hsla(0, 0%, 0%,0);

@color_black: hsla(0, 0%, 0%,1);
@color_black90: hsla(0, 0%, 0%,.9);
@color_black80: hsla(0, 0%, 0%,.8);
@color_black70: hsla(0, 0%, 0%,.7);

@color_black10: hsla(0, 0%, 0%,.10);
@color_black20: hsla(0, 0%, 0%,.20);
@color_black30: hsla(0, 0%, 0%,.30);

@color_grey05:hsla(0,0%,0%,.05);
@color_grey10:hsla(0,0%,0%,.10);
@color_grey15:hsla(0,0%,0%,.15);
@color_grey20:hsla(0,0%,0%,.20);
@color_grey25:hsla(0,0%,0%,.25);
@color_grey30:hsla(0,0%,0%,.3);
@color_grey30:hsla(0,0%,0%,.3);
@color_grey:hsla(15,5%,50%,0.72);

@color_red:hsla(0,100%,50%,1);
@color_blue:hsla(216,100%,50%,1);
@color_green:hsla(120,100%,50%,1);
@color_yellow:hsla(60,100%,50%,1);

@color_white:hsla(0,0%,100%,1);
@color_white95:hsla(0,0%,100%,0.95);
@color_white80:hsla(0,0%,100%,0.80);
@color_white60:hsla(0,0%,100%,0.60);
@color_white30:hsla(0,0%,100%,0.30);

@color_blue_menu:hsla(192,100%,50%,0.70);

@color_orange:hsla(24,100%,50%,1);
@color_orange_menu:hsla(26,98%,52%,0.7);

@textShadow:  0 0 3px @color_black70;
@boxShadow:   0 -1px 10px 1px @color_black70;

 
/*
@font-face {
	font-family: poorRichard;
	src: url('../_fonts/POORICH.woff'),
		url('../_fonts/POORICH.ttf');							
}
*/

*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	font-size: 14px;
	
	@media screen and (max-width : 1024px){
		font-size: 12px; // 1.5vw;
 		
	}
	@media screen and (max-width : 1440px){
		font-size: 12px; // 1vw;
 
		
	}
	
	@media screen and (max-width : 768px){
		font-size: 11px;
		.company_name{
			opacity:0;
			display:none;
		}
	}
	@media screen and (max-width : 420px){
		font-size: 10px;
	}		
}

html, body{
	height:100%; /* this will sett the body at full height of window */
	width:auto;
	
 
}
@border_color : #005975;

body{
	
	font-family:'Didact Gothic', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	 
	margin:auto;
 	color: @border_color;
	
	width:100%;
	//min-width:	420px;
	 
  }

a{
	color:inherit;
	text-decoration:none !important;
	
	&:visited{
		color:inherit;
	}
	
	&:hover{
		text-shadow:0 0 .1em #DADADA;
	}
}

hr {
	border:none;
 	margin:1em .5em;
	filter: hue-rotate(20deg);
	border-bottom: 1px dashed;
 
}

img{
	border:none;
}
h1{
	font-size:1.8em;
}
h2{
	font-size:1.4em;
}

h3{
	font-size:1.1em;
}
h4{
	font-size:1em;
}

fieldset{
	width:100%;
	margin: 1.5em auto;
	box-sizing: border-box;
	
	@media screen and (max-width : 768px){
		min-width: 80%;
		max-width: 100%;
		
	}
	@media screen and (max-width : 420px){
		min-width: 100%;
		max-width: 100%;		
	}
	
	fieldset{
		width: 100%;
		
	}
}
 

progress{
	width:100%;
	height:.20em;
	position:fixed;
	margin:0;
	padding:0;
	bottom:0;
	border:none;
	background-color:@color_orange;
	z-index:100001;
}

 
 

video { 
	position:absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
  
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
	background-size: contain;
	transition: 1s opacity;
}