/* Design by http://www.dreamtemplate.com */

@charset "utf-8";
@font-face {
    font-family: 'Conv_corbel';
    src: url(fonts/corbel.eot);
    src: local('☺'), url(fonts/corbel.woff) format('woff'), url(fonts/corbel.ttf) format('truetype'), url(fonts/corbel.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: AvenirRev;
    src: url(../fonts/AvenirLTStd-Light.eot);
    src: local('☺'), url(../fonts/AvenirLTStd-Light.woff) format('woff'), url(../fonts/AvenirLTStd-Light.ttf) format('truetype'), url(../fonts/AvenirLTStd-Light.svg) format('svg');
    font-weight: 400;
    font-style: normal
}


/*@font-face {
  font-family: 'Revuelta';
  src: url(/fonts/revuelta-webfont.eot?1404166866);
  src: url(/fonts/revuelta-webfont.eot?&1404166866#iefix) format("embedded-opentype"), url(/fonts/revuelta-webfont.woff?1404166866) format("woff"), url(/fonts/revuelta-webfont.ttf?1404166866) format("truetype"), url(/fonts/revuelta-webfont.svg?1404166866#revueltaregular) format("svg");
  font-weight: normal;
  font-style: normal; }*/

@font-face {
    font-family: 'revuelta';
    src: url('../fonts/gothicd41d.eot?') format('embedded-opentype'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'fontello';
    src: url(../fonts/fontello1a38.eot?82136266&1396556106);
    src: url(../fonts/fontello1a38.eot?82136266&1396556106#iefix) format("embedded-opentype"), url(../fonts/fontello1a38.woff?82136266&1396556106) format("woff"), url(../fonts/fontello1a38.ttf?82136266&1396556106) format("truetype"), url(../fonts/fontello1a38.svg?82136266&1396556106#fontello) format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    font-family: AvenirRev, 'AvenirRev', Corbel, Conv_corbel, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

html,
.main {
    padding: 0;
    margin: 0;
}

section,
.fbg,
.footer {
    position: relative
}

.main {
    width: 100%;
    position: relative;
}

.clr {
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

img {
    border: none;
}

h2 {
    margin: 8px 0;
    padding: 8px 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 2.2em;
    color: #585757;
    text-transform: none;
}

p {
    margin: 8px 0;
    padding: 0 0 8px 0;
}

a {
    color: #588b23;
    text-decoration: none;
}

.header,
.content,
.menu_nav,
.fbg,
.footer,
form,
ol,
ol li,
ul,
.content .mainbar,
.content .sidebar {
    margin: 0;
    padding: 0;
}

.header {
    position: relative;
    width: 100%;
    z-index: 1;
}

#barraNav {
    height: 75px;
    -webkit-transition: all .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: all .5s ease-in-out, padding .5s ease-in-out;
    transition: all .5s ease-in-out, padding .5s ease-in-out;
}

.top_menu {
    margin: 0 auto;
    width: 95%;
    height: 115px;
    z-index: 10000;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.menu-item.active a {
    color: #FF0!important
}

#contenedor-logo-terrasabvia {
    position: absolute;
    top: 100%;
    left: -6%;
    -webkit-transition: all .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: all .5s ease-in-out, padding .5s ease-in-out;
    transition: all .5s ease-in-out, padding .5s ease-in-out;
}

#menuSecc {
    position: absolute;
    top: 35%;
    right: 10%;
    -webkit-transition: all .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: all .5s ease-in-out, padding .5s ease-in-out;
    transition: all .5s ease-in-out, padding .5s ease-in-out;
}

#menuSecc li a {
    display: block;
    margin: 0;
    padding: 12px 30px;
    font-size: 135%;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    filter: Alpha(opacity=60);
    color: #FFF
}

.menu-item.active a {
    color: #FF0!important
}

#menuSecc li a:focus {
    background-color: transparent
}

#menuSecc li a:hover {
    text-decoration: none;
    /*color: #fff;*/
    /*font-weight: bold;*/
    /*filter: Alpha(opacity=100);*/
    color: #96c84f!important;
    background-color: transparent!important
}

#menuSecc li .bot-50:hover {
    color: #FFFFFF!important
}

.logo,
.logo-responsive #logoResp img {
    transition: all .5s ease-in-out, padding .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: all .5s ease-in-out, padding .5s ease-in-out;
    -ms-transition: all .5s ease-in-out, padding .5s ease-in-out;
}

.logo {
    position: relative;
    margin: 0;
    background: #FFF;
    float: left;
    width: 270px;
    z-index: 50001;
    border: 8px solid #96c84f;
    border-radius: 150px;
    padding: 60px 23px;
    top: -50px;
}

.logo-responsive {
    display: none
}

#sleeve {
    position: relative;
    left: 0;
    -webkit-transition: all .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: all .5s ease-in-out, padding .5s ease-in-out;
    transition: all .5s ease-in-out, padding .5s ease-in-out;
}

.logo img {
    max-width: 100%;
    z-index: 50002;
}

h1 {
    margin: 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2em;
    text-transform: none;
    letter-spacing: 2px;
}

h1 a,
h1 a:hover {
    color: #fff;
    text-decoration: none;
}

h1 span {}


/*h1 small {
	display:block;
	font-size:13px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:none;
	color:#fff;
}*/

