body {
    font-family: Roboto, "PT Sans",sans-serif;
    padding-bottom:40pt;
    background-color:#efefef;
}

h1 {
    color:#135cae;
    font-size:1.3em;
    font-weight:bold;
    margin-top:10pt;
}

h2 {
    font-size:1em;
}

h3, h4, h5
{
	font-size:22px;
	color:#302F40;
	font-weight:700;
	line-height:32px;
	margin-bottom:8px;
}

a
{
	color:#00aeef;
	transition:color 400ms, background-color 400ms;
}

a, a:hover, a:focus, a:active
{
	text-decoration:none;
}

/* .burger-icon
{
	width:25px;
	cursor:pointer;
}

.burger-icon > span
{
	display:block;
	height:2px;
	background-color:#000;
	margin:5px 0;
	transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
} */

#pys-header .container
{
	background-color:#ffffff;
}

#pys-headline
{
	width:100%;
}

#pys-logo-slogan
{
	padding-left:10pt;
	font-size:24px;
}

.flex-auto
{
	flex:auto;
}

.container-fluid
{
	margin:0;
	width:100%;
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl
{
	justify-content:start;
}

#pys-menu
{
	
}

.pys-menu-parent > li
{
	display:inline-block;
	position:relative;
	padding:0;
}

.pys-menu-parent > li > a
{
	display:inline-block;
	padding:0 15px;
	line-height:80px;
	font-size:14px;
	margin:0;
}

.pys-menu-parent li.active > a, .pys-menu-parent li.active:hover > a
{
	color:#00aeef;
}

.pys-menu-parent
{
	list-style:none;
	padding:0;
	margin: 0 -15px;
	z-index:99;
	float:right;
	position:relative;
}

.d-lg-block
{
	display:block !importtant;
}

#mainsection
{
	padding-top:50px;
	padding-right:50px;
	padding-bottom:50px;
	padding-left:50px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	background-image:url("../images/websitebackground.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:0 0;
}

.pys-main-headline
{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	padding-left: 15px;
	padding-right:15px;
	max-width:1320px;
}

#pys-main
{
	padding-left:0;
	padding-right:0;
}

.pys-main-headline > h1
{
	color:#fafafa;
	/*font-size:60px;*/
	font-size:2.3rem;
	line-height:60px;
	font-weight:700;
}

.pys-main-headline > h2
{
	font-family: 'Noto Sans', sans-serif;
	/*font-size:36pt;*/
	font-size:2rem;
	color:#fafafa;
	line-height:1.75;
	font-weight:500;
	margin-bottom:20pt;
}

.pys-row
{
	margin:0;
}

.pys-main-link
{
	background-color:rgba(0,0,0,0.55);
	color:#ffffff;
	padding:12px 30px 12px 30px;
	font-size:16pt;
	font-weight:500;
	text-decoration:none;
	border:1px solid transparent;
	border-radius:4px;
	transition:all .15s ease-in-out;
	white-space:pre-line;
}

.pys-main-link:hover
{
	background-color:#000000;
}

#pys-main-content
{
	padding-top:100px;
	padding-right:0px;
	padding-bottom:40pt;
	padding-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	color:#5c5c69;
	background-color:#ffffff;	
}

#pys-main-video
{
	padding-bottom:40pt;
	padding-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	color:#5c5c69;
	background-color:#ffffff;
}

.img-responsive
{
	width:80px;
}

#pys-footer
{
	background-color:#171717;
	color:#ffffff;
}

#pys-footer-row
{
	border-top:1px solid rgba(255, 255, 255, 0.1);
	padding:30px 0;
}

.pys-langselected
{
	font-weight:bold;
	text-decoration:underline;
}

#pys-toprow
{
	background-color:#333333;
	display:none;
}

.top_panel_top
{
    background-color:#333333;
    color:#aaaaaa;
	text-align:right;
	float:right;
	padding:8px 0;
	font-size:0.875rem;
}

.contact_phone_in_top, .top_panelnav {
	float:right;
}

ul.menu_user_nav, ul.menu_top_nav, ul.menu_main_nav {
    list-style-type:none;
    margin: 0;
    padding:0;
}

.menu_main_wrap {
    margin-top:20pt;
}

.menu_user_nav, .menu_user_navitem {
	float:left;
	padding-right:0.3em;
    /* font-size:0.85em;*/
    font-weight:400;
}

.menu_top_nav {
    float:right;
	padding-right:0.3em;
    /*font-size:0.85em;*/
    font-weight:400;
}

.pys-toggler-btn
{
	border:0;
	padding:0;
	padding-right:10pt;
}

.pys-logo
{
	height:80px;
	display:inline-flex;
	margin:0;
	align-items:center;
}

.pys-logo a
{
	font-size: 28pt;
	line-height:1;
	margin:0;
	padding:0;
}

#offcanvas-toggler
{
	display:inline-flex;
	height:80px;
	line-height:80px;
	font-size:20px;
}

.d-flex
{
	display:flex !important;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-left
{
	float:left;
	margin-right:20px;
}

.align-items-center
{
	align-items:center !important;
}


/* .login
{
    float:left;
} */

.menu_user222_nav > li {
    float:left;
}

.menu_main_nav > li {
    float:left;
    margin: 0 0.85em;
}

.menu_user_nav > li > a, .menu_top_nav > li > a {
   color:#AAAAAA;
/*    font-weight:400;
    font-size:0.75em;*/
}

.menu_main_nav li a {
    color: rgb(48,74,151);
    font-size:100%;
    font-weight:700;
}

.menu_main_nav li a:hover {
     color: #e21019;
     border-bottom: 1px solid #e21019;
     text-decoration:none;
}

.menu_main_nav li a:selected, .menu_main_nav li a.selected {
    color: #AAAAAA;
    border-bottom: 1px solid #e21019;
    text-decoration:none;
}

.contentarea {
    padding-top:20pt;
}

img.magazineimageline {
    vertical-align:bottom;
}

.btnMain {
    border:none;
    margin:0;
    padding:0;
    cursor:pointer;
}

.required {
    color:#ff0000;
}

.couponrow
{
    margin-bottom:15pt;
}

.hidden
{
	display:none;
	visibility:hidden;
}

.center {
    text-align:center;
}

.messageclassInfo {
    border: 2px solid #009900;
    color:#009900;
    font-weight:bold;
    margin-left:10pt;
	margin-right:10pt;
	padding:5pt;
}

.messageclassWarning {
    border: 2px solid #aaaa00;
    color:#aaaa00;
    font-weight:bold;
    margin-left:10pt;
	margin-right:10pt;
	padding:5pt;
}

.messageclassError {
    border: 2px solid #990000;
    color:#990000;
    font-weight:bold;
    margin-left:10pt;
	margin-right:10pt;
	padding:5pt;
}

.bgblock
{
	background-color:#eeeeee;
}

#userlogin, #applogin
{
	padding-top:10pt;
}

.img-responsive
{
	width:auto;
}
 
.checkimg
{
	width:20%;
	height:auto;
}

.fixed-top {
	margin-top: 20pt;
}

.maxwidthnav
{
	max-width:none;
}

.pys_error
{
	border:2pt #ff0000 rounded;
	background-color:#ff3300;
	color:#ffffff;
	margin-bottom:10pt;
	padding:5pt;
}
	
.pys_warning
{
	border:2px #009999 rounded;
	background-color:#00ffff;
	color:#000000;
	margin-bottom:10pt;
	padding:5pt;
}	

.pys_info
{
	
}

#video-summary-frame
{
	background-color: rgba(255, 255, 255, 0.6);
	padding:5pt;
}

.pys-video-summary
{
	font-size:1.3em;
	line-height:1.5em;
	color:#000000;
	text-align:justify;
}

#pys-footer-navlist
{
	float:right;
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

.pys-footer-navitem
{
	display:inline-block;
	margin-right:35pt;
	cursor:pointer;
}

.pys-spoken-text
{
	font-style:italic;
	color:#ff0000;
}

.pys-toppadding-15
{
	padding-top:15pt;
}

.pys-download-bottom
{
	text-align:center;
	margin-bottom:20pt;
}

.pys-main-text
{
	font-size:1.3em;
	line-height:1.5em;
}

#pys-main-body
{
	padding-top:15pt;
	padding-bottom:20pt;
	background-color:#ffffff;
}

#pys-registerblock
{
	border:1px inset #666666;
	padding:10pt;
	margin-bottom:20pt;
}

#pys-registerblock .form-group
{
	margin-bottom:10pt;
}

.pys-register-header
{
	margin-bottom:15pt;
}

#pys-main-msgarea
{
	background-color:#ffffff;
}

.pys-customer-nav
{
	border-bottom:1px solid #333333;
}

.pys-card-img-fixed
{
	width:267px;
	height:200px;
}

#cookiedialog
{
	height:100pt;
}

@media only screen and (min-width: 768px) 
{
	/* For mobile phones: */
  	[class*="top_panel_top"] 
  	{
    	height: 40pt;
  	}
  
  	[class*="navbar-brand-img"] 
  	{
  		max-height:50pt;
  	}
  
  	#pys-menu
  	{
  		display:none;
  	}
  	
  	#video-summary-frame
  	{
  		margin-top:15pt;
  	}
  
  	#pys-logo-slogan
  	{
  		font-size:20pt;
  		text-align:center;
  	}
  	
  	#pys-login-info
  	{
  		display:none;
  	}
  	
  	.img-responsive
  	{
  		height:90%;
  		width:auto;
  	}
  	
  	.checkimg
  	{
  		width:40%;
  		height:auto;
  	}
  	
  	.pys-main-text
  	{
  		padding-left:15pt;
		padding-right:15pt;
  	}
}

@media only screen and (min-width: 992px)
{
	#video-summary-frame
  	{
  		margin-top:0pt;
  	}
} 

@media only screen and (max-width: 815px) 
{
	/* For mobile phones: */
  	[class*="top_panel_top"] 
  	{
    	height: 40pt;
  	}
  
  	[class*="navbar-brand-img"] 
  	{
  		max-height:50pt;
  	}
  	
  	#mainsection
  	{
  		padding-left:15pt;
  		padding-right:15pt;
  	}
  
  	#pys-menu
  	{
  		display:none;
  	}
  
  	#pys-logo-slogan
  	{
  		font-size:20pt;
  		text-align:center;
  	}
  	
  	#pys-login-info
  	{
  		display:none;
  	}
  	
  	.img-responsive
  	{
  		height:90%;
  		width:auto;
  	}
  	
  	.checkimg
  	{
  		width:60pt;
  		height:auto;
  	}
  	
  	#video-summary-frame
  	{
  		margin-top:15pt;
  	}
  	
  	.pys-video-summary
	{
		margin-top:15pt;
	}
  	
  	.pys-main-text
  	{
  		padding-left:15pt;
		padding-right:15pt;
  	}
}

@media only screen and (max-width: 576px)
{
	[class*="navbar-brand-img"] 
	{
  		max-height:40pt;
  	}
  	
  	.extraTopHeight
  	{
  		height:80pt;
  	}
  	
  	.footer
  	{
  		height:40pt;
  	}
  	
  	#mainsection
  	{
  		padding-left:15pt;
  		padding-right:15pt;
  	}
  	
  	#pys-menu
  	{
  		display:none;
  	}
  	
  	#pys-logo-slogan
  	{
  		font-size:1.2rem;
  		text-align:center;
  	}
  	
  	#pys-login-info
  	{
  		display:none;
  	}
  	
  	.pys-main-headline > h2
  	{
  		font-size:1.3rem;
  		line-height:1.5;
  	}
  	
  	.img-responsive
  	{
  		height:90%;
  		width:auto;
  	}
  	
  	.checkimg
  	{
  		width:40pt;
  		height:auto;
  	}
  	
  	h3, h4, h5
  	{
  		margin-bottom:40pt;
  	}
  	
  	#video-summary-frame
  	{
  		margin-top:15pt;
  	}
  	
  	.pys-video-summary
	{
		margin-top:15pt;
		padding-left:5pt;
		padding-right:5pt;
	}
	
	.pys-main-text
  	{
  		padding-left:15pt;
		padding-right:15pt;
  	}
}

@media only screen and (max-width: 390px)
{
	#mainsection
  	{
  		padding-left:0pt;
  		padding-right:0pt;
  	}
  	
  	.pys-footer-navitem
  	{
  		margin-right:25pt;
  	}
  	
  	#video-summary-frame
  	{
  		margin-top:15pt;
  	}
  	
	.pys-video-summary
	{
		margin-top:15pt;
		font-size:1.2em;
	}
	
	.img-responsive
  	{
  		height:75%;
  		width:auto;
  	}
  	
  	.checkimg
  	{
  		width:40pt;
  		height:auto;
  	}
  	
  	.pys-main-text
  	{
  		padding-left:15pt;
		padding-right:15pt;
  	}
}