@charset "utf-8";
/* CSS Document */

body {
	background: #000000;
}
.form-inline .form-group {
	margin-right: 10px;
}
.well-primary {
	color: rgb(255, 255, 255);
	background-color: rgb(66, 139, 202);
	border-color: rgb(53, 126, 189);
}
.glyphicon {
	margin-right: 5px;
}

a:link{ color:#ffffff;}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial;
	font-size:24px;
	line-height: inherit;
	color: #FFFFFF;
	border-bottom: #2c2c2c 8px solid;
	border-image: url(../images/line.png) 0 0 10 0;
	-webkit-border-image: url(../images/line.png) 0 0 10 0;
	-moz-border-image: url(../images/line.png) 0 0 10 0;
	-o-boder-image: url(../images/line.png) 0 0 10 0;
	font-weight: bold;
}
h1, h3, h4, h5, h6 {
	font-weight: inherit;
	text-align: center;
	border: none;
}


.content {
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	text-align: left;
}
.content a:link, a:visited {
	text-decoration: underline;
}
.wrapper {
	margin-top: 30px;	
}

/*.header{ background:url(../images/tt.jpg) top center no-repeat;
width:800px;
height:228px;
background-size:cover;
}*/

.panel-body {
	padding: 5px 15px 5px 15px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 0px 5px 3px 5px;
}
.container {
	padding: 0px;
	
}
.footer {
	margin: 20px 0 24px 0;
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}
.footer a:link, a:visited {
	color: #fff;
	padding: 5px;
	text-decoration: underline;
}
.glyphicon {
	font-family: Arial;
	font-size: 35px;
	visibility: hidden;
}
.desk {
	display: none !important;
}
.mobile {
	display: block;
}

.row{ margin-right:0px;
margin-left:0px;}


@media only screen and (min-device-width: 320px) 
and (max-device-width: 480px) 
and (-webkit-min-device-pixel-ratio: 2) {

.row{ margin-right:0px;
margin-left:0px;}

.glyphicon {
	font-family: Arial;
	font-size: 35px;
	visibility: inherit;
}

h3{ font-size:18px;}
}

/* Portrait */
@media only screen and (min-device-width: 320px) 
and (max-device-width: 480px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: portrait) {

.panel-title {
	padding: 0px 0 22px 0;
}
.panel-group {
	margin: inherit;
}
.text-center {
	text-align: inherit;
	padding-left: 0px;
}
.glyphicon {
	font-size: 20px;
	margin: inherit;
}
h2 a:link, a:visited {
	font-size: 18px;
}

.footer {
	margin: 20px 0 0px 0;
}


.desk {
	display: block !important;
}
.mobile {
	display: none !important;
}
}

/* Landscape */
@media only screen and (min-device-width: 320px) 
and (max-device-width: 480px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: landscape) {
.panel-title {
	padding: 0px 0 22px 0;
}
.glyphicon {
	font-size: 20px;
	margin: inherit;
}
.text-center {
	text-align: inherit;
	padding-left: 0px;
}
h2 a:link, a:visited {
	font-size: 18px;
	padding-left: 0px;
}
.footer {
	margin: 20px 0 0px 0;
}
.desk {
	display: block !important;
}
.mobile {
	display: none !important;
}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) 
and (max-device-width: 568px) 
and (-webkit-min-device-pixel-ratio: 2) {
.glyphicon {
	font-family: Arial;
	font-size: 35px;
	visibility: inherit;
}
}

/* Portrait */
@media only screen and (min-device-width: 320px) 
and (max-device-width: 568px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: portrait) {
.glyphicon {
	font-size: 20px;
	margin: inherit;
}
.desk {
	display: block !important;
}
.mobile {
	display: none !important;
}
}

/* Landscape */
@media only screen and (min-device-width: 320px) 
and (max-device-width: 568px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: landscape) {
.panel-title {
	padding: 0px 0 22px 0;
}
.glyphicon {
	font-size: 20px;
	margin: inherit;
}
.text-center {
	text-align: inherit;
	padding-left: 0px;
}
h2 a:link, a:visited {
	font-size: 18px;
	padding-left: 0px;
}
.footer {
	margin: 20px 0 0px 0;
}
.desk {
	display: block !important;
}
.mobile {
	display: none !important;
}
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) {
.glyphicon {
	font-family: Arial;
	font-size: 35px;
	visibility: inherit;
}

/* Portrait */
@media only screen and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: portrait) {
 .glyphicon {
 font-size: 20px;
 margin:inherit;
}
 h2 a:link, a:visited {
 font-size: 18px;
 padding-left: 0px;
}
 .footer {
 margin: 20px 0 0px 0;
}
 .desk {
display:block !important;
}
 .mobile {
display:none !important;
}
}

/* Landscape */
@media only screen and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: landscape) {
 .panel-title {
 padding: 0px 0 22px 0;
}
.glyphicon {
 font-size: 20px;
 margin:inherit;
}
 h2 a:link, a:visited {
 font-size: 18px;
 padding-left: 0px;
}
 .text-center {
 text-align: inherit;
 padding-left: 0px;
}
 .footer {
 margin: 20px 0 0px 0;
}
 .desk {
display:block !important;
}
 .mobile {
display:none !important;
}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  


}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
  .panel-title {
 padding: 0px 0 22px 0;
}

h3{ font-size:24px;}

}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen  and (min-device-width: 768px)  
and (max-device-width: 1024px)  
and (-webkit-min-device-pixel-ratio: 1) {
	
	
}

/* Portrait */
@media only screen  and (min-device-width: 768px)  
and (max-device-width: 1024px)  
and (orientation: portrait)  
and (-webkit-min-device-pixel-ratio: 1) {
 .desk {
display:none !important;
}
 .mobile {
display:block;
}


}

/* Landscape */
@media only screen  and (min-device-width: 768px) 
and (max-device-width: 1024px)  
and (orientation: landscape)  
and (-webkit-min-device-pixel-ratio: 1) {
 .desk {
display:none !important;
}
 .mobile {
display:block;
}

.img-responsive{ width:100% !important;
height:auto !important;}

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen  and (min-device-width: 768px)  
and (max-device-width: 1024px)  
and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen  and (min-device-width: 768px) 
and (max-device-width: 1024px)  
and (orientation: portrait)  
and (-webkit-min-device-pixel-ratio: 2) {
 .desk {
display:none !important;
}
 .mobile {
display:block;
}

}

/* Landscape */
@media only screen  and (min-device-width: 768px)  
and (max-device-width: 1024px)  and (orientation: landscape)  
and (-webkit-min-device-pixel-ratio: 2) {
 .desk {
display:none !important;
}
 .mobile {
display:block;
}
}

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	  
	  .glyphicon {
	font-family: Arial;
	font-size: 35px;
	visibility: inherit;
}

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

.glyphicon {
 font-size: 20px;
 margin:inherit;
}
 h2 a:link, a:visited {
 font-size: 18px;
 padding-left: 0px;
}
 .footer {
 margin: 20px 0 0px 0;
}
 .desk {
display:block !important;
}
 .mobile {
display:none !important;
}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

 .panel-title {
 padding: 0px 0 22px 0;
}
.glyphicon {
 font-size: 20px;
 margin:inherit;
}
 h2 a:link, a:visited {
 font-size: 18px;
 padding-left: 0px;
}
 .text-center {
 text-align: inherit;
 padding-left: 0px;
}
 .footer {
 margin: 20px 0 0px 0;
}
 .desk {
display:block !important;
}
 .mobile {
display:none !important;
}
}

