/*resposivo de s5*/
@media (min-width: 320px) and (max-width:359px){
div#container {    left: 140px !important;}
a.cake {   position: relative;    left: -347px;}
h2.estilo {    width: 300px;    left: 0px;  position: relative;}
a.work {    position: relative;    left: -206px;    top: 12px;}
.wpb_images_carousel.wpb_content_element.vc_clearfix.IMAGENES.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.wpb_start_animation.animated {   zoom: 27%;}
p.titulobannerhome {   font-size: 40px !important;    line-height: 46px !important;    margin: -33px 0 0 -62px !important;}
}

/*resposivo de iphone 6 y s5*/
@media (min-width: 360px) and (max-width: 413px){
div#container {    left: 140px !important;}
a.cake {    position: relative;    left: -329px;}
h2.estilo {    width: 300px;    left: -15px;}
a.work {    position: relative;    left: -165px;    top: 12px;}
.wpb_images_carousel.wpb_content_element.vc_clearfix.IMAGENES.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.wpb_start_animation.animated {   zoom: 27%;}
p.titulobannerhome {   font-size: 40px !important;    line-height: 46px !important;    margin: -33px 0 0 -62px !important;}
}

/*resposivo de iphone 6 plus*/
@media (min-width: 414px) and (max-width: 567px){
div#container {    left: 145px !important;}
a.cake {    position: relative;    left: -330px;}
h2.estilo {    width: 300px;    left: -1px;}
a.work {    position: relative;    left: -152px;    top: 12px;}
.wpb_images_carousel.wpb_content_element.vc_clearfix.IMAGENES.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.wpb_start_animation.animated {   zoom: 31%;}
p.titulobannerhome {   font-size: 40px !important;    line-height: 46px !important;    margin: -33px 0 0 -62px !important;}
} 

/*resposivo de s5 acostado*/
@media (min-width: 568px) and (max-width: 639px){
div#container {    left: 135px;}
h2.estilo {    left: -100px;}
.estilo_botones {    left: -476px !important;    position: relative;}
 .wpb_images_carousel.wpb_content_element.vc_clearfix.vc_custom_1499360004814.IMAGENES.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.wpb_start_animation.animated {    position: relative;    zoom: 45%;    left: -244px;}
p.titulobannerhome {   font-size: 40px !important;    line-height: 46px !important;    margin: -33px 0 0 -62px !important;}
}

/*resposivo de iphone 6 y s5 acostado*/
@media (min-width: 640px) and (max-width:766px){
div#container {    left: 114px;    zoom: 120%;}
h2.estilo {    left: -91px;}
.estilo_botones {  left: -473px !important;    position: relative;}
.wpb_images_carousel.wpb_content_element.vc_clearfix.IMAGENES.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.wpb_start_animation.animated {    zoom: 50%;}
p.titulobannerhome {   font-size: 40px !important;    line-height: 46px !important;    margin: -33px 0 0 -62px !important;}
}


/* responsivo de Ipad */
@media (min-width: 768px) and (max-width: 1000px){
div#container {    left: 115px;    zoom: 115%;}
h2.estilo {    left: 27px;}
.estilo_botones {    left: -310px !important;    position: relative;}
.wpb_images_carousel.wpb_content_element.vc_clearfix.IMAGENES.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.wpb_start_animation.animated {    zoom: 57%;}}

/* responsivo de Ipad Pro */
@media (min-width: 1001px) and (max-width: 1050px){
div#container {    left: 0px;    zoom: 111%;}
h2.estilo {    left: -13px;}
.estilo_botones {    left: -174px !important;    position: relative;}
.wpb_images_carousel.wpb_content_element.vc_clearfix.IMAGENES.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.wpb_start_animation.animated {    zoom: 76%;}}

/* Enter Your Custom CSS Here */

/*___________________________________________________________________*/
/*___________________________________________________________________*/
/*___________________________________________________________________*/
.vc_row.wpb_row.vc_row-fluid.JEJEJEEJEJEJEJE.vc_custom_1499807660762.vc_row-has-fill {
    margin-top: -22px;
}


/*___________________________________________________________________*/
a:hover, .checkout-payment ul label a:hover, .theme-widget.widget_price_filter button:hover {
    color: #5555f9 !important;

}

/*___________________________________________________________________*/
div#sod-drawer-handle:hover {
        margin: auto 0px 0px 0px !important;
  	/*height: 60px;*/
    /* zoom: 100%; */
    box-shadow: inset 0 0 0 51px #ffffff !IMPORTANT;
    transition-duration: .3s !important;
    animation-timing-function: ease-in-out;
    
    /*transform-style: flat;*/
  /*Animación de estado*/
  	-webkit-animation: mymove .3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-play-state: initial; /* Safari 4.0 - 8.0 */
  font-weight: bold !important;
  
  
}


/*___________________________________________________________________*/

html, body {
  background: white;
  margin: 0;
}



#container {
  position: absolute;
}

.hero_text {
  position: absolute;
  color: black;
  width: 100%;
  margin: 50px auto;
  top: 60px;
  height: 600px;
}

.estilo{
position: relative;
    left: -15px;
    font-size: 28pt;
    font-family: 'Oswald', sans-serif;
    width: 500px;
    margin: 0 auto;
    text-align: center;
}

.estilo_botones {
    font-size: 28pt;
    font-family: 'Oswald', sans-serif;
    width: 400px;
    margin: 80px 0 0 231px;
    text-align: center;
}

.title_color{
  color: #5555f9;
}

.cake {
    position: relative;
    left: 143px;
    text-decoration: none;
    padding: 16px 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 10pt;
    border: none;
    background-color: #34dca2;
    color: #ffffff;
    transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
}


.cake:hover{
background-color: #ffffff;
  cursor: pointer;
  color: #34dca2;
}

.work {
    position: relative;
    top: -104px !important;
    left: 316px;
    padding: 16px 30px;
    text-decoration: none;
    margin-left: 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 10pt;
    border: none;
    background-color: #222222;
    color: #ffffff;
    transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
}


.work:hover{
background-color: #34dca2;
  cursor: pointer;
}

/*___________________________________________________________________*/
.contra {
    width: 200px;
    height: 200px;
    position: absolute;
    right: 60px;
    margin: 0 auto;
    top: 20px;
}
.lapared {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.iectt {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    transform: translate(0px);
    -ms-transform: translate(0px);
}
  .teamo {
    font-family: 'Open Sans';
    position: absolute;
    z-index: -1;
    display: block;
    height: 50%;
    top: 50%;
    right: 0;
    padding-right: 5px;
}
img.iectt:hover {
    transform: translate(-90px,0px);
    transition-duration: .5s !important;
}
/*___________________________________________________________________*/