/**
	Pure Black/White - Creative Multipurpose Template
 	Copyright (c) 2015, Subramanian 

	Author: Subramanian
    Profile: themeforest.net/user/FMedia/
	
    Version: 1.0.0
	Release Date: July 2015
	
**/


/*------------------------------------------------------------------



/* #main */
	html, body {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		margin-right:0px !important;
		}
 	html.forceAddScr, body.forceAddScr {
		overflow:auto !important;
		}
 	body {
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
		color: #555555;
		font-size: 14px;
		font-weight: 500;
		}
	
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	
	h1{ font-size: 60px; font-weight: bold; text-transform: uppercase; padding-bottom:10px; }
	h2{ font-size: 40px; font-weight: bold; text-transform: uppercase; margin-top:0px !important; }
	h3{ font-size: 28px; font-weight: bold;  line-height:1.3; margin-top:0px !important; margin-bottom: 10px; }
	h4{ font-size: 24px; font-weight: lighter; line-height:1.4;  margin-top:0px !important; margin-bottom: 0px;}
	h5{ font-size: 14px; font-weight: lighter; line-height:1.6; }
	h6{ font-size: 12px; font-weight: lighter; line-height:20px; font-style:italic; color: #222222;}
	
	hr{ 
		clear: both;
		margin: 10px 0px 25px;
		border-bottom: #cccccc solid 1px;
		border-top: 0px;
		}
	
	.container{
		position:relative;
		display:block;
		}
		
	.container{
		max-width: 1200px;
		min-width: 480px;
		padding-right: 15px;
   		padding-left: 15px;
    	margin-right: auto;
    	margin-left: auto;
		}
		

		
	@media screen and (min-width: 768px) and (max-width:991px ) {	
		body{ overflow-x:hidden; overflow-y: auto; }
		.container{
			max-width: 990px;
			min-width: 480px;
			}
		}
	
	@media screen and (min-width: 479px) and (max-width:768px ) {	
		 body{ padding:0px !important; }
		 .container{
			max-width: 766px;
			min-width: 480px;
			}
		}
	
	@media screen and (min-width: 320px) and (max-width:480px ) {
		.container{
			max-width: 480px;
			min-width: 320px;
			}
		}
	@media screen and (max-width: 321px) {
		
		.container{
			max-width: 320px;
			min-width: 280px;
			}
		}
		
		
	.topSpac_text_center, .alignCen{
		text-align:center;
		}
	
	.margin_bot15{
		margin-bottom: 15px;
    	margin-top: 15px;
		}
	
	.noBorder{
		border-color:transparent !important;		
		}
	
	.alignCenter { margin:0 auto !important; text-align:center; }
	
	.button{
		width:50px;
		height:50px;		
		}
		
	.button_svg{
		position: relative;

		display:inline-block; 	
		
		height: 90px;
		width: auto;
		right: 0px;
		margin: 0px auto;
		padding: 0px;
		list-style: none;
		text-align: center;
		border: solid 1px #dddddd;
		background-color: #efefef;
		cursor: pointer;
		}
		
	.button_svg.active{ 
		border: solid 1px #222222;
		}
		
	.button_svg a{
		position: absolute;
		width:100%;
		height:100%;
		left:0px;
		right:0px;
		background-color:#ffffff;
		z-index:10;
		}
		
	.button_svg object{ 
		position: relative; 
		display:block; 
		z-index: 5;
		}
	
	.button_svg a:hover{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: .5;
		-khtml-opacity: .5;
		opacity : .5;
		}
		
	.button_svg a{
		height:100%;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity : 0; 
		}	
	
	
	.showObj{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity : 1;
		}
		
	.hideObj{
		height:100%;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity : 0; 
		}	
		
/* #Image resizing
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; 
		margin:0 auto !important;
		display:block;
		}

	img.resize-with-grid {
		max-width: 100%;
		height: auto; 
		margin:0 auto !important;
		display:block;
		}
	.scale-fit-height{
		width: 100%;
		height:auto;
		}
	.scale-fill-height{
		width: auto;
		max-width: none;
		height:100%;
		}
		
	.scale-fit-width {
		max-height: none;
		max-width: 100%;
		width: 100%;
		height: auto;
		}
	@media only screen  and (max-width: 991px) {
		img.resize-with-grid {
			width: 100%;
			height: auto;
		}
		}
	
	.resize_align{
		max-width:none !important;
		max-height:none !important;
		min-width: inherit !important;
		min-height: inherit !important;
		}
	
	.heightFull{
		height:100%;
		}	
	
	#iconName{
		text-transform: capitalize;
		}
	
	
	
	
	
	
	
	
	
	
	
	
	
	#svg_load{
		height:300px;
		}
		
	#svg_holder{
		position: relative;
		left:0px;
		right0px;
		height:300px;		
		border: solid 1px #dddddd;		
		background-image: url(../preview_asset/transparent.png);	
		background-repeat:repeat;
		}
	
	.rocket{ 
		width:240px;				
		}
	.carpenter{
		width:240px;
		}
	.cement_mixer_truck{
		width:240px;
		}
	.excavator_truck{
		width:560px;
		}
	.fitter{
		width:240px;
		}
		
	.road_close_banner{
		width:240px;
		}
		
	.road_close_cup{
		width:280px;
		padding-left:10px;
		padding-right:10px;
		}
		
	.tractor_crane{
		width:450px;
		}
		
	.tractor_excavator{
		width:400px;
		}

	.worker{
		width:240px;
		}
		
	@media screen and (min-width: 768px) and (max-width:1023px ) {
			#svg_holder{
				height:220px;
				}
			#svg_load{
				height:260px;
				}
		}
		
	@media screen and (min-width: 479px) and (max-width:768px ) {
			#svg_holder{
				height:220px;
				}
			#svg_load{
				height:240px;
				}
			.excavator_truck{
				width:320px;
				}
			.tractor_crane{
				width:320px;
				}			
			.tractor_excavator{
				width:320px;
				}
		}
		
	@media screen and (min-width: 320px) and (max-width:480px ) {
			#svg_holder{
				height:180px;
				}
			#svg_load{
				height:180px;
				}
			.excavator_truck{
				width:320px;
				}
			.tractor_crane{
				width:320px;
				}			
			.tractor_excavator{
				width:320px;
				}
			}
	
	
	@media screen and (max-width: 321px) {
		#svg_holder{
			height:180px;
			}
		#svg_load{
			height:180px;
			}
		.excavator_truck{
			width:320px;
			}
		.tractor_crane{
			width:320px;
			}			
		.tractor_excavator{
			width:320px;
			}
			
		}