/* 

Theme Name:    TwentySeventeen-child

Theme URI:     https://wordpress.org/themes/twentyseventeen/

Description:   Tema Hijo

Author:        the WordPress team

Author URI:    hhttps://wordpress.org/

Template:      twentyseventeen

Version:       1.0.0

Text Domain:   twenty-seventeen-child

-------------------------------------------------------------- */



/* =Theme customization starts here*/

/*@import url("http://programarte.com.co/ingsumet/wp-content/themes/twentyseventeen/style.css");*/
@import url("../twentyseventeen/style.css");

@media (min-width: 1025px){

    .grid-75{

        width: 100%;

    }
}

html{
	margin-top: 0px !important;
}
body{
	border: 1px;
		
}
.wrap{
	padding: 0;
	margin: 0;
}
h1{
	padding: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif !important;
}
@media screen and (min-width: 1440px) {
	.panel-control .wrap{
		padding: 0;
	}
}.entry-content a img, .widget a img {    -webkit-box-shadow: 0 0 0 0px #fff;    box-shadow: 0 0 0 0px #fff;}
/*Header*/.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {    display: table;    width: 100%;    height: 100%;}
#menubutton {
    background: #00B258;
    width: 100% !important;
    height: 31px !important;
    color: #ffffff;
    border-color: white;	    
	line-height: 21px;		
	border-radius:0;
    font-weight: normal;
    font-size: 1em;
}
#menubutton:hover {    background: #ffffff;    width: 100% !important;    height: 31px !important;		line-height: 21px;    color: #00B258;    border-color: white;    font-weight: normal;    font-size: 1em;}
#conte_cabezote{
	height:auto;
	margin:0 auto;	
}
.navigation-top{
	background: none;	border:0;
}
.navigation-top .wrap {

	padding: 0px;
}
.custom-header {
	position: relative;
	width: auto;
	margin-bottom: 0px !important;
	float:left;
}
.custom-logo-link{
	padding-right: 0 !important;
}
.site-branding {
    margin-bottom: 22px !important;
}
.contenedor-slider{
	background-color:#00B258;
	margin-top:15em !important;
	padding:2em !important;
	display:block;
}
.titulo_slider{
	width:100%;
	height:auto;
	text-align:center;
	color: white;
	font-size:3em;
	margin:1em 0 1em 0 !important;
	display:block !important;
}
.texto_slider{
	width:100%;
	height:auto;
	text-align:center;
	color: white;
	font-size:2em;
	display:block !important;
}
/*Footer*/
.contenedor-footer{	
	width: 100%;
	position: relative;
}

.footer-wrapper{
	background-image: url("http://www.ingsumet.com/wp-content/uploads/2017/06/footer.jpg");
	background-size: cover;
	width: 100%;		min-height:200px;
}
.row {
    padding-bottom: 3em !important;
    margin-right: 0px;
}
.copyright{
	clear: both;
	text-align: center;
	font-size: 14px;
	color: white;
	padding-bottom:30px;
}
.copyright p{	margin:0;}

ul{
	display: inline-block;
    list-style: none;
}

ul li{
	float: left;
}

a{
	color: white;
}
.col-md-4 i {
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    margin-right: 13px;
    border-radius: 20px;
    font-size: 20px;
    line-height: 26px;
    color: white;
}
.col-md-8{
	padding-right: 0px;
	padding-left: 0px;
}
.footer-wrapper .col-md-4, .footer-wrapper .col-md-6{
	color:white;
	margin-top: 50px;
	text-align: center;
	font-size: 14px;
}	
/*Contenedor*/
.container{
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url("http://www.ingsumet.com/wp-content/uploads/2017/05/fondo_gris.jpg");
}
.entry-title{
	font-size: 2em !important;
}
.site-header {
    background-color: #E4E5E6;
    position: relative;
}
.main-navigation a {
	display: inline;
	padding: 0;
}

/*div.as-left-arrow-as-arrows-controls6{
	color:green;
	background-color: green;
}*/

