body{
	
	/*background-position:50% 50%;*/
	
	background-repeat: repeat;
	background-attachment:fixed;
	overflow-x: hidden;
	/*font-family: 'Lucida';*/
 /*   padding-bottom: 50px;    */
}

h1,h2,h3,h4,h5,h6{
	/*font-family: 'Lucida';*/
}

body p{
	/*font-size: 15px;*/
	/*line-height: 26px;*/
}


header{	
	position: relative;
	top: 0;
	box-sizing: content-box;
	height: 100%;
	/*overflow: hidden;*/
	z-index: 15;
}


header.container,header.container-fluid{
	padding: 0;
	
}

header #topbar{
	height:50px;
	background:rgba(250,250,250,0);
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
}

header #cover{
	height:100%;
}

header #main_bar{
	height: 56px;
	
	position: absolute;
	/*bottom: 0;*/
	width:100%;
	
	/*color:#f60;*/
	z-index: 5;
	/*transition: .1s;*/
	/*background: #fff;*/
	
	transition: height .4s;
	display: none;
	background: repeat 50% 50%;
	/*background-color: rgba(0,0,0,0.6);*/
	/*box-shadow: 0 0 6px 2px #333;*/
	
}

header #main_bar.gradient,
header #main_bar #back_float.gradient{
	background-image: linear-gradient(to top,rgba(0,0,0,0.15) 15%,rgba(0,0,0,0) 85%);
}

header #main_bar #back_logo.gradient{
	background-image: linear-gradient(to top,rgba(0,0,0,0.15) 15%,rgba(0,0,0,0) 85%);
}

header #main_bar.transparent{
	background-color:rgba(0,0,0,0.3); 
}

header #main_bar.fixed.transparent{
	background-color:rgba(0,0,0,0.8); 
}

header #main_bar.fixed{
	/*background: linear-gradient(to top, #ccc,#ddd,#ccc);*/
	/*box-shadow: 0 0 11px #c5f;*/	
	opacity: 1;	
}

header #main_bar.mobile{
	/*background: linear-gradient(to top, #ccc,#ddd,#ccc);*/
	/*border-top: 1px solid rgba(150,150,150,0.3);
	border-bottom: 1px solid rgba(150,150,150,0.3);*/
	
	opacity: 1;	
}

header #main_bar.container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}

header #main_bar .container{
	position: relative;
}

header #main_bar #back_logo{
	background-color: rgba(0,0,0,0.5);
	/*background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));*/
	border-radius:50%;
	height: 100px;
	width: 200px;
	position: absolute;
	top:-10px;
	left:0px;
	/*display: none;*/
	background: repeat 50% 50%;
	
	z-index: 1;
	display: none;
	transition: .2s;
	/*transform: rotate(45deg);*/
/*	box-shadow: 0 0 5px 1px #555;
	border: 1px solid #d90;*/
	box-sizing: border-box;
}


header #main_bar #back_float{
	width: 320px;
	height: 100%;
	position: absolute;
	
	background: transparent;
	top: 0;
	left: -15px;
	display: none;
	z-index: 15;
	background: repeat 50% 50%;
	box-sizing: border-box;
}

header #main_bar #logo{	
	cursor: pointer;
	position: absolute;
	top: 10%;
	height: 80px;
	left: 0px;
	z-index: 555;
	display: none;
	transition: .2s;
}

main{
	box-sizing: content-box;
	position: relative;
	margin: 0;
	/*border: 1px solid #ddd;*/
	/*box-shadow: 0 0 10px #000;*/
	/*margin-bottom: 40px;*/
	
}

main.container,main.container-fluid{
	padding: 0;
	
}

footer.container,footer.container-fluid{
	padding: 0;
}

main section{
	min-height:100px;
	overflow: hidden;
}

main section.width-sidebar{
	padding-left:250px;
}

main > section > .module{
	padding:4% 15px; 
	
	/*background: rgba(0,0,0,0.1);*/
}

main.container > section > .module{	
	width: 100%;
}

.module .title{
    padding: 0;
    margin: 0;
    margin-bottom:2%;
}

.module .top-text{
    padding: 0;
    margin: 0;
    margin-bottom:2%;
}

.module .submenu{
	list-style: none;
	text-align: center;
	padding: 0;
	display: inline-block;
	height: auto;
	margin:0;
    margin-bottom:2%;	
}

.module .submenu li{
	display: inline-block;
	padding: 5px 15px;
	/*border: 1px solid #cccccc;*/
	margin: 0 5px;
	/*border-radius: 5px;*/
	cursor: pointer;
	text-transform: uppercase;
}

.module .content{
	margin: 0 -20px;
    padding: 2% 0;
}


.module .bottom-text{
    padding: 0;
    margin: 0;
    margin-top:2%;
    font-style: italic;
}



@media (max-width: 800px) {
   main > section > .module{
		padding:6% 0px; 				
	}
    .module .title{
        margin-bottom:3%;
    }

    .module .top-text{
        margin-bottom:3%;
    }

    .module .bottom-text{
        margin-top:3%;
    } 

    .module .content{
        padding: 3% 0 0 0;    
    }
    
    .module .submenu{
        margin-bottom:3%;
    }
}

@media (max-width: 500px) {
   main > section > .module{
		padding:10% 0px; 				
	}
    .module .title{
        margin-bottom:4%;        
    }

    .module .top-text{
        margin-bottom:4%;
    }

    .module .bottom-text{
        margin-top:4%;
    }
    
    .module .content{
        padding: 4% 0 0 0;    
    }
        
    .module .submenu{
        margin-bottom:4%;
        /*width: 100%;*/
    }
    
	.module .submenu li{		
		/*width: 100%;*/
		margin: 0 5px 5px 0px;
	}
	
	.module .submenu li:last-child{
		margin: 0;
	}
}


main section#sec_1{
	/*background: #ddd;*/
}

main section#sec_2{
	/*background: #ddd;*/
}

footer{
	/*position: fixed;*/
	/*bottom: -50px;*/
	height: 40px;
    width: 100%;
	background: #222222;
	box-sizing: content-box;
	padding: 0;
    color: #999;
    /*box-shadow: 0 0 7px #777;*/
    border-top: 1px solid #333;
    transition: bottom .4s;
    /*font-family: 'Neon';*/
    display: none;
}

/*************************** AJAX LOADER **************************/

#ajax_loader{
	 width:100%;
	 height: 100%;
	 position: fixed;
	 bottom: 0;
	 right: 0;
	 text-align: center;
	 background: rgba(0,0,0,0);
	 z-index: 4444;
	 display: none;
}

#ajax_loader #inner_ajax_loader{
 	padding:10px 10px;
 	position:relative;
 	top:45%;
 	left:calc(50% - 100px); 
 	margin:0;	
 	width: 200px;
 	border-radius: 5%;
 	
}

#ajax_loader img{
	max-width: 70%;
	top: calc(50% - 50px);
	position: relative;
	/*background:rgba(255,255,255,.9);
	border-radius: 42px;
	box-shadow: 0 0 5px 1px #333;
	padding:10px;
	margin-bottom:5px;*/
}

#ajax_loader #inner_ajax_loader p{
	display: block;
	margin:0;
	/*font-size: 16px;*/
	/*font-weight: bold;*/
	text-shadow: 1px 1px 3px #000;	
	color: #fff;
	width: auto;
	border-radius:5px; 	
	padding: 5px;
	line-height: 20px;
	/*background: #fff;*/
} 


/***************************** MESSAGEBOX STYLE *****************************/

#message_box{
	z-index:1120;
	position:fixed;
	top:5px;
	left:0;
	width:100%;
	height:auto;
	text-align:center;
	display:none;
}

#message_box #inner_message_box{
	background:#333333;
	color:#fff;	
	/*font-size:14px;	*/
	width:calc(100% - 30px);
	max-width:1140px;
	display:inline-block;
	/*border:1px solid #fff;*/
	padding:20px 15px;
	border-radius:7px;
	margin:0 15px;
}

#message_box #inner_message_box #text{
	margin:0px;
}

#message_box #inner_message_box.default{
	background:#333333;
	
}

#message_box #inner_message_box.info{
	background:#138CDF;
	
}

#message_box #inner_message_box.success{
	background:#45AB20;
	
}

#message_box #inner_message_box.warning{
	background:#ffda28;
	
	color:#000;
	border:1px solid #000;
}

#message_box #inner_message_box.error{
	background:#CC1111;
	
}
	
/*
/*****************  BG-SILVER  *****************/
/*
.bg-silver{	
	background:#f9f6f3;
	color:#444;		
}

.bg-silver .shadow{
	background:#f9f6f3;
	box-shadow:0 0px 10px 30px #f9f6f3;	
}
*/
/*****************  BG-BLACK  *****************/
/*
.bg-black{
	background:#012;
	color:#ccc;
    
}

.bg-black .shadow{
	background:#202529;
	box-shadow:0 0px 10px 30px #202529;	
}
*/
/*****************  BG-COLOR  *****************/	

.bg-color{
	background-color:#c20;
	/*background-image:url(../back2.jpg);*/
    background-position: 50% 50%;
	color:#444;		
}


.bg-color .shadow{
	background:url(../back2.jpg);
	box-shadow:0 0px 10px 30px rgb(243, 238, 228);	
}

/*****************  BG-TRANSPARENT  *****************/
.bg-transparent{
	background:rgba(0,0,0,0.5);
	color:#fff;
	text-shadow:1px 1px 2px #333;	
}

.animate-one, .animate-two{
	opacity: 0;
}

/************ VERTICAL CENTER MODAL **********/
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  max-width: 96%;
}