.mfp-bg{ 
top:0; left:0; width:100%; height:100%; z-index:2042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.8; filter:alpha(opacity=80)}

.mfp-wrap{ top:0; left:0; width:100%; height:100%; z-index:2043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden}

.mfp-container{ text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

.mfp-container:before{ content:''; display:inline-block; height:100%; vertical-align:middle}

.mfp-align-top .mfp-container:before{ display:none}

.mfp-content{ position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:2045}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{
	width:100%;
	cursor:auto
}

.mfp-ajax-cur{ cursor:progress}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{ cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out}

.mfp-zoom{ cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in}

.mfp-auto-cursor .mfp-content{ cursor:auto}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{ -webkit-user-select:none; -moz-user-select:none; user-select:none}

.mfp-loading.mfp-figure{ display:none}

.mfp-hide{ display:none !important}

.mfp-preloader{ color:#ccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:2044}

 .mfp-preloader a{ color:#ccc}

 .mfp-preloader a:hover{ color:white}

.mfp-s-ready .mfp-preloader{ display:none}

.mfp-s-error .mfp-content{ display:none}

button.mfp-close,button.mfp-arrow{ overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:2046; -webkit-box-shadow:none; box-shadow:none}

button::-moz-focus-inner{ padding:0; border:0}

.mfp-close{ width:44px; 
height:44px; line-height:44px; 
position: absolute; 
right:18%; 
top:0; 
text-decoration:none; 
text-align:center; 
opacity:0.65; filter:alpha(opacity=65); 
padding:0 0 18px 10px; color:white; 
font-style:normal; font-size:28px; 
font-family:Arial,Baskerville,monospace}

 .mfp-close:hover,.mfp-close:focus{ opacity:1; filter:alpha(opacity=100)}

 .mfp-close:active{ top:1px}

.mfp-close-btn-in .mfp-close{ color:#EE3A43}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{ color:white; right:-6px; text-align:right; padding-right:6px; width:100%}

.mfp-counter{ position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px}

.mfp-arrow{ position:absolute; opacity:0.65; filter:alpha(opacity=65); margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:rgba(0,0,0,0)}

 .mfp-arrow:active{ margin-top:-54px}

 .mfp-arrow:hover,.mfp-arrow:focus{ opacity:1; filter:alpha(opacity=100)}

 .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{ content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent}

 .mfp-arrow:after,.mfp-arrow .mfp-a{ border-top-width:13px; border-bottom-width:13px; top:8px}

 .mfp-arrow:before,.mfp-arrow .mfp-b{ border-top-width:21px; border-bottom-width:21px; opacity:0.7}

.mfp-arrow-left{ left:0}

 .mfp-arrow-left:after,.mfp-arrow-left .mfp-a{ border-right:17px solid white; margin-left:31px}

 .mfp-arrow-left:before,.mfp-arrow-left .mfp-b{ margin-left:25px; border-right:27px solid #3f3f3f}

.mfp-arrow-right{ right:0}

 .mfp-arrow-right:after,.mfp-arrow-right .mfp-a{ border-left:17px solid white; margin-left:39px}

 .mfp-arrow-right:before,.mfp-arrow-right .mfp-b{ border-left:27px solid #3f3f3f}

.mfp-iframe-holder{ padding-top:40px; padding-bottom:40px}

 .mfp-iframe-holder .mfp-content{ line-height:0; width:100%; max-width:900px}

 .mfp-iframe-holder .mfp-close{ top:-40px}

.mfp-iframe-scaler{ width:100%; height:0; overflow:hidden; padding-top:56.25%}

 .mfp-iframe-scaler iframe{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,0.6); background:black}

img.mfp-img{ width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px 0 40px; margin:0 auto}

.mfp-figure{ line-height:0}

 .mfp-figure:after{ content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,0.6); background:#444}

 .mfp-figure small{ color:#bdbdbd; display:block; font-size:12px; line-height:14px}

 .mfp-figure figure{ margin:0}

.mfp-bottom-bar{ margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto}

.mfp-title{ text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px}

.mfp-image-holder .mfp-content{ max-width:100%}

.mfp-gallery .mfp-image-holder .mfp-figure{ cursor:pointer}




/* ==========  RESOLUCIÓN MÁXIMA DE 800px  ============= */
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){  .mfp-img-mobile .mfp-image-holder{ padding-left:0; padding-right:0}

 .mfp-img-mobile img.mfp-img{ padding:0}

 .mfp-img-mobile .mfp-figure:after{ top:0; bottom:0}

 .mfp-img-mobile .mfp-figure small{ display:inline; margin-left:5px}

 .mfp-img-mobile .mfp-bottom-bar{ background:rgba(0,0,0,0.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

 .mfp-img-mobile .mfp-bottom-bar:empty{ padding:0}

 .mfp-img-mobile .mfp-counter{ right:5px; top:3px}

 .mfp-img-mobile .mfp-close{ top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0,0,0,0.6); position:fixed; text-align:center; padding:0}

}



/* ==========  RESOLUCIÓN MÁXIMA DE 900px  ============= */
@media all and (max-width:900px){ .mfp-arrow{ -webkit-transform:scale(0.75); transform:scale(0.75)}

 .mfp-arrow-left{ -webkit-transform-origin:0; transform-origin:0}

 .mfp-arrow-right{ -webkit-transform-origin:100%; transform-origin:100%}

 .mfp-container{ padding-left:6px; padding-right:6px}

}



.mfp-ie7 .mfp-img{ padding:0}

.mfp-ie7 .mfp-bottom-bar{ width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px}

.mfp-ie7 .mfp-container{ padding:0}

.mfp-ie7 .mfp-content{ padding-top:44px}

.mfp-ie7 .mfp-close{ top:0; right:0; padding-top:0}



/* ESTILOS PARA POPUP */

.card-white {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 10px;
    width: 65%;
    display:block;  
}

.container-photo{
width: 90%;
margin: 0 auto;
}

.row-photo{
width: 100%;
}

.row-photo{
padding-top: 10px;
}

.container-text{
width:96%;
height: auto;
margin: 0 auto;
}


.row-text1{
    display: inline-block;
    padding: 26px 4% 0;
} 

.service-content1 .pop-titulo{
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
text-align: left;
}
    
.service-content1 .pop-frases{
font-size: 13px;
text-transform: capitalize;
font-style: italic;
font-weight: 100;
color: #EE3A43;
text-align: left;
}

.row-socialicons{
    display: inline-block;
    width: 100%;
    padding:18px 26px ;
    
}




.col-md-5 .cotizar-pop{
display:block;
margin-top: 30px;
float: right;
}



.col-md-7 .product-share {
    margin-top: 10px;
}



/* #Mobile (Portrait Pop Up}
================================================== */
@media only screen and (min-width: 100px) and (max-width: 767px) {
	
	.card-white {
    width: 90%;
	}

	.mfp-close{
	 position: absolute;
	right:5%;  
	}
	

	.row-text1{
    display: inline-block;
    padding: 26px 3% 0;
	} 

	.service-content1 .pop-frases{
	padding-top: 6px;
	}


	.row-socialicons{
    padding:18px 12px ;
	}

	.row-socialicons .col-md-5 {
	display: inline_block;
	}
	
	.col-md-5 .cotizar-pop{
	float: left;
	}

	.row-socialicons .col-md-7 {
	display: inline-block;
	}

}