/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Base 960 Grid
================================================== */
	.megacontainer								{ width: 100%; margin: 0 auto; padding: 0; position: relative;
												display:flex;
												display: -moz-flex;
												display: -webkit-flex;
												flex-direction: column;
												-webkit-flex-direction: column;
												-moz-flex-direction: column;
  												}
	.supercontainer								{ width: 100%; margin: 0 auto; padding: 0; position: relative;  }
	.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }
	.left 										{float:left}
	.right										{float:right}

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }
	.supercontainer .one-third.column           { width: 300px; }
    .supercontainer .two-thirds.column          { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	
	
	
	
	.cincuenta {width:50%; padding:0; margin:0; float:left; height:auto; overflow:hidden}
	.padding20 {padding:20px; float:left}
	.cincuenta img, .padding20 img { width:100%; height:auto; float:left}


.head {/*transparente*/
	position:fixed;
	top:0;
	left:0;
	margin:0;
	height:80px;
	width:90%;
	padding:10px 5%;
	z-index:99999;
	transition: all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;
}

.head img {float:left; transition: all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

.head.headscroll {padding:5px 5%; height:40px; background:#000; opacity:0.9;}

div.head.headscroll img {max-height:40px; width:auto}



.footer {position: fixed; width:90%; padding:10px 5%; left:0; bottom:0; height:40px; background:url(images/bg_pattern.png); border-top:1px solid #032151; line-height:20px; letter-spacing:.2em; font-size:14px; color:#000; font-family:'bebas', sans-serif; overflow:hidden }
.footer img {height:40px; width:auto; float:right; margin-left:20px;}
.footer div.left img {height:40px; width:auto; float: left; margin-left:0;}
.two-thirds.column.left {width:550px;}


#inicio, #calendario, #remate, #usted, #feria, #nosotros, #personas, #empresas, #aseguradoras, #clientes, #siniestros, #cotizacion, #newsletter, #consorcios, #consorcios_intro, #introduccion, #administradores, #gremios, #cotizar, #contacto2, #siniestros, #contacto, #links, #pelaje {min-height:100vh; overflow:hidden}

#inicio2 {
	height:600px !important;}

#googleMap{
	 height:400px;
	 width:100%;
	 }

.divblanco {
	margin:0;
	padding:40px 0 10px 0;
	margin:auto;
	text-align:center;
	display:block;
	height:250px;
	width:100%;
	color:#000;
	background-color:#fff;
	}

.divnegro {	margin:0; padding:40px 0 10px 0; margin:auto; text-align:center; display:block;	height:250px;
	width:100%; color:#000;	background-color:#000;
	}
	
.divnegro2 {	margin:auto; text-align:center; display:block;	height:10px;
	width:100%; color:#000;	background-color:#000;
	}
	
.divanimales2 {
	height:5px;
	display:block;
	width:100%;
	margin:0;
	margin:auto;
	background-color:#000;
	}
	
	.divanimales {
		background-position:center;
		vertical-align:middle;
	height:100px;
	vertical-align:middle;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	margin:auto;
	background-image: url(images/ICONOS/guardapampa.gif);
	background-color:#fff;
	background-repeat: repeat-x;
	box-sizing: border-box;
	
	}

#ico{
	min-height:50vh; overflow:hidden;
	background-color:#e1e1e0;
}

#feria{
	background-image: url(images/guaraN3.png);
	background-repeat:repeat-x;	
}

.icoAves {
	margin-left:0;
	max-width:100px;
	height:auto;
	position:relative;
	left:0;
	margin-left:0;
	display:block;
	padding-right:30px; }