.arrow {
    position: absolute;
    -webkit-animation-delay: 0.3s;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: arrowBounce;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 0.3s;
    animation-duration: 2s;
    animation-name: arrowBounce;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: url(../images/arrow-downf59b.png?v=f108cf74) no-repeat;
    background-position: 48% 48%;
    bottom: 73.5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 3em;
    height: 55px;
    left: 47%;
    width: 55px;
    z-index: 10;
    border: 2px solid;
    border-radius: 50%;
    padding: 30px
}

.txt-ver-mas {
    position: absolute;
    top: 100%;
    font-size: 0.35em;
    width: 100%;
    right: 0%;
    text-align: center
}

.arrow:hover {
    color: #96c84f
}

@keyframes arrowBounce {
    0% {
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    50% {
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

#contIntro {
    background: url(../images/construccion/planta-terrasabvia-background.jpg) no-repeat;
    background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    background-position: 50% 50%;
}

#contIntro .mainbar {
    position: absolute;
    top: 50%;
    padding: 0% 3% 5% 0;
    color: #FFFFFF
}

#contIntro .mainbar h2 {
    margin-bottom: 4px;
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    padding: 30px;
    font-size: 100%;
}

#contIntro .mainbar div.img {
    padding: 12px 0;
    float: left;
}

#contIntro .mainbar .article .img img {
    width: 100%;
}

#contIntro .mainbar .article #subTit {
    font-size: 180%;
    padding: 4% 16%;
    font-family: Androgyne, Corbel, Conv_corbel, Arial, Helvetica, sans-serif;
}

#contIntro .mainbar .article .img-mejorador-portada {
    float: left;
    background: url('../images/costal-terra.jpg') no-repeat bottom center;
    width: 100%;
    height: 300px;
    margin-top: 5%;
}

.img-mejorador-portada .citaTexto-portada {
    background-color: rgba(0, 0, 0, 0.55);
    text-align: center;
    padding: 3%;
    margin-top: 50%;
    color: #FFFFFF;
}

#contIntro .mainbar img.fl {
    margin: 0;
    border: 1px solid #dcdee2;
}

#contIntro .mainbar .article {
    padding: 6px 20px;
}

#contIntro .mainbar .article h1 {
    margin-bottom: 50px;
}

p#frase-terra {
    /*font-style: italic;*/
    font-size: 110%;
    color: #FFF;
}

#contIntro {
    height: 100vh;
    padding: 0;
}

#contIntro:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

#acercaTerra {
    background: #FFFFFF;
    padding-bottom: 100px;
    border-top: 15px solid #F00
}

#mainTitle {
    padding-bottom: 5%;
    background-color: #FFF;
    background-position: right;
    /*border-bottom: 15px solid #F00;*/
}

.section-title {
    padding: 3% 20% 0
}

    div#error {
    color: #F00!important;
    font-size: 1em;
    /* margin-top: 40px; */
}

@media screen and (max-width: 1024px) {
    .section-title {
        padding: 5% 12%;
        position: relative
    }
}

@media screen and (max-width:991px) {
    .logo {
        display: none
    }
    .logo-responsive {
        display: block;
        width: 30%;
        position: fixed;
        top: 0;
        padding: 0;
        margin: 25px 0;
        transition: all .5s ease-in-out, padding .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: all .5s ease-in-out, padding .5s ease-in-out;
        -ms-transition: all .5s ease-in-out, padding .5s ease-in-out
        /*top:-60px;*/
    }
    .logo-responsive a img {
        max-width: 70%
    }
    div.alto-rend-icons {
        width: 100%;
        padding: 35px 20px
    }
    #altoRendResponsive #iconSec-1 .icons {
        padding: 3% 10%;
        margin-top: 0!important
    }
}

@media screen and (max-width:768px) {
    /*#barraNav{
		height: 70px!important;	
	}*/
    .logo-responsive {
        position: fixed;
        max-width: 30%;
        top: 0
        /*top:-60px;*/
    }
    video#bgvid,
    ul#menuSecc {
        display: none
    }
    #contIntro {
        background-position: 0% 50%;
    }
    .collapse {
        display: block;
    }
    div#menu-responsivo {
        height: 0
    }
    ul#menu-resp {
        width: 100%;
        height: 100vh;
        background: #96c84f;
        z-index: 200000;
        position: fixed;
        padding: 50px 0;
        overflow: auto;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%)
    }
    ul#menu-resp.open {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0)
    }
    ul#menu-resp li a {
        font-size: 270%;
        color: #FFFFFF
    }
    #altoRendResponsive #iconSec-1 .icons {
        padding: 3% 15%;
    }
    .grupoRevSection {
        background-size: 195%!important;
        background-position: 50% 450px;
    }
}

@media screen and (max-width:740px) {
    .logo-responsive {
        max-width: 45%;
        margin: 15px 0;
        padding: 0
        /*padding: 15px 0px*/
    }
    ul#menu-resp li a {
        font-size: 230%
    }
    .section-title {
        padding: 25px 30px;
        font-size: 90%
    }
}

@media screen and (max-width:480px) {
    ol li label {
        font-size: 0.9em!important
    }
}

@media screen and (max-width:425px) {
    .logo-responsive {
        width: 45%;
    }
    .grupoRevSection {
        background-size: 350% 115%!important
    }
}

@media screen and (max-width:360px) {
    /*.logo-responsive a img{
		max-width:35%
	}*/
    #contIntro {
        background-position: 15% 50%;
    }
    .grupoRevSection {
        background-size: 450% 200%!important
    }
}

.caja-frutas {
    z-index: 2
}

.costal-terra {
    position: absolute;
    right: 5%;
    z-index: 1;
}

