/*-- Use For Custom Styling --*/
/*
    azul claro: #4FBCB3
    Rosado: #EE4A59
*/
#page_1 {
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, #370b6f, #00429b, #006dba, #0095ce, #2dbcdc);
}

.home-area .creative-shape {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
}

.home-area {
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#1cb9ac), color-stop(#4ebdb4), color-stop(#2bbbaf), color-stop(#3ec5ba), to(#58f3e6));
    background: linear-gradient(to bottom, #1cb9ac, #4ebdb4, #2bbbaf, #3ec5ba, #58f3e6);
}

.d-table {
    width: 100%;
    height: 100%;
    display: table!important;
}

.banner-image {
    margin-top: 70px;
}

.overlay-menu{
    background: #4FBCB3
}

.container-list{
    margin-left: 6%;
    border-radius: 50px;
    width: 60%;
    background-color: #fff;
    box-shadow: 2px 0px 20px rgb(0 0 0 / 10%);
  }
  
  .icon-list{
    text-align: center;
    width: 90px;
    height: 145%;
    margin:0px auto;
    margin-top: -20%;
    vertical-align: middle;
    line-height: 55px;
    border-radius: 50px;
    background-color: #ed1559;
    color: #fff;
    border: 10px solid #fff;
  }
  
  .icon-list > img{
    margin-top: 10%;
    vertical-align:middle;
  }
  
  .text-list{
    padding: 2% 0% 2% 4%;
    line-height: 37px;
  }

  #service_item_1{
    margin: 50px auto 0px 0px;
  }
  #service_item_2{
    margin: 0px auto 0px 3%;
  }
  #service_item_3{
    margin: 0px auto 0px 6%;
  }
  #service_item_4{
    margin: 0px auto 0px 9%;
  }
  #service_item_5{
    margin: 0px auto 0px 11%;
  }
  #service_item_6 {
    margin: 0px auto 0px 13%;
  }

  .section_gveo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 720px;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url("../images/bg_imgGveo2.png");
    /* background-image: url("https://assets.website-files.com/613658193a97c8a9e51ed56a/61a5235f4a99691c0175a9f5_Treinta-Shop-Hero.png"); */
    background-position: 100% 50%;
    background-size: 704px;
    background-repeat: no-repeat;
    margin-top: -183px;
  }

  

  .btnGetGVEO {
    padding: 12px 24px;
    width: max-content;
    border-radius: 4px;
    background-color: #ed1559;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    font-family: 'Nunito Sans',sans-serif;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: inline-block;
  }

  .btnGetGVEO:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #ffffff;
}

.p-hero-shop {
  margin-bottom: 24px;
  font-family: 'Nunito Sans',sans-serif;
  color: #454d54;
  font-size: 16px;
  line-height: 24px;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.pyxelTecServices_image{
  background-image: url("../images/imageServices.png");
  background-position: 0% -204%;
  background-size: 324px;
  background-repeat: no-repeat;
  width: 401px;
  height: 739px;
}

.contentImageTitulo {
  width: 708px;
}

.icon-list > img {
  width: 45px;
}

.div-hero-shop-text{
  text-align: center;
}

.heading-hero-shop {
  color: #1a2732;
  line-height: 56px;
  font-size: 45px;
  margin-bottom: 37px;
  text-align: center;
  width: 632px;
}

.textGveoLetterBlue{
  font-size: 55px;
  margin: 10px;
  color: #ee3237;
  font-weight: 900;
}

.textGveoLetterRed{
  font-size: 55px;
  margin: 10px;
  color: #ee3237;
  font-weight: 900;
  font-family: 'Concert One', cursive;
}

.c_imageGVEO {
  margin-left: 161px;
  display: none;
}

.c_imageGVEO img {
  width: 20%;
}

.divWrapper{
  color: #1a2732;
  line-height: 56px;
  font-size: 45px;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 30px;
}

.div-hero-shop-text p {
  margin-left: 40px;
}

.maincontainContainerGveo{
  display: none;
}

/************************MEDIA QUERY*****************************************************************/
/************************MEDIA QUERY*****************************************************************/
/************************MEDIA QUERY*****************************************************************/


/* Smartphones (portrait & landscape) */
@media only screen 
and (min-device-width : 425px) 
and (max-device-width : 525px) {

  .textWelcome{
    display: none;
  }

  .section_gveo{
    background-image: none;
  }

  .main-contain-hero-shop{
    display: none;
  }
  .maincontainContainerGveo{
    display: block;
  }

  .divWrapper{
    color: #1a2732;
    line-height: 56px;
    font-size: 45px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 75px;
  }

  .pyxelTecServices_image {
    background-image: url("../images/logoWithBackgroudBlueMobile.png");
    background-position: 0% 0%;
    background-size: 424px;
    background-repeat: no-repeat;
    width: 408px;
    height: 185px;
    margin-top: 3px;
  }

  .main-banner-content{
    margin-top: 141px;
  }

  .split-box-counter-setting {
    padding: 30px;
  }
  .contentImageTitulo {
    width: 100%;
  }

  .icon-list{
    text-align: center;
    width: 90px;
    height: 90px;
    margin: 0px auto;
    margin-top: -30%;
    vertical-align: middle;
    line-height: 58px;
    border-radius: 50px;
    background-color: #ed1559;
    color: #fff;
    border: 10px solid #fff;
  }

  .container-list{
    margin-left: 6%;
    border-radius: 50px;
    width: 90%;
    background-color: #fff;
    box-shadow: 2px 0px 20px rgb(0 0 0 / 10%);
    height: 65px;
  }
  .text-list{
    /* padding: 0% 11% 4% 4%; */
    line-height: 49px;
    /* width: 238px; */
  }

  #service_item_1 {
    margin: 50px auto auto auto;
  }

  #service_item_2 {
    margin: 50px auto auto auto;
  }

  #service_item_3 {
    margin: 50px auto auto auto;
  }

  #service_item_4 {
    margin: 50px auto auto auto;
  }

  #service_item_5 {
    margin: 50px auto auto auto;
  }

  #service_item_6 {
    margin: 50px auto auto auto;
  }

  .div-hero-shop-text{
    margin-left: 5px;
    margin-top: 315px;
  }

  .heading-hero-shop{
    display: none;
  }
  .p-hero-shop{
    display: none;
  }
  .c_imageGVEO img{
    width: 45%;
    margin-left: 0px;
  }

  .c_imageGVEO {
    display: inline-flex;
    margin: 0 auto;
  }
  .banner-image{
    margin-top: 5px;
  }

}


/* Smartphones (portrait & landscape) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 424px) {

  .divWrapper{
    color: #1a2732;
    line-height: 56px;
    font-size: 45px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 93px;
  }

  .home-area{
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 108vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#1cb9ac), color-stop(#4ebdb4), color-stop(#2bbbaf), color-stop(#3ec5ba), to(#58f3e6));
    background: linear-gradient(to bottom, #1cb9ac, #4ebdb4, #2bbbaf, #3ec5ba, #58f3e6);
  }

  .banner-image{
    margin-top: -52px;
  }

  .maincontainContainerGveo{
    display: block;
  }

  .textWelcome{
    display: none;
  }
  
  .section_gveo{
    background-image: none;
  }
  .main-contain-hero-shop{
    display: none;
  }

  .div-hero-shop-text{
    margin-left: 5px;
    margin-top: 473px;
  }

  .heading-hero-shop{
    display: none;
  }
  .p-hero-shop{
    display: none;
  }

  .main-banner-content{
    margin-top: 100px;
  }
  .split-box-counter-setting {
    padding: 15px;
  }

  .pyxelTecServices_image {
    background-image: url("../images/logoWithBackgroudBlueMobile.png");
    background-position: 0% 0%;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 175px;
    margin-top: 3px;
  }

  .contentImageTitulo {
    width: 100%;
    text-align: center;
  }

  .icon-list {
    text-align: center;
    width: 90px;
    height: 90px;
    margin-top: -19px;
    vertical-align: middle;
    line-height: 65px;
    border-radius: 50px;
    background-color: #ed1559;
    color: #fff;
    border: 10px solid #fff;
  }

  #service_item_1 {
    margin: 65px auto 0px auto !important;
    width: 95%;
  }

  #service_item_2 {
    margin: 65px auto 0px auto !important;
    width: 95%;
  }

  #service_item_3 {
    margin: 65px auto 0px auto !important;
    width: 95%;
  }

  #service_item_4 {
    margin: 65px auto 0px auto !important;
    width: 95%;
  }

  #service_item_5 {
    margin: 65px auto 0px auto !important;
    width: 95%;
  }

  #service_item_6 {
    margin: 65px auto 0px auto !important;
    width: 95%;
  }

  .container-list {
    border-radius: 30px;
    height: 55px;
  }

  .c_imageGVEO img{
    width: 42%;
    margin-left: 0px;
  }

  .c_imageGVEO {
    display: inline-flex;
    margin: 0 auto;
  }

  .text_services_card {
    margin-top: 3px;
    font-size: 16px;
  }


}

/* Smartphones (landscape) */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) */
@media only screen 
and (max-width : 320px) {
  .textWelcome{
    display: none;
  }
}

/* iPads (portrait & landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  .p-hero-shop{
    display: none;
  }

  .heading-hero-shop{
    color: #1a2732;
    line-height: 56px;
    font-size: 45px;
    margin-bottom: 37px;
    text-align: center;
    width: 393px;
  }
 
 
  .div-hero-shop-text {
    padding-left: 0px;
  }
}

/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 824px) 
and (orientation : landscape) {

  .main-banner-content{
    margin: 241px auto auto auto;
    width: 85%;
    text-align: center;
  }

  .div-hero-shop-text a {
    display: block;
  }
  
  .banner-image{
    display: none;
  }

  .contentImageTitulo{
    width: 100%;
  }

  .icon-list{
    text-align: center;
    width: 90px;
    height: 90px;
    margin: 0px auto;
    margin-top: -30%;
    vertical-align: middle;
    line-height: 58px;
    border-radius: 50px;
    background-color: #ed1559;
    color: #fff;
    border: 10px solid #fff;
  }

  .container-list{
    margin-left: 6%;
    border-radius: 50px;
    width: 65%;
    background-color: #fff;
    box-shadow: 2px 0px 20px rgb(0 0 0 / 10%);
    height: 65px;
  }
  .text-list{
    /* padding: 0% 11% 4% 4%; */
    line-height: 49px;
    /* width: 238px; */
  }

  #service_item_1 {
    margin: 50px auto auto auto;
  }

  #service_item_2 {
    margin: 50px auto auto auto;
  }

  #service_item_3 {
    margin: 50px auto auto auto;
  }

  #service_item_4 {
    margin: 50px auto auto auto;
  }

  #service_item_5 {
    margin: 50px auto auto auto;
  }

  #service_item_6 {
    margin: 50px auto auto auto;
  }

  .text-list{
    padding: 6px 66px;
    line-height: 49px;
  }

  .div-hero-shop-text{
    margin-left: -1px;
    margin-top: -226px;
  }

  .heading-hero-shop{
    display: none;
  }
  .p-hero-shop{
    display: none;
  }
  .c_imageGVEO img{
    width: 22%;
    margin-left: 0px;
  }

  .c_imageGVEO {
    display: inline-flex;
    margin: 0 auto;
  }

  .section_gveo{
    height: 604px;
  }

  .contact-info {
    text-align: center !important;
    width: 688px !important;
  }

}

/* iPads (portrait) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}

/* Ordenadores de sobremesa y portátiles */
@media only screen 
and (min-width : 2400px) {
  .container {
    max-width: 70%;
  }

  .icon-list{
    text-align: center;
    width: 110px;
    height: 110px;
    margin: 0px auto;
    margin-top: -21%;
    vertical-align: middle;
    line-height: 58px;
    border-radius: 70px;
    background-color: #ed1559;
    color: #fff;
    border: 10px solid #fff;
  }

  .icon-list > img{
    margin-top: 16%;
    vertical-align: middle;
    width: 60px;
  }

  .container-list{
    margin-left: 6%;
    border-radius: 50px;
    width: 42%;
    background-color: #fff;
    box-shadow: 2px 0px 20px rgb(0 0 0 / 10%);
    height: 65px;
  }
  .text-list{
    /* padding: 0% 11% 4% 4%; */
    line-height: 49px;
    /* width: 238px; */
  }

  #service_item_1 {
    margin: 50px 1000px auto auto;
  }

  #service_item_2 {
    margin: 50px 950px auto auto;
  }

  #service_item_3 {
    margin: 50px 900px auto auto;
  }

  #service_item_4 {
    margin: 50px 850px auto auto;
  }

  #service_item_5 {
    margin: 50px 800px auto auto;
  }

  #service_item_6 {
    margin: 50px 750px auto auto;
  }

  .text-list{
    padding: 6px 66px;
    line-height: 49px;
  }
}

/* Pantallas grandes */
@media only screen 
and (min-width : 1824px) {

}

/* iPhone 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
  
}