/*
 Theme Name:   Shapely Child
 Theme URI:    2016.ticgroup.net
 Description:  Shapely Child Theme
 Author:       TIC Group
 Author URI:   
 Template:     shapely
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  shapely-child
*/
p {
 font-family: 'Montserrat', sans-serif;
}
body
{
 font-family: 'Montserrat', sans-serif;
}
.post-content .entry-content .post-title {
    margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	text-align: center;
}
.post-content .post-meta{
	display: none;
}
.content-area {
    padding: 0px 0;
}
.container {
    padding-right: 0px; 
    padding-left: 0px; 
}
/*HEADER*/
.custom-logo-link{
	padding-left: 200px;
}
.main-navigation {
    background: #ffb740;
	padding: 4px 0;
}
.main-navigation .menu li a{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
}
/*GALLERY*/
.ngg-galleryoverview {
	margin: 0 auto;
    max-width: 780px;
}
/*FOOTER*/
footer {
    padding: 30px 0;
	box-shadow: -5px 1px 8px #888888;
}
.copyright-text {
    color: #000;
	text-align: center;
}
.bg-dark {
    background: #fff;
}
.col-sm-6 {
    width: 100%;
}
.footer-credits{
	display: none;
}
#colophon .site-info {
    margin-top: 0px;
}
/*************************************HOME PAGE*************************/
/***********************************START GRID-HOME PAGE*****************************/
.wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		background-color: #fff;
		color: #444;
	}
.box {
		background-color: #fff;
	}
.a {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}
.b {
		grid-column: 3 / 7 ;
		grid-row: 1 / 2;
	}
.c {
		grid-column: 1 / 7 ;
		grid-row: 2 / 3;
		margin-top: 10px;
	}
.d {
		grid-column: 1 / 7;
		grid-row: 3 / 4;
        margin-bottom: 10px;
	}
.e {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}
.f {
		grid-column: 2 / 3;
		grid-row: 4 / 5;
	}
.g {
		grid-column: 3 / 5;
		grid-row: 4 / 5;
	}
.h {
		grid-column: 5 / 6;
		grid-row: 4 / 5;
	}
.i {
		grid-column: 6 /7;
		grid-row: 4 / 5;
	}
.j {
		grid-column: 1 / 2;
		grid-row: 5 / 6;
	}
.k {
		grid-column: 2 / 3;
		grid-row: 5 / 6;
	}
.l {
		grid-column: 3 / 5;
		grid-row: 5 / 6;
	}
.m {
		grid-column: 5 / 6;
		grid-row: 5 / 6;
	}
.n {
		grid-column: 6 /7;
		grid-row: 5 / 6;
	}
.o {
		grid-column: 1 /7;
		grid-row: 6 / 7;
		margin-top: 50px;
		position: relative;
	}
.p {
		grid-column: 1 / 4;
		grid-row: 7 / 8
	}
.q {
		grid-column: 4 / 7;
		grid-row: 7 / 8;
	}
/***********************************END GRID HOME-PAGE*****************************/	
#buttons-home{
	margin: 0 auto;
    max-width: 321px;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	}
#buttons-home img{
    padding-top: 10px;
	}
.b img{
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#button-portafolio{
	position: absolute;
	top: 200px;
	left: 200px;
}
#button-portafolio a{
	color: #ffffff;
}
#button-portafolio p{
	font-weight: 700;
	font-size: 1.5em;
	color: #FFF;
	margin: 10px;
}
.p img{
	max-width: 600px;
    float: right;
    margin-top: 100px;
}
@media (min-width: 1200px){
.container {
     width: 100%; 
}
}
@media (max-width: 1200px){
.p img{
	width: 100%;
	margin-top: 50px;
}
.custom-logo-link {
    padding-left: 0px;
}
}
@media (min-width: 992px){
.container {
    width: 100%; 
}
}
@media (min-width: 768px){
.container {
    width: 100%; 
}
}
@media (max-width: 768px){
p {
 font-size: 14px;
}
}
@media (max-width: 900px){
#buttons-home img{
/*	padding: 5px;*/
	}
.a {
		grid-column: 1 / 4;
		grid-row: 1 / 2;
}
.b {
		grid-column: 4 / 7 ;
		grid-row: 1 / 2;
	}
#button-portafolio {
	top: 100px;
	left: 140px;
}
}
/***********************************SERVICIOS*****************************/
/***********************************START GRID SERVICIOS*****************************/
.wrapper-servicios {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		background-color: #fff;
		color: #444;
	}
.a-servicios {
		grid-column: 1 / 5;
		grid-row: 1 / 2;
		margin-top: 50px;
	}
.b-servicios {
		grid-column: 5 / 7 ;
		grid-row: 1 / 2;
		margin-top: 50px;
	}