.logo-rinde {
    position: absolute;
    right: 62%;
    margin-top: 22%;
    z-index: 3;
}

.section-title h1 {
    font-size: 2.5em;
    /*font-style:	italic;*/
    color: #0c9e48;
    /*text-transform:uppercase;*/
}

#containerTerra .post_content {
    font-size: 140%;
}

div.wrap-revolvedora {
    padding: 0
}

div.requerimientos {
    padding: 20px 0 80px
}

div.campo-intro {
    padding: 30px 0 70px
}

div#tablaReq {
    font-size: 18px;
    font-weight: bold
}

div.table-title {
    /*color:#419444;*/
    color: #316130;
    padding: 10px 0;
    border: 2px solid;
    margin: 20px 0
    /*background: #419444;
    color: #FFFFFF;
    border: 3px solid #72c167;
    padding: 5px 0;*/
}

.logo-terra-tabla {
    width: 50%;
    margin: 0 auto
}

.table-wrap .table-bordered>thead>tr>th,
.table-wrap .table-bordered>tbody>tr>td {
    border: 2px solid #72c167;
    text-align: center
}


/*.table-wrap .table-bordered > tbody > tr > .inner-col{
	background:#a1d39a;
	color:#316130
}*/


/*.second-col,
.third-col{
	background:#a1d39a;
	color:#316130
}*/

.first-col {
    color: #FFFFFF;
    background: #316130
}

th.second-col {
    background: #FFFFFF
    /*background:#afd69f;*/
    font-weight: bold
}

.inner-col.second-col {
    background: #FFFFFF
    /*background:#e5f7d1*/
}

.second-col.ton-hect {
    color: #FF0000
}

.third-col {
    background: #dedcc9
}

.inner-col.third-col {
    background: #eaeae1
}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #tablaReq table,
    #tablaReq thead,
    #tablaReq tbody,
    #tablaReq th,
    #tablaReq td,
    #tablaReq tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #tablaReq thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #tablaReq tr {
        border: 1px solid #ccc;
    }
    #tablaReq td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    #tablaReq td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /* Label the data */
    #tablaReq td:before {
        content: attr(data-title);
    }
}

.grupoRevSection,
.canterosSection {
    width: 100%;
    color: #fff;
    border-bottom: 15px solid #F00;
    background-color: #96c84f;
    background-position: 50% 0%;
    background-attachment: fixed;
    padding: 200px 0;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.grupoRevSection {
    background: url('../images/slides/slide2.jpg');
    background-repeat: no-repeat
}

.canterosSection {
    background: url('../images/canteros-terra.jpg');
    background-repeat: no-repeat;
    font-size: 3em;
    padding: 260px 0
}

.canterosSection img {
    margin: 0 auto
}

.grupoRevSection .post_content {
    font-size: 3em;
    padding: 2% 5%;
}

.grupoRevSection ul.es-bueno-list {
    list-style: none;
    font-size: 80%
}

img.logo-marca-reg {
    display: inline;
    max-width: 90%;
    padding-bottom: 2%;
}


/*.grupoRevSection ul.es-bueno-list>li{
	display:inline-block;
	padding:20px
}*/

.img-txt-left-wrap,
.img-wrap {
    padding: 0
}


/*.alto-rend-icons {
    padding: 0 35px;
}*/

#altoRend,
#altoRendResponsive {
    background: #FFFFFF;
    font-size: 26px;
    /*font-style: italic;*/
    color: #0c9e48;
    margin: 0;
    padding-bottom: 100px;
}

#altoRendResponsive {
    display: none
}

#altoRend h1,
#altoRendResponsive h1 {
    font-size: 160%;
    padding: 2%;
    /*background:#72c167;*/
    color: #316130;
    margin: 0 0 30px
}

#altoRend .container div span #altoRendResponsive .container div span {
    display: inline-block;
}

#altoRend #caract-1,
#altoRend #caract-2,
#altoRend #caract-3,
#altoRendResponsive #caract-1,
#altoRendResponsive #caract-2,
#altoRendResponsive #caract-3 {
    padding: 48px 20px;
    color: #3a2d20
}

#altoRend #caract-1,
#altoRendResponsive #caract-1 {
    /*background:	#5cb04f;*/
    background: #e6dcd2
}

#altoRend #caract-2,
#altoRendResponsive #caract-2 {
    /*background:	#4e9f45;*/
    background: #dacdbf
}

#altoRend #caract-3,
#altoRendResponsive #caract-3 {
    /*background:	#419444;*/
    background: #cfbfaf
}

#altoRend .numAltRend,
#altoRendResponsive .numAltRend {
    font-size: 250%;
    font-family: Times;
    font-style: normal;
    font-weight: bold;
    color: #afd89d;
}

#altoRend .caract-alto-rend,
#altoRend .txtAltRend,
#altoRendResponsive .txtAltRend {
    font-size: 65%;
    /*width:65%;
	margin-left:5%;
	color:#FFFFFF*/
    top: 30%;
    font-family: AvenirRev, 'AvenirRev', Calibri, Corbel, Conv_corbel, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 120%;
}

#altoRend #iconSec-1 .img-icons,
#altoRendResponsive #iconSec-1 .img-icons {
    float: left
}

#altoRend #iconSec-1 .icons {
    position: relative;
    left: 2%
}

#altoRend #iconSec-1 .icons,
#altoRendResponsive #iconSec-1 .icons {
    text-transform: none;
    font-weight: bold;
    color: #4e9f45;
    margin-top: 5%
}

