/* 

 Theme Name:     QMP Theme
 Author:         Evinex Corporation
 Author URI:     https://www.evinex.com/
 Template:       Divi
 Version:        1.0 

*/ 

/* --------------------------- CUSTOM CSS --------------------------- */ 

@import url(https://fonts.googleapis.com/css?family=Crete+Round:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://fonts.googleapis.com/css?family=Rubik:400,500);

/* QMP Red: #982323 */

p, ul li{
	font-size: 1rem;
}

/* HEADER */

header {display:none;}
#page-container {padding-top: 31px !important;}
#et-info span, #et-info a{font-size: 0.875rem;}

/* SLIDER */

.top-slider .et_pb_slider .et_pb_slide, .top-slider .et_pb_slider .et_parallax_bg { position: static; padding: 0 !important; background-position: center center; }
.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 80vh !important; }
.top-slider .et_pb_slider .et_pb_container {width:100%; max-width: 100%;}
.top-slider .et_pb_slider .et_pb_slide_description { height: 80vh; padding: 50px 0 20px 60px !important;} 
.top-slider .et_pb_slide_content{position: relative; height:100%;}
.top-slider .et_pb_slide_content h1{ margin-bottom:20px; position: absolute; bottom: 0;}
	.top-slider .slider-logo {width:220px; height: auto; margin-left: -26px; margin-top: -15px;}
.top-slider p, .top-slider h1 {text-align: left;}
.top-slider h1 {font-family: 'Crete Round', serif; font-weight: 400; font-style: italic; font-size: 3.125rem; line-height:4rem;}


@media (max-width : 1200px)  { 
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 70vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 70vh; padding: 50px 0 20px 60px !important;} 
}

@media (max-width : 900px)  { 
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 50vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 50vh; padding: 30px 0 10px 35px !important;} 
	.top-slider .slider-logo {width:160px; height: auto; margin-left: -20px; margin-top: -11px;}
	.top-slider h1 {font-size: 2.5rem; line-height:3rem;}
}


@media (max-width : 600px)  { 
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 35vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 35vh; padding: 30px 0 10px 35px !important;}
	.top-slider .slider-logo {width:160px; height: auto; margin-left: -20px; margin-top: -11px;}
	.top-slider h1 {font-size: 2.5rem; line-height:3rem; text-align: right; right: 20px;}
}


@media (max-width : 470px)  { 
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 30vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 30vh; padding: 30px 0 10px 35px !important;}
	.top-slider .slider-logo {width:130px; height: auto; margin-left: -15px; margin-top: -9px;} 
	.top-slider h1 {font-size: 2rem; line-height:2.5rem; text-align: right; right: 20px;}
}

@media (max-width : 470px) and (orientation: portrait) and (max-device-height: 700px)  { 
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 40vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 40vh; padding: 30px 0 10px 35px !important;}
	.top-slider .slider-logo {width:100px; height: auto; margin-left: -15px; margin-top: -9px;} 
	.top-slider h1 {font-size: 1.8rem; line-height:2.2rem; text-align: right; right: 20px;}
}

@media all and (orientation: landscape) and (max-device-height: 800px){
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 80vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 80vh; padding: 30px 0 10px 35px !important;}
	.top-slider .slider-logo {width:160px; height: auto; margin-left: -20px; margin-top: -11px;}
	.top-slider h1 {font-size: 2.5rem; line-height:3rem; text-align: right; right: 20px;}
}

/*
@media (max-width : 520px)  { 
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 45vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 90vh; padding: 50px 0 20px 60px !important;}
	.top-slider .slider-logo {width:auto; height: auto; margin-left: -35px; margin-top: -20px;}
	.top-slider h1 {font-family: 'Crete Round', serif; font-weight: 400; font-style: italic; font-size: 3.125rem; line-height:4rem;}
}

@media (max-width : 380px)  { 
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 45vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 90vh; padding: 50px 0 20px 60px !important;}
	.top-slider .slider-logo {width:auto; height: auto; margin-left: -35px; margin-top: -20px;}
	.top-slider h1 {font-family: 'Crete Round', serif; font-weight: 400; font-style: italic; font-size: 3.125rem; line-height:4rem;}
}

@media all and (orientation: landscape) and (max-device-height: 769px){
	.top-slider .et_pb_slider, .top-slider  .et_pb_slider .et_pb_slide { height: 45vh !important; }
	.top-slider .et_pb_slider .et_pb_slide_description { height: 90vh; padding: 50px 0 20px 60px !important;}
	.top-slider .slider-logo {width:auto; height: auto; margin-left: -35px; margin-top: -20px;}
	.top-slider h1 {font-family: 'Crete Round', serif; font-weight: 400; font-style: italic; font-size: 3.125rem; line-height:4rem;}
}
*/