.c-servicios {
		grid-column: 1 / 3 ;
		grid-row: 2 / 3;
		background-color: #dee8ea;
	}
.d-servicios {
		grid-column: 3 / 7;
		grid-row: 2 / 3;
		background-color: #dee8ea;
	}
.e-servicios{
		grid-column: 1 / 4;
		grid-row: 3 / 4;
		padding-top: 25px;
		background-color: #fdf9c4;
	}
.f-servicios {
		grid-column: 4 / 7;
		grid-row: 3 / 4;
		padding-top: 25px;
   		background-color: #7accc8;
		color: #fff;
	}
.g-servicios {
		grid-column: 1 / 7;
		grid-row: 4 / 5;
		background-image:url("images/software-657188_960_720.jpg")
	}
.h-servicios {
		grid-column: 1 / 7;
		grid-row: 5 / 6;
		padding-left: 50px;
	    margin-top: 50px;
		margin-bottom: 25px;
	}
.i-servicios {
		grid-column: 1 / 3;
		grid-row: 6 / 7;
		text-align: center;
		margin-bottom: 25px;
	}
.j-servicios {
		grid-column: 3 / 5;
		grid-row: 6 / 7;
		text-align: center;
		margin-bottom: 25px;
	}
.k-servicios {
		grid-column: 5 / 7;
		grid-row: 6 / 7;
		text-align: center;
		margin-bottom: 25px;
	}
.l-servicios {
		grid-column: 1 / 4;
		grid-row: 7 / 8;
		background-color: #ff3d43;
		text-align: center;
		padding-top: 50px;
	}
.m-servicios {
		grid-column: 4 / 7;
		grid-row: 7 / 8;
		background-color: #ff3d43;
		padding-top: 50px;
		color: #fff;
	}
.n-servicios {
		grid-column: 1 / 7;
		grid-row: 8 / 9;
		background-color: #ff3d43;
		color: #fff;
		text-align: center;
	}
.o-servicios {
		grid-column: 1 / 2;
		grid-row: 10 / 11;
		background-color: #ff3d43;
		text-align: center;
		color: #fff;
		padding-bottom: 25px;
	}
.p-servicios{
		grid-column: 2 / 3;
		grid-row: 10 / 11;
		background-color: #ff3d43;
		text-align: center;
		color: #fff;
		padding-bottom: 25px;
	}
.q-servicios{
		grid-column: 3 / 4;
		grid-row: 10 / 11;
		background-color: #ff3d43;
		text-align: center;
		color: #fff;
		padding-bottom: 25px;
	}
.r-servicios{
		grid-column: 4 / 5;
		grid-row: 10 / 11;
		background-color: #ff3d43;
		text-align: center;
		color: #fff;
		padding-bottom: 25px;
	}
.s-servicios{
		grid-column: 5 / 6;
		grid-row: 10 / 11;
		background-color: #ff3d43;
		text-align: center;
		color: #fff;
		padding-bottom: 25px;
	}
.t-servicios{
		grid-column: 6 / 7;
		grid-row: 10 / 11;
		background-color: #ff3d43;
		text-align: center;
		color: #fff;
		padding-bottom: 25px;
	}
