@charset "utf-8";
/* CSS Document */

div.torder{
	margin-left:auto;
	margin-right:auto;
    width: 200px;
    height: 220px;
}
div.torder2{
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	padding-right:0px;
	width:100%;	
}
div.tstyle1 {
	color: #FFFFFF;
    background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin-left:5px;
	padding-top:20px;
    width:98%;
	height:auto;
	display:inline-block;
}
div.tstyle2 {
    width:100%;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	float:left;
	color: #FFFFFF;
}
.div4
{
border:1px solid black;
width:70%;
background-color:#000;
font-family:Arial,Sans-Serif;
color:#FFF;
font-size:14px;
font-size:100.01%;
text-align:left;
background-origin:border-box;
-moz-border-radius: 10px;
border-radius: 10px;
}
.div5
{
border:1px solid black;
width:90%;
font-family:Arial,Sans-Serif;
font-size:100%;
background-origin:border-box;
padding:2% 0 0 0;
-moz-border-radius: 10px;
border-radius: 10px;
}
.div7
{
border:1px solid black;
width:704px;
height:304px;
font-family:Arial,Sans-Serif;
background-color:#000;
font-size:100%;
background-origin:border-box;
padding:0 0 0 0;
-moz-border-radius: 10px;
border-radius: 10px;
}
.group1 {
	display:block;
	}
.monk {
    z-index:1001;
	color: #FFF;
    background-image: url(images/website_graphics/table_bg_trans.png);
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.orange_txt{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}
.white_txt{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}
.kid{
	width:65%;
	background-image:url(images/txt_bg.png);
    background-repeat: no-repeat;
    background-size: cover;	
    display: inline-block;
}
.kid12{
	width:33%;
	padding-left:1%;	
    display: inline-block;
}
.monk1 {
z-index:1001; 
float:left; 
padding-top:1%;
padding-left:1%;
}
.group2 { 
clear: both;
display:block;
color:#000;
font-size:14px;
}

@media only screen and (max-width: 769px) {	  
.monk {
z-index:1001; 
float:left; 
padding-top:2%;
padding-bottom:1%;
width: 100%;
display:block;
}
.col-6 {width: 100%;}
.monk1 {
z-index:1001; 
float:left; 
padding-top:1%;
padding-left:1%;
width: 100%;
display:block;
}
.div4
{
border:1px solid white;
width:95%;
background-color:#000;
font-family:Arial,Sans-Serif;
color:#FFF;
font-size:14px;
font-size:100.01%;
text-align:left;
background-origin:border-box;
padding:2% 1% 1% 1%;
-moz-border-radius: 10px;
border-radius: 10px;
}
.kid{
	width:100%;
	background-image:url(images/txt_bg.png);
    background-repeat: no-repeat;
    background-size: cover;	
    display: inline-block;
}
.kid12{
	width:50%;
	padding-left:2%;	
    display: inline-block;
}
}

label.styled{ /* label elements that should be styled */
float: left;
width: 525px; /*width of label (left column)*/
text-transform: uppercase;
font-size: 18px;
color: #FFFFFF;
font-weight:bold;
text-align: left;
display: inline;
border-bottom: 1px solid #FFFFFF;
vertical-align: baseline;
bottom: 0;
margin-right: 15px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
@media only screen and (max-width: 479px) {
  .image_mobile{
   display:block;
  }
.col-4 {
	width: 100%;
	float: left;
	}
.col-6 {
	width: 100%;
	float: left;
	}

	}