body{
	background:url(../images/bg.jpg);
	font-family: 'Roboto', sans-serif;
}
.clear_fix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.container{background:rgba(255,255,255,.9);}
ul{list-style:none;padding:0;margin:0;}
a:hover{text-decoration:none;}
h3{
	font-weight: bold;
	margin: 0 0 15px 0;
	background: url(../images/gradient.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

header{background:#000;margin-bottom:10px;overflow:hidden;}
header img{max-width:100%;}

.page-header{margin-top:15px;}

/************** Main Navigation Menu *****************/
.client_login_btn{transition:all .3s;color:#000;box-shadow:0 0 1px #111;float:right;padding:4px 15px;padding-top:6px;background:url('../images/lock.png') no-repeat 10px 5px;background-size:24px;font-size:18px;border-radius:3px;padding-left:40px;margin-left:3px;margin-top:5px;}
.client_login_btn:hover{background-color:#ddd;box-shadow:1px 1px 2px #000;}
.client_login_btn:active{background-color:#ccc;box-shadow:0 0 0 #000;}
#nav_1{float:left;}
.main_nav .navbar-default {	
	border:none;
	min-height:1px;
	margin-bottom:10px;
}

.main_nav .container-fluid{
	background: #e6d5aa;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.navbar-default .navbar-nav a{
	color:#000 !important;
	font-weight:bold;
	padding: 10px 20px;
	background:#fdc12d ;	
	transition:all .3s;
	border-top:4px solid #111;
}



.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	background:#c79208 ;
	
	font-weight:bold;	
	color:#fff !important;
	border-top:4px solid #000;
}
.navbar-default .navbar-nav > .active > a:hover{cursor:default;}
@media (min-width:768px){

	.main_nav .container-fluid, .main_nav .navbar-collapse{
		padding-left:0;
	}
	.navbar-nav>li{
	}

	.navbar-nav>li:first-child{
		margin-left:0;
	}
	.navbar-nav>li:last-child{
		margin-right:0;
	}
	
	.navbar-default .navbar-nav>li{
		border-right:1px solid lightgray;
	}
	
}

.main_container{min-height:250px;}


#show_case_container{margin-bottom:15px;padding-right:0;height:400px;position:relative;	}
.shop_case_container_wrapper {
    height: 742px !important;
    /*background: red !important;*/
}
.custom_cls {
    padding-top: 180px !important;
    height: 739px !important;
}
.custom_show_case {
    height: 739px !important;
}
#loader{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:100;background:url('../images/coin.jpg');}



.show_case{
	height:400px;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:url('../images/showcase_bg_2.jpg') center;
	background-size:cover !important;
	border:1px solid #000;
	box-shadow:1px 1px 2px #000;
	
}
.show_case #nav{
	position: absolute;
	right: 10px;
	bottom: 30px;
}

.show_case #center_globe{position:absolute;width:130px;height:130px;border-radius:50%;left:0;right:0;top:0;bottom:0;margin:auto;z-index:90;background:url(../images/center_globe.png);}

/*.show_case .machine_name_container{position:absolute; width:900px;text-align:center;bottom:-15px;font-size:20px;background-color:#000;color:white;text-shadow:0 0 2px #000;}*/
.show_case .machine_name_container{position:absolute; width:100%;text-align:center;bottom:-15px;font-size:20px;background-color:#000;color:white;text-shadow:0 0 2px #000;}

#category_list_container{position:relative;}
#category_list_container_loader{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;font-size:20px;text-align:center;padding:0 15px;line-height:43px;background:rgba(255,255,255,.9) ;z-index:100;}

#category_list{
	/*max-height: 400px;*/
	background:ghostwhite;
	position:relative;
	overflow:hidden;
}

#category_list li{
	margin-bottom: 5px;
	background: #44433C;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	
	text-transform: uppercase;
	cursor:pointer;
	padding: 10px 5px;
	color:#fff;
	font-weight:bold;
	transition:.3s;
	
	float: left;
    margin-left: 30px;
    width: 250px;
}
#category_list li:last-child{margin:0;}



#category_list li.flex-active, #category_list li:hover{
	background:#C59008;
}

.home_intro_text p{text-align:justify;font-size:16px;}

#client_scrollbar{margin:30px 0;position: relative;height:100px;}
#client_scrollbar div div div div{background:white;position:relative;}
#client_scrollbar img{position:absolute;max-height:100% !important;left:0;right:0;top:0;bottom:0;margin:auto;}


.client_container{margin:20px 0;}
.client_container .client_logo{background:#fff;float:left;width:150px;height:100px;border:1px solid #ddd;padding:4px;border-radius:3px;position:relative;margin:0 15px 15px 0;}
.client_container .client_logo:nth-of-type(7n){margin-right:0;}
.client_container .client_logo img{position:absolute;max-width:100%;max-height:100%;left:0;right:0;top:0;bottom:0;margin:auto;}


.coins_container{margin:20px 0;}
.coins_container .coin{border-radius:50%;background:#fff;float:left;width:150px;height:150px;border:1px solid #ddd;padding:4px;position:relative;margin:0 15px 15px 0;overflow: hidden;}
.coins_container .coin:nth-of-type(7n){margin-right:0;}
.coins_container .coin img{position:absolute;max-width:100%;max-height:100%;left:0;right:0;top:0;bottom:0;margin:auto;}


/**********************************************************************/
/********************* How Dies Are Made (dies.php)*******************/
/**********************************************************************/

ol.dies_process{padding-left:30px;font-size: 18px;margin-bottom:35px;}
div.dies_process{margin-bottom:25px;}
.dies_process .post_card{margin-right:50px;float:left;}
.dies_process .post_card img{box-shadow: 1px 1px 5px 1px #000;border-radius: 2px;}
.dies_process .post_card p.caption{margin-top:10px;text-align: center;}

.dies_process .dies-wrapper{float:left;}
.dies_process .dies-wrapper .dies{
	width:159px;height: 159px;border-radius: 50%;border:1px solid #ddd;
	margin-top:25px;box-shadow: 2px 2px 8px 2px #000;
	background-image: url('../images/dies_process.png');background-repeat:no-repeat;
}
.dies_process .dies-wrapper .dies.first.before{background-position: 0 0;}
.dies_process .dies-wrapper .dies.first.after{background-position: -159px 0;}
.dies_process .dies-wrapper .dies.second.before{background-position: -318px 0;}
.dies_process .dies-wrapper .dies.second.after{background-position: -477px 0;}


/**********************************************************************/
/********************* Contact Us Page  ******************************/
/**********************************************************************/

form#contact_form{font-weight:normal;margin-bottom:25px;}

form#contact_form input[type="text"],
form#contact_form select,
form#contact_form textarea{border:1px solid #ddd;padding:2%;margin-top:11px;width:98%;border-radius:2px;}
form#contact_form label{width:100%;font-weight:normal;}
form#contact_form .icheckbox_flat-orange{margin-right:7px;margin-top:-3px;}
form#contact_form label.checklist{width:100%;cursor:pointer;padding-top:5px;}
form#contact_form .btn{padding:8px 12px;margin:15px 0;font-size:20px;}

form#contact_form .address{position:relative;padding-left:40px;font-size:18px;margin-top:10px;}
form#contact_form .address .glyphicon{position:absolute;left:0;top:10px;font-size:30px;color:orange;}
form#contact_form .phone_fax{margin:50px 0;}
form#contact_form .phone_fax li{position:relative;padding-left:40px;font-size:20px;margin:5px 0;}
form#contact_form .phone_fax li .glyphicon{position:absolute;left:5px;top:4px;color:orange;}
form#contact_form label.error{color:red;}
form#contact_form p{text-align:justify;}

.success{color:green;background:ghostwhite;padding:10px;margin:10px 0;}

footer{background:#e7e2d5;;padding:15px 0;}

footer a{display:block;margin:3px 0;}

.copyright{text-align:center;font-size:13px;background:#cdc6b4;padding:10px;}



@media(max-width:767px){
	.client_login_btn{display:none;}
	
}





@media (min-width: 1281px) {
  
  /* CSS */
  .img_wrapper {
       padding-left: 145px !important;
    }
  
}

@media (min-width: 768px) and (max-width: 1024px) {
  
  .img_wrapper {
    /*padding-left: 145px !important;*/
    margin-left: -60px !important;
}
  
}