.beige{
	background-color:#fcf9f3;}

.tabaco {
	background-color:#e1e1e0;}
	

.efx {
	float:left;
    width: 100%;
    min-height:300px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    background-attachment: fixed;
}

/*IMAGEN COVER INICIO*/
.efx:nth-child(1) { background-image: url(images/corrida2b.jpg); } /*navidad >>url(images/03.jpg); url(images/1.jpg);  images/corrida2b.jpg /bg_caballo5.jpg  images/6.jpg) especial; -- url(images/01.jpg)-- */

.txt_variablemia { margin:auto; text-align:center; display:block; width:100%; overflow:hidden; padding-top:50px}
.txt_variable {float:left; width:100%; overflow:hidden; padding-top:50px}
.txt_variable ul {margin:20px 0; display: list-item}
.txt_variable img {max-width:480px; height:auto}

.txt_variable input[type="submit"] {padding:10px 10px 20px; height:12px; float:left; margin:20px 10px; line-height:12px; font-size:12px; clear:both; background:#001b52; color:#dad6c4;}
.txt_variable input[type="submit"]:hover {background:#dad6c4; color:#001b52; }

#inicio, #consorcios, {
	display:flex;
	display: -moz-flex;
	display: -webkit-flex;
	color:#fff;
	font-family:'bebas', sans-serif;
	letter-spacing:.2em;
	font-size:14px;
	line-height:24px;
	min-height:550px;
}


#inicio h1 {color:#fff}
#inicio p, #consorcios p {max-width:550px; float:left; padding:10px; background:url(images/negro50.png);}

.heigth {
	height:60vh;}

div#inicio div:nth-child(1) {
	height:100vh;} /*100%alto div*/
	
.baseremate {
	margin:0 auto;
	display:block;
	text-align:center;
	background-color:#000;
	opacity: 0.6;
	max-width:400px; /*antes 300px sin 23*/
	max-height:120px;
	padding:20px;
	}

.baseblanca {
	background:url(images/ICONOS/blanco50.png);
	margin:auto;
	display:block;	
	width:95%;
	height:auto;
	padding-top:30px;
	clear:both;
	overflow:hidden;
	padding-bottom:30px;
	}
	
.basenegrita {
	background-color:rgba(0, 0, 0, 0.8);	
	margin: 0;
	width:95%;
	height:10px;
	text-align:center;
	padding:20px 25px 0 25px;
	clear:both;
	color:#FFF;	}

.base {	
	font-family:'bebas', sans-serif;
	font-size:30px;
	letter-spacing:0.1em; 
	color:#FFF;	
	}

.base a {
	margin:auto;
	color:#FFF;
	cursor: pointer !important;	
	margin-top: 25px;
	cursor:pointer !important;}
	
.base a:hover{
	color:#9C3;
	}
	
.centrar {
	margin:auto;
	display:block;
	width:80px;
	}
	
.centrar a, a:hover{
	cursor:pointer;}

.imagallo{
	background: url(images/ICONOS/galloRemateoK.png);
	max-width:235px;
	height:197px;
	margin-top:50px; 
	margin:auto; 
	display:block; 
	text-align:center;}
	

.imgal {
	width:250px;
	height:auto;
	margin:auto;
	display:block;
	}
	
.imacantina{
	background: url(images/ICONOS/cantina.png); 
	max-width:78px;
	height:149px;	
	margin:auto; 
	display:block; 
	text-align:center;}	
		
.imacalendario{
	position:relative;
	background-position:bottom !important;
	background-repeat:no-repeat !important;
	background: url(images/calendario2.png); 
	max-width:113px;
	height:200px;	
	margin:auto; 
	display:block; 
	text-align:center;}	
	
.calend { background: url(images/calendario2.jpg) center top no-repeat fixed; height:auto; float:left; overflow:hidden;
    
    background-size: cover;
    background-attachment: fixed;}

.imgcalendario {
		text-align:center;
		display:block;
		margin:auto;
}

#calendar {
	padding:20px;
	display:block;
	text-align:center;
	}
	
#calendar2 {
	padding:0 40px;
	display:block;
	clear:both;
	}

#calendario {	
	display:block;
	clear:both;
	}

.divcalendario{
	min-width:20%;
	margin:10px;
	padding:10px;
	display:inline-block;
	background-color:#fff;
	opacity:0.8;}

.divcalendario2{
	color:#FFF;
	min-width:20%;
	margin:10px;
	padding:10px;
	display:inline-block;
	background-color:#000;
	opacity:0.8;}
	
.divcalendario2:hover{
	background-color:#6C3 ;/*#0C0#F96*/
	cursor:pointer;}
	
.baseremate2 {
	font-family:'Roboto', sans-serif;
	display: inline-block;
	text-align:center;
	color: #fff !IMPORTANT;		
	letter-spacing:-0.1;
	}

.especial {
	margin:auto;
	width:700px;
	
	padding:40px !important;
	background: rgba(255,255,255,0.5);
	box-sizing: border-box;
	text-align:center;
	margin-bottom:100px;}
	
