/*!
 * Bootstrap v2.1.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 *
 * Theme Name: Adam
 * Theme URI: http://www.themeforest.net
 * Description: A Responsive Underconstruction Theme For You
 * Author: Jogres
 * Author URI: http://www.jogres.com
 */

@font-face {
    font-family: 'Bebas';
    src: url('adam-light/adam-light-left/css/font/bebas.eot');
    src: url('adam-light/adam-light-left/css/font/bebas.eot?#iefix') format('embedded-opentype'),
         url('adam-light/adam-light-left/css/font/bebas.woff') format('woff'),
         url('adam-light/adam-light-left/css/font/bebas.ttf') format('truetype'),
         url('adam-light/adam-light-left/css/font/bebas.svg#Bebas') format('svg');
}

body {
	font-family: 'Bebas';
	width:100%;
	height:100%;
	margin: 0;
	}
.bgindex {
	background: url(19.png) repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	z-index: -999 ;
}
.logo-index {
	margin: 20px 0;
	position: relative;
	display: inherit;
}
.nav-content{
	padding-top: 30px;
}
.nav-content:{
	left: 0px;
	opacity: 1;
}
.nav-content a{
	text-align: left;
	display: block;
	font-family: Bebas;
	text-decoration: none;
	border: 8px solid #fff;
	padding: 2%;
	font-size: 40px;
	text-shadow: 0px 0px 10px rgba(255,255,255,0.9);
	color: rgba(255,255,255,0.1);
	line-height: 66px;
	margin: 0 0 20px 0;
	outline: none;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	background-clip: padding-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.nav-content a:hover{
	box-shadow: 1px 3px 7px rgba(0,0,0,0.25);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.9);
	border: 8px solid #000;
}

/* Main Items */
.light-left a{
	background: url(adam-light/adam-light-left/images/background/01.jpg) no-repeat center center;
	background-size: 100%;
	margin: 0 0 30px;
}
.light-right a{
	background: url(adam-light/adam-light-left/images/background/03.jpg) no-repeat center center;
	background-size: 100%;
	margin: 0 0 30px;
}
.dark-left a{
	background: url(adam-dark/adam-dark-left/images/background/05.jpg) no-repeat center center;
	background-size: 100%;
	margin: 0 0 30px;
}
.dark-right a{
	background: url(adam-dark/adam-dark-left/images/background/06.jpg) no-repeat center center;
	background-size: 100%;
	margin: 0 0 30px;
}

/* ============ panel ================ */
#switcher_btn {
	width: 35px;
	height: 33px;
	position: fixed;
	left: 0px;
	top: 100px;
	background: #efefef;
	border: 1px solid #c9c9c9;
	border-radius: 0px 20px 20px 0px;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	display: block;
	z-index:10000;
	cursor: pointer;
}
#switcher_btn img{
	padding: 3px 0 0 3px;
}
#switcher_btn a{
	outline:none;
}
#styleSwitcher {
	font-family: arial;
	position: fixed;
	left: 0px;
	top: 100px;
	padding: 10px;
	width: 200px;
	font-size: 11px;
	z-index:10000;
	background-color: #efefef ;
	border: 1px solid #c9c9c9;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	display: none;
}
#styleSwitcher span {
	font-size: 13px;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dashed #ccc;
	margin: 3px 0;
	padding: 0;}
.pattern {
	display: block;
	float:left;
	margin-right:2px;
	margin-left:2px;
	margin-bottom:5px;
	border:1px solid #ccc;
	list-style:none;
	width: 40px;
	height: 25px;
}
.close_btn{
	position: absolute;
	cursor: pointer;
	display: block;
	right: -11px;
	top: -11px;
}
.fadeOption {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
.fadeOption:hover {
      opacity: 0.8;
}
.bg-pattern a, .bg-style a{
	text-decoration: none;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
}
.bg-pattern a:hover, .bg-style a:hover{
	color: #888;
}
.bgs{
	line-height: 25px;
	color: #000;
}
.bgs h6 {
	margin-left: 5px;
	display: inline;
}
.bgs01{background: url(adam-light/adam-light-left/images/background/01.jpg) no-repeat center center; background-size: 75px;}
.bgs02{background: url(adam-light/adam-light-left/images/background/03.jpg) no-repeat center center; background-size: 75px;}
.bgs03{background: url(adam-dark/adam-dark-left/images/background/05.jpg) no-repeat center center; background-size: 75px;}
.bgs04{background: url(adam-dark/adam-dark-left/images/background/06.jpg) no-repeat center center; background-size: 75px;}

/* #Media Queries
================================================== */
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 976px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 976px) {

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {

	}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
		
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/