.alto-rend-nums .caract-alto-rend span {
    width: 100%!important;
    margin-left: 2%!important
}

@media screen and (max-width: 1024px) {
    .grupoRevSection .post_content {
        width: 100%
    }
    #altoRend {
        display: none
    }
    #altoRendResponsive {
        display: block;
        padding-bottom: 0
    }
    #altoRend .alto-rend-nums {
        width: 45%;
        margin-left: 10%;
    }
    #altoRend .alto-rend-icons {
        width: 40%;
        margin-left: 5%;
    }
    #altoRend .txtAltRend,
    #altoRendResponsive .txtAltRend {
        margin-left: 0%;
        width: 100%
    }
    .alto-rend-nums {
        padding: 0
    }
    .alto-rend-nums .caract-alto-rend span {
        margin-left: 0%!important
    }
    #altoRend #caract-1,
    #altoRend #caract-2,
    #altoRend #caract-3,
    #altoRendResponsive #caract-1,
    #altoRendResponsive #caract-2,
    #altoRendResponsive #caract-3 {
        line-height: 20px
    }
    .img-wrap {
        padding: 50px 0 0;
        width: 100%
    }
}

.fbg {
    background: #d6e4cb;
    /*background:url(../images/pre-footer-bg.jpg) no-repeat;
	background-size:cover;
	background-position:50% 50%;*/
    color: #316130;
    padding: 50px 0 100px
}

.fbg_resize {
    /*margin:0 auto;
	max-width:960px;
	padding:50px 20px;*/
}

.fbg h2 {
    font-size: 2.5em;
    margin-bottom: 24px;
    padding-bottom: 8px;
    color: #316130;
}

.datos,
.ult-dato {
    width: 100%;
    padding: 6px 10px;
    border: none;
    resize: none
}

#contactoForm ol li span {
    position: absolute!important;
    right: 0;
    margin-top: -5%;
    color: #F00!important;
    font-size: 1em
}

.dat {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 15px;
}

.icon-location,
.icon-phone,
.icon-mail-alt {
    font-size: 18px;
    float: left;
    color: #96c84f;
}

ol {
    list-style: none;
}

ol li {
    display: block;
    clear: both;
}

ol li label {
    display: block;
    margin: 0;
    padding: 14px 0 0 0;
    font-size: 1.2em
}

ol li input.text {
    width: 100%;
    border: 1px solid #c0c0c0;
    margin: 0;
    padding: 5px 2px;
    height: 16px;
    background-color: #fff;
}

ol li textarea {
    width: 100%;
    border: 1px solid #c0c0c0;
    margin: 0;
    padding: 2px;
    background-color: #fff;
}

ol li .send {
    margin: 16px 0 0 0;
}

.button2 {
    padding: 7px 10px;
    font-size: 12px;
    font-family: helvetica, serif;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width: 100%;
    background: #588b23;
    color: #FFFFFF !important
}

.button:hover,
.button2:hover,
.button:active,
.button2:active {
    background: #96c84f;
    color: #ffffff !important;
}

.aviso {
    font-size: 100%;
    padding-right: 4%;
    text-align: justify;
}

.aviso #ctl00_checkboxAceptar {
    width: 18px;
    height: 18px;
    margin: 0 3px 0 0 !important;
}

form {
    margin: 0 auto;
}

.contact-info {
    font-size: 19px
}

.formularioContacto_direccion,
.formularioContacto_telefono,
.formularioContacto_mail {
    font-size: 16px;
    font-family: AvenirRev, 'AvenirRev', helvetica, Corbel, Arial;
    font-weight: bold;
    float: left;
    text-decoration: none;
    margin-left: 8px;
    text-align: left;
}

.formularioContacto_telefono {
    font-size: 22px
}

.footer {
    /*border-top: 1px solid #3f3f3f; */
    background: #d6e4cb;
    background-color: #d6e4cb;
    padding-top: 135px;
    /* max-width: 1920px; */
    /* overflow-x: hidden; */
    background: #d6e4cb url(../images/compositions/bg-bottom-footer.png) no-repeat;
    background-size: cover;
    background-position: 50% 20%;
}

.footer img.bg-footer {
    position: absolute;
    top: -100px;
    width: 100%
}

.copy-terra {
    padding: 55px 0;
    color: #FFFFFF
}

.logo-gpo-rev {
    padding: 20px 0
}

.logo-gpo-rev img {
    margin: 0 auto
}

.enlaces-footer {
    color: #FFFFFF;
    padding: 50px 0
}

.enlaces-footer .nav>li>a {
    color: #FFFFFF;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out
}

.enlaces-footer .nav>li>a:hover {
    color: #96c84f;
    background-color: transparent
}

a {
    outline: none;
}

.scrolltop {
    /*width: 100%;*/
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 40007;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s
}

.scrolltop:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
    color: #588b23
}

.scroll {
    right: 5px;
    bottom: -5px;
    background: #FFFFFF;
    padding: 15px 13px;
    overflow: hidden;
    text-align: center;
    margin: 0;
    border: 2px solid #316130;
    border-radius: 0px 25px;
    padding: 15px;
    cursor: pointer;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

.scroll .fa-4x {
    width: 1%;
    float: left;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #316130;
    /* opacity: .5; */
    /*filter: alpha(opacity=50);*/
}

.fa-4x {
    font-size: 4em;
}


/* ACERCA DE  */

#productosIntro,
div.wrap-torre-composta {
    position: relative;
    padding: 0;
}

#productosIntroBanner {
    position: relative;
    padding: 0;
    width: 100%;
    height: 100vh;
    background: url(../images/banners/banner-productos.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 0%;
    background-attachment: fixed
}

#productosIntro img {
    width: 100%;
}

