/* screen.css*/


/* NORMALIZE */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
  }


html, 
body{  
  height: 100%;
  display: block;
}
body {  
  background: #FFFFFF;   
  font-family: 'Lato', sans-serif;
  font-size:1em;
  font-weight: 400;  
  color:#4E4E4E;
  overflow-x: hidden;
  margin: 0;
  min-height: 100%;
  display: block;
}


/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
.section1_1{  
  margin-bottom: 80px;
  line-height: 28px;
}
.section1_1:last-child{
   margin-bottom: 0;
}
/*  COLUMN SETUP  */
.col {
  display: block;
  float:left;
  margin: 1% 0 1% 1%;
}
.col:first-child,
.col1:first-child{ margin-left: 0; }

.col_bottom{
  margin-bottom: 0;
}
.col1{
  margin-left: 1%;
  display: block;
  float:left;
}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }




h2{
 
  color: #d0d0d0;
  margin-bottom: 1.8em;  
}

h3{  
  margin: 0.5em 0;
  font-size: 120%;
}
a:link, a:visited{
  color: #02cac6;
  font-weight: bold;
  text-decoration: none;

}
a:hover{
  opacity: 0.8;
}


/*  GRID OF FOUR  */
.div_4cols_of_4 {
/*position: relative;*/
width: 100%;  
/*background: #f5f5f5;*/
}
.div_3cols_of_4 {
width: 74.75%;
background: aqua;
}
.div_2cols_of_4 {
width: 49.5%; 
/*background: #EEEEEE;*/

}
.div_2cols_of_4_without_col_padding{
  width: 50%;
  float: left;
}
.div_1cols_of_4 {
width: 24.25%; 
background: fuchsia;
}

/*  GRID OF THREE  */
.div_3cols_of_3 { 
width: 100%;  
}
.div_2cols_of_3 { 
width: 66.33%;  
}
.div_1cols_of_3 { 
  width: 32.66%;  
}


/* BASIC ELEMENTS LAYOUT */

#container{
  display: block; 
  height: 100%;
}

header#header{
  position: relative;
}

#wrapper{
  height: 100%;  
  -webkit-transform: translateX(0px); 
  transform: translateX(0px);
 
  -webkit-transition: background  0.1s ease-out;
  transition: background  0.1s ease-out;

  -webkit-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;

}
#wrapper.opened{
  /*position: fixed;
  background: rgba(0,0,0,0.8);*/
  
 -webkit-transform: translateX(-320px); 
  transform: translateX(-320px);
 
  -webkit-transition: transform 0.25s ease-out,background .25s ease-in-out;
  transition: transform 0.25s ease-out,background .25s ease-in-out;
  z-index: 999999;

}
#wrapper.opened:after{
  content: '';
  position: absolute;
  top:-42px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.85);
}


#wrapper.opened > .wrapper1 #mailcontact a{
  display: none;
  
}
#wrapper.opened > .wrapper1 #restautheme{
  opacity: 0.2;
}

#wrapper .wrapper1{
  margin: 40px 40px;
  display: block;
  position: relative;
  height: 100%;
}
#wrapper .wrapper1.nospace-bottom{
  margin-bottom: 0;

}

#wrapper .wrapper1 .content{
 
  max-width: 1200px;
  margin: 0 auto;
  color: #333333;  
  
}
.wrap-content{
  float: left;
  width: 100%;
  margin-bottom: 80px;
}
.centerWork{
  max-width: 1200px;
  margin: 0 auto;
}

.content p{
  margin-top: 20px;
}
#wrapper .wrapper1 .content #restautheme{
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f9f9f9;
  text-align: center;  
  font-size: 2rem;
  font-weight: 600; 
  line-height: 38px;
  color: #000;  
  margin-top: -1%;
 /* background-size: 100%;
  background-position: center;*/
}
#restautheme img{
  width: 500px;
  max-width: 100%;
}
#restautheme span{
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}
.enventa{
  color: #000000;
  font-size: 22px;  
}
.others{
  
  height: 500px;
  position: relative;
  background: #fafafa; 

}


.flange{
  opacity: 0.6;
  width: 100px;
  height: 30px;
  
  margin: 0 auto;
  display: flex;
  background: aliceblue;
  cursor: default;
  
  background: #f0f8ff9c url(../images/plus.png) no-repeat center;
  background-size: contain;


}

.work-description{  
  display: flex;
 /* flex: 1 100%;*/
  /*border: 1px solid green;*/
  visibility: hidden;
  height: 0;
  background: #eee;
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 99;
  justify-content: center;
  align-items: center;
  color: transparent;

  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;  
}





.flange:hover  +  .work-description,
.work-description:hover{  
  height: calc(100% - 10px);
    
  /*-webkit-transition: height 0.45s ease-out;
  transition: height 0.45s ease-out;*/
  visibility: visible;
  color: initial;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;

}

.work-description .detail{  
  
  height: 0;
  padding-left: 40px;
  padding-right: 40px;
  opacity: 0;
  -webkit-transition: opacity 0s ease-out, height 0.65s ease-out;
  transition: opacity 0s ease-out, height 0.65s ease-out;


  /*-webkit-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;*/

}

.flange:hover + .work-description .detail,
.work-description:hover .detail{
  opacity: 1;    
  height: auto;
  -webkit-transition: height 0.5s ease-out, opacity 0.9s ease-in-out;
  transition: height 0.5s ease-out, opacity 0.9s ease-in-out;


  /*-webkit-transition: opacity 1s ease-in-out;/**/
  /*transition: opacity 1s ease-in-out;/**/

}

#bequiz-responsive .work-description .detail{
  opacity: 0;
  -webkit-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;
}

#bequiz-responsive .flange:hover + .work-description .detail,
#bequiz-responsive .work-description:hover .detail{
opacity: 1;
-webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;


}


.others img{
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
   
}

.transText{
  color: #000;
  color: #FFFFFF;
  position: absolute;
  /*bottom: 20px;*/
  bottom: 0;
  left: 20px;
  right: 20px;
  text-align: center;
  /*line-height: 30px;*/
}
.tareas{  
  display: block;
  max-width: 400px;
  margin: 30px auto;
}

#grubric,
#calmly{
 
  background: #afbb02;
}
#redisenio-site-grubric,
#disenio-gallito-api-site{
  background: #acb70e;
}
#libreria-conversion-html-docx{

  background: #a5af17;
}

#disenio-gallito-api-site img{
  height: 350px;
  margin-left: -147px;
  margin-top: -175px;
}
#redisenio-site-grubric img{
  width: 260px;
  margin-left: -130px;
  margin-top: -165px;
}
#control-mandos-grubric,
#integration-wp-comment-external-site{
  background: #021823;
}

#libreria-conversion-html-docx img{
    margin-left: -100px;
    margin-top: -71px;    
    width: 200px;
}

#integration-wp-comment-external-site img{

    width: 400px;
    margin-left: -200px;    
    margin-top: -156px;

}
#control-mandos-grubric img{
  margin-left: -145px;  
  margin-top: -141px;
}
#calmly{
  background: rgb(165, 177, 0);
}
#grubric a, 
#calmly a,
#redisenio-site-grubric a,
#libreria-conversion-html-docx a,
#disenio-gallito-api-site a{
  color: #024c4c;/*#86fdfa;*/
}
#grubric img{
  width: 300px;
  margin-top: -101px;
  margin-left: -150px;
}


#calmly img{  
 /* margin-top: -67px;
  margin-left: -90px;*/
  width: 350px;
  margin-top: -103.5px;
  margin-left: -175px;

}
#dikra,
#gauss-percentil-bequiz{

  background: #021823;
}
#bequiz-responsive{
  background:#0c2633;
}


#bequiz-responsive img{
  height: 350px;

  margin-top: -175px;
  margin-left: -139px;
}


#gauss-percentil-bequiz img{
  margin-left: -150px;
  margin-top: -116px;
}
#dikra img{
    width: 100px;
    margin-top: -39px;
    margin-left: -50px;
}



.textPhoto .toRight{
  text-align: right;
  display: block;
}


/* HEADER STYLES */

#logo{ 
  width:35px;   
  float: left;
 
}

#logo a,
#logo img{ 
  width:100%; 
  display: block;
}

/* MENU NAV */

#language{
  /*border: 1px solid aqua;*/
  max-width: 1200px;
  margin: 0 auto;
  text-align: right;
}

#language nav ul li{
  display: inline-block;
  list-style: none;
}

#language nav ul li a:link, #language nav ul li a:visited{
  text-decoration: underline;
  font-size: 13px;
}

#menu-container{
  float: right;   
  position: relative;
}
.linkLangue{
  font-size:14px;
  color: #333;
}

nav#main-nav2{  
  position: absolute;
  top: 0;  
  right: 0;  
  width: 320px;  
  height: 100vh;
  background: transparent;  
  overflow-y: auto;  
  /*z-index: 999;*/
  font-size: 16px;
  opacity: 1;

}


#closeMenu2{
  padding: 18px 20px;  
  text-align: center;
  cursor: default;  
  display: none;
  background: #ccc;
}
#closeMenu2:hover{
  opacity: 0.7;
}
.content-meu{
  
  text-align: right;
  margin-top: 5px;
}

ul#menu li{
  display: inline-flex;
  margin-left: 10px;
}
ul#menu.menutype2 li{
  display: block;
}

ul#menu.menutype1 li{
  list-style: none;
}
ul#menu.menutype1 li a{
  color: #000000;    
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
}

.banner{
  padding-top: 80px;
  padding-bottom: 80px; 
}
.banner-titles-container{
  width: 100%;
  text-align: center;
  color: #000000;
  font-size: 60px;

}


#titles2 span{
  display: inline-block;
}
.plus{
  color: #02e3de;
  /*font-weight: bold;*/
}
.light{
  font-weight: 100;
}
.intro{
  display: block;
  clear: both;
}

/* restautheme page styles*/

h2.title-seccion{
font-size: 2rem;
line-height: 2rem;
text-align: center;
}
.features{
  padding-top: 80px;
  /*padding-bottom: 80px;*/
}
#restautheme-screenshots{
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f9f9f9;
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    line-height: 38px;
    color: #000;
    float: left;
    width: 100%;
}
#restautheme-screenshots.plugin{
  background: none;
  padding-top: 0;
}
.plugin img{
  max-width: 100%;
}
.screenshot{  
  /*width: 20%;*/
  width: 180px;  
  display: -webkit-inline-box;
  vertical-align: top;
  /*height: 576px;*/
  height: 420px;
  overflow: hidden;
  margin-right: 20px;

}

.screenshot.last{
  margin-right: 0;
}

.screenshot img,
.screenshot a{
 /* max-width: 100%;*/
  /*max-height: 100%;*/
  width: 100%;
  height: 100%;
}

.buttons-call-action{
  display: block;
  clear: both;
  text-align: center;
  margin-top: 40px;
  float: left;
  width: 100%;
}
.buttons-call-action button,
.buttons-call-action a:link,
.buttons-call-action a:visited,
.buttons-call-action1 a:link,
.buttons-call-action1 a:visited{
  background: #acb70e;
  background: #03cdc9;
  border: none;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 900;
  padding: 13px 35px;  
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  
  max-width: 350px;
  margin: 10px 5px;

}
.buttons-call-action1{
  margin-top: 40px;
  text-transform: uppercase;
  margin-bottom: 40px;
}



.buttons-call-action a:link,
.buttons-call-action a:visited,
.buttons-call-action1 a:link,
.buttons-call-action1 a:visited{
  /*padding: 14px 25px;*/
  border-top: 1px solid #03cdc9;
  border-bottom: 1px solid #03cdc9;
}

.buttons-call-action button:hover,
.buttons-call-action a:hover,
.buttons-call-action1 a:hover{
  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 1px 5px rgba(0,0,0,0.22)!important;
  transition: all 0.25s ease-out!important;
  background: rgba(172, 183, 14, 0.9);
  background: rgba(3, 205, 201, 0.88);
  cursor:pointer;
}
/*
.buttons-call-action1 a.bt2{
	border: 1px solid #c5326f;
    background: #c5326f;
    margin-left: 20px;
}*/
#features-theme{
  
  float: left;
  position: relative;
  width: 100%;
  font-size: 16px;
  /*border: 1px solid green;*/
}
.detail-features{
  padding-left: 20px;
  float: left;
  max-width: 500px;

}
#img-theme-responsive{
  float: right;
  width: 400px;
  /*position: absolute;
  top: 25%;*/
  

}
ol{
  margin-left: 40px;

}
.alignCenter{
  text-align: center;
}
.alignLeft{
  text-align: left;
}

.appearanceImg,
.appearanceImg-footer{
    width: 48%;
    float: left;    
    overflow: hidden;
    margin-top: 2em;
    padding: 1%;
}
.appearanceImg-footer{
  height: 275px;
}
.footer-txt:before{
  content: '';
  float:left;
  width: 100%;
  margin-top: 2em;
}
.footer-txt{
  clear: both;
  display: block;
  
}

.appearanceImg2 {
    
    float: left;
    /*height: 366px;*/
    overflow: hidden;
    margin-top: 80px;
    padding: 1%;

}
.appearanceImg img,
.appearanceImg2 img,
.appearanceImg-footer img {
    width: 100%;
}
.plugin-page .appearanceImg{
  margin-top: 0;
  font-weight: bold;
  font-size: 16px;
  padding: 1% 1% 0 1%;

}

#desc-img-plugin{
  margin-bottom: 2em;
}
.content-img-plug{
  float: left;   
  width: 48%;
  padding: 0 1%;

}
.content-img-plug .appearanceImg{
    
  max-width: 100%;
  width: auto;
  float: left;
  height: 310px;
}

.plugin-page .appearanceImg img{
  max-height: 274px;
  min-height: 200px;
}

.appearanceImg2 img{

  width: 48%;
  min-width: 400px;
  float: left;
}
.description-image{  
  font-size: 16px;
  font-weight: bold;
  float: left;  
  padding-left: 20px;
  width: 48%;
}
#content-map{
  margin-top: 80px;

}
#content-plugin-maps h3{
  margin: 0 0 1px 0;
  color: #6e6e6e;
  font-size: 18px;
}
#mapa{
  height: 400px;
  background: url(../images/mapa3.png) no-repeat right center;
  margin-bottom: 20px;
}

.mapas{
  height: 400px;
  margin-bottom: 2.5em;
}
.mapas:last-child{
  margin-bottom: 0;
}
.center_text{
  text-align: center;
}
#map1{
  background: url(../images/mapa3.png) no-repeat center;
}
#map2{
  background: url(../images/map2.png) no-repeat center;
}
#map3{
  background: url(../images/map3.png) no-repeat center;
}
.img-map{
  margin: 1% 3%;
  float: right;
}
.img-map img{
  width: 100%;

}
.col.hightlight{
  margin-top: 80px;
  margin-bottom: 80px;
  font-size: 17px;
  font-weight: bold;
  display: block;
  clear: both;
}
/* FOOTER STYLES */

footer{

background: #089996;
background: #eee;
float: left;
width: 100%;

}
footer h2{
  margin: 0;
}
footer a:link, footer a:visited{
  color: #04a7a3;
}
#mail,
#phone{  
  font-weight: 600;
  display: block;
  margin-bottom: 1%;
}
#phone{
  margin: 0;
}
.media-icons{
  text-align: right;
}
.media-icons a img{
  width: 30px;
}

/* SLIDER STILES*/
/*blur efect background*/
.blur{
    content: '';
    position: absolute;
    
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
    display: none;
}

#container-screenshots{
  position: relative;
}
#slider-container{

  top: 0;
  bottom: 0;
  left: 0;
  right: 0;  
  z-index: 9;
  
}
#wrap-slider{
  /*border: 1px solid red;*/
  width: 95vw;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  position: fixed;
  left: 0;
  right: 0;    
  z-index: 99;
}

.content-slider{
  max-width: 1200px;
  height: 100vh;
  
  margin: auto;
  background: #000000;
  position: relative;
  z-index: 999;
  display: none;
}
.mySlides{

  display: block;
  position: relative;
  width: 400px;
  /*border: 1px solid red;*/
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}
.w3-animate-opacity{
    animation: opac 0.8s;
}

.mySlides.second,
.mySlides.fourth{
  
  width: 460px;

}
.mySlides img{
max-width: 100%;
max-height: 100vh;
vertical-align: middle;

}

.w3-button{
  color: rgba(255,255,255,0.6);   
    background-color:  rgba(85, 85, 85, 0.02);
    border: none;
    display: inline-block;
    outline: 0;
    padding: 8px 16px;
    font-size: 22px;
}
.w3-button:hover{
  /*background-color: #f1f1f1;*/
  background-color: rgba(28, 28, 28, 0.91);
  color: #FFFFFF;   
  cursor: pointer;
}

.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
}
.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
}
.close-slider{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;

}

/* styles page list plugin */
.content-item-pugin{
  border: 1px solid #f5f5f5;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  min-height: 200px;
  position: relative;
  float: left;
  width: 100%;

}

.content-item-pugin h2{
   max-width: 128px;
   margin-bottom: 0.5em;
}
.content-item-pugin h2 a:link,
.content-item-pugin h2 a:visited{
  color: #333;
 
}
.content-item-pugin h2 a:hover{
  color:#333;
}
.content-item-pugin .item-pugin,
.content-item-pugin .descPlugin{
  float: left;
   padding-left: 1em;
  /*border: 1px solid fuchsia;*/
}

.content-item-pugin .descPlugin{
    position: relative;  
    overflow: hidden;
    max-width: 59%;
}


/*
#ver-bequiz-redisenio{
  color: #02cac6;
  cursor: pointer;
  
    width: 20px;
    height: 20px;
    margin-left: 5px;
    position: relative;
    display: inline-block;

}

#ver-bequiz-redisenio img{
    max-width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    display: inline-flex;    
    top: 0;
    left: 0;
    vertical-align: middle;
}
*/


#content-img-redisenio{

  max-height: 200px;
  /*border:1px solid #fbfbfb;*/
  margin-top: 20px;
  /*padding: 30px;*/
  
  align-items: center;
  /*visibility: hidden;*/
  
   -webkit-transition: all  0.2s ease-out;
  transition: all  0.2s ease-out;
  
}

#bequiz-responsive img#img-redisenio{
    
    left: 0;
    top: 0;
    position: relative;
    max-width: 80%;
    height: auto;
    margin: 0 auto;

}

/*#ver-bequiz-redisenio:hover + #content-img-redisenio {
  
  visibility: visible;
  display: flex;
  -webkit-transition: all  0.2s ease-out;
  transition: all  0.2s ease-out;


}*/

/*
#content-img-redisenio.desplagarImg{

  display: flex;
  -webkit-transition: all  0.2s ease-out;
  transition: all  0.2s ease-out;
}*/


/*.ocultar{
  display: none;
}*/

.scimaps{
  padding: 100px 0 120px 0; 
  margin:60px 0;
  text-align: center;
}

#scimagomaps{
  width:1024px;
  margin:0 auto;
  position:relative;
  overflow: hidden;
}
#scimagomaps img{
  width:calc(100% - 40px);border:20px solid black;border-radius:9px;

}
#scimaps-desc{
  background: #000000e0; 
  position:absolute; 
  top: 40px;bottom:40px; right: 0;color:#fff; 
  font-size: 20px;
    line-height: 150%;
    padding: 60px;
    width: 440px;
    max-width: 80%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#scimaps-desc h2{
  font-size: 30px;margin-bottom: 0;line-height: 116%;
  text-decoration: underline;
}
#scimaps-desc h2 a:link,
#scimaps-desc h2 a:visited{
  color: white;

}

#cconsent-modal .ccm__content > .ccm__content__heading h2{
  line-height: 120%;
}


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

  #language nav{
  margin-right: 40px;
  }

  /*.plugin-page .appearanceImg img{
  max-height: 250px;
  }*/
}

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

  .content-img-plug .appearanceImg{
    height: auto;
  }

  .others{
    height: 400px;
  }
  #integration-wp-comment-external-site img{
    width: 240px;
    margin-left: -120px;
    margin-top: -112px;    
  }
  #libreria-conversion-html-docx img{
    margin-top: -81px;
  }

  #redisenio-site-grubric img{
    width: 240px;
    margin-left: -120px;
  }

  #control-mandos-grubric img{
    margin-top: -160px;
  }
  #dikra img{
  width: 80px;
  margin-top: -25px;
  margin-left: -40px;
  }
  #gauss-percentil-bequiz img{
    margin-top: -136px;
  }


  #disenio-gallito-api-site img{  
    
    height: 250px;
    margin-left: -105px;
    margin-top: -145px;   
  }

  #bequiz-responsive img{
    height: 250px;
    margin-left: -94px;
    margin-top: -145px;   
  }

 
  #bequiz-responsive img#img-redisenio{
    max-width: 100%;
    max-height: 200px;
    width: auto;
  }


  #calmly img{
    margin-top: -123px;
  }
  .screenshot,
  .screenshot.last{
    max-width: 240px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    
  }

  .detail-features {
    max-width: 500px;
  }
  .appearanceImg2{
    text-align: center;
  }
  .description-image{
    width: 100%;
    margin-top: 0;
    padding-left: 0;
  }
  .appearanceImg2 img{
    float: none;
  }
  .appearanceImg-footer{
    height: 209px;
  }

  .plugin-page .appearanceImg img{
    height: 204px;
  }

  #scimaps-desc{
    /*width: 193px;*/
    position: absolute;
    bottom: inherit;
    left: 0;
    text-align:initial;
    
  }


  
}

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

.mobile-nav2 {     
  position: absolute;
  top: 20px;
  right: 0;     
  cursor: pointer;
 
}

.mobile-nav2 .mobile-nav-elem {
  margin-top: 4px;
  background: #000000;
  display: block;
  width: 27px;
  height: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.col {  
  margin: 0;/*1% 0 1% 0%; */
}
.col1{
  margin: 1% 0 1% 0%; 
}
#closeMenu2{
  display: block;
  cursor: pointer;
}
#menu-container{
  margin-top: -20px;/* quitar margin que aplica  wrapper1*/
}
.content-meu{
  text-align: center;
  padding: 20px;
}
nav#main-nav2{
  
  background: #eeeeee;
  top: -20px;
  -webkit-transform: translateX(360px);
  transform: translateX(360px);
  -webkit-transition: background .3s ease-in-out,-webkit-transform .5s ease-in-out;
  transition: background .3s ease-in-out,-webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out,background .3s ease-in-out;
  transition: transform .5s ease-in-out,background .3s ease-in-out,-webkit-transform .5s ease-in-out;  

}
.restautheme-page nav#main-nav2{
  top: -40px;
}

nav#main-nav2 ul#menu li{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  
}
ul#menu.menutype1 li a{
  padding: 10px 0;
}
.banner-titles-container{
  font-size: 35px;
}

.div_2cols_of_4,
.div_2cols_of_4_without_col_padding{
  width: 100%;
}

#aboutme{
  margin-bottom: 1.8em;
}

#UXspain{
 
  background-position:center; 
}
#control-mandos-grubric{
  background: #0c2633;
}
  
#grubric img,
#calmly img{
  margin-top: -125px;
}

footer#footer,
.media-icons{
  text-align: center;
}


footer h2{
  margin-bottom: 20px;
}
#mail, 
#phone{
  margin-bottom: 10px;
}
.media-icons{
margin-top: 10px;
}

.screenshot,
.screenshot.last{
       
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px; 
    z-index: 99;   
    
}

.detail-features {
    max-width: 400px;
}

#img-theme-responsive{
    position: relative;
}

.appearanceImg2{
  margin-top: 40px;
}

.appearanceImg2 img{
  min-width: 300px;
  width: 100%;
}
#mapa{
  
  background-position: center center;
}
.img-map img {
    padding: 3%;
    width: 94%;
}
.appearanceImg,
.appearanceImg-footer{
  width: 100%;  
  height: auto;

}
.appearanceImg-footer{
  max-height: 290px;
}
.content-img-plug{
  width: 100%;
  height: auto;
}
.plugin-page .appearanceImg img{
  height: auto;
}

.buttons-call-action1 a.bt2{
	clear: both;	
    margin: 25px 0;
    text-align: center;
    display: inline-block;
    padding: 9px 25px;
}


}

@media screen and (max-width: 480px){
    .banner-titles-container{
      font-size: 24px;  
    }

    #grubric img {
        width: 250px;
        position: absolute;    
        left: 50%;
        top: 46%;
        margin-top: -100px;
        margin-left: -125px;
    }
    #calmly img {
        width: 250px;
        margin-top: -100px; 
        margin-left: -125px;
    }
    #integration-wp-comment-external-site img{
      margin-top: -120px;
    }

    #control-mandos-grubric img,
    #gauss-percentil-bequiz img{
      width: 250px;
      margin-top: -125px; 
      margin-left: -120px;
    }
    #control-mandos-grubric img{
      margin-top: -150px;
    }
    #redisenio-site-grubric img{
      width: 200px;
      margin-left: -100px;
      margin-top: -155px;
    }
    #gauss-percentil-bequiz img{
       width: 200px;
      margin-left: -100px;
      margin-top: -100px;
      }


      #disenio-gallito-api-site img{
        width: 200px;
        height: auto;
      }
      #bequiz-responsive img{
        width: 180px;
        height: auto; 
      }

    

    #restautheme,
    #UXspain{
     
      padding-left: 10px;
      padding-right: 10px;
      font-size: 1.5rem;  
      line-height: 26px;  

    }
    /*.others{
      height: 350px;
    }*/
    .transText,
    .textPhoto{
      font-size: 16px;
      line-height: 20px;
    }
 

  

    #img-theme-responsive{
      max-width: 300px;
    }
    #mapa{
      height: 300px;
     
    }
    .appearanceImg2 img{
      min-width: 250px;
    }
    .appearanceImg-footer {
    max-height: 214px;
    }
    .buttons-call-action button{
      margin-top: 25px;
    }
    .buttons-call-action1 a:link,
    .buttons-call-action1 a:visited{
      font-size: 13px;
    }
    .mySlides{
      width: 200px;
      vertical-align: middle;
    }
    .mySlides.second,
    .mySlides.fourth{
      
      width: 220px;      

    }
    .mySlides img{
      vertical-align: middle;

    }
    .content-slider{
      max-height: 500px;
    }
    #scimaps-desc{
      width: 193px;
    }


}