@media (max-width:700px){

		.h1especial{
			font-size:20px;
			width: 100%;
			}
		 .especial {
		 width:100%;}
		 
	.col1, .col2{
		width: auto;
		padding:20px;
	   }	
	   
	#foot {
			display:none;}
	}
	
.col1, .col2 {
	margin:auto !important;
	display:inline-block;
	padding:40px;
	max-width: 30%;
	float: left;
}


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

	   	.imgal {width:200px;}		
		
		.ini {font-size:70px;}
		
		#remespe h3{font-size:100px;}
			 
		#iconossale {display:none;}
		
		#achicar img{width:100px;}		
		
	}

.containeri {
	width:100%;}

#remsale {
	"max-width:80%; 
	margin:auto; 
	display:block;
	}
	
.diviconos {
	width:100px; 
	margin:auto; 
	margin-top:30px; 
	padding:20px; 
	display: inline-block; 
	text-align:center;	}

.imgremate{	
	display:block;
	margin:auto;
	text-align:center;}
	
.blancoremate {
	background:#FFF;
	width:80%;
	height:auto;
	padding:50px;
	opacity: 0.8;
	}


#contactoferias {
	background-image:;
	background-size: 100vw 100vh; /*ancho ventana , alto ventana*/
	background-attachment:fixed;
	margin:0;}

#cambio_header {padding-top:100px}
#divinicio, {padding-top:100px; margin:auto; display:block; text-align:center;}

.acercate { background: url(images/vacunos2.jpg)  center top no-repeat fixed; padding:40vh 0; height:20vh; text-align:center ; font-size:30px; color:#fff; display:block; margin: auto; overflow:hidden;
    background-position: 50% 0;
    background-size: cover;
    background-attachment: fixed;}
	

#acercate p { font-size:16px; max-width:550px; margin:auto; display:block; padding:20px; background:url(images/negro50.png); color:#fff;}	
#acercate h1 {font-family:'bebas', sans-serif !important; font-size: width:100%; padding:20px; text-transform:uppercase; color:#FFF; background:url(images/negro50.png);}
#generico h1 { margin:auto !important; display:block; text-align:center; width:auto; padding:20px; background:url(images/ICONOS/blanco50.png);}


/*VER ESTO*/
.cover {
	width:100%;
	background-attachment:scroll;
	position:relative;
	top:0;
	left:0;}
	
.pelaje {
	background: fixed;
	overflow:hidden;
	background-image:url(images/pelajes.jpg);
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	background-repeat: no-repeat;
    background-position:relative;
	top:0;
	left:0;	
    background-size: cover;
    background-attachment: fixed;
	}
	
#pelaje {
	position:relative;
	top:0; left:0; padding:0; margin:0;
	width:100%; height:auto;
	background-image: url(images/pelajes.jpg);
	background:fixed;
	font-family:'bebas', sans-serif;	
	font-size:40px;
	color:#000;
	text-align:center ; 
	margin:auto;
	text-align:center;
	display: block;	
}

.rematesaladillo {
	background: fixed;
	overflow:hidden;
	background-image:url(images/saladillo.jpg);
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	background-repeat: no-repeat;
    background-position:relative;
	top:0;
	left:0;	
    background-size: cover;
    background-attachment: fixed;
	}	
	
.imgremate { background: url(images/corridaClear.jpg) center top no-repeat fixed;}

.rematebloque { background:#000; position:absolute; top:0; left:0; min-width:80px; height:auto; padding:10px; text-align:center; color:#fff;}
	
.imagine p:last-child {font-style:normal; font-size:20px}

#personas, #administradores {background: url(images/bg_pattern2.png) fixed;}

#contacto {
	   background-image: url(images/bgcontacto.jpg);
	   background-size: 100vw 100vh; /*ancho ventana , alto ventana*/
	   background-attachment:fixed;
	   margin:0;}

#personas img {margin:0 20px 20px 0}
#personas h2, #personas h3 {color:#fff}

#calendario {
	background-color:#e1e1e0;} 
	
#remisiones {
	background-color:#e1e1e0;} 
	
#cotizar {background: url(images/bg.png) fixed }
#personas img, #usted img, #nosotros img, #consorcios_intro img {float: right; margin:0 0 20px 20px}
#remate .baseblanca img {float: left; margin-right:20px;}