#fraseBanner {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    font-size: 2.5em;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 15px;
}

div.wrap-torre-composta {
    overflow: hidden;
    position: relative
}

div.txt-caption {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 15px;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

div.txt-caption h2,
div.txt-caption h2 small {
    color: #FFFFFF;
    padding: 50% 0
}

div.wrap-torre-composta:hover>div.txt-caption {
    opacity: 1
}

@media screen and (max-width:768px) {
    /*#productosIntro img{
		max-width:200%;
		width:200%
	}*/
    #productosIntro {
        background: url(../images/banners/banner-acerca.jpg) no-repeat;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        padding: 150px 0;
    }
    #productosIntro img {
        display: none
    }
    div.txt-top {
        padding: 25px 20px!important
    }
}

@media screen and (max-width:425px) {
    .wrapper-empresas,
    .wrapper-empresas>div,
    #mainTitle .que-es-left {
        padding: 0!important
    }
}


/* PRODUCTOS  */

.que-es-left,
.wrap-title {
    padding: 0;
    margin: 25px 0
}

.wrap-title h1 {
    /*background: #316130;*/
    font-size: 3em;
    padding: 10px 0;
    /*border-radius: 0 50px 50px 0;*/
    color: #316130;
}

#mainTitle .post_content {
    font-size: 22px;
    padding: 20px 0;
    text-align: left;
}

#mainTitle div.func-list {
    padding: 25px 0;
}

#mainTitle .row .wrap-images {
    padding-top: 15px;
    padding-bottom: 15px
}


/*#mainTitle .wrapper-imgs{
	padding:0	
}*/

#mainTitle .que-es-left,
#mainTitle .como-funciona
/*,
#mainTitle .beneficios*/

{
    padding: 35px 15px
}

#mainTitle .wrap-img-der {
    padding: 0
}

#mainTitle .presentaciones {
    padding: 35px 0
}

#mainTitle .que-es-left small {
    color: #316130;
    font-weight: bold
}

#mainTitle .wrap-notas {
    /*background:#ece4e0;
	color:#694735;*/
    color: #000000;
    border: 2px solid;
    padding: 25px;
    border-radius: 25px;
    border-color: #316130;
}

#mainTitle .wrapper-impor {
    /*padding:25px 0;
    margin:25px 0*/
    padding: 25px 0 0;
    overflow: hidden
}

#mainTitle .txt-notas {
    font-size: 135%;
    margin-bottom: 35px;
    text-align: justify;
}

#mainTitle .txt-notas h2 {
    /*color:#694735*/
    color: #000000
}

#mainTitle .beneficios,
#mainTitle .beneficios .img-maiz,
#mainTitle .beneficios .wrap-img-benef {
    padding: 0
}

#mainTitle .beneficios .wrap-img-benef>img {
    width: 100%
}

@media screen and (min-width:1367px) {
    #mainTitle .beneficios #containerAbout {
        position: absolute;
        *background: #FFFFFF;
        background: rgba(255, 255, 255, 0.8);
        color: #000000;
        padding: 2% 0 4%;
        margin-top: 4%
    }
}

@media screen and (max-width:1366px) {
    #mainTitle .beneficios #containerAbout {
        position: absolute;
        width: 65%;
        *background: #FFFFFF;
        background: rgba(255, 255, 255, 0.85);
        color: #000000;
        padding: 2% 0 4%;
        margin-top: 4%
    }
}

.carac-benef {
    padding: 20px!important;
}

div.prod-title {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 25px
}

div.prod-title.der {
    right: 0;
    left: inherit
}

div.prod-title h2 {
    color: #FFFFFF
}

div.cont-cost {
    padding: 0;
    /* width: 40%; */
    transition: all 0.65s ease-in-out;
    -webkit-transition: all 0.65s ease-in-out;
    -moz-transition: all 0.65s ease-in-out;
    -ms-transition: all 0.65s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    /* position: fixed; */
    right: 0;
    top: 0;
    background: #eae9e5;
    /* height: 100%; */
    max-height: 624px;
    z-index: 20;
    cursor: pointer;
}

div.cont-cost>div>img {
    transition: all 0.65s ease-in-out;
    -webkit-transition: all 0.65s ease-in-out;
    -moz-transition: all 0.65s ease-in-out;
    -ms-transition: all 0.65s ease-in-out;
}

div.cont-cost:hover>div>img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
}


/*div.cont-cost.open{
	width:80%	
}*/


/*div.cont-cost.open cont-info{
	right:16%	
}*/


/*.cont-cost .cursor {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    margin: -50px -50px 0 0;
    background: url(../images/productos/flecha-der.png) no-repeat center center;
    width: 101px;
    height: 101px;
    z-index: 10;
    cursor: none;
}
.cont-cost.open .cursor{
	background: url(../images/productos/flecha-izq.png) no-repeat center center;
}*/