/***********************************END GRID SERVICIOS*****************************/
.a-servicios p{
	padding-left: 100px;
	padding-right: 50px;
}
.a-servicios h1{
	padding-left: 100px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
.b-servicios h1{
	margin-left: 5px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #faa519;
}
#b-servicios-list{
	border: 5px;
	border-style: solid;
	border-color: #faa519;
	max-width: 300px;
    line-height: 25px;
    color: #faa519;
	margin: 0 auto;
}
.c-servicios img{
	float:right;
	max-width: 300px;
}
.d-servicios h1{
	font-weight: 900;
	font-size: 4em;
}
.d-servicios p{
    max-width: 700px;
}
.e-servicios p {
    margin-left: 60px;
    margin-right: 60px;
}
.e-servicios ul {
    margin-left: 60px;
    margin-right: 60px;
}
.e-servicios h1{
	text-align: center;
	font-weight: 700;
}
.f-servicios p {
    margin-left: 60px;
    margin-right: 60px;
}
.f-servicios h1{
	text-align: center;
	font-weight: 700;
}
#desarrollo_app_box{
	max-width: 1000px;
    margin: 0 auto;
    background-color: #e1682e;
    padding: 15px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.g-servicios h1{
	font-weight: 700;
}
.h-servicios img{
	float: left;
}
.h-servicios h1{
	float: left;
    margin-top: -65px;
    margin-left: 75px;
	font-weight: 700;
}
.h-servicios p{
    float: left;
    margin-top: -25px;
    margin-left: 75px;
}
.i-servicios img{
	margin-bottom: 10px;
}
.i-servicios img{
	margin-bottom: 10px;
}
.j-servicios img{
	margin-bottom: 10px;
}
.k-servicios img{
	margin-bottom: 10px;
}
.m-servicios h1{
	font-weight: 700;
}
.m-servicios p{
	max-width: 500px;
}
@media (max-width: 900px){
.a-servicios {
		grid-column: 1 / 7;
		grid-row: 1 / 2;
		margin-bottom: 0px;
	}
.b-servicios {
		grid-column: 1 / 7 ;
		grid-row: 2 / 3;
		margin-top: 0px;
		margin-bottom: 0px;
	}
.c-servicios {
		grid-column: 1 / 3 ;
		grid-row: 3 / 4;
		margin-top: 0px;
		margin-bottom: 0px;
	}
.c-servicios img{
	max-width: 100%;
}
.d-servicios {
		grid-column: 3 / 7 ;
		grid-row: 3 / 4;
	}
.d-servicios h1{
	font-size: 3em;
}
.e-servicios{
		grid-column: 1 / 7;
		grid-row: 4 / 5;
	}
.e-servicios h1{
	font-size: 2em;
}
.f-servicios {
		grid-column: 1 / 7;
		grid-row: 5 / 6;
	}
.f-servicios h1{
	font-size: 2em;
}
.g-servicios {
		grid-column: 1 / 7;
		grid-row: 6 / 7;
	}
.h-servicios {
		grid-column: 1 / 7;
		grid-row: 7 / 8;
		padding-left: 0px;
	}
.h-servicios p {
    margin-top: -10px;
}
.h-servicios h1 {
    margin-top: -65px;
	font-size: 2em;
}
.i-servicios {
		grid-column: 1 / 3;
		grid-row: 8 / 9;
	}
.j-servicios {
		grid-column: 3 / 5;
		grid-row: 8 / 9;
	}
.k-servicios {
		grid-column: 5 / 7;
		grid-row: 8 / 9;
	}
.l-servicios {
		grid-column: 1 / 3;
		grid-row: 9 / 10;
	}
.m-servicios {
		grid-column: 3 / 7;
		grid-row: 9 / 10;
	}
.m-servicios h1{
	font-size: 1.5em;
}
.n-servicios {
		grid-column: 1 /7;
		grid-row: 10 / 11;
	}
.o-servicios {
		grid-column: 1 / 3;
		grid-row: 11 / 12;
	}
.p-servicios {
		grid-column: 3 / 5;
		grid-row: 11 / 12;
}.q-servicios {
		grid-column: 5 / 7;
		grid-row: 11 / 12;
}.r-servicios {
		grid-column: 1 / 3;
		grid-row: 12 / 13;
}.s-servicios {
		grid-column: 3 / 5;
		grid-row: 12 / 13;
}.t-servicios {
		grid-column: 5 / 7;
		grid-row: 12 / 13;
	}
}
/*************************************QUIENES SOMOS PAGE*************************/
/***********************************START GRID-QUIENES SOMOS PAGE*****************************/
.wrapper-quienes-somos {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		background-color: #fff;
		color: #444;
	}
.a-quienes-somos {
	grid-column: 1 / 4;
	grid-row: 1 / 2;
}
.b-quienes-somos {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
.c-quienes-somos {
	grid-column: 2 / 4;
	grid-row: 2 / 3;
	background-color: #00c1d0;
}
/***********************************END GRID-QUIENES SOMOS PAGE*****************************/
.b-quienes-somos img{
	max-height: 550px;
    float: right;
}
.c-quienes-somos h1{
    font-weight: 700;
	text-align: center;
    margin-top: 35px;
	color: #fff;
}
.c-quienes-somos p{
    max-width: 600px;
    margin: 0 auto;
	text-align: justify;
	color: #fff;
	padding-left: 10px;
    padding-right: 10px;
}
/***********************************START GALERIA PAGE*****************************/
/***********************************START GRID - GALERIA PAGE*****************************/
.wrapper-galeria {
		display: grid;
		grid-template-columns: 1fr 1fr;
		background-color: #fff;
		color: #444;
		max-width: 980px;
		margin: 0 auto;
	}
.a-galeria{
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}
.b-galeria{
	grid-column: 1 / 3;
	grid-row: 2 / 3;
}
.c-galeria{
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}
.d-galeria{
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}
.e-galeria{
	grid-column: 1 / 2;
	grid-row: 4 / 5;
}
.f-galeria{
	grid-column: 2 / 3;
	grid-row: 4 / 5;
}
.g-galeria{
	grid-column: 1 / 2;
	grid-row: 5 / 6;
}
.h-galeria{
	grid-column: 2 / 3;
	grid-row: 5 / 6;
}
.i-galeria{
	grid-column: 1 / 2;
	grid-row: 6 / 7;
}
.j-galeria{
	grid-column: 2 / 3;
	grid-row: 6 / 7;
}
.k-galeria{
	grid-column: 1 / 3;
	grid-row: 7 / 8;
}
.l-galeria{
	grid-column: 1 / 3;
	grid-row: 8 / 9;
}
.m-galeria{
	grid-column: 1 / 2;
	grid-row: 9 / 10;
}
.n-galeria{
	grid-column: 2 / 3;
	grid-row: 9 / 10;
}
.o-galeria{
	grid-column: 1 / 2;
	grid-row: 10 / 11;
}
.p-galeria{
	grid-column: 2 / 3;
	grid-row: 10 / 11;
}
q-galeria{
	grid-column: 1 / 2;
	grid-row: 11 / 12;
}
r-galeria{
	grid-column: 2 / 3;
	grid-row: 11 / 12;
}
/***********************************END GRID - GALERIA PAGE*****************************/

.b-galeria p{
	font-weight: 700;
	color: #1dbecd;
}
.c-galeria p{
	text-align: center;
}
.c-galeria img{
    margin-bottom: 10px;
}
.d-galeria p{
	text-align: center;
}
.d-galeria img{
    margin-bottom: 10px;
}
.e-galeria p{
	text-align: center;
}
.e-galeria img{
    margin-bottom: 10px;
}
.f-galeria p{
	text-align: center;
}
.f-galeria img{
    margin-bottom: 10px;
}
.g-galeria p{
	text-align: center;
}
.g-galeria img{
    margin-bottom: 10px;
}
.h-galeria p{
	text-align: center;
}
.h-galeria img{
    margin-bottom: 10px;
}
.i-galeria p{
	text-align: center;
}
.i-galeria img{
    margin-bottom: 10px;
}
.j-galeria p{
	text-align: center;
}
.j-galeria img{
    margin-bottom: 10px;
}
.k-galeria p{
	text-align: center;
}
.k-galeria img{
    margin-bottom: 10px;
}
.l-galeria img{
    float: left;
    max-width: 115px;
}
.l-galeria p{
    float: left;
    line-height: 11px;
}
/***********************************START CONTACTENOS PAGE*****************************/
/***********************************START GRID - CONTACTENOS PAGE*****************************/
.wrapper-contactenos {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		background-color: #fff;
		color: #444;
		margin: 0 auto;
	}
.a-contactenos{
	grid-column: 1 / 7;
	grid-row: 1 / 2;
}
.b-contactenos{
	grid-column: 1 / 4;
	grid-row: 2 / 3;
}
.c-contactenos{
	grid-column: 4 / 7;
	grid-row: 2 / 3;
}
.d-contactenos{
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}
.e-contactenos{
	grid-column: 3 / 5;
	grid-row: 3 / 4;
}
.f-contactenos{
	grid-column: 5 / 7;
	grid-row: 3 / 4;
}
@media (max-width: 900px){
.b-contactenos{
	grid-column: 1 / 7;
	grid-row: 2 / 3;
}
.c-contactenos{
	grid-column: 1 / 7;
	grid-row: 3 / 4;
}
.d-contactenos{
	grid-column: 1 / 7;
	grid-row: 4 / 5;
}
.e-contactenos{
	grid-column: 1 / 7;
	grid-row: 5 / 6;
}
.f-contactenos{
	grid-column: 1 / 7;
	grid-row: 6 / 7;
}
}
/***********************************END GRID - CONTACTENOS PAGE*****************************/
.a-contactenos {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	margin-top: 80px;
    margin-bottom: 100px;
}
.a-contactenos h1{
	font-weight: 800;
    line-height: .2em;
    font-size: 2.5em;
}
.a-contactenos p{
	font-size: .5em;
    letter-spacing: .5em;
}
.b-contactenos{
	padding: 20px;
}
.b-contactenos label{
    width: 100%;
}
.b-contactenos input {
	border: 1px solid #ffb740;
}
.b-contactenos textarea{
	border: 1px solid #ffb740;
}
.c-contactenos{
	text-align: center;
}
.c-contactenos ul{
	list-style-type: none;
    margin: 0;
}
.d-contactenos{
    text-align: center;
	margin-bottom: 15px;
}
.d-contactenos img {
	margin-top: 10px;
    margin-bottom: 15px;
}
.e-contactenos{
    text-align: center;
	margin-bottom: 15px;
}
.e-contactenos img {
	margin-top: 10px;
    margin-bottom: 15px;
}
.f-contactenos{
    text-align: center;
	margin-bottom: 15px;
}
.f-contactenos img {
	margin-top: 10px;
    margin-bottom: 15px;
}