/*
	Theme Name: CK Gas
	Theme URI: https://www.websitedesignderby.com/
	Description: A theme created by Website Design Derby
	Author: Website Design Derby
	Version: 2.0
*/

/* ==================================================
   Global Styles
================================================== */

*, *:after, *:before
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html
{
	height: 100%;
	overflow: auto;
	overflow-y: scroll;
	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body
{
	font-family: "Source Sans Pro", Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 28px;
	font-weight: 400;
	color: #333;
	background: #00B9E0;
	
	text-rendering: optimizeLegibility;
	vertical-align: baseline;
}

::selection
{
	background: #151F6D;
	color: #FFF;
}

::-moz-selection
{
	background: #151F6D;
	color: #FFF;
}

a
{
	color: #151F6D;
	text-decoration: none;
}

a:hover
{
	color: #222;
}

/* ==================================================
   Colours
================================================== */

.bg1
{
	background: #FFF;
}

.bg2
{
	background: #00B9E0;
}

.bg3
{
	background: #E0E8E6;
}

.bg4
{
	background: #1A198C;
}

.bg5
{
	border-top: 1px dotted rgba(255,255,255,0.2);
}

.bg6
{
	background: #E0E8E6;
}

/* ==================================================
   Layout Styles
================================================== */

.container
{
	width: 100%;
	padding: 0 30px;
	min-width: 280px;
}

	.container .bodycontainer
	{
		margin: 0 auto;
		width: 100%;
		max-width: 1140px;
	}
	
/* ==================================================
   Sections
================================================== */

#headercont
{

}

	#headercont .bodycontainer
	{
		display: table;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
		#headercont #headerleft
		{
			display: table-cell;
			width: 30%;
			vertical-align: middle;
			padding-right: 20px;
		}
		
			#headercont #headerleft a img
			{
				float: left;
				width: 100%;
				max-width: 180px;

				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
		
		#headercont #headerright
		{
			display: table-cell;
			width: 70%;
			text-align: right;
			vertical-align: middle;
			padding: 2px 0 0 20px;
		}
		
			#headercont #headerright p
			{
				display: block;
				font-size: 30px;
				line-height: 30px;
				font-weight: 600;
				color: #FFF;
				font-style: normal;
				margin: 0 0 3px 0;
				letter-spacing: -0.6px;
				font-family: "Hind Vadodara";
			}
			
				#headercont #headerright p:last-child
				{
					margin: 0;
				}
				
					#headercont #headerright p a
					{
						color: #FFF;
					}
						
						#headercont #headerright p span
						{
							color: #FFF;
							color: rgba(255,255,255,0.5);
							margin: 4px 0 0 0;
							font-size: 24px;
							vertical-align: top;
						}

#menucont
{
	font-size: 16px;
}

#threeboxes
{
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
}

	#threeboxes a .hoverbox
	{
		width: 100%;
		max-width: 400px;
	}
	
		#threeboxes a .hoverimage img
		{
			width: 100%;
			max-width: 400px;
		}
		
		#threeboxes .hoverbox a h4
		{
			margin: 0 0 10px 0;
			color: #222;
			font-size: 24px;
			line-height: 24px;
		}
		
			#threeboxes .hoverbox a:hover h4
			{
				color: #1A198C;
			}
		
		#threeboxes .hoverbox a p
		{
			font-size: 15px;
			font-weight: 600;
			line-height: 18px;
			color: #444;
			margin: 10px 0;
			letter-spacing: 0px;
			font-style: normal;
		}
		
			#threeboxes .hoverbox a:hover p
			{
				color: #1A198C;
			}

#searchboxcont
{
	padding-top: 50px;
	padding-bottom: 55px;
	text-align: center;
}

	#searchboxcont h3
	{
		font-size: 30px;
		line-height: 30px;
		letter-spacing: -1px;
		margin: 0 0 10px 0;
	}
	
	#searchboxcont p
	{
		display: inline-block;
		width: 100%;
		font-size: 15px;
		line-height: 19px;
		margin: 0 0 20px 0;
	}

	#searchboxcont p:last-child
	{
		margin: 0;
	}
	
	#searchboxcont a span
	{
		margin-right: 8px;
		color: rgba(255,255,255,0.6);
	}

#maincont
{
	width: 100%;
	padding-top: 35px;
	padding-bottom: 35px;
}

	#maincont .bodycontainer
	{
		background: url("images/bg-maincont.png") repeat-y 30% 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#maincont .bodycontainer.nobg
	{
		background-image: none;
	}
	
		#maincont .featuredbox
		{
			background: #EEE;
			border-left: 4px solid #1A198C;
			padding: 25px;
			margin: 0 0 30px 0;
			line-height: 22px;
		}
		
			#maincont .featuredbox h4
			{
				margin: 0 0 10px 0;
			}
		
			#maincont .featuredbox p:last-child
			{
				margin: 0;
			}
			
		#maincont #resultstable
		{
			
		}
			
		#maincont #mainfull
		{
			float: left;
			width: 100%;
			padding: 0;
			
			min-height: 400px;
			height: auto !important;
			height: 400px;
		}

		#maincont #mainleft
		{
			float: right;
			width: 70%;
			padding: 0 0 0 30px;
			
			min-height: 400px;
			height: auto !important;
			height: 400px;
		}
	
		#maincont #mainright
		{
			float: left;
			width: 30%;
			line-height: 26px;
			padding: 0 30px 0 0;
		}
		
			#maincont #mainright #feederform
			{
				margin: 0 0 25px 0;
			}
			
				#maincont #mainright form#quickquote ul
				{
					list-style-type: none;
					margin: 0;
				}
				
					#maincont #mainright form#quickquote fieldset input
					{
						padding: 11px 10px;
						width: 100%;
						border: 2px solid #E5E5E5;
						background: #E5E5E5;
						text-align: left;
						margin: 0 0 10px 0;
						font-family: inherit;
						font-size: 17px;
						letter-spacing: -0.2px;
						font-weight: 600;
						color: #222;
						
						-webkit-border-radius: 0;
						-moz-border-radius: 0;
						border-radius: 0;
						
						-webkit-appearance: none;
					}
					
						#maincont #mainright form#quickquote fieldset input:focus
						{
							border: 2px solid #151F6D;
						}
						
			#maincont #mainright p.bigbutton a
			{
				float: left;
				width: 100%;
				max-width: 340px;
				margin: 0 0 30px 0;
				padding: 30px;
				text-align: center;
				background: #151F6D;
				text-transform: uppercase;
				color: #FFF;
				font-size: 22px;
				line-height: 22px;
				font-weight: 500;
				letter-spacing: 1.4px;
				
				-webkit-transition: padding 0.1s linear;
				-moz-transition: padding 0.1s linear;
				-o-transition: padding 0.1s linear;
				transition: padding 0.1s linear;
			}
			
				#maincont #mainright p.bigbutton a strong
				{
					font-weight: 700;
				}
			
				#maincont #mainright p.bigbutton a span
				{
					display: block;
					font-size: 60px;
					line-height: 90px;
					margin: 0 auto 15px auto;
					background: rgba(255,255,255,0.1);
					width: 100%;
					max-width: 90px;
					
					-webkit-border-radius: 100px;
					-moz-border-radius: 100px;
					border-radius: 100px;
				}
				
					#maincont #mainright p.bigbutton a:hover
					{
						padding: 27px 30px 33px 30px;
					}

#calltoactioncont
{
	padding-top: 80px;
	padding-bottom: 80px;
	color: #333;
	color: rgba(51,51,51,0.7);
}

	#calltoactioncont h3
	{
		margin: 0 0 10px 0;
		font-size: 32px;
		line-height: 32px;
		text-transform: uppercase;
		font-family: "Hind Vadodara";
		letter-spacing: 0;
		font-weight: 600;
		color: #333;
	}
	
		#calltoactioncont span
		{
			color: #333;
		}
		
	#calltoactioncont a
	{
		color: #333;
	}

	#calltoactioncont p
	{
		margin: 0 0 20px 0;
		font-size: inherit;
		font-weight: 400;
	}
	
		#calltoactioncont p:last-child
		{
			margin: 0;
		}
		
	#calltoactioncont .bodycontainer
	{
		display: table;
	}
	
		#calltoactioncont .bodycontainer .dwdgrid-9
		{
			float: left;
			display: table-cell;
			vertical-align: middle;
		}
		
			#calltoactioncont .bodycontainer .dwdgrid-9 span
			{
				color: #333;
			}
		
		#calltoactioncont .bodycontainer .dwdgrid-3
		{
			float: right;
			display: table-cell;
			vertical-align: middle;
			text-align: right;
			padding-top: 20px;
		}
	
#footercont
{
	padding-top: 70px;
	padding-bottom: 60px;
	color: #FFF;
	color: rgba(255,255,255,0.7);
}

	#footercont a
	{
		color: #FFF;
	}

	#footercont h3
	{
		color: #FFF;
	}
	
	#footercont .row #footcol1 ul
	{
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
		list-style-type: none;
	}
	
		#footercont .row #footcol1 ul li
		{
			padding: 0;
		}
		
			#footercont .row #footcol1 ul li a
			{
				float: left;
				width: 100%;
				color: #FFF;
				line-height: 24px;
			}
			
			#footercont .row #footcol1 ul li a:hover
			{
				text-decoration: underline;
			}
			
	#footercont .row #footcol3 p
	{
		margin: 0 0 10px 0;
	}
	
		#footercont .row #footcol3 p strong
		{
			color: #FFF;
		}
			
	#footercont .row #footcol3 ul
	{
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
		list-style-type: none;
	}
	
		#footercont .row #footcol3 ul:last-child
		{
			margin: 0;
		}

#copyrightcont
{
	color: #FFF;
	color: rgba(255,255,255,0.7);
	font-size: 15px;
	line-height: 20px;
}

	#copyrightcont .bodycontainer
	{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
		#copyrightcont a
		{
			color: #FFF;
		}
		
		#copyrightcont a:hover
		{
			color: #FFF;
			text-decoration: underline;
		}
		
			#copyrightcont .dwdgrid-2
			{
				
			}
			
				#copyrightcont .dwdgrid-2 a.backtotop
				{
					font-size: 38px;
					line-height: 38px;
				}
			
			#copyrightcont .dwdgrid-10
			{
				text-align: right;
			}
			
				#copyrightcont .dwdgrid-10 p
				{
					margin: 0;
				}

/* ==================================================
   Media Queries - Small Desktop
================================================== */

@media only screen and (max-width: 1200px)
{

	

}

/* ==================================================
   Media Queries - Tablet - Landscape
================================================== */

@media only screen and (max-width: 1048px)
{
	
	
	
}

/* ==================================================
   Media Queries - Mobile - Landscape
================================================== */

@media only screen and (max-width: 960px)
{
	
	.notonmob
	{
		display: none;
	}
	
	.container
	{
		padding: 0 20px;
	}
	
	#headercont
	{

	}
	
		#headercont .bodycontainer
		{
			display: block;
			background-image: none;
		}
		
			#headercont #headerleft
			{
				float: left;
				width: 100%;
				padding-right: 0;
			}
			
				#headercont #headerleft a img
				{
					max-width: 180px;
				}
			
			#headercont #headerright
			{
				float: left;
				width: 100%;
				padding: 20px 0 0 0;
				text-align: left;
			}

				#headercont #headerright p.phonetop
				{
					font-size: 30px;
					line-height: 30px;
					letter-spacing: -0.4px;
				}
				
					#headercont #headerright p span
					{
						display: block;
					}
					
	#threeboxes
	{
		text-align: left;
	}
	
		#threeboxes a
		{
			float: left;
			width: 100%;
			max-width: 400px;
		}
					
	#searchboxcont
	{
		text-align: left;
	}
	
		#searchboxcont .dwdgrid-4
		{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
		#searchboxcont .dwdgrid-4:last-child
		{
			padding-bottom: 0;
		}
					
	#maincont
	{
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
		#maincont .imgwrap
		{
			display: block;
		}
	
		#maincont .bodycontainer
		{
			background-image: none;
		}
	
			#maincont #mainleft
			{
				float: left;
				width: 100%;
				padding: 0;
				
				min-height: 300px;
				height: auto !important;
				height: 300px;
			}
		
			#maincont #mainright
			{
				float: left;
				width: 100%;
				padding: 30px 0 0 0;
				border-top: 1px dotted #CCC;
			}
			
				.switchmain#maincont #mainleft
				{
					padding: 30px 0 0 0 !important;
					border-top: 1px dotted #CCC !important;
				}
			
				.switchmain#maincont #mainright
				{
					padding: 0 !important;
					border-top: 0 !important;
				}
			
	#calltoactioncont .bodycontainer
	{
		
	}
	
		#calltoactioncont .bodycontainer .dwdgrid-9
		{
			float: left;
			width: 100%;
		}
		
		#calltoactioncont .bodycontainer .dwdgrid-3
		{
			float: left;
			width: 100%;
			text-align: left;
			padding-top: 30px;
		}
		
	#footercont .row #footcol2
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#copyrightcont .dwdgrid-10
	{
		text-align: left;
	}
	
}

/* ==================================================
   Media Queries - Mobile - Small Landscape
================================================== */

@media only screen and (max-width: 768px)
{
	
	
	
}

/* ==================================================
   Media Queries - Mobile - Portrait
================================================== */

@media only screen and (max-width: 480px)
{
	
	
	
}