@media screen and (max-width:1366px) {
    div.cont-cost.open {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    div.campo-intro {
        position: relative
    }
    .campo-intro .post_content {
        padding: 20px!important
    }
    .bag-and-logo img {
        margin: 0 auto
    }
    div.warp-gadgets {
        width: 100%
    }
    .caja-frutas,
    .costal-terra,
    .logo-rinde {
        width: 45%
    }
    /*.caja-frutas{
		position:absolute;
	    width:32%;
		top:160px;
		right:10%
	}
	.costal-terra{
		position: absolute;
		width: 28%;
		top:150px;
		right: 0%
	}*/
    .logo-rinde {
        right: 40%;
    }
    #mainTitle .post_content {
        width: 35%;
        margin-left: 11%;
    }
    div.main-wrap-table {
        width: 60%;
        margin-left: 20%
    }
    div.que-es-left .post_content,
    #mainTitle .como-funciona,
    #mainTitle .post_content {
        margin-left: 0!important;
    }
    div.que-es-left .post_content,
    #mainTitle .bag-and-logo,
    div.que-es-left,
    #mainTitle .wrap-img-der,
    #mainTitle .wrapper-imgs,
    #mainTitle .como-funciona,
    #mainTitle .post_content,
    #mainTitle .wrap-revolvedora,
    #sabiasQue .post_content,
    .func-list ul li {
        width: 100%!important
    }
    #mainTitle .wrap-title {
        text-align: center
    }
    #mainTitle .img-maiz {
        display: none
    }
    #mainTitle .wrap-tabla-req {
        clear: both
    }
    #mainTitle .wrap-img,
    #mainTitle .presentaciones .prod-env .cont-cost {
        width: 50%
    }
    #mainTitle .presentaciones .prod-env {
        padding: 0
    }
    #mainTitle .presentaciones .prod-env .cont-info {
        position: relative;
        right: 0;
        width: 100%;
    }
    #sabiasQue .sabias-que-section {
        padding: 25% 0
    }
}

@media screen and (max-width:991px) {
    #contenedor-logo-terrasabvia {
        width: 100%;
        left: inherit
    }
    #mainTitle .post_content {
        width: 100%;
        margin-left: 0;
        padding: 0 15px
    }
    .caja-frutas,
    .costal-terra,
    .logo-rinde {
        width: initial
    }
    #mainTitle .bag-and-logo {
        margin: 0 0 70px
    }
    #mainTitle .bag-and-logo img,
    #mainTitle .caja-frutas img {
        margin: 0 auto
    }
    .campo-intro {
        position: relative
    }
    .caja-frutas img {
        width: 55%
    }
    .costal-terra {
        bottom: 35px
    }
    .logo-rinde {
        bottom: 0;
        right: 35%;
        width: 55%;
    }
    div#tablaReq table {
        margin: 40px auto
    }
    .inner-col.second-col {
        color: #FF0000
    }
    .navbar-toggle {
        padding: 14px 7px;
        border-radius: 50%;
        /*background:#96c84f;*/
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        z-index: 200001;
        position: fixed;
        right: 20px;
        top: 0
    }
    button .icon-bar {
        background: #FFFFFF
    }
    button.navbar-toggle .icon-bar {
        display: block;
        width: 50px;
        height: 2px;
        border-radius: 0;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 10px;
    }
    button.navbar-toggle span.bar3 {
        margin-top: -2px!important;
    }
    button.navbar-toggle>span {
        -webkit-transition-duration: .45s;
        -webkit-transition-property: transform, opacity;
        -webkit-transition-delay: 0s;
        -webkit-transition-timing-function: 'ease-in-out';
        transition-duration: .45s;
        transition-property: transform, opacity;
        transition-delay: 0s;
        transition-timing-function: 'ease-in-out';
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
    }
    /*button.navbar-toggle>span:nth-child(1) {
		top: 20px;
	}*/
    #contenedor-logo-terrasabvia button.opened span:nth-child(1),
    #contenedor-logo-terrasabvia button.opened span:nth-child(4) {
        opacity: 0;
    }
    #contenedor-logo-terrasabvia button.opened span:nth-child(2) {
        transform: rotatez(-45deg);
        -webkit-transform: rotatez(-45deg);
    }
    #contenedor-logo-terrasabvia button.opened span:nth-child(3) {
        transform: rotatez(45deg);
        -webkit-transform: rotatez(45deg);
    }
}

@media screen and (max-width:800px) {
    div.main-wrap-table {
        width: 100%;
        margin-left: 0
    }
    div.alto-rend-icons {
        width: 100%;
        margin: 25px 0
    }
    div#contactoForm {
        font-size: 135%
    }
    input.button2 {
        width: 40%;
        height: 50px;
        font-size: 135%
    }
    div.footer {
        font-size: 125%
    }
    div.copy-terra {
        padding: 20px;
        text-align: center
    }
    div.footer_resize p {
        margin: 0!important
    }
    ul.navbar-right {
        float: none!important;
        margin-right: 0;
        text-align: center;
    }
    ul.navbar-right li a {
        font-size: 125%!important;
        line-height: 130%
    }
    button.navbar-toggle .icon-bar {
        width: 30px;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 6px;
    }
}

@media screen and (max-width:768px) {
    #contIntro .mainbar {
        top: 35%
    }
    p#frase-terra {
        font-size: 90%
    }
}

@media screen and (max-width:640px) {
    .costal-terra {
        width: 50%
    }
    #mainTitle .wrap-img {
        width: 100%
    }
    #mainTitle .presentaciones .prod-env .cont-cost {
        width: 100%;
    }
    #mainTitle .wrap-notas {
        border: none
    }
    #mainTitle .row .wrap-images,
    #mainTitle .beneficios,
    #mainTitle .beneficios .wrap-img-benef {
        padding: 15px 0
    }
}

@media screen and (max-width:533px) {
    div#tablaReq {
        overflow: scroll
    }
    div#tablaReq table {
        width: 533px
    }
}

@media screen and (max-width:480px) {
    .logo-rinde {
        right: 60%;
        width: 35%;
    }

    div#error {
    color: #F00!important;
    font-size: 1em;
    /* margin-top: 40px; */
}
}


/*div.cont-cost:hover{
	opacity:0.5
}*/


/*div.img-cont-cost{
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;	
}*/

div.cont-info {
    position: absolute;
    width: 36%;
    padding: 2% 2%;
    /* height: 96%; */
    right: 32%;
    background: #D6CDAC;
    z-index: 21
}

table.tabla-nutri {
    background: #FFFFFF
}

div.cont-info h2 {
    color: #FFFFFF;
    border: 2px solid;
    margin: 40px 0
}

div.presentaciones p {
    color: #316130
}

div.presentaciones .wrap-img {
    padding: 0
}

div.prod-env {
    margin-top: 50px
}

div.wrapper-pres {
    background: #ebece6;
    padding: 40px 50px!important
}

div.wrap-canteros {
    padding: 0
}

div.presentaciones ul {
    list-style: none
}

div.presentaciones ul li {
    text-indent: 35px
}

#sabiasQue .sabias-que-section .text-center {
    padding: 5% 2%;
    background: rgba(0, 0, 0, 0.5);
}

#sabiasQue .sabias-que-section .text-center>h3 {
    font-size: 2.5em;
    line-height: 1.4em
}

.sabias-que-section {
    width: 100%;
    height: 100vh;
    color: #fff;
    /*background: url('../images/agua-riego.jpg');*/
    background: url('../images/canteros-panoramica.jpg');
    background-color: #96c84f;
    background-position: 50% 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 12% 0;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.sabias-que-section .wrap-title h1 {
    color: #FFFFFF;
    font-size: 4em
}

.sabias-que-section .post_content {
    font-size: 2.2em;
    padding: 2% 5%
}

.list-unstyled li {
    padding: 20px
}


/*.list-unstyled li:nth-child(1){
	background:#b1e6a8
}
.list-unstyled li:nth-child(2){
	background:#95d48b
}
.list-unstyled li:nth-child(3){
	background:#7fc473
}
.list-unstyled li:nth-child(4){
	background:#67ba59
}
.list-unstyled li:nth-child(5){
	background:#5aaa51
}
.list-unstyled li:nth-child(6){
	background:#4f9f46
}*/

.list-unstyled li:nth-child(1),
.list-unstyled li:nth-child(3),
.list-unstyled li:nth-child(5) {
    background: #f4efeb
}

.list-unstyled li:nth-child(2),
.list-unstyled li:nth-child(4),
.list-unstyled li:nth-child(6) {
    background: #EAE3DC
}

.list-unstyled li {
    float: left;
    /*border-bottom:1px solid #316130*/
}

div.num-list {
    color: #FF0000;
    font-size: 140%;
    margin-right: 30px;
    transform: scale(1, 1.35);
    -webkit-transform: scale(1, 1.35);
    -moz-transform: scale(1, 1.35);
    -ms-transform: scale(1, 1.35);
}


/*#asesoriaSolucion{
    padding:2% 10%;
    background:#000000;
    color:#FFFFFF;
    margin:30px 0 30px
}*/

#ventaComposta {
    padding: 100px 0;
    overflow: hidden;
    /*background:url('../images/productos/bg-composta.jpg') no-repeat;
	background-size:cover;
	background-position:50% 0;*/
    /*background:#c7bba3*/
}

#ventaComposta h1 {
    font-size: 360%;
    padding: 100px 0;
    text-indent: 50px
}

#ventaComposta #wrapComposta h1 {
    color: #F00;
    padding: 15px 0;
    background: #FFFFFF;
}

#ventaComposta #wrapComposta {
    position: absolute;
    width: 60%;
    font-size: 2.5em;
    padding: 2% 5%;
    color: #FFFFFF;
    background: #FF0000;
    top: -135px;
    left: -233px;
    z-index: 10000;
    /* transform: rotateZ(-25deg);
    -webkit-transform: rotateZ(-25deg);
    -moz-transform: rotateZ(-25deg);
    -ms-transform: rotateZ(-0deg); */
    ;
}

#ventaComposta .info-composta {
    padding: 100px 0
}

#ventaComposta #wrapComposta .content-composta {
    position: relative;
    width: 95%;
    font-size: 1em;
    padding: 0px 100px;
    margin-left: 10%;
    margin-top: 14%;
    color: #FFFFFF
}

#ventaComposta #ventaGranel {
    font-size: 22px;
    padding: 150px 0;
}

#ventaComposta div.wrap-img-camion {
    padding: 0
}

div.contact-info.contact-dist {
    background: #367752;
    border-radius: 20px;
    padding: 50px 40px;
    color: #FFF;
    /* width: 20%;*/
    margin-top: 3%;
    margin-left: 3%;
    text-align: left;
    /* filter: drop-shadow(10px 10px 5px #1b422c); */
}

div.contact-info.contact-dist h3 {
    color: #edff00;
    font-weight: bold
}

@media screen and (max-width:1366px) {
    #ventaComposta #wrapComposta {
        width: 80%
    }
    #ventaComposta #wrapComposta .content-composta {
        top: 0px;
        margin-left: 7%
    }
    #ventaComposta .info-composta {
        padding: 10px 0
    }
}


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

    #ventaComposta #wrapComposta .content-composta {
        top: 0px;
        margin-left: 7%;
        width: 95%
    }
}



/* //PRODUCTOS */


/* IMPORTANCIA */


/* GALERÍA */


/* MATERIALES */


/* ---------------- CONFIGURACIÓN DE ICONOS Y FUENTES ------------------------ */

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


/* line 53, ../../source/sass/partials/_fontello.scss */

.icon-mail-alt:before {
    content: '\e802';
}


/* '' */


/* line 54, ../../source/sass/partials/_fontello.scss */

.icon-location:before {
    content: '\e801';
}


/* '' */


/* line 55, ../../source/sass/partials/_fontello.scss */

.icon-phone:before {
    content: '\e800';
}


/* '' */


/* line 56, ../../source/sass/partials/_fontello.scss */

.icon-mail:before {
    content: '\e803';
}


/* '' */


/* line 1, ../../source/sass/partials/_fontello-ie7.scss */

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    /* fix buttons height */
    line-height: 1em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
}


/* line 13, ../../source/sass/partials/_fontello-ie7.scss */

.icon-mail-alt {
    *zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ');
}


/* line 14, ../../source/sass/partials/_fontello-ie7.scss */

.icon-location {
    *zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ');
}


/* line 15, ../../source/sass/partials/_fontello-ie7.scss */

.icon-phone {
    *zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ');
}


/* line 16, ../../source/sass/partials/_fontello-ie7.scss */

.icon-mail {
    *zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ');
}


/* line 2, ../../source/sass/partials/_fontello-ie7-codes.scss */

.icon-mail-alt {
    *zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ');
}


/* line 3, ../../source/sass/partials/_fontello-ie7-codes.scss */

.icon-location {
    *zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ');
}


/* line 4, ../../source/sass/partials/_fontello-ie7-codes.scss */

.icon-phone {
    *zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ');
}


/* line 5, ../../source/sass/partials/_fontello-ie7-codes.scss */

.icon-mail {
    *zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ');
}


/* ------------------ DISEÑO RESPONSIVO PARA DISPOSITIVOS MÓVILES --------------------------- */

@media screen and (max-width: 850px) {
    .header_resize {
        width: 100% !important;
    }
    .top_menu {
        width: 100% !important;
    }
    .menu_nav {
        width: 100% !important;
        padding: 0px !important;
        float: none !important;
        text-align: center !important;
    }
    .menu_nav ul {
        width: 100% !important;
        padding: 0px !important;
        background: #96c84f !important;
        float: none !important;
        text-align: center !important;
    }
    .menu_nav ul li {
        width: 20%;
        padding: 0px !important;
        text-align: center !important;
    }
    .menu_nav ul li a {
        width: 100% !important;
        background: none !important;
        /*padding: 12px 4px 0 4px !important;*/
        text-transform: uppercase !important;
        font-size: 11px !important;
        transition: 0.2s;
        -ms-transition: 0.2s;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
    }
    .menu_nav ul li a:hover {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        text-shadow: 0 0 5px #FFF;
        -ms-text-shadow: 0 0 5px #FFF;
        -moz-text-shadow: 0 0 5px #FFF;
        -webkit-text-shadow: 0 0 5px #FFF;
    }
    .header {
        width: 100%;
        height: 180px;
    }
    .subheader {
        width: 100%;
        height: 180px;
    }
    /*body{
		background: none;	
	}*/
    .top_header {
        height: 165px !important;
    }
    .logo {
        text-align: center;
        /*height: 110px !important;*/
        /*width: 100% !important;*/
    }
    .logo h1 {
        padding: 0px;
    }
    .slider {
        width: 90%;
        margin: 0 auto !important;
        display: none;
    }
    .coin-slider {
        width: 100%;
        margin: 0 auto;
    }
    div#coin-slider {
        width: 100% !important;
    }
    #coin-slider img {
        width: 100% !important;
    }
    /*.content .content_resize{
		width: 100% !important;	
	}*/
    .content .mainbar {
        width: 60% !important;
        padding: 0 0 0 3% !important;
    }
    .mainbar .article {
        width: 100% !important;
    }
    .img,
    .post_content,
    .bar,
    p {
        width: 100% !important;
        /*padding: 0px !important;*/
    }
    div.post_content p {
        padding: 15px;
    }
    .content .sidebar {
        width: 30% !important;
        padding: 0 5% 0 0;
        margin-right: 10% !important;
    }
    .fbg .c1 {
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    .fbg .c2 {
        margin-top: 15px !important;
        padding: 0 15px !important;
        width: 100% !important;
        max-width: 90% !important;
    }
    .fbg .c2 h2 {
        text-align: center;
    }
    .fbg .c3 {
        margin-top: 15px !important;
        padding: 0 15px !important;
        width: 100% !important;
        max-width: 90% !important;
    }
    .fbg .c3 h2 {
        text-align: center;
    }
    .footer_resize p {
        float: none;
        font-size: 14px;
        text-align: center;
        margin: 20px 0 !important;
    }
}

@media screen and (max-width: 480px) {
    div.gadget {
        display: none;
    }
    .content .mainbar {
        width: 100% !important;
        float: left;
    }
    .sidebar .searchform {
        padding: 15px 35px !important;
    }
    .footer_resize p {
        float: left !important;
        font-size: 11px;
        text-align: center;
        margin: 20px 0 !important;
    }
}