/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family:Arial, Helvetica, sans-serif;
}

.main {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.container {
  width: 60%;
  margin: 0 auto;
  height: auto;
}

.clr {
  clear: both;
}

/*Header Section*/
.header {
  background: url("images/bg_HeaderPattern.png") repeat, url("images/bg_hdr.jpg") repeat-x;
  height: 133px;
  margin: 0 auto;
  width: 100%;
}

.hdrL {
  float: left;
  height: auto;
  padding: 0;
  width: 50%;
}

.hdrR {
  width: 50%;
  float: right;
  height: auto;
  text-align:right;
}

.logo {
  width: 100%;
  margin: 10px 0 5px 0px;
  height: auto;
}

.logo p{
margin:0;
padding:0;
}

.logoTagline {
  height: auto;
  width: 100%;
}

.lang {
  width: 345px;
  float: right;
  height: auto;
  margin: 15px 0;
}

.lang ul {
  list-style: none;
}

.lang ul li {
  float: left;
}

.lang a {
  margin: 0 4px;
}

.hdrLink {
  width: 235px;
  float: right;
}

.hdrLink ul {
  list-style: none;
}

.hdrLink ul li {
  float: left;
}

.hdrLink ul li a {
  border-right: 1px solid #fff;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  padding: 0 10px;
  text-decoration: none;
}

.hdrLink ul li:nth-child(3) a {
  border: none;
  padding: 0 0 0 10px;
}


/*Navigation*/
.siteNav {
  background: url("images/bg_nav.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid #7d7b7c;
  border-top: 1px solid #7d7b7c;
  height: 40px;
  width: 100%;
}

.navBar{margin:0; padding:0;}

.navBar ul{
  list-style: none;
}
.navBar ul li {
  float: left;
}
.navBar ul li a {
  border-right: 1px solid #8f8f8f;
  color: #444041;
  font-family: Maven Pro;
  font-size: 15px;
  line-height: 2.5em;
  padding: 0 18px;
  text-decoration: none;
  text-transform: capitalize;
}
.navBar ul li:last-child a {
  border: none;
}
.navBar ul li:hover a {
  color: #0024da;
}






.navBar ul ul {
	display: none;
}

.navBar ul li:hover > ul {
		display: block;
	}
.navBar ul {
	list-style: none;
	position: relative;
	display: inline-table;
}
.navBar ul:after {
		content: ""; clear: both; display: block;
	}
	
.navBar ul ul {
	background: #eaebeb; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
.navBar ul ul li {
		float: none; 
		border-top: 0px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
		
	}
.navBar ul ul li a {
			padding: 15px 30px 15px 10px;
			color: #000;
			text-align:left;
			text-decoration:none;
			border-right:0;
		}	
.navBar ul ul li a:hover {
				color:#666666;
			}
.navBar ul ul ul {
	position: absolute; left: 100%; top:0;width:200px;
}						


.navBar ul ul ul li a {
			padding: 15px 50px 15px 10px;
			color: #000;
			text-align:left;
			text-decoration:none;
			border-right:0;
		}	






/*Banner*/
.banner {
  width: 100%;
  margin: 0 auto;
  height: auto;
}

.banner img {
  width: 100%;
}



/*Content*/
.content {
  width: 100%;
  height: auto;
  margin-top: -5px;
}
.contL {
  width: 195px;
  padding: 10px;
  float: left;
  height: auto;
  background: #DDDDDD;
}
.contM {
  height: auto;
  margin: 0 215px;
  padding: 10px;
  background: #FFF;
}
.contR {
  width: 195px;
  padding: 10px;
  float: right;
  height: auto;
  background: #DDDDDD;
}
.contL_block1 {
  height: auto;
  width: 100%;
  margin: 10px auto;
}
.contL h3 {
  color: #0033cc;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 10px 10px 2px;
}
ul.contL_list {
  list-style: inside none none;
}
ul.contL_list li {
  background: none repeat scroll 0 0 #eeeeee; 
  margin: 3px 10px;
  padding: 4px 10px;
}
ul.contL_list li a {
  color: #000;
  font-family: Verdana;
  font-size: 10px;
  text-decoration: none;
}
ul.contL_list li:hover, ul.contL_list li:hover a {
  background: #0033cc;
  color: #fff;
}
.contL_block2 {
  height: auto;
  width: 100%;
  margin: 10px auto;
}
.contL_block3 {
  height: auto;
  width: 100%;
  margin: 20px auto 5px;
}
.contL_list img {
  max-width: 100%;
  padding: 0;
  margin-left: -10px;
}
.contR_block1 {
  width: 100%;
  height: auto;
}
.hdr_block1 {
  height: 43px;
  width: 100%;  
}
.hdr_block1 h3 {
  color: #0033cc;
  font-family: Maven Pro;
  font-size: 14px;
  padding: 20px 0;
  text-transform: Capitalize;
  text-align: center;
  width: 100%;
  height: auto;  
}
.contL_block3 img {
  margin: 20px auto 0;
}
.vdo {
  background: none repeat scroll 0 0 #0033cc;
  height: auto;
  margin: 10px auto;
  text-align: center;
  width: 90%;
  padding-left: 9%;
}
.vdo:hover {
  background: #DDD;
}
.vdo:hover a {
    color: #000;
}
.vdo a {
  color: #fff;
  float: left;
  font-family: Maven Pro;
  font-size: 12px;
  text-decoration: none;
  text-transform: capitalize;
  margin: 5px 0;
}
.yt {
  height: auto;
  width: 96%;
  padding: 4% 2%;
}
.yt img {
  max-width: 95%;
  height: auto;
}
.contR_block2 {
  background: none repeat scroll 0 0 #eee;
  text-align: center;
  width: 100%;
  height: auto;
  margin: 10px auto;
}
.contR_block2 img {
  height: auto;
  width: 100%;
}
.contR_block3 {
  width: 100%;
  height: auto;
  background: #EEE;
}
.testi {
  width: 100%;
  height: auto;  

}
.testi p {
  color: #000;
  font-family: Verdana;
  font-size: 12px;
  line-height: 1.5em;
  margin: 0 auto;
  text-align: justify;
  width: 90%;
  padding: 4% 5%;
}
.testi p span {
  font-family: Maven Pro;
  font-size: 32px;
}
.testiName p {
  font-family: Verdana;
  font-size: 13px;
  font-weight: 600;
  color:#000;
}
.testiLink {
  width: 90%;
  height: auto;
  padding: 10px;
}
.testiLink a {
  color: #0033cc;
  font-family: Maven Pro;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 15px;
}
.testiLink a:hover {
  background: none repeat scroll 0 0 #0033cc;
  color: #ffffff;
  padding: 5px 15px;
}
.contR_block4 {
  background: #eee;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 10px auto;
  padding:15px 0;
}

.contR_block4 h2 {
  color: #4c678b;
  font-family: Verdana;
  font-size: 24px;
  font-weight: bold;
}

.contR_block4 p {
  color: #fff;
  font-family: maven pro;
  font-size: 16px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: justify;
  width: 90%;
}
.mapBtn {
  background: none repeat scroll 0 0 #5475a3;
  border-radius: 5px;
  height: 30px;
  margin: 0 auto;
  width: 140px;
}

.mapBtn a {
  color: #ffffff;
  font-family: Verdana;
  font-size: 16px;
  line-height: 2em;
  text-transform: uppercase;
  text-decoration: none;
}
.contR_block5 {
  width: 192px;
  height: 340px;
  background: url(images/bg_block5.jpg);
  text-align: center;
}
.contR_block5 p {
  color: #131313;
  font-family: Verdana;
  font-size: 14px;
  padding: 15px 10px;
  text-align: justify;
  line-height:24px;
}
.contR_block5 img {
  padding: 20px 0;
}

.contM h1 {
  font-family: Verdana;
  font-size: 18px;
  text-align: center;
  color:#0000ff;
}
.contM a {
  text-decoration: none;
}
h2 {
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  font-family: Verdana;
  padding:10px 0;
}
.contM p {
  color: #000;
  font-family: Verdana;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
  padding:10px 0;
}
ol li p {
  padding: 5px !important;
}

.special {
  color: #cc0000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
}
.special.heading {
  text-align: center;
}
.contM a {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}

.contM a:hover {
  color: #cc0000;
  font-weight: bold;
  text-decoration: underline;
}

.cartBtn {
  float: right;
  width: 100%;
}
.contM ul {
  list-style: inside url("images/arrow.gif") none;
  padding: 2px 20px;
}
.contM li {
  font-family: Verdana;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 10px;
}
.contM ul li a {
  text-decoration: none;
}
.items {
  background: none repeat scroll 0 0 #dddddd;
  height: 310px;
  margin: 20px auto;
  width: 690px;
}
.items .heading {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.itemsList {
  float: left;
  width: 190px;
}
.itemsList li {
  color: #000;
  font-family: Verdana;
  font-size: 11px;
  line-height: 17px;
  list-style: outside none none;
}
h3 {
  color: #cc0000;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  padding: 10px 10px 2px;
  text-align: center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.fp_1stcolumn {
  height: auto;
  padding-left: 0;
  text-align: center;
  width: auto;
}
.fp_1stcolumn a {
  background-image: url("images/buynow.gif");
  background-repeat: no-repeat;
  display: block;
  height: 67px;
  margin: 20px auto;
  width: 184px;
}
.fp_1stcolumn a:hover {
  background-image: url("images/buynow-hover.gif");
  background-repeat: no-repeat;
}
h4 {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 10px 2px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.bannerBtm {
  background: none repeat scroll 0 0 #082e67;
  height: auto;
  margin: 0 auto;
  width: 300px;
}
.bannerBtm a {
  color: #ffffff;
}
.bannerBtm a:hover {
  color: #ffffff;
  text-decoration: none;
}
.bannerBtm h2 {
  color: #ffffff;
  font-family: Verdana;
  font-size: 30px;
  text-shadow: 3px 2px 0 #303030;
  margin-top: 25px;
}

/*--------Footer Section--------*/
.footer {
  width: 100%;
  background: #C0C0C0;
  margin: 0 auto;
  height: auto;
  text-align:center;
  border-top: 1px solid #000;
  padding: 10px 0;
}

.ftrNav ul {
  list-style: outside none none;
}

.ftrNav ul li {
  display: inline;
}
.ftrNav ul li a {
  border-right: 1px solid #000;
  color: #000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: 600;
  padding: 0 5px;
  text-decoration: none;
}
.ftrNav ul li:last-child a {
  border: none;
}

.ftrNav {
  margin: 0 auto;
  width: 100%;
}

.footer .lang ul li {
  display: inline;
}

.lang1 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 10px 0;
}

.lang1 ul {
  list-style: none;
}

.lang1 ul li {
  display: inline;
}

.footer p {
  font-family: Verdana;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.style1 {
    background-color: rgb(255, 240, 193);
}

.tab1 td{
  font-family: Verdana;
  font-size: 12px;
  color: #000;
  padding:20px 20px;
}

blockquote {
    margin: 2.8em 1.2em;
    padding-bottom: 0.8em;
    padding-left: 1em;
    padding-right: 1.9em;
    background: url("../images/quote.gif") no-repeat scroll right top transparent;
    border-left: 4px solid rgb(0, 0, 255);
    color: rgb(0, 0, 0);
    border-bottom: 2px solid rgb(192, 192, 192);
}


em {
    font-weight: 500;
    color: rgb(0, 51, 204);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.5em;
}
.contM ol {
  padding-left: 30px;
}
#eg_rpr {
	margin: 0 auto;
}
.cntr {
  text-align: center;
}
table td, table tr {
  font-family: Verdana;
  font-size: 12px;
  line-height: 18px;
}

.contact_form {
background: #F9F9F9;
padding: 20px 10px;
}
.contact_form input[type="text"] {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  box-shadow: 0 0 8px #ccc;
  color: #8c8c8c;
  font-size: 13px;
  height: 35px;
  padding: 0 15px;
  width: 405px;
}
.contact_form input[type="email"] {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  box-shadow: 0 0 8px #ccc;
  color: #8c8c8c;
  font-size: 13px;
  height: 35px;
  padding: 0 15px;
  width: 405px;
}

.contact_form .submit {
  padding: 8px 20px;
  background: linear-gradient(#CCC, #FFF);
  border: 1px solid #888;
  border-radius: 3px;
  color: #333;
}

.contact_form textarea{
height: 200px;
width: 416px;
background: none repeat scroll 0 0 #fff;
border: 1px solid #c4c4c4;
border-radius: 4px;
box-shadow: 0 0 8px #ccc;
color: #8c8c8c;
font-size: 13px;
padding:5px 10px;
}

.contact_form th {
float: left;
}
.contBtn {
padding: 10px 20px!important;
width: auto !important;
height: auto !important;
font-family: Arial;
font-size: 14px;
background:#07B3D3!important;
color:#fff!important;
cursor: pointer;
}
.adrs {
background: #F9F9F9;
}



/*Pricing and Order Page*/
#pricing {background: #e6e6e6; border-radius: 5px; margin: 0 auto; width: 850px; height: auto;}
#pricing p {margin: 0; padding: 0;}
.pricing_col {height: 350px; width: 800px; margin: 0 auto;}
.pricing_col_1 {height: auto; width: 270px; float: left;}
.pricing_col_2 {width: 200px; float: left; height: auto;}
.pricing_col_3 {width: 270px; float: left; height: auto;}
.pricing_col_1 h4 {color: #797777; font-family: Verdana; font-size: 18px; text-transform: uppercase;}
.pricing_col_1 h3 {color: #787878; font-family: Verdana; font-size: 15px; text-align: left; text-transform: uppercase;}
.pricing_col_1 h2 {color: #797777; font-family: Verdana; font-size: 16px; text-transform: uppercase;}
#pricing p, li {color: #000;}
.pricing_list li {list-style-image: url("images/pricing_list.png"); padding: 10px 0; text-align: justify;}
.pricing_list ul {padding: 10px 0 0 20px;}
.package {width: 800px; margin: 0 auto; height: 620px; background: url("images/divider.gif") repeat-x;}
.packageL {float: left; width: 50%; height: auto;}
.packageR {float: right; width: 50%; height: auto;}
.packageH {background: url(images/divider.gif) repeat-x bottom; padding: 10px 0;}
.packageRow {background: #ffffff; border: 1px solid #a3a3a3; border-radius: 10px; height: 70px; margin: 10px 0; padding: 15px; width: 330px; font-size:12px; font-family: Verdana; }
.packageRow img {float: left; padding-right: 10px;}
.packageRow .price {float: right; height: auto; width: 110px; text-align:center; margin: -8px 0;}
.packageRow p {float: left;}
.price a span {left: -9999px; position: absolute;}
.price a:hover {background: url("images/buynow2-hover.png") no-repeat}
.price a {background-image: url("images/buynow2.png"); background-repeat: no-repeat; display: block; height: 43px; margin-left: auto; margin-right: auto; width: 100px;}

#flags {
  width: 270px !important;
}
.header #flags {
    float:  right;
}

.footer #flags {
  margin: 0 auto;
}
#eg_rpr img {margin: 5px 8px; border: 1px solid #333; box-shadow: 0 0 4px 1px #888;}
#eg_rpr strong {margin-left: 50px;}


/*----------------Responsive------------------*/

@media screen and (max-width: 1130px) {
	.container{margin:0 auto; width:90%}
	.itemsList{width:30%;}
	.items{width:100%}
	.contM ul{padding:2% 1%;}

	
	.package{width:100%;}
	#pricing{width:100%;}
	.pricing_col{width:95%;}
	
	.pricing_col_1{width:38%;}
	
	.pricing_col_2{width:25%;}
	
	.pricing_col_3{width:35%;}
	
	.pricing_img > img { width: 100%;}
	
	.packageRow{width:85%;}
}


@media screen and (max-width: 1024px) {
	.container{margin:0 auto; width:90%}
	#pricing{height:auto;}

	.package{height:auto;}
	.packageL{float:none; width:100%;}
	
	.packageH  span{ padding:0!important;}
	.packageH {text-align:center!important;} 
	.packageRow{margin:10px auto;}
	
	.packageR{float:none; width:100%;}
}

@media screen and (max-width: 950px) {
	.items{height:auto;}
}

@media screen and (max-width: 850px) {
	.navBar ul li a{padding: 0px 10px;}
}

@media screen and (max-width: 800px) {
	.hdrL{width:80%; margin:0 auto; float:none;}
	.header{height:auto; background: url("images/bg_HeaderPattern.png") repeat scroll 0% 0%, url("images/bg_hdr.jpg") repeat scroll 0% 0% transparent; text-align: center;}
	.hdrR{width:100%; float:none; margin:0 auto; text-align:center;}
	.lang{width:100%;}
	.lang ul li{display:inline; float:none;}
	.hdrLink{width:100%; float:none; text-align:center; margin:10px 0}
	.hdrLink ul li{display:inline; float:none;}
	.logo img{width:100%;}
	
	.contR{float:none; width:90%; margin:0 auto; padding:0;}
	.contR_block2{width:100%; margin:20px auto;}
	.contR_block2 img{width:60%; margin:50px auto;}
	.contR_block4 img{width:50%;}
	.contR_block5{background:#6B87AF; width:100%; margin:20px 0; height:auto;}
	.contR_block5 p{text-align:center; color:#fff;}
	.vdo a{float:none;}
	
	.contL{width:90%; margin:0 auto; float:none;}
	.contL_block3 > img{display:none;}
	.contM{width:90%; margin:20px auto;}

	.contact_form table {width:95%; margin:0 auto}
	.contact_form th{float:none;}
	.contact_form tr{text-align:center;}
	.contact_form input{width:95%;}
	.contact_form textarea{width:95%;}
	
}

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

	.navBar{display:none;}
}

@media screen and (max-width: 640px){
	.pricing_col_1{height:auto; text-align:center; float:none; width:100%;}
	.pricing_col_1 h3{text-align:center;}
	
	.pricing_col_2{float:none; width:100%;}
	.pricing_img{ text-align:center;}
	.pricing_img > img{width:30%;}
	
	.pricing_col_3{height:auto; float:none; width:100%;}
	.pricing_col{height:auto;}
}

@media screen and (max-width: 550px) {
	#eg_rpr td, #eg_rpr tr{display:block;}
	
	#eg_rpr img {
 	 width: 100%;
	}
	
	#eg_rpr tr { border: 1px solid #ccc; }
	#eg_rpr td { 
			
			border: none;
			border-bottom: 1px solid #ccc; 
			position: relative;
			padding-left: 50%; 
		}
		
		#eg_rpr td:before { 
			
			position: absolute;
			
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		#eg_rpr td:nth-of-type(1):before { content: "Crack Repair"; }
		#eg_rpr td:nth-of-type(2):before { content: "Thread Reapair"; }
		#eg_rpr td:nth-of-type(3):before { content: "Car Repair"; }

	#eg_rpr tr:nth-child(2){display:none;}	
}


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

	textarea{width:100%!important;}
	.cntr iframe{width:100%!important;}
	.tab1 td{padding:2%;}
}

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

	.packageRow{height:auto;}
	.packageRow img{float:none; width:100%;}
	.packageRow .price{margin:0 auto; float:none;}
}



/* Edited on 16-Mar-2015 */
.distBtn {
  background: none repeat scroll 0 0 #910000;
  color: #fff;
  font: 300 12px/18px Arial;
  padding: 5px 37px;
  text-decoration: none;
}