.gener { background: url(images/rema2.jpg) center top no-repeat fixed; padding:40vh 0; height:20vh; text-align:center ; font-size:30px; color:#fff; display:block; margin: auto; overflow:hidden;
    background-position: 50% 0;
    background-size: cover;
    background-attachment: fixed; }
	

.remateespecial { 
	background: url(images/especialfondo.jpg) center top no-repeat fixed; 
	padding:40vh 0; 
	/*height:20vh; */
	text-align:center ; 
	font-size:30px; color:#fff; display:block; margin: auto; 
	overflow:hidden;
    background-position: 50% 0;
    background-size: cover;
    background-attachment: fixed;}

#wrapper{
	max-width:685px;
	height:auto;
	margin: auto;
}

.imgrema{
	width:80%;
	height:auto;/*normalemnte se deja automatico*/
	margin:auto;/*centra horizontalemnte la imagen el contenedor tiene que tenes un ancho- el div*/
	display:block;/*para poder centrar la imagen*/
	margin-top:15px;
	}
	
	
#gallofin { background: url(images/galloFIN4.jpg) center top no-repeat fixed; padding:40vh 0; height:20vh; text-align:center ; font-size:30px; color:#fff; display:block; margin: auto; overflow:hidden;
    background-position: 50% 0;
    background-size: cover;
    background-attachment: fixed;}
	
#gallofin2 {	 
	 width:100%;
	 height:600px;
	 background-position: center center;
 	 background-size: cover;
 	 background-image: url(images/galloFIN4.jpg) center top no-repeat fixed;}
	
#clientes, #links, #newsletter {background:url(images/bg3.png) fixed}

#clientes h2, #clientes h3 {color:#fff}

#clientes p, #administradores p, #links p, #gremios p {
column-count:2 !important;
-moz-column-count:2 !important;
-webkit-column-count:2 !important;
}


#aseguradoras a img { height:60px; width:auto; margin:30px; transition: all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; cursor:pointer}
#aseguradoras a img:hover {
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); }

.form01, .form02, .form03, .form04, .form05 {display:none}

.form01 form, .form02 form, .form03 form, .form04 form, .form05 form, .form06 form, .form07 form .form08 form { float:left; overflow:hidden; border:1px dotted #999999; padding:10px 2%; width:96%}

.supercontainer.form_escondido {border:1px dotted #999999; padding:10px 2%; width:96%; overflow:hidden}
.container.left.add-bottom {width:100%}

.generico2 {background-image:url(images/bg3.jpg); height:60vh; padding:20vh 0}

#consorcios {
	background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    background-attachment: fixed;
	background-image: url(images/CABRITOS2.jpg);
}


.containerfive.columns img {width:100%; height:auto}

.lacocina {border:none; position: absolute; right:0; bottom:0}



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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 748px; padding:0 10px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
		
		.footer {height:auto; position:relative; float:left}
		.footer img {float:left; }
		div.supercontainer .one-third.column.right {float:left; width:100%}
		div.supercontainer .one-third.column.right img {margin-left:0; margin-right:10px}
		
		#footlogo{
			display:none;}
		
		}


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

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

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
		
		.footer {height:auto; position:relative; float:left}
		.footer img {float:left; }
		div.supercontainer .one-third.column.right {float:left; width:100%}
		div.supercontainer .one-third.column.right img {margin-left:0; margin-right:10px}
		
		.txt_variable img {max-width:300px; height:auto; float:left;}
		
		#clientes p, #administradores p, #links p, #gremios p {
		column-count:1 !important;
		-moz-column-count:1 !important;
		-webkit-column-count:1 !important;
		}
		
		.imagine2, .imagine3 { display:none}
		
		#footlogo{
			display:none;}

    }


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

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
		
		.footer {height:auto; position:relative; float:left}
		.footer img {float:left; }
		div.supercontainer .one-third.column.right {float:left; width:100%}
		div.supercontainer .one-third.column.right img {margin-left:0; margin-right:10px}
		
		.txt_variable img {max-width:420px; height:auto; float:left;}
		#clientes p, #administradores p, #links p, #gremios p {
		column-count:1 !important;
		-moz-column-count:1 !important;
		-webkit-column-count:1 !important;
		}
		
		.imagine2, .imagine3 { display:none}	
		
	
		
			
    }


/* #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;
    }

/* #Page Styles
================================================== */