/*@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');*/



@viewport {

    zoom: 1.0;

    width: extend-to-zoom;

}



html, body {

/*    font-family: 'Montserrat', sans-serif;*/
font-family: Arial, sans-serif;
font-size: 14pt;

    color: #333333;
}



html, body {
/*font-size: 115%;
font-weight:400;*/
    background-color: #000000;

}

header {

    background-image: url('/tilia-res/laf/basic/img/banner1.jpg');

/*    width: 820px;*/

    height: 140px;

}



.pagecontent {

    width: 800px;

    margin: 0px auto;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    -moz-box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

    box-shadow: 0px 0px 180px 11px rgba(0,0,0,0.35);

}

.maincontent {

    background-color: #FFFFFF;

    color: #333333;

    padding-left: 30px;

    padding-right: 30px;

    min-height: 400px;

}



p {
}

.maincontent a {

    color: #0000FF;

}

.maincontent a:hover {

    color: #FF0000;

}

footer {

    background-color: #333333;

    padding-bottom: 10px;

margin-bottom: 50px;

}

footer p {

    color: #ffffff;

    font-size: 8pt;

    padding: 10px;

    margin: 0px;

}

.footlinks {

    padding-left: 10px;

}

.footlinks a {

    display: inline-block;

    margin-right: 20px;

    color: #ffffff;

    font-size: 9pt;

}

.footlinks a:hover {

    color: #D8A823;

}

.mem-title {

    font-size: 22pt;

    color: #333333;

    font-weight: bold;

}

.mem-title2 {

    color: #ff0000;

}

.mem-title-main {

    margin-top:20px;

    color:#b12020;

}

.mem-imp {

    font-weight:bold;

    color:#b12020;

    font-size:12pt;

}

.mem-link {

    font-size: 14pt;

}

.mem-link a {

    color: #0000ff;

}

.mem-link a:hover {

    color: #ff0000;

}

.mem-acc {

    font-size:8pt;

    margin-top:0px;

}

.mem-acc a {

    color: #0000FF;

}

.mem-acc a:hover {

    color: #FF0000;

}

.loginlabel {

    display: inline-block;

    width: 80px;

    text-align: right;

}

.loginbutton {

    margin-left: 90px;

}

.jv-swipe {

width: 600px;
height: 300px;

    font-family: monospace;

    font-weight: normal;

	display: block;

}

.jv-swipetitle {

	text-align: center;

	font-weight: bold;

	color: #ff0000;

}
#errormsg {
	font-weight: bold;
	color: #ff0000;
}

.error {
	font-weight: bold;
	color: #ff0000;
}

.hrbar {

	margin-left: -10px;

	width: 820px;

}

.videoplayer {

	width: 800px;

}

.testimonial {
	margin: 0 auto 20px auto;
padding: 15px;
	width: 700px;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.15);

}
.testimonial img {
	margin-right: 15px;
}
.mailform {
	margin: 0 auto;
	width: 300px;
}
.mailform input {
	width: 280px;
	padding: 5px;
}


/*////////////////////////////////////////////////////////////////////////////*/



.modal {

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.5);

	opacity: 0;

	visibility: hidden;

	transform: scale(1.1);

	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;

}

.modal-content {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	background-color: white;

	padding: 1rem 1.5rem;

	width: 300px;

	border-radius: 0.5rem;

}

.modal-content h1 {

	color: #cc0000;
	font-size: 18pt;

}

.close-button {

	float: right;

	width: 1.5rem;

	line-height: 1.5rem;

	text-align: center;

	cursor: pointer;

	border-radius: 0.25rem;

	background-color: lightgray;

}

.close-button:hover {

	background-color: darkgray;

}

.show-modal {

	opacity: 1;

	visibility: visible;

	transform: scale(1.0);

	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;

}



/*////////////////////////////////////////////////////////////////////////////*/

/* mobile members menu */

.mobile-menu {

    display:block;

    width:100%;

    background: #0000ff;

    line-height: 1.6em;

    font-weight: 400;

    width: 100%;

    text-align:center;

    position: relative;

    margin:0 auto;

}

/*Strip the ul of padding and list styling*/

.mobile-menu ul {

    list-style-type:none;

    margin: 0 auto;

    padding-left:0;

    text-align:center;

    width:100%;

    position: absolute;

    background: #333333;

}



/*Create a horizontal list with spacing*/

.mobile-menu li {

	display:inline-block;

	/*float: left;

	margin-right: 1px;*/

}



/*Style for menu links*/

.mobile-menu li a {

    display:block;

    min-width:120px;

    text-align: center;

    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/

    color: #fff;

    text-transform:uppercase;

    background: #333333;

    text-decoration: none;

    font-weight: bold;

    margin-left:0px;

    margin-right:0px;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 10px;

    padding-right: 10px;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}



.mobile-menu li a.gold {

    color: #D8A823;

    text-decoration: underline;

}





/*Hover state for top level links*/

.mobile-menu li:hover a {

	color: #333333;

    background-color:#ccddee;

}



/*Style for dropdown links*/

.mobile-menu li:hover ul a {

	background: #f3f3f3;

	color: #2f3036;

	height: 40px;

	line-height: 40px;

}



/*Hover state for dropdown links*/

.mobile-menu li:hover .mobile-menu ul a:hover {

	color: #4db3ff;

}



/*Hide dropdown links until they are needed*/

.mobile-menu li ul {

	display: none;

}



/*Make dropdown links vertical*/

.mobile-menu li ul li {

	display: block;

	float: none;

}



/*Prevent text wrapping*/

.mobile-menu li ul li a {

	width: auto;

	min-width: 100px;

	padding: 0 20px;

}





/*Style 'show menu' label button and hide it by default*/

.mobile-menu .show-menu {

    text-decoration: none;

    color: #fff;

    font-weight: bold;

    background: #333333;

    text-align: center;

    padding: 10px 15px;

    display: none;

    cursor: pointer;

    text-transform: uppercase;

}



.mobile-menu .show-menu span{

   padding-left: 35px;

}



/*Hide checkbox*/

.mobile-menu input[type=checkbox]{

    display: none;

}



/*Show menu when invisible checkbox is checked*/

.mobile-menu input[type=checkbox]:checked ~ #menu{

    display: block;

}



/*Responsive Styles*/



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

    .mobile-menu .lines {

        border-bottom: 15px double #f8f8f8;

        border-top: 5px solid #f8f8f8;

        content:"";

        height: 5px;

        width:20px;

        padding-right:15px;

        float: right;

    }

	/*Make dropdown links appear inline*/

	.mobile-menu ul {

		position: static;

		display: none;

	}

	/*Create vertical spacing*/

	.mobile-menu li {

		margin-bottom: 1px;

	}

	/*Make all menu links full width*/

	.mobile-menu ul li, .mobile-menu li a {

		width: 100%;

	}

    .mobile-menu li a {

        padding-top: 10px;

        padding-bottom: 10px;

        padding-left: 0px;

        padding-right: 0px;

    }

	/*Display 'show menu' link*/

	.mobile-menu .show-menu {

		display:block;

	}

}