/* QUOTE */

.red-section {background-color: #982323; text-align: center; margin: 0 !important;}
.red-section .quote {height: 300px; padding: 70px 0;}
.red-section .quote blockquote{padding: 0;}
.red-section .quote figure, .red-section .quote figure blockquote{margin: 0 auto; color: #ffffff; width: 580px;}
.red-section .quote p {font-family: 'Crete Round', serif; font-weight: 400; font-style: italic; font-size: 1.8rem; line-height: normal; padding: 0 10px;}
.red-section .quote figcaption {font-family: 'Crete Round', serif; font-weight: 400; font-style: italic; font-size: 1.7rem; line-height: normal; text-align: right; margin-top: 10px;  padding-right: 20px;}

/* ABOUT US */
/* LOCATION */
/* SERVICIOS A MEDIDA */ 
/* CONTACT US */

.icon-section .et_pb_blurb_content {width: 100%; max-width: 100%;}
.icon-section p{text-align: center;}
.icon-section h1{font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 1.8rem; text-align: center;}
.icon-section .underline {display: inline-block; height: 9px; width: 105px; background-color: #982323; text-align: center;}
.icon-section p.o-reg {font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center;}
.icon-section p.o-lig {font-family: 'Open Sans', sans-serif; font-weight: 300; text-align: center;}

/* SERVICES */

#services .services-row, #services .services-right, #services .services-left {height: 500px;}
#services .services-left, #services .services-right {width: 50%; text-align: center;}
#services .services-right {float:right;}
#services .services-left {float:left;}
#services .grey {background-color: #3C4043; padding: 100px 0;}
#services h1{color: #FFFFFF; font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 1.8rem; margin-bottom: 20px; text-transform: uppercase;}
#services ul {margin:0 !impotant; padding:0 !important; list-style: none;}
#services ul, #services li {color: #c5c5c5;; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 1.7rem;}
#services .services1 {background-image: url(/wp-content/uploads/2016/01/Services2.jpg); background-size: cover; background-position: center center;}
#services .services2 {background-image: url(/wp-content/uploads/2016/03/Services1.png); background-size: cover; background-position: center center;}
#services .services1:after{
    content: '';
    display: block;
    height: 70px;
    width: 70px;
    background-color: #3C4043;
    position: relative;
    top: 50%;
    left: -35px;
    margin-top: -35px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#services .services2:after{
	content: '';
    display: block;
    float: right;
    height: 70px;
    width: 70px;
    background-color: #3C4043;
    position: relative;
    top: 50%;
    right: -35px;
    margin-top: -35px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* CONTACT US */

#contact-form .et_pb_contact_field {padding: 0;}
#contact-form label {display: block; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 1rem; margin-bottom: 10px;}
#contact-form input[type="text"]{width:300px; height: 40px; background-color: transparent; border: 1px solid #3C4043;}
#contact-form textarea{width: 100%; height: 180px; background-color:transparent; border: 1px solid #3C4043;}
#contact-form .et_pb_contact_right{display: block;}
#contact-form .et_contact_bottom_container {float: left; margin: 0;}
#contact-form .et_contact_bottom_container p{text-align: left;}
#contact-form button {margin: 20px 0; float: left; background: #A8191A; color: #FFFFFF; width: 165px; height: 45px; font-family: 'Rubik', sans-serif; font-weight: 400; font-size: 1rem; text-transform:uppercase;}
#contact-form button:hover{position: relative;
	font-family: 'Rubik', sans-serif; font-weight: 400 !important; font-size: 1rem !important; text-transform:uppercase;
    padding: 0.3em 1em;
	color: #FFFFFF;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #A8191A;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#contact-form button:hover:after{
	opacity:0;
}
	
/* FOOTER */
.footer-widget {text-align: center;}
.footer-widget #text-2 {width:100%; text-align: left;}
.footer-widget #text-2 .textwidget {height: 60px;}
.footer-widget #text-2 img {float: left; clear: both; vertical-align: center; height: 56px; width: auto; margin-right:20px;}
.footer-widget .fwidget, .footer-widget .fwidget span, .footer-widget .fwidget p, .footer-widget .fwidget a {display: inline-block; font-family: 'Open Sans', sans-serif; 
font-weight: 300; font-size: 0.9rem; line-height: 1rem; margin: 10px; color: #ffffff; margin: 0;}
.footer-widget #text-3 {float: initial; margin: 0 auto;}
.footer-widget .social li{list-style: none; display: inline-block;}
.footer-widget .social li:before{display: none;}
.footer-widget #text-4 {float: right; text-align:right; }
.footer-widget #text-4 p, .footer-widget #text-4 span, .footer-widget #text-4 a{font-size: 0.8rem; line-height: 1rem;}



/*
.et_pb_container:before{
	content:'';
	display: block;
	    width: 2000px;
    height: 3500px;
    top: -2000px;
    left: -800px;
	background: rgba(255,255,255,0.5);
	position: absolute;
    transform: rotate(30deg);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );

}
*/




.et_pb_bg_layout_dark .et_pb_slide_description{
	    text-shadow: 2px 2px 4px rgba(0,0,0, 0.7);
}

.entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
    padding: 0 0 23px 16px;
    line-height: 26px;
    list-style-type: disc;
    list-style-position: inside;
}

.et_pb_blurb_content p:last-of-type, ul li{
    padding-bottom: 1em;
}

.services-row ul li{
    padding-bottom: 0.5em;
}

.et_pb_contact_form{
	margin-left: 0 !important;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

.red-section .quote figure, .red-section .quote figure blockquote{width: 90%; margin: 0 auto;}
#services h1{font-size: 1.6rem;}
#services ul, #services li {font-size: 1.5rem;}

}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 767px)  { 

.red-section .quote figure, .red-section .quote figure blockquote{width: 94%; margin: 0 auto;}
.red-section .quote p {font-size: 1.3rem;}
.red-section .quote figcaption {font-size: 1.1rem;}
#services h1{font-size: 1.6rem;}
#services ul, #services li {font-size: 1.5rem;}
#services .services-row {height: 1000px;}
#services .services-left, #services .services-right {width: 100%; text-align: center;}
#services .services1:after{
    top: 0;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
}
#services .services2:after{
    top: 100%;
    right: 50%;
    margin-top: -35px;
    margin-right: -35px;
}
#contact-form input[type="text"] { width: 100%;}
.footer-widget #text-4 {
    float: left;
    text-align: left;
	margin-top: 80px;
}


}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 413px)  { 

.red-section .quote figure, .red-section .quote figure blockquote{width: 94%; margin: 0 auto;}
.red-section .quote p {font-size: 1.3rem;}
.red-section .quote figcaption {font-size: 1.1rem;}
#services h1{font-size: 1.6rem;}
#services ul, #services li {font-size: 1.5rem;}
#services .services-row {height: 1000px;}
#services .services-left, #services .services-right {width: 100%; text-align: center;}
#services .services1:after{
    top: 0;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
}
#services .services2:after{
    top: 100%;
    right: 50%;
    margin-top: -35px;
    margin-right: -35px;
}
#contact-form input[type="text"] { width: 100%;}
.footer-widget #text-4 {
    float: left;
    text-align: left;
	margin-top: 80px;
}

}

.cdp-cookies-alerta .cdp-cookies-texto {
    padding: 5px 10px 5px 10px;
}
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto p {
    padding: 0;
}
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a, .cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a:hover, .cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a:active, .cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto a:visited {
    color: #FFFFFF !important;
}