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


html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(img/screen.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fff;
}

.adminbody{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff; 
	background-image: none; !important
}

*{
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s
}
	
.wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

.menu-container{
	width: 100%;
	margin: 0 auto;
    }
	
.grid-container{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	height: auto;
    }
	

    /*-- our cleafix hack -- */ 
    .row:before, 
    .row:after {
        content:"";
        display: table ;
        clear:both;
    }
	
	
    [class*='col-'] {
        float: left; 
        min-height: 1px; 
        width: 16.66%; 
        /*-- our gutter -- */
        padding: 0; 
    }

    .col-1{ width: 16.66%; }
    .col-2{ width: 33.33%; }
    .col-3{ width: 50%;    }
    .col-4{ width: 66.66%; }
    .col-5{ width: 83.33%; }
    .col-6{ width: 100%;   }
    .col-7{ width: 25%;   }


.clear{
	 width: 100%;
	 height: 20px;	
}

.clearlogo{
	 width: 100%;
	 height: 240px;	
}

.item{
    padding-left:15px;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:0px;
}

.newsimg {
	text-align: left;
	margin-right: 20px;
	float: left;
	border: thin solid #fff;
}

#dark{
	background-color: #fff;
}

#transblack{
	background-color: rgba(247,247,247,1);
}

#endstroke{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
   
/* sticky footer css */


footer {
	display: table-row;
	height: 1px;
}

.content{
	width: 100%; 
    max-width: 1000px;
	margin: 0 auto;	
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:90%;
	height:90%;
}

img{
	max-width:100%;
	height:auto;
	text-align: center;
}

.btn{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	float: left;
	padding-right: 20px;
}

.btn:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-khtml-opacity: 0.6;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
	
}

.admintable{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #4c4c4c;
	line-height: 16px;
	padding: 3px;
}

	
@media all and (max-width:800px){
	
	html,
	body {
	background-image: none;
	background-color: #000;
	}
	
        .col-1{ width: 33.33%;    }
        .col-2{ width: 33.33%;        }
        .col-3{ width: 50%;    }
        .col-4{ width: 66.66%;    }
        .col-5{ width: 100%;    }
        .col-6{ width: 100%;      }
        .col-7{ width: 25%;      }

        .row .col-5 ~ .col-1{
            width: 100%; 
        }
    }
	
@media all and (max-width:600px){
	
	html,
	body {
	background-image: none;
	background-color: #000;
	}
	
        .col-1{ width: 50%;        }
        .col-2{ width: 100%;    }
        .col-3{ width: 100%;    }
        .col-4{ width: 100%;    }
        .col-5{ width: 100%;    }
        .col-6{ width: 100%;      }
        .col-7{ width: 100%;      }
		
		.row .col-2:last-of-type{
            width: 100%; 
        }
    }