/*!
Theme Name: SpeedPlastic	
Theme URI: https://twitter.com/devllc
Author: seedtech.com.co
Author URI: https://seedtech.com.co
Description: @devllc - Paginas Web construidas sin plugins o complementos.
Version: 3.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: SpeedPlastic
Tags: custom-page-elements, custom-strings, custom-pages, custom-services, custom-social, custom-slides and custom-testimonial.

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

SpeedPlastic is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@charset "UTF-8";

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box}body,button,input,optgroup,select,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,big{font-size:125%}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}a{color:#4169e1}a:visited{color:purple}a:active,a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:active,a:hover{outline:0}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);line-height:1;padding:.6em 1em .4em}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}.main-navigation{display:block;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{display:block;left:auto}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation li{position:relative}.main-navigation a{display:block;text-decoration:none}.main-navigation.toggled ul,.menu-toggle{display:block}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul{display:flex}}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.post-navigation .nav-links,.posts-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;flex:1 0 50%}.sticky{display:block}.page,.post{margin:0 0 1.5em}.updated:not(.published){display:none}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}

/*
*
*
*
* estilo spg ******************************************************
*
*
*
*/

/*
*
*
*
*
*
*
*
fuentes
*
*
*
*
*
*
*
*/
@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-BoldItalic.eot');
    src: local('PFBeauSansPro-BoldItalic'),
        url('font/PFBeauSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-BoldItalic.woff2') format('woff2'),
        url('font/PFBeauSansPro-BoldItalic.woff') format('woff'),
        url('font/PFBeauSansPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-Black.eot');
    src: local('PFBeauSansPro-Black'),
        url('font/PFBeauSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-Black.woff2') format('woff2'),
        url('font/PFBeauSansPro-Black.woff') format('woff'),
        url('font/PFBeauSansPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-Light.eot');
    src: local('PFBeauSansPro-Light'),
        url('font/PFBeauSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-Light.woff2') format('woff2'),
        url('font/PFBeauSansPro-Light.woff') format('woff'),
        url('font/PFBeauSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PF BeauSans Pro Bbook';
    src: url('font/PFBeauSansPro-Bbook.eot');
    src: local('PFBeauSansPro-Bbook'),
        url('font/PFBeauSansPro-Bbook.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-Bbook.woff2') format('woff2'),
        url('font/PFBeauSansPro-Bbook.woff') format('woff'),
        url('font/PFBeauSansPro-Bbook.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-ThinItalic.eot');
    src: local('PFBeauSansPro-ThinItalic'),
        url('font/PFBeauSansPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-ThinItalic.woff2') format('woff2'),
        url('font/PFBeauSansPro-ThinItalic.woff') format('woff'),
        url('font/PFBeauSansPro-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'PF BeauSans Pro XThin';
    src: url('font/PFBeauSansPro-XThinItalic.eot');
    src: local('PFBeauSansPro-XThinItalic'),
        url('font/PFBeauSansPro-XThinItalic.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-XThinItalic.woff2') format('woff2'),
        url('font/PFBeauSansPro-XThinItalic.woff') format('woff'),
        url('font/PFBeauSansPro-XThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-Thin.eot');
    src: local('PFBeauSansPro-Thin'),
        url('font/PFBeauSansPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-Thin.woff2') format('woff2'),
        url('font/PFBeauSansPro-Thin.woff') format('woff'),
        url('font/PFBeauSansPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'PF BeauSans Pro XThin';
    src: url('font/PFBeauSansPro-XThin.eot');
    src: local('PFBeauSansPro-XThin'),
        url('font/PFBeauSansPro-XThin.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-XThin.woff2') format('woff2'),
        url('font/PFBeauSansPro-XThin.woff') format('woff'),
        url('font/PFBeauSansPro-XThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-SemiBold.eot');
    src: local('PFBeauSansPro-SemiBold'),
        url('font/PFBeauSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-SemiBold.woff2') format('woff2'),
        url('font/PFBeauSansPro-SemiBold.woff') format('woff'),
        url('font/PFBeauSansPro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-Bold.eot');
    src: local('PFBeauSansPro-Bold'),
        url('font/PFBeauSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-Bold.woff2') format('woff2'),
        url('font/PFBeauSansPro-Bold.woff') format('woff'),
        url('font/PFBeauSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-SemiBoldItalic.eot');
    src: local('PFBeauSansPro-SemiBoldItalic'),
        url('font/PFBeauSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('font/PFBeauSansPro-SemiBoldItalic.woff') format('woff'),
        url('font/PFBeauSansPro-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'PF BeauSans Pro Bbook';
    src: url('font/PFBeauSansPro-BbookItalic.eot');
    src: local('PFBeauSansPro-BbookItalic'),
        url('font/PFBeauSansPro-BbookItalic.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-BbookItalic.woff2') format('woff2'),
        url('font/PFBeauSansPro-BbookItalic.woff') format('woff'),
        url('font/PFBeauSansPro-BbookItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-LightItalic.eot');
    src: local('PFBeauSansPro-LightItalic'),
        url('font/PFBeauSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-LightItalic.woff2') format('woff2'),
        url('font/PFBeauSansPro-LightItalic.woff') format('woff'),
        url('font/PFBeauSansPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-Italic.eot');
    src: local('PFBeauSansPro-Italic'),
        url('font/PFBeauSansPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-Italic.woff2') format('woff2'),
        url('font/PFBeauSansPro-Italic.woff') format('woff'),
        url('font/PFBeauSansPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-Regular.eot');
    src: local('PFBeauSansPro-Regular'),
        url('font/PFBeauSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-Regular.woff2') format('woff2'),
        url('font/PFBeauSansPro-Regular.woff') format('woff'),
        url('font/PFBeauSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF BeauSans Pro';
    src: url('font/PFBeauSansPro-BlackItalic.eot');
    src: local('PFBeauSansPro-BlackItalic'),
        url('font/PFBeauSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('font/PFBeauSansPro-BlackItalic.woff2') format('woff2'),
        url('font/PFBeauSansPro-BlackItalic.woff') format('woff'),
        url('font/PFBeauSansPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


.menu-toggle{
  display: none;
}

.misic{display:block;width:0;height:0;visibility:hidden !important}

@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap');
body {
    display: grid;
    /*font-family: 'PF BeauSans Pro', Arial, sans-serif;*/
    font-family: "Sofia Sans Condensed", sans-serif;
    /*text-align: center;*/
    margin: 0 auto !important;
}

a:hover, a:active, a:focus {
    outline: 0 !important;
}

#verserviciosel{
    opacity: .3;
    filter: drop-shadow(2px 2px 3px black);
    cursor: not-allowed;
}

.fondo-cabeza {
    background: rgb(255 255 255);
    background: url(https://speedplasticg.com/static/img/test2.jpg);
    background-size: cover;
    /*height: 600px;*/
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: calc(9/16 * 100%);
}

.fondo-cabeza-capa-0 {
    content: "5";
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
}

.site-branding,
.logo {
    /*width: 300px;*/
    font-size: 0;
    color: transparent;
    text-align: center;
    padding-bottom: 15px;
}

.site-title {
    /*width: 0;*/
    height: 0;
}

.logo img.logo-1 {
    margin: 6vw;
    /*width: 33vw;
    max-width: 333px;*/
    width: 30vw;
    max-width: 400px;
}

.logo img.logo-2 {
    margin: 1vw;
    max-width: 150px;
    filter: drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 3px black) drop-shadow(0 0 20px black);
    width: 33vw;
    max-width: 255px;
    transform: translateX(12px);
}

#logo {
    filter: drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 3px black) drop-shadow(0 0 9px black);
}




.slides-h{
            margin: 15px;
        }




.info-datos.pri {
    border-radius: 26px 26px 0 0;
    position: absolute;
    width: 88%;
    background: rgba(0, 0, 0, 0.6);
}

.info-datos.sec {
    border-radius: 0 0 26px 26px;
    position: relative;
    top: -6px;
    width: 85%;
    background: rgba(0, 0, 0, 0.6);
}

.info-datos {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    text-align: center;
    background: rgba(0, 0, 0, 0.85);
    display: block;
    /*width: 90%;*/
    /*border-radius: 26px 26px 0 0;*/
    height: 75px;
    padding: 0;
    margin: 0 auto;
    color: white;
    box-shadow: 0 0 15px -5px black inset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-datos span {
    margin: 0 5%;
    align-items: center;
    justify-content: center;
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
}

.info-datos img {
    height: 36px;
    display: block;
    margin: 0 auto;
}

.servicios {
    /*background: #0a2230;*/
    /*#0a2230 #164667*/
/*    background: radial-gradient(ellipse at top, #01070a 10%, #082d46 100%);*/
    background: radial-gradient(ellipse at top, #ebebeb 10%, #1f3849 100%);
    border-radius: 33px;
    margin: 15px;
    margin-top: 0;
    border: 1px solid #0a2435;
}

.servicio {
    cursor: pointer;
    display: block;
    /* height: 100%; */
    /*background: rgba(31,48,57, 0);*/
    /*border: 1px solid rgba(176,196,222, 0);*/
    /*border-radius: 9px;*/
}

.servicio:hover {
    /* height: 100%; */
    /*background: rgba(31,48,57, 0.3);*/
    /*border-bottom: 1px solid rgba(176,196,222, 0.3);*/
    /*border-radius: 9px;*/
    /*transition: all .5s;*/
    /*box-shadow: 0 0 15px -5px rgb(176,196,222,33%) inset;*/
}

.menu-servicios {
    display: grid;
    grid-gap: 8px 10px;
    /*grid-auto-flow: column dense;*/
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: repeat(3, 1fr);
    /*width: 60%;*/
    margin: 0 auto;
    text-align: center;
    align-items: center;
    justify-items: center;
    font-size: 18px;
    width: calc(100% - 20px);
    padding: 12px 10px;
    padding: 16px 0;
    border-radius: 20px;
}

.menu-servicios h2 {
    font-size: 16px;
    margin:4px;
    /*transform: rotate(-3deg);*/
    /*background: linear-gradient(45deg, #a875ec 20%, #ff6b7c 100%);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 1));
    text-outline: 1px solid black;
    font-family: Arial;
    font-weight: 600;
    display: inline-block;
}

.menu-servicios .servicio {
    display: block;
    width: 100%;
    height: 100%;
/*    background: rgba(31, 48, 57, 0);*/
    background: rgb(0 0 0 / 45%);
    border: 1px solid rgba(176, 196, 222, 0);
    border-radius: 15px;
    display: grid;
    align-items: center;
    justify-items: center;
    border: 2px solid rgba(176, 196, 222, 0.1);
    transition: all .2s;
}

.menu-servicios .servicio:hover {
    width: 100%;
    height: 100%;
    background: rgba(31, 48, 57, 0.5);
    border: 2px solid rgba(176, 196, 222, 0.5);
    border-radius: 15px;
    box-shadow: 0 0 30px -15px rgba(176, 196, 222, 0.5) inset;
}
.caja-servicios .texto-deg-1{
    padding-bottom: 15px;
}

.texto-deg-1 {
    filter: drop-shadow(2px 2px 3px black);
    /*background: linear-gradient(90deg, #a875ec 20%, #ff6b7c 95%);*/
}

.texto-deg-2 {
    background: linear-gradient(45deg, #36C1D5 20%, #D3DF5A 100%);
}

.texto-deg-3 {
    background: linear-gradient(45deg, #FDEC57 20%, #F26F45 100%);
}

.texto-deg-4 {
    background: linear-gradient(45deg, #EEF85B 20%, #09E5C3 100%);
}

.tarjeta-servicio {
    position: relative;
}

.titulo-servicio {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-family: 'PF BeauSans Pro', arial;
    font-weight: 600;
    font-size: 35px;
    margin: 0;
    /*filter: drop-shadow(2px 2px 3px black);*/
    filter: drop-shadow(2px 2px 3px black) contrast(1.9) brightness(1.3) saturate(0.6);
    padding-bottom: 15px;
}

.servicio-icono {
    border-radius: 22px;
/*    border: double 6px transparent;*/
    /*background: -webkit-linear-gradient(top, #151bb5 0%,#c72200 100%);*/
    /*background: -webkit-linear-gradient(top, #dadada 0%,#000000 50%,#595959 100%);*/
/*    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);*/
    background-origin: border-box; 
    width: 200px;
    height: 200px;
/*    filter: drop-shadow(2px 2px 3px black);*/
}

.contimg {
    border-radius: 22px;
    background: url(https://web.speedplasticg.com/static/img/fondo-colores.jpg);
    border: solid 5px gold;
        background-size: cover;
    background-position: center;
}


.button.servicio-ver {
    background: rgba(41, 97, 144, 25%);
    display: block;
    width: 100px;
    height: 50px;
    padding: 0;
    margin: 0;
    line-height: 3;
    color: white;
    font-weight: 600;
    font-size: 14px;
    border-radius: 6px;
    border: 2px solid rgba(70, 130, 180, 35%);
}

.cerrar-servicio-OLD {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 6px;
    background: red;
    width: 30px;
    height: 25px;
    font-family: monospace;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
    opacity: 60%;
}

.cerrar-servicio {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 32px;
    height: 32px;
    opacity: 0.5;
    background: red;
    border-radius: 15px;
}

.cerrar-servicio:hover {
    opacity: 1;
}

.cerrar-servicio:before,
.cerrar-servicio:after {
    position: absolute;
    left: 14px;
    top: 9px;
    content: ' ';
    height: 14px;
    width: 3px;
    background-color: #fff;
}

.cerrar-servicio:before {
    transform: rotate(45deg);
}

.cerrar-servicio:after {
    transform: rotate(-45deg);
}

img.servicio-icono {
    object-fit: cover;
}

img.servicio-icono {
    /*font-family: 'Helvetica';
  font-weight: 300;
  line-height: 2;  
  text-align: center;*/
    /*width: 100%;*/
    height: auto;
    display: block;
    position: relative;
    width: 750px;
/*    height: 400px;*/
}

.servicio-actual img:before {
    content: "";
    display: block;
    /*margin-bottom: 10px;*/
    margin-bottom: 45%;
}

.servicio-actual img:after {
    /*content: "..." " " attr(alt);*/
    content: " ";
    font-size: 0;
    color: rgb(100, 100, 100);
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    border-radius: 50%;
}

.servicio-actual {
    /*background:url(http://speedplasticg.com/static/img/servicio-actual.png);*/
    padding: 1px 0;
    background-size: cover;
    background-position-y: -30px;
    padding: 0;
}

.tarjeta-servicio {
    /* background: black; */
    /*background:url(http://speedplasticg.com/static/img/servicio-actual.jpg);*/
    /*background: url(http://speedplasticg.com/static/img/servicio-actual.png);*/
    background: radial-gradient(ellipse at bottom, #021823 10%, #482e25 100%);
/*    background:url(http://web.speedplasticg.com/static/img/fondo-colores.jpg);*/
    /*background-attachment: fixed;*/
    /*background-position-y: 900px;*/
    text-align: center;
    color: white;
    font-family: 'PF BeauSans Pro', "arial";
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
    /*width: 70%;*/
    margin: 0 auto;
    border-radius: 33px;
    margin: 15px;
    padding: 10px;
    border: 1px solid black;
}







/*///////////////////////////////servicios pagina//////////////////////////*/
.contenedor-servicios-tarjetas{
    display: grid;
    grid-template-rows: 1, 100x;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
}
.contenedor-servicios-tarjetas .img-container {
    position:relative;
    
    colour:#000;
    width:200px;
        margin: 0 auto;
}

.contenedor-servicios-tarjetas .img-container:before{
    content: "";
    display: block;
    padding-top: 100%; 
}
.contenedor-servicios-tarjetas .image-wrap {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.info-srv{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.contenido-servicio-tarjeta{
        display: block;
    margin: 0 auto;
    text-align: center;
    border-radius: 33px;
    background: rgb(255 255 255 / 30%);
    padding: 15px;
    margin: 15px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 12px -8px #021021;
    background-size: cover;
    background-position: center;
}














.logos-clientes {
    text-align: center;
    text-align: center;
    margin: 25px 0;
    font-size: 33px;
    font-weight: 400;
}

.logos-clientes img {
    width: 120px;
    margin: 5px;
}

.pie-pagina .direccion {
    padding-bottom: 25px;
}

.pie-pagina div {
    color: white;
    /* filter: drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 1px black); */
    font-weight: 500;
    font-size: 12px;
    text-shadow: 0 0 2px black, 0 0 3px black, 0 0 4px black;
}

@charset "UTF-8";
.xservicio-icono {
    display: flex;
    align-items: center;
    width: 200px;
    height: 200px;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    color: #FFF;
    background: #000;
    background-clip: padding-box;
    /* !importanté */
    border: solid 5px transparent;
    /* !importanté */
    border-radius: 50%;
}

.xservicio-icono:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -5px;
    /* !importanté */
    border-radius: inherit;
    /* !importanté */
    background: linear-gradient(to bottom, red, orange);
}

.contenido-servicio {
    display: block;
    padding: 5px;
}

.inicio-clientes {
    border-radius: 33px;
    margin: 15px;
    background: #fdfdfd;
    box-shadow: 0 0 15px -5px dimgray;
    border: 1px solid rgb(0, 0, 0, 35%);
}

.pie-pagina {
    text-align: center;
/*    background: radial-gradient(ellipse at top, #258dc8 0%, #0f334c 70%);*/
    background: radial-gradient(ellipse at top, rgb(24 77 157) 0%, rgb(10 14 23) 70%);
    padding: 15px 0;
    display: grid;
    grid-template-rows: repeat(3, 50x);
    grid-template-columns: 1, 1fr;
    border-radius: 33px;
    margin: 15px;
    border: 1px solid #091d2b;
}

.contacto-telefonos * {
    display: grid;
}
.contacto-telefonos a span {
    margin: 10px auto 0px;
}

    

.contacto-telefonos img {
    margin: 0 auto;
}

.contacto-telefonos {
    display: grid;
    grid-template-rows: 1, 100x;
    grid-template-columns: repeat(4, 1fr);
}

.i-ico{
    border: 1px solid rgb(0 0 0 / 20%);
    margin: 10px;
    padding: 10px;
    border-radius: 33px;
    /* background: rgb(0 0 0 / 20%); */
     background: rgb(130 221 255 / 11%); 
    /* filter: drop-shadow(2px 13px 6px black); */
/*    box-shadow: 0 9px 15px rgb(0 0 0 / 20%), 0 2px 1px rgb(255 255 255 / 10%) inset;*/
    box-shadow: 0 9px 15px rgb(0 0 0 / 35%), 0 2px 1px rgb(255 255 255 / 10%) inset;
}

.i-ico img {
    height: 48px;
        margin-top: 10px;
}
.i-ico a {
    color: white;
}

.pie-info * {
    padding: 0;
    text-align: center;
    color: gray;
    margin: 5px 0;
}

.pie-info {
    background: black;
    padding: 3px 0;
    border-radius: 33px 33px 0 0;
    margin: 15px;
    margin-bottom: 0;
    font-size: 5px;
}

strike,
strike *,
mark,
mark * {
    text-decoration: none!important;
    color: #FFBF00!important;
    font-weight: 600!important;
    font-size: 1.1em;
    background: none!important;
}

:root {
    --blanco: #EEE;
    --negro: #231F20;
    --rojo: #ff0330;
    --allo: gold;
    --azul: #1C4A99;
    --azulclaro: #00a4dc;
    --morado: #9260bb;
    --fondo: #CCC;
    --delgada: 300;
    --media: 400;
    --gruesa: 500;
    --tam1: 14px;
    --tam2: 16px;
    --tam3: 22px;
    --tam4: 26px;
    --blogger: invert(50%) sepia(65%) saturate(2403%) hue-rotate(341deg) brightness(100%) contrast(89%);
    --facebook: invert(25%) sepia(98%) saturate(575%) hue-rotate(189deg) brightness(98%) contrast(81%);
    --instagram: invert(24%) sepia(100%) saturate(1646%) hue-rotate(288deg) brightness(92%) contrast(98%);
    --linkedin: invert(33%) sepia(90%) saturate(5390%) hue-rotate(183deg) brightness(97%) contrast(101%);
    --skype: invert(53%) sepia(94%) saturate(2371%) hue-rotate(161deg) brightness(98%) contrast(101%);
    --telegram: invert(34%) sepia(98%) saturate(974%) hue-rotate(171deg) brightness(97%) contrast(101%);
    --twitter: invert(47%) sepia(61%) saturate(2623%) hue-rotate(182deg) brightness(106%) contrast(90%);
    --whatsapp: invert(61%) sepia(100%) saturate(383%) hue-rotate(87deg) brightness(93%) contrast(87%);
    --youtube: invert(25%) sepia(71%) saturate(7231%) hue-rotate(354deg) brightness(94%) contrast(123%);
    --iconos: invert(18%) sepia(53%) saturate(4211%) hue-rotate(178deg) brightness(90%) contrast(101%)
}

body {
    font-size: var(--tam1);
    font-weight: var(--delgada);
    background: #eaeaea;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto
}

a {
    text-decoration: none
}

#map_canvas {
    height: 400px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #1C4A99
}

.contacto-contenedor {
    display: block;
    padding: 55px 0
}

.contacto-titulo {
    color: var(--allo);
    font-weight: 400;
    font-size: 30px;
}

.contacto-formulario-contenedor {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    padding-bottom: 20px
}

.contacto-descripcion {
    grid-column: 1;
    font-size: 25px;
    color: var(--azul);
    padding-right: 35px;
    text-align: center
}

.contacto-formulario {
    grid-column: 2;
    padding: 0 35px
}

.contacto-formulario form p label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--azul);
}

.contacto-formulario input,
.contacto-formulario select,
.contacto-formulario textarea {
    box-shadow: 0 0 16px -14px var(--azul);
    font-size: 16px;
    border-radius: 3px;
    font-weight: 400;
    background: #fff;
    border-color: rgba(0, 87, 117, 0.1);
    border-width: 2px
}

.contacto-formulario select option {
    display: block;
    font-size: 16px;
    box-shadow: 0 0 20px -10px var(--azul);
    background: var(--azul);
    font-weight: 400!important
}

.contacto-formulario select {
    color: var(--allo);
    font-weight: 400!important
}

.contacto-formulario * {
    margin: 3px 0
}

.contacto-formulario input[type=submit] {
    width: 100%;
    padding: 14px;
    background: #00BFFF;
    font-weight: 600;
    font-size: 14px;
    color: var(--azul);
    box-shadow: 0 0 20px -10px var(--azul)
}

.contacto-formulario span[role="alert"] {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #dc143c;
    box-shadow: 0 0 20px -10px var(--azul);
    margin: 0
}





.redes{display:flex;align-items:center;grid-auto-columns:1fr;text-align:center;justify-content:center}
.red_social span{display:none}
.red_social.ws span{background:red;border-radius:50%;width:22px;height:22px;display:grid;color:#fff;text-align:center;align-items:center;position:relative;top:-50px;left:22px;transform:scale(0);opacity:0;transition:all .3s;transition-timing-function:cubic-bezier(.5,.05,.5,1.5);padding-bottom:2px;font-weight:500;font-family:sans-serif!important;font-size:14px;animation-duration:.9s;transform-origin:bottom}
.red_social.ws span.noti{transform:scale(1);opacity:1}
.noti.salta{display:block;width:50px;height:50px;background:red;animation-name:bounce-3;animation-timing-function:ease}
@keyframes bounce-3 {
0%{transform:scale(1,1) translateY(0)}
10%{transform:scale(1.1,.9) translateY(0)}
30%{transform:scale(.9,1.1) translateY(-3px)}
50%{transform:scale(1,1) translateY(0)}
100%{transform:scale(1,1) translateY(0)}
}
.redes{background:#cecece;padding:25px;text-align:center;border:1px solid #a0a0a0;border-radius: 33px;
    margin: 15px;    box-shadow: 0 15px 30px -15px black inset;}
.redes .red_social{display:inline-block;width:50px;height:50px;border-radius:50%;background:#fff;border:9px solid #fff;margin:0 3px;text-decoration:none!important; box-shadow: 0 15px 25px -10px black;}
.red_social.tw img{filter:var(--twitter)}
.red_social.fb img{filter:var(--facebook)}
.red_social.ws img{filter:var(--whatsapp)}
.red_social.sk img{filter:var(--skype)}
.red_social.yt img{filter:var(--youtube)}
.redes .red_social.ig{padding: 5px;border: 7px solid #fff;}
.red_social.ig img{/* filter:var(--instagram) */}
.red_social.ig {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.red_social.in img{filter:var(--linkedin)}
.red_social.tg img{filter:var(--telegram)}
.red_social.bl img{filter:var(--blogger)}




/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
    .menu-servicios {
        display: grid;
        grid-gap: 4px 6px;
    }

    .logo img.logo-1 {
        margin: 3vw;
        width: 35vw;
        max-width: 333px;
    }
    .tarjeta-servicio {
        display: grid;
        grid-template-rows: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }
    .menu-servicios {
        display: grid;
        grid-template-rows: repeat(4, 1fr);
        grid-template-columns: repeat(3, 1fr);
    }
    .menu-servicios .servicio {
        border-radius: 15px;
    }
    .menu-servicios .servicio:hover {
        border-radius: 15px;
    }

    .logos-clientes img {
        width: 100px;
        margin: 5px;
    }
    .menu-servicios h2 {
        /*font-size: 15px;*/
        font-size: 13px;
    }
    .logos-clientes {
        font-size: 22px
    }
    .contacto-telefonos {
        display: grid;
        grid-template-rows: 1, 100x;
        grid-template-columns: repeat(2, 50%);
        padding: 0 10px;
    }
    .pie-pagina {
        background: radial-gradient(ellipse at top, #258dc8 0%, #0f334c 100%);
    }
    .pie-pagina div {
        font-size: 8px;
        grid-gap: 35px 0;
    }
    .info-datos span {
        margin: 22px 5px;
        font-size: 10px;
        width: 25%;
    }
    .info-datos.sec {
        /*width: 75%*/
        padding: 0 10px;
        border-radius: 26px;
        position: relative;
        top: 0px;
        width: 90%;
    }
    .info-datos.pri {
        display: none;
    }
    .button.servicio-ver {
        margin-top: 25px;
    }

}


/* Small devices (portrait tablets and large phones, 600px and up) */

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

    .i-ico img {
        height: 32px;
        margin-top: 10px;
    }
    .tarjeta-servicio {
        display: grid;
        grid-template-rows: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }
    .info-datos.pri {
        display: none;
    }
    .contacto-telefonos {
        display: grid;
        grid-template-rows: 1, 100x;
        grid-template-columns: repeat(2, 50%);
        padding: 0 10px;
    }
    .pie-pagina div {
        font-size: 8px;
        grid-gap: 35px 0;
    }
    .tarjeta-servicio {
        font-size: 12px;
    }
    .button.servicio-ver {
        margin-top: 25px;
    }


.slides-h{
    margin: 5px;
}

.servicios {
        margin: 5px;
    }

    .tarjeta-servicio {
        margin: 5px;
    }

    .inicio-clientes {
        margin: 5px;
    }

    .pie-pagina {
        margin: 5px;
    }

    .pie-info {
        margin: 5px;
    }
    .redes{
        margin: 5px;
    }


}

@media only screen and (min-width: 900px) {
    .logo img.logo-1 {
        margin: 6vw;
        width: 25vw;
        max-width: 333px;
        /*width: 30vw;
        max-width: 400px;*/
    }
    .info-datos.sec {
        display: none;
    }
}


/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {
    ...
}


/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 993px) {
    .menu-servicios {
        width: calc(69% - 20px);
    }
    .logo img.logo-1 {
        margin: 3vw;
        /*width: 20vw;
        max-width: 333px*/
        width: 25vw;
        max-width: 300px;
    }
    .info-datos.sec {
        display: none;
    }
}

@media only screen and (min-width: 980px) {
    .info-datos.pri {
        height: 110px;
    }
    .info-datos img {
        height: 48px;
    }

    


}


/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {
    ...
}