/* #Reset & Basics (Inspired by E. Meyers)
    ================================================== */
    		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {                   
    		margin: 0;
    		padding: 0;
    		border: 0;
    		font-size: 100%;
    		font: inherit;
    		vertical-align: baseline; }
    #homeheader           {
    		display: block; }
    #navSect      {
    		line-height: 1; }
    	ol, ul {
    		list-style: none; }
    	blockquote, q {
    		quotes: none; }
    	blockquote:before, blockquote:after,
    	q:before, q:after {
    		content: '';
    		content: none; }
    	table {
    		border-collapse: collapse;
    		border-spacing: 0; }

    		
    /* #Basic Styles
    ================================================== */
    	body {
    		font: 13px/18px 'Raleway', Arial, sans-serif;
    		
    		-webkit-font-smoothing: antialiased;
    		-webkit-text-size-adjust: 100%;
    		
     }
    
    /* #Typography
    ================================================== */
    	h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;}
    		
    	h1, h2, h3 {color: #000;
    	/*text-shadow: 2px 2px 3px #fff;	*/
    	}
    	h4, h5, h6 {color: #666}
    	
    	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
    	h1 { font-size: 72px; line-height: 115px; margin-bottom: 0px;}
       h2 { font-size: 45px; line-height: 50px; margin-bottom: 10px;}
    	h3 { font-size: 32px; line-height: 40px; margin-bottom: 8px;}
    	h4 { font-size: 22px; line-height: 26px; margin-bottom: 10px;}
    	h5 { font-size: 15px; line-height: 24px; font-weight: 700;}
    	h6 { font-size: 14px; line-height: 22px; font-weight: 700;}
    	
    	h2.alt{font-size: 38px; line-height: 65px;}
    	h3.alt{font-size: 30px; line-height: 42px;  font-weight: 700;}
    	h4.alt{font-size: 20px; line-height: 20px;}
    	
    	
    	.subheader { color: #777; }
    
    	p {
	margin-bottom: 10px;
	padding: 0;
	color: #6c6c6c;
	display: block;
	text-align: justify;
    }
    	p img { margin: 0; }
    	p.lead { font-size: 21px; line-height: 27px; }
    
    	em { font-style: italic; }
    .logo { font-weight: bold; }
    	small { font-size: 11px; display:block;}
    
    /*	Blockquotes  */
        blockquote {
    		padding-left: 107px;
    	}
    	blockquote.alignLeft{
    		width: 310px;
    		margin: 0 20px 20px 0;
    		float: left;
    	}
    	blockquote.alignRight{
    		width: 310px;
    		margin: 0 0 20px 20px;
    		float: right;
    	}
    	blockquote, blockquote p { font-size: 20px; line-height: 28px; }
    	blockquote cite { display: block; font-size: 12px; }
    	blockquote cite:before { content: "\2014 \0020"; }
    	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { }
    
    	hr { 
      border: none; 
      clear: both; 
      height: 35px; 
    }
    
    @media only screen and (max-width: 767px) {
    
    	blockquote.alignLeft{
    		width: 50%;
    	}
    	blockquote.alignRight{
    		width: 50%;
    	}
        h1 { font-size: 62px; line-height: 82px; margin-bottom: 0px;}
        h2 { font-size: 47px; line-height: 57px; margin-bottom: 10px;}
    
    }
    
    @media only screen and (max-width: 480px) {
    
        h1 { font-size: 62px; line-height: 82px; margin-bottom: 0px;}
        h2 { font-size: 47px; line-height: 57px; margin-bottom: 10px;}
    	
    }
    
    /* #Links
    ================================================== */
    	a, a:visited { 
    	text-decoration: none; 
    	outline: 0;
    	-webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
    	-moz-transition: color 0.2s ease-out, background 0.2s ease-out; 
    	-o-transition: color 0.2s ease-out, background 0.2s ease-out; 
    	-ms-transition: color 0.2s ease-out, background 0.2s ease-out; 
    	transition: color 0.2s ease-out, background 0.2s ease-out;
    	
    	}
    	a:hover, a.selected { text-decoration: underline;}
    	p a, p a:visited { line-height: inherit; }
    	
    /* Iphone telephone styles*/
    
    a[href^=tel]{
    	color: #AB0003;
    	text-decoration: none;
    }
    
    /* #Lists
    ================================================== */
    	ul, ol { margin-bottom: 20px; }
    	ul { list-style: none outside; }
    	ol { list-style: decimal; }
    	ol, ul.bullet, ul.check, ul.square, ul.circle, ul.disc { margin-left: 20px; }
    	ul.square { list-style: square outside; }
    	ul.circle { list-style: circle outside; }
    	ul.disc { list-style: disc outside; }
    	ul ul, ul ol,
    	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 300%;  }
    	ul ul li, ul ol li,
    	ol ol li, ol ul li { margin-bottom: 0px; }
    	li { line-height: 25px; margin-bottom: 0px; }
    	ul.large li { line-height: 21px; }
    	li p { line-height: 31px; }
    	
    	ul.bullet{
    		list-style-image: url('../images/bullet.png');
    		margin-left: 15px;
    	}
    	
    	ul.check{
    	    list-style-image: url('../images/checklist.png');
    	}
    	
    	
    	
    
    ::selection {
    	background: #ffa67d; /* Safari */
    	}
    ::-moz-selection {
    	background: #ffa67d; /* Firefox */
    }
   
       		


/* #Base 960 Grid
================================================== */


    /* Containers */
	
    .wrapper                                    { float: left; width: 100%; overflow: hidden;}
    .container                                  { position: relative; width: 1000px; margin: 0 auto; padding: 0;}
	
	.one,
	.onehalf,
	.onethird,
	.twothird,
	.onefourth,
	.threefourth,
	.onefifth,
	.twofifth,
	.threefifth,
	.fourfifth,
	
	.threefifth_c,  
	
	.rearrange    { position: relative; float: left; display: inline; margin-left: 20px;}
	
	.one                                        { width: 960px;}
	.onehalf                                    { width: 470px;}
	.onethird                                   { width: 306px;}
	.twothird                                   { width: 634px;}
	.onefourth                                  { width: 225px;}
	.threefourth                                { width: 715px;}
	.onefifth                                   { width: 176px;}
	.twofifth                                   { width: 372px;}
	.threefifth                                 { width: 568px;}
	.fourfifth                                  { width: 764px;}
	
	
	.threefifth_c                               { width: 568px;}
	
	/* Rows */
	.norow                                      { margin-bottom: 0px; }
	.row-ten                                    { margin-bottom: 10px; }
  .row-fourteen                               { margin-bottom: 14px; }
  .row                                        { margin-bottom: 20px; }
	.row-thirty                                 { margin-bottom: 30px; }
	.row-thirtyfive                             { margin-bottom: 35px; }
	.row-fourty                                 { margin-bottom: 40px; }
	.row-fifty                                  { margin-bottom: 50px; }
	.row-seventy                                { margin-bottom: 70px; }
	.row-eighty                                 { margin-bottom: 80px; }
	.row-hundred                                { margin-bottom: 100px; }


	/* Tops */
	.top-minusthree                             { margin-top: -3px; }
	.notop                                      { margin-top: 0px; }
	.top-three                                  { margin-top: 3px; }
	.top-ten                                    { margin-top: 10px; }
	.top-twenty                                 { margin-top: 20px; }
	.top-fifteen                                { margin-top: 15px; }
	.top-seventeen                              { margin-top: 17px; }
	.top-eightyfive                             { margin-top: 85px; }
	.top-fortyfive                              { margin-top: 45px; }
	.top-ninetyfive                             { margin-top: 95px; }
	.top-hundred                                { margin-top: 100px; }
	.top-hundredten                             { margin-top: 110px; }
	.top-hundredfifteen                         { margin-top: 115px; }
	.top-hundredthirty                          { margin-top: 130px; }
	.top-hundredfifty                           { margin-top: 150px; }
	.top-hundredsixty                           { margin-top: 160px; }
	.top-hundredseventy                         { margin-top: 170px; }
	.top-twohundred                             { margin-top: 200px; }
	
	/* Right */
	.right-ten                                  { margin-right: 10px; }
	.right-fifteen                              { margin-right: 15px; }
	.right-twenty                               { margin-right: 20px; }
	
	/* Remove */
	.remove-left                                { margin-left: 0px; }

	
	/* Images */

	img.scaletofit                             { width: 100%; max-width: 100%; height: auto; display: block; margin-bottom: 10px;}




/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 999px) {
		
    .container                                  { width: 768px;}
    .one                                        { width: 728px;}
		.onehalf                                    { width: 354px;}
		.onethird                                   { width: 228px;}
		.twothird                                   { width: 480px;}
		.onefourth                                  { width: 167px;}
		.threefourth                                { width: 541px;}
		.onefifth                                   { width: 128px;}
		.twofifth                                   { width: 278px;}
		.threefifth                                 { width: 430px;}
		.fourfifth                                  { width: 580px;}
		
		.threefifth_c                               { width: 300px;}
		.rearrange                                  { width: 270px;}
		.shellimg                                   { width: 390px; margin-top: 80px;}
		
		}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		
    .container                                 { width: 300px; }
		.one,
		.onehalf,
		.onethird,
		.twothird,
		.onefourth,
		.threefourth,
		.onefifth,
		.twofifth,
		.threefifth,
		.fourfifth,
	
		.threefifth_c,
		.shellimg                                 
		{ margin-left: 15px; margin-right: 15px; width: 270px;}
		
		.rearrange { margin-left: 0px; margin-right: 0px; width: 270px;}
		
		.top-hundredten, .top-hundredfifteen       { margin-top: 0px; }
	

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
        .container                                 { width: 420px; }
        .one,
		.onehalf,
		.onethird,
		.twothird,
		.onefourth,
		.threefourth,
		.onefifth,
		.twofifth,
		.threefifth,
		.fourfifth,
		
		.threefifth_c,
		.shellimg,                                 { width: 390px; }
		
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after                               { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after                                     { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	
    .row:after,
    .clearfix:after                                { clear: both;}
	
    .row,
    .clearfix                                      { zoom: 1; }


    /* You can also use a <br class="clear" /> to clear columns */
    .clear                                         { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
    
    
    
 
    	
    /* ----------------------------------------------------------- */
/*                         Aids                           */
/* ----------------------------------------------------------- */

.hidden{
 display: none;	
}

.float-left{
	float: left;
}

img.float-left{
	float: left;
	margin-right: 10px;
}

img.float-left30{
	float: left;
	margin-right:20px;
	display: block;
	margin-bottom: 20px;
}

.float-right{
	float: right;
}

.center{
	text-align: center;
}

.separator{
	height: 4px;
	/*background: url(../images/separator-bk.png) repeat-x;*/
			
		
		
	border-bottom: 2px solid #b5b5b5;
}

.relative{
	position: relative;	
}

.nomargin{
	margin: 0px;	
}

.clearcol{
	clear: left;
	}
	
.whitebk{
		background-color: white;
}
	
.softgrbk{
		background-color:  #E1E1E1;
}
	
.linedivider{
		border-bottom: 2px dashed #d3d3d3;
}
	
.theend{
		border-bottom: 30px solid #ffcd05;
		/*background: url('../images/endbk.png') repeat-x left bottom #ffcd05;*/
		height: 25px;
		width: 1000px;
		display: block;
}
	
.red{
		color: #AB0003;
		/*text-transform: uppercase;*/
}

blocktext{
	text-align: justify;
}

.bold{
	font-weight: bold;
	text-transform: uppercase;
}
	

/* ----------------------------------------------------------- */
/*                       social icons                           */

.number{
   height: 56px;
	display: block;
	width: auto;
	font-size: 200%;
	text-align: center;
	position: relative;
	top: 15px;
}

	
.facebook{
	/*background-color: black;*/
	background:url(../images/Fb_.png) no-repeat left top;
	width: 50px;
	height: 50px;
	position: relative;
	/*text-indent: -99999px;*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.facebook span{
    /*background-color: rgba(227,0,0,1.00);*/
    display: block;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 50px;
	height: 50px;
	border-radius: 5px;
    background:url(../images/Fb_.png) no-repeat left top;
	background-position: -50px 0px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}
 
.facebook span:hover{
    opacity: 1;
}

.twitter{
	/*background-color: black;*/
	background:url(../images/Twitt_.png) no-repeat left top;
	width: 50px;
	height: 50px;
	position: relative;
	/*text-indent: -99999px;*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.twitter span{
    /*background-color: rgba(227,0,0,1.00);*/
    display: block;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 50px;
	height: 50px;
	border-radius: 5px;
    background:url(../images/Twitt_.png) no-repeat left top;
	background-position: -50px 0px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}
 
.twitter span:hover{
    opacity: 1;
}


.linkedin{
	/*background-color: black;*/
	background:url(../images/In_.png) no-repeat left top;
	width: 50px;
	height: 50px;
	position: relative;
	/*text-indent: -99999px;*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.linkedin span{
    /*background-color: rgba(227,0,0,1.00);*/
    display: block;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 50px;
	height: 50px;
	border-radius: 5px;
    background:url(../images/In_.png) no-repeat left top;
	background-position: -50px 0px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}
 
.linkedin span:hover{
    opacity: 1;
}

.gplus{
	/*background-color: black;*/
	background:url(../images/G_.png) no-repeat left top;
	width: 50px;
	height: 50px;
	position: relative;
	/*text-indent: -99999px;*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.gplus span{
    /*background-color: rgba(227,0,0,1.00);*/
    display: block;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 50px;
	height: 50px;
	border-radius: 5px;
    background:url(../images/G_.png) no-repeat left top;
	background-position: -50px 0px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}
 
.gplus span:hover{
    opacity: 1;
}


/* ----------------------------------------------------------- */
/*                        HOME PAGE                            */

.bodybk{
	/*background-color: #E1E1E1;*/
	background-color: #FFF;
	}

#homeheader{
	background-repeat: no-repeat;
	height: 200px;
	width: 1000px;
	background-color: #FFD300;
	} 
	
	.logo{
	width: 340px;
	display: block;
	height: 200px;
	/*text-indent: -99999px;*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../images/BarrieTowing_logo.png);
	padding-left: 0px;
	position: relative;
	float: left;
	background-position: left center;
	left: 0px;
	margin-left: 40px;
		}
		
.headicons{
	float: left;
	height: 110px;
	width: 610px;
	margin-left: 10px;
	border-bottom: 2px solid rgba(0,0,0,1.00);
	border-style: dashed;
}
		
.mainNav{
	float: left;
	position: relative ;
	width: auto;
	margin-left: 0px;
/*	padding-left: 25px;*/
	display: block;
	vertical-align: middle;
	font-size: 20px;
	text-transform: uppercase;
	color: #000000;
	/*text-shadow: 0px 1px 1px #fff;*/
	font-family: 'Oswald';

}

.mainNav ul {
	padding-top: 18px;
	margin-bottom: 8px;
}
.mainNav ul li {
	/*line-height: 25px;*/
	float: left;
	margin-left: 30px;
	}

.mainNav ul li:first-child {
    margin-left: 15px;
}

.mainNav ul li:nth-child(2) {
    margin-left: 50px;
}

.mainNav ul li a {
	color: #000;
	-webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
	-moz-transition: color 0.2s ease-out, background 0.2s ease-out; 
	-o-transition: color 0.2s ease-out, background 0.2s ease-out; 
	-ms-transition: color 0.2s ease-out, background 0.2s ease-out; 
	transition: color 0.2s ease-out, background 0.2s ease-out;	
	
	}
	
.mainNav ul a:link, .mainNav ul a:visited {
	color: #000;
	text-decoration: none;
}
.mainNav ul li a:hover, .mainNav ul li a:active, .mainNav ul li a:focus {
	color: #AB0003;
	text-decoration: none;
}

.navphone{
	/*letter-spacing: 0.1em;*/
	color: #AB0003;
}

.footer{
	background: url(../images/footerbk.png) left bottom no-repeat;
	display: block;
	height: 200px;
	text-align: right;
	margin-top: 2px;
}	

.copyright{
	float: right;
	margin-right: 20px;
	font-variant: small-caps;
	text-align: right;
	/*font-size: x-small;*/
}	
	
/* #Media Queries - Hompage

================================================== */


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 999px) {
#homeheader{
	background-size: 770px Auto;
	height: 150px;
	width: 770px;
	}	

	.logo{
	width: 250px;
	display: block;
	height: 130px;
	background-size: 240px Auto;
	margin-left: 20px;
		}
		
	.headicons{
	float: left;
	height: 92px;
	width: 490px;
	margin-left: 10px;
	}
	
	.mainNav{
	float: left;
	position: relative ;
	width: auto;
	margin-left: 0px;
	font-size: 20px;
	display: block;
	vertical-align: t;
	text-transform: uppercase;

}

/**-----------start----------**/

.mainNav ul li:first-child {
    margin-left: 20px;
}

.mainNav ul li:nth-child(2) {
    margin-left: 70px;
}
/*-----------end---------------*/ 


.mainNav ul {
	padding-top: 10px;
	margin-bottom: 8px;
}
.mainNav ul li {
	float: left;
	margin-left: 20px;
	font-size: 30px;
	}
	
/**-----------start----------**/

	
	.number{
	   height: 36px;
		display: block;
		width: auto;
		font-size: 200%;
		text-align: center;
		position: relative;
		top: 5px;
	}
	
		
	.facebook{
		width: 36px;
		height: 36px;
		background:url(../images/Fb36_.png) no-repeat left top;
		
	}
	
	.facebook span{
	    width: 36px;
	    height: 36px;
	    background:url(../images/Fb36_.png) no-repeat left top;
	    background-position: -36px 0px;

	}
	 
	.facebook span:hover{
	    opacity: 1;
	}
	

	.twitter{
		width: 36px;
		height: 36px;
		background:url(../images/Twitt36_.png) no-repeat left top;
	}
	
	.twitter span{
	    width: 36px;
	    height: 36px;
	    background:url(../images/Twitt36_.png) no-repeat left top;
	    background-position: -36px 0px;

	}
	 
	.twitter span:hover{
	    opacity: 1;
	}	

	.linkedin{
		width: 36px;
		height: 36px;
		background:url(../images/In36_.png) no-repeat left top;
		
	}
	
	.linkedin span{
	    width: 36px;
	    height: 36px;
	    background:url(../images/In36_.png) no-repeat left top;
	    background-position: -36px 0px;

	}
	 
	.linkedin span:hover{
	    opacity: 1;
	}	
	
	
	.gplus{
		width: 36px;
		height: 36px;
		background:url(../images/G36_.png) no-repeat left top;
		
	}
	
	.gplus span{
	    width: 36px;
	    height: 36px;
	    background:url(../images/G36_.png) no-repeat left top;
	    background-position: -36px 0px;

	}
	 
	.gplus span:hover{
	    opacity: 1;
	}	
		
/*-----------end---------------*/ 
	
	.footer{
		background-size: 800px Auto;
		height: 250px;
		text-align: right;
		margin-top: 2px;
	}	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

#homeheader{
/*	background: url(../images/top_bk.jpg) no-repeat center bottom;*/
	background-size: 600px Auto;
	height: 260px;
	width: auto;
	}
	
	.logo{
	width: 210px;
	display: block;
	height: 130px;
	background-size: 210px Auto;
	margin-left: 100px;
	
}
	.headicons{
	/*float: left;*/
	
	height: 70px;
	width: 400px;
	margin-left: 10px;
		float: left;
		clear: left;
	}
	
	.mainNav ul li {
		margin-left: 12px;
}
		
	
	.mainNav ul li:first-child {
	    margin-left: 15px;
	}
	
	.mainNav ul li:nth-child(2) {
	    margin-left: 25px;
	}
	
	.footer{
		background-size: 600px Auto;
		height: 400px;
		text-align: right;
		margin-top: 2px;
		width: 300PX;
	}	

.copyright{
	font-size: x-small;
    }	
		
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 480px) {

 #homeheader{
	background-size: 300px Auto;
	height: 315px;
	width: 300px;
	margin-top: 0px;
	}
	
	.headicons{
	float: left;
	height: 60px;
	width: 300px;
	margin-left: 2px;
}
	
 .logo{
 width: 200px;
 display: block;
 height: 130px;
 background-size: 200px Auto;
 margin-left: 50px;
 	}


.copyright{
	font-size: x-small;
}	 	
 	
/**-----------start----------**/

	.mainNav ul li {
		margin-left: 20px;
}

.mainNav ul li{
 margin-top: 10px;
	
}
.mainNav ul li:first-child {
    margin-left:60px;
}

.mainNav ul li:nth-child(2) {
    margin-left: 45px;
}

/*	.facebook{
		width: 46px;
		height: 46px;
		
		
	}
	
	.facebook span{
	    width: 46px;
	    height: 46px;

	}
	 
	.facebook span:hover{
	    opacity: 1;
	}*/

/*-----------end---------------*/ 
 	
}




.google-maps {
        position: relative;
        padding-bottom: 35%; 
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }