/* MENÚ
--------------------------------------*/
#g-navigation {
    background: transparent;
    color: #fff;
    position: relative;
    z-index: 10001;
    border-bottom: none;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
    background: #212121;
    box-shadow: inset 0px -3px 13px -2px #000;
}
.g-logo img {
    width: 4rem;
    margin-bottom: -2rem;
}
/*Overlay menu*/
#g-overlay {
    background: rgba(0, 0, 0, 0.66);
}
#g-overlay .g-social a {
    background-color: #fb5400;
    color: #ffd8c4;
}


/* PORTADA
--------------------------------------*/
    /*Fondo de video en la portada*/
    .video-background{
        padding: 0px;
        margin-bottom: 0px;
        height: 50rem;
    }

	.cover-content {
	    position: absolute;
	    z-index: 9999;
	    margin: 0 auto;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.5);
	    padding: 24rem 2rem;
	}
	#g-header { /*Sube la portada hasta aparecer bajo el menú*/
	    margin-top: -4.5rem;
	}
	.mouse-down{
		position: absolute;
		bottom: -2px;
		left: 50%;
		margin-left: -19px;
		z-index: 9999;
	}

/* FORMULARIO
--------------------------------------*/
#g-slideshow {
    margin-top: 0rem;
    padding: 2rem !important;
    background: #6a6a6a;
    color: #e8e8e8;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-blend-mode: color-dodge;
    background-color: rgb(42, 42, 42);
}
#g-slideshow a {
    color: #fff;
    text-decoration: underline;
}
#formaoriginal {
    text-align: center;
}
#fNameA, #fMailA, #fCelA, .form-send {
    width: 24%;
    margin: 0px 3px;
}
@media only all and (max-width: 47.938rem){
    #fNameA, #fMailA, #fCelA, .form-send {
        width: 48% !important;
        margin: 5px 2px;
        padding: .7rem;
    }
}
#fNameA, #fMailA, #fCelA {
    background-color: rgba(255, 255, 255, 0.87);
    color: #000;
    border: none;
}
    #fMailA::-webkit-input-placeholder, #fNameA::-webkit-input-placeholder, #fCelA::-webkit-input-placeholder{
        color: #474747 !important;
    }

.form-send {
    background-color: #FB5400;
    border-radius: 5px;
    box-shadow: 0px 4px 3px -2px rgba(210, 70, 0, 0.95);
    margin-top: -1px;
}
    .form-send:hover {
        background-color: #de4d03;
        border-radius: 5px;
        box-shadow: 0px 2px 4px -2px rgba(210, 70, 0, 0.95);
        margin-top: -1px;
    }

/* ¿QUÉ ES WOR?
--------------------------------------*/
#g-showcase:before {
	display: none;
}
#g-showcase {
    background: #fff;
    color: #4d515f;
    position: relative;
    padding: 5rem 2rem;
    background-image: url("../../../../images/wor/bg-nosotros.png");
}
.nosotros-contenido {
    max-width: 45rem;
    margin: 0 auto;
}

/* 1 QUOTE - Frase Inspiracional
--------------------------------------*/
.frase {
    /*background-blend-mode: color-dodge;*/
    background-color: #1c1c1c;
    /*-webkit-filter: saturate(0.3);*/
    color: #f9f9f9;
    background-size: cover;
    padding: 8rem 1rem;
    background-repeat: no-repeat;
}

@media only all and (max-width: 47.938rem){
     .frase {
        background-position: top center !important;
    }   
}
.frase-1 {
    background-image: url("../../../../images/wor/bg-2-quote.jpg");
}
.frase-2 {
    background-image: url("../../../../images/wor/bg-1-quote.jpg");
}
.frase-3 {
    background-image: url("../../../../images/wor/bg-3-quote.jpg");
}
.quote {
    font-size: 2rem;
    max-width: 50rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.frase:after {
    content: "|";
    font-size: 3rem;
    float: left;
    position: absolute;
    bottom: -9px;
    left: 50%;
    right: 50%;
}
.frase:before {
    content: "|";
    font-size: 3rem;
    float: left;
    position: absolute;
    top: -9px;
    left: 50%;
    right: 50%;
}

.quote-title {
    font-size: 35px;
    text-align: center;
    font-weight: 700;
}
.quote-p {
    font-size: 18px;
    text-align: center;
}

/*
.quote:before {
    content: "\f10d";
    font-family: "FontAwesome";
	position: relative;
    top: -2rem;
    left: 0rem;
    font-size: 1.5rem;
    float: left;
}
.quote:after {
    content: "\f10e";
    font-family: "FontAwesome";
	position: relative;
    bottom: -2rem;
    right: 0rem;
    font-size: 1.5rem;
    float: right;
}
#g-above:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.37);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}
#g-feature:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.37);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}
*/

/* COMUNIDAD
--------------------------------------*/
.comunidad-contenido {
    padding: 3rem;
}
.social-icons {
    font-size: 2rem;
}


/* AFILIACIONES
--------------------------------------*/
#g-expanded {
    background: #F9F9F9;
    color: #171717;
}
.afiliaciones-contenido {
    max-width: 45rem;
    margin: 0 auto;
}
.card {
    background-color: #ffffff;
    margin: 0.3rem;
    box-shadow: 0px 2px 7px 0px rgba(202,202,202,0.5);
}
.bg-card {
    /*padding: 4rem;*/
    padding:5px;
    background-color: #d0d0d0;
    background-size: cover;
    background-position: 50% 50%;
}
.bg-card {
background: #fb5400; /* Old browsers */
background: -moz-linear-gradient(left,  #fb5400 0%, #ff9d00 50%, #f9905c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fb5400 0%,#ff9d00 50%,#f9905c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fb5400 0%,#ff9d00 50%,#f9905c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb5400', endColorstr='#f9905c',GradientType=1 ); /* IE6-9 */
}
/*
	.bg-card:nth-child(1) {
	    background-image: url(/images/wor/card-head-1.png);
	}
	.bg-card:nth-child(2) {
	    background-image: url(/images/wor/card-head-2.png);
	}
	.bg-card:nth-child(3) {
	    background-image: url(/images/wor/card-head-3.png);
	}
*/

.card-head {
    display: flex;
    padding: 1.5rem 0rem;
}
.card-name {
    margin: 0;
    width: 50%;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    font-family: sans-serif;
}
.card-price {
    width: 50%;
    text-align: left;
    border-left: 3px solid #333;
    padding-left: 12px;
}
.price {
    font-size: 28px;
    font-weight: 600;
}
.card-description {
    padding: 0rem 1rem 1rem 1rem;
}
.card-description-x2 {
    padding: 0rem 1rem 1rem 1rem;
    width: 48%;
    display: inline-table;
    text-align: left;
}
.card-cta {
    padding: 1rem 1rem 1.5rem 1rem;
}
.card-button {
    color: #fb5400;
    border: 1px solid #fb5400;
    padding: .4rem .8rem;
    border-radius: 5px;
}
.card-button:hover {
    background-color: #FB5400;
    color: #fff;
}

/* SERVICIOS
--------------------------------------*/
#g-extension .g-container {
    padding: 0;
}
#g-extension {
    background: #f9f9f9;
    color: #fff;
    position: relative;
    z-index: 1;
    background-image: none;
}
	#g-extension:before {
		display: none;
	}
.h3-bottom-line {
    font-weight: 600;
    color: #333;
}
.h3-bottom-line:after {
    content: "⏊";
    display: block;
    position: relative;
    margin-bottom: -25px;
    font-size: 30px;
}
.service {
    width: 25%;
    float: left;
    overflow: hidden;
    position: relative;
}
@media only all and (max-width: 47.938rem){
	.service {
	    width: 50% !important;
	}
}
.service-name {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    -ms-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}
.service-img {
}
/*Módulo de software*/
.sfw-card {
    background-color: #333;
    height: 25rem;
    background-size: cover;
    background-position: 50% 50%;
}
	.sfw-h2 {
        position: relative;
        display: flex;
        margin: 0px;
        height: 100%;
        padding: 1rem;
        width: 100%;
        -ms-display: flex;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 18px;
        font-weight: 700;
	}
.sfw-1 {background-image: url(../../../../images/wor/sfw-1.jpg);}
.sfw-2 {background-image: url(../../../../images/wor/sfw-2.png);}
/* MAPA
--------------------------------------*/
#g-bottom {
    background-image: url(../../../../images/wor/mapa.png);
    background-size: cover;
    overflow: hidden;
    background-position: 50% 50%;
}
#g-bottom .g-container {
    padding: 0;
}
.map-overlay {
    background-color: rgba(249, 249, 249, 0.85);
    padding: 15rem 1rem;
    color: #333;
}

.map-bottom {
    position: relative;
    bottom: -7rem;
    left: 0;
    z-index: 9999;
    height: 0;
}

/* FOOTER
--------------------------------------*/
#g-footer {
    background: #0b0b0b;
    color: #e8e8e8;
    background-image: url(../../../../images/wor/bg-footer.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    padding: 4rem 0rem;
}
td {
    padding: 0.5rem;
    border: none;
}
table {
    border: none;
}
input.ss-q-short {
    background-color: rgba(255, 255, 255, 0.93);
    color: #333;
    border: none;
    width: 55%;
    height: 39px;
    border-radius: 5px;
}
input#ss-submit {
    width: 39%;
    background-color: #FB5400;
    border-radius: 5px;
    box-shadow: 0px 4px 3px -2px rgba(210, 70, 0, 0.95);
    padding: 8px 5px;
    margin-top: -1px;
}
#g-footer a, #g-copyright a {
    color: #00CFFF;
}


#fbName, #fbCel, #fbMail, #fbMsg {
    background-color: rgba(50,50,50,0.7);
    border: 2px;
    border-radius: 3px;
    margin-bottom: 5px;
    color: #fff;
    resize: none;
}
#fbCel {
    width: 49%;
    float: left;
}
#fbMail{
    width: 49%;
    float: right;
}
.fb-send {
    background-color: #FB5400;
    border-radius: 5px;
    box-shadow: 0px 4px 3px -2px rgba(210, 70, 0, 0.95);
    padding: 8px 5px;
    margin-top: 0rem;
    float: right;
}
.fb-send:hover {
    background-color: #de4d03;
    border-radius: 5px;
    box-shadow: 0px 2px 4px -2px rgba(210, 70, 0, 0.95);
    margin-top: -1px;
}
/* COPYRIGHT
--------------------------------------*/
#g-copyright {
    color: #ffffff;
//    font-size: 0.8rem;
    text-transform: uppercase;
    background-color: #0a0a0a;
}

/* ESTILOS GLOBALES
--------------------------------------*/
.vertical-centered-text {
    -ms-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
h1, h2, h3, h4, h5 {
    font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 100;
}
.h2-boxed {
    margin: 0;
    /*border: 3px solid #333;*/
    color: #fb5400; /*Originalmente era color negro default*/
    display: inline-block;
    padding: .2rem .5rem;
    font-family: sourcesanspro;
    /*font-family: sans-serif;*/
    /*font-weight: 400;*/
    font-weight: bold;
}
.black-t {
    color: #383838;
}

#g-top {
    background: #009675;
    color: #fff;
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    width: 100%;
    background: transparent;
    top: 0;
}
.alert {
    background-color: #484848;
    border-color: #fb5400;
    padding: 0.938rem;
    width: 14rem;
}
.alert, .alert h4, .text-warning {
    color: #ffffff;
}


#g-above h3, #g-above p, #g-feature p, #g-expanded p, #g-expanded h2, #g-expanded label{color:#ffffff !important; }

#g-above h3 {
 
}

#g-above p {
 
}

.texto {
    margin: auto;
    line-height: normal;
}

.h3t {font-weight:bold;}

.textos {
    padding-left: 120px;
    padding-top: 10px;
    background-color: #0000005e;
    height: 95px;
}

.servicios {
width:85%; color:#0000005c; margin:1rem auto; background-repeat: no-repeat; height: 95px;
}



#g-copyright {
    font-size: 1rem !important;
}

.esqi::after {
    content: url(../../../../images/iqpaints/esqi.png);
    position: relative;
    top: 250px;
}
.esqd::before {
    content: url(../../../../images/iqpaints/esqd.png);
    position: absolute;
    right: -50px;
}

.box-phone {
    width: 35%;
    display: inline-block;
}
.box-email {
    width: 64%;
    float: right;
    display: inline-block;
}
.label {color: #ffffff;}

h1, h2, h3, h4 {    font-family: Amsi;}

@font-face {
    font-family: Amsi;
    src: url(../../../../images/iqpaints/AmsiProCond-Ultra.otf);
    font-weight: bold;

}

@font-face {
    font-family: Amsi;
    src: url(../../../../images/iqpaints/AmsiPro-Black.otf);

}

@font-face {
    font-family: Amsi;
    src: url(../../../../images/iqpaints/AmsiProCond-SemiBold.otf);
}

#g-header:before {
    background: none !important;

}

g-copyright div {    font-size: 1.3rem;}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #fff;
        background-color: rgba(0,0,0,.6);
    border: 0px solid rgba(255, 255, 255, 0.6);
    border-radius: 6px;
}

label {
    margin-bottom: 0.375rem;
    font-weight: bold;
    text-transform: uppercase;
}

.boton {
    float: right;
    margin-top: 10px;
    margin-right: none;
    visibility: visible;
    background-color: #00CFFF;
    border-radius: 9px;
    padding: .5rem;
}

.port{
    background-image: url("../../../../images/iqpaints/port.jpg");   
 //   background-size: cover;
    background-position: center;
    background-size: cover;
    padding: 1rem;
    margin: 1rem;
    min-height: 164px;
}

.portext { 
    font-size: 1.3rem;
    font-weight: bold;
}

.escondido {display:none;}



.regla {
     margin: 1rem 0;
    border-bottom: 5px solid #00CFFF;
}
.titulo2 {  font-size: 9rem; margin:0;line-height: 8rem;}

@media only all and (max-width: 47.938rem)
{
.esqi::after {    content: none; }
.esqd::before {    content: none;}
.textos {    min-height: 110%;     overflow: scroll;    padding-right: 20px;}
.titulo2 {    font-size: 6rem;}
#inicio {        margin: 6rem 1rem !important;}
.textofoo {    font-size: 1.7rem;  }

.servicios {height: 207px; margin-bottom: 2rem;}
.textos  {height: 207px;     overflow: auto;     }

.rokbox-previous  {    left: 0px;}
.rokbox-next {    right: 0px;}

.rokbox-caption {    position: fixed !important; bottom: 0px;}

.rokbox-previous, .rokbox-next {
    z-index: 10000;
    color: #1ab3cc !important;
    position: fixed;
    bottom: 0px;
    height: 50px;
}


}


.textofoo {    font-size: 1.5rem;  }

#g-expanded a{color: #00CFFF;}

.rokbox-caption {
    opacity: 1;
    position: relative;
    background-color: #ffffffe3 !important;
    color: black !important;
    text-align: center;
    bottom: 0px !important;
    width: 100%;
    height: 50px;
}



.rokbox-inner {
    height: 90%;
    width: 90%;
    margin: 0 auto;
}

//@media only screen and (min-width: 600px) {}

@media only all and (min-width: 47.938rem) {

.rokbox-caption {    position: relative !important; bottom: 0px;}

}