button.btn-success{
	border-radius: 40px;
}
.panel-content .wrap {
	    padding-bottom: 0 !important;
	     padding-top: 0 !important;
	}
.contenedor-footer ,.footer-wrapper{
		position: absolute;
	}	
.entry-header{
	margin-bottom: 1em !important;
}
.entry-content p{
	padding: 0 3em !important;
}
/**/
.nombre_producto{
	width:100%;
	max-width:850px;
	color:#fff;
	background-color:#54992f;
	text-align:center;
	display:block;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,1);
}
.ul_producto{
	display:block;
}
.ul_producto p{
	margin:0;
	padding:0;
}
.li_producto{
	list-style: none;
	display:block;
	float:left;
}
.ul_producto2{
	display:block;
}
.li_producto2{
	list-style: none;
	display:block;
	float:left;
}
.li_producto img,.li_producto2 img{
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
}
.representa,.nosotros{
	height:auto;
	text-align:center;
	float:left;
}
.titulo_verde{
	color:#54992f;
}
/*Responsive*/
@media screen and (min-width: 48em) {
	
	.site-content {
		padding: 2.5em 0 0;
	}
}
@media (min-width: 1300px) {
	.row {
		padding: 5em 10em !important;
	}
	.col-md-4{
		padding-right: 0.5em !important;
		padding-left: 0.5em !important;
	}
}
/*@media (min-width: 983px) and (max-width: 1299px) {
	.row {
		padding: 5em 3em !important;
	}
	.col-md-4{
		padding-right: 1em !important;
		padding-left: 1em !important;
	}
}*/
@media (min-width: 223px) and (max-width: 982px) {
	.row {
		padding: 2em 1.5em !important;
	}
	.main-navigation > div > ul {
		border-top: 0px solid #eee!important;
		padding: 0 0 !important;
	}
	#conte_cabezote{
		width: 100%;
	}
	.footer-wrapper .col-md-4, .footer-wrapper .col-md-6 {
		margin-top: 20px !important;
	}
}
@media (max-width: 999px){
	.custom-header{
		width: 100%;
	}
	.img-logo{
		display: flex;
		margin: 0 auto;
	}	
	.main-navigation{
		clear: both;
		display: block;
	}
	button.menu-toggle{
		font-size: 15px;
	}
}
@media (min-width: 1000px){
	.navigation-top {
		bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: initial;
		right: 0;
		width: auto;
		z-index: 3;
		float: left;
		margin-top:60px;
		
		/*clear: both;
		display: block;*/

	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		font-size: 14px !important;
	}
	.entry-content{
		font-size: 14px;
	}
	#conte_cabezote{
		width: 100%;
		height:166px;		
		padding: 0 50px;
	}
	#menubutton {
		padding: 0 10px !important;
	}

	.form-contact{
	margin: 0 200px;
	}

	.navigation-top{
		margin-left: 20px;
	}
	.js .main-navigation ul,

	.js .main-navigation ul ul,

	.js .main-navigation > div > ul {

		display: block !important;

	}
	.js .menu-toggle,

	.js .dropdown-toggle {

		display: none !important;

	}
	
}

@media (min-width: 1104px) and (max-width: 1192px){
	#conte_cabezote{
		width:100%;
		height:166px;
		padding: 0 100px;
	}
	#menubutton {
		padding: 0 25px !important;
	}

	.form-contact{
	margin: 0 200px;
	}
	
}
@media (min-width: 1100px) and (max-width: 1234px){
	#conte_cabezote{
		padding: 0 30px;
	}
}
@media (min-width: 1193px) and (max-width: 1569px){
	.form-contact{
		    margin: 0 auto 20px auto;
			width: 1000px;
			height: 390px;
			background-color: #efefef;
			padding: 30px 20px;
	}
	.wpcf7-form p, .wpcf7-form p label{
		width:470px;
		padding:0 15px !important;
		float:left;
	}
	.wpcf7-submit{
		position:absolute;
		margin-top:-60px;
	}
	#conte_cabezote{
		padding: 0 150px;
	}
	.navigation-top{
		margin-left: 50px;
	}
}

@media (min-width: 240px) and (max-width: 1192px){
	.form-contact{
		    margin: 0 auto 20px auto;
			width: 100%;
			height: auto;
			background-color: #efefef;
			padding: 30px 20px;
	}
}
	
@media (min-width: 1570px){
	#conte_cabezote{
		padding: 0 250px;
	}
	.navigation-top{
		margin-left: 60px;
	}

}
@media (min-width: 800px) and (max-width: 999px) {
	#menubutton {
		padding: 0 !important;
	}
	#conte_cabezote{
		width:auto;
		height:auto;
	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		font-size: 13px !important;
	}
	.entry-content{
		font-size: 13px;
	}
}
@media (min-width: 800px){
	.representa,.nosotros{
		width:45%;
		margin:0 2.5% 30px 2.5%;
	}
}
@media (min-width: 240px) and (max-width: 799px) {
	.representa,.nosotros{
		width:90%;
		margin:0 5% 15px 5%;
	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		font-size: 12px !important;
	}
	.entry-content{
		font-size: 12px;
	}
}

@media (min-width: 223px) and (max-width: 999px) {
	.menu-item{
		width:100% !important;
	}
}

div#wd-map2.wd-row{
	margin:0;
}

.entry-title{
	text-align: center;
}

p{
	text-align: center;
}

@media (min-width: 920px){
	.nombre_producto{
		width:100%;
		height:30px;
		line-height:30px;
		margin:0 auto 12px auto;
		font-size:16px;
	}
	.ul_producto{
		width:900px;
		height:268px;
		margin:15px auto 30px auto;
	}
	.li_producto{
		width:400px;
		height:238px;
		margin:0 25px;
	}
	.ul_producto2{
		width:900px;
		height:280px;
		margin:15px auto 30px auto;
	}
	.li_producto2{
		width:400px;
		height:255px;
		margin:0 25px;
	}
}
@media (min-width: 720px) and (max-width: 919px){
	.nombre_producto{
		width:100%;
		height:30px;
		line-height:30px;
		margin:0 auto 12px auto;
		font-size:14px;
	}
	.ul_producto{
		width:700px;
		height:209px;
		margin:15px auto 30px auto;
	}
	.li_producto{
		width:300px;
		height:179px;
		margin:0 25px;
	}
	.ul_producto2{
		width:700px;
		height:221px;
		margin:15px auto 30px auto;
	}
	.li_producto2{
		width:300px;
		height:221px;
		margin:0 25px;
	}
}
@media (min-width: 400px) and (max-width: 719px){
	.nombre_producto{
		width:100%;
		height:30px;
		line-height:30px;
		margin:0 auto 12px auto;
		font-size:12px;
	}
	.ul_producto{
		width:370px;
		height:494px;
		margin:15px auto 30px auto;
	}
	.li_producto{
		width:370px;
		height:220px;
		margin:0 0 12px 0;
	}
	.ul_producto2{
		width:370px;
		height:548px;
		margin:15px auto 30px auto;
	}
	.li_producto2{
		width:370px;
		height:274px;
		margin:0 0 12px 0;
	}
}
@media (min-width: 240px) and (max-width: 399px){
	.nombre_producto{
		width:100%;
		height:30px;
		line-height:30px;
		margin:0 auto 12px auto;
		font-size:10px;
	}
	.ul_producto{
		width:230px;
		height:324px;
		margin:7px auto 15px auto;
	}
	.li_producto{
		width:230px;
		height:137px;
		margin:0 auto 8px auto;
	}
	.ul_producto2{
		width:230px;
		height:366px;
		margin:7px auto 15px auto;
	}
	.li_producto2{
		width:230px;
		height:179px;
		margin:0 auto 8px auto;
	}
}