/*Slider call to action button style */

.splide__slide .flexboxSection input.splidebutton1 {
    box-sizing: border-box;
    text-align: center;
    /*padding*/
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    /*marging*/
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0rem;
    margin-right: 0rem;
    /*font*/
    font-family: "Open Sans";    
    font-weight: 400;
    color: white;
	/*line-height: 1em;*/
	letter-spacing: 0.02em;
    /*text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;*/
    /*Background*/
    background-color: #ff7e00;	
    /*border*/
    /*border-style: solid;
    border-width: 1px;
    border-color: #222F71;*/
    border-radius: 25px;
    /*shadow*/
    /*box-shadow: 10px 10px 5px grey;*/
    /*** Motion effects **/
    /*static | relative | absolute | sticky | fixed*/
    position: relative;
    /*animation*/
    /*animation-name: flexboxSectionAnimation;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;*/
    /*name duration | timing-function | delay | iteration-count | direction | fill-mode | play-state*/
    /*animation: flexboxSectionAnimationMove 5s infinite; */
}

.splide__slide .flexboxSection input.splidebutton1:hover {
	color: white;
	background-color: #ffbc05;	
	/*border-color: #00FFFC;*/
	/*opacity: 0.7;*/
}

/*End slider call to action button style */

/*All sliders styling*/

.splide__main__slide1 {
    /***Style***/
    /*Background and its overlay
    background-image: url("../img/Slide1-1366x768.jpg");*/
	/* background-color: #cccccc; */
    /* Used if the image is unavailable */
    background-position: center bottom;
    /* Center the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    background-attachment: scroll;
    /*or scroll*/
    background-repeat: no-repeat;
    /*capa de fondo*/
    /* background-image: linear-gradient(to right, rgba(0, 22, 91, 0.8) 0%, rgba(0, 22, 91, 0.8) 100%), url("../img/Background-Que-Necesita-Tu-Sitio-Web-1366x768.jpg");
    background: rgba(76, 175, 80, 0.3)/* Green background with 30% opacity */
    /***Border***/
    /*  border-style: solid;
    border-width: 2px;
    border-radius: 30px; */
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    /* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
    /*** Advanced **/
    z-index: 0;
    margin: 0%;
    padding: 0%;
    /*** Motion effects **/
    /*static | relative | absolute | sticky | fixed/*/
    position: relative;
    /*animation*/
    /* animation-name: flexboxSectionAnimation;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate; */
    /*name duration | timing-function | delay | iteration-count | direction | fill-mode | play-state*/
    /* animation: flexboxSectionAnimationMove 5s infinite; */
}

.splide__main__slide2 {
    /***Style***/
    /*Background and its overlay
    background-image: url("../img/Slide2-1366x768.jpg");*/
	/* background-color: #cccccc; */
    /* Used if the image is unavailable */
    background-position: center bottom;
    /* Center the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    background-attachment: scroll;
    /*or scroll*/
    background-repeat: no-repeat;
    /*capa de fondo*/
    /* background-image: linear-gradient(to right, rgba(0, 22, 91, 0.8) 0%, rgba(0, 22, 91, 0.8) 100%), url("../img/Background-Que-Necesita-Tu-Sitio-Web-1366x768.jpg");
    background: rgba(76, 175, 80, 0.3)/* Green background with 30% opacity */
    /***Border***/
    /*  border-style: solid;
    border-width: 2px;
    border-radius: 30px; */
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    /* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
    /*** Advanced **/
    z-index: 0;
    margin: 0%;
    padding: 0%;
    /*** Motion effects **/
    /*static | relative | absolute | sticky | fixed/*/
    position: relative;
    /*animation*/
    /* animation-name: flexboxSectionAnimation;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate; */
    /*name duration | timing-function | delay | iteration-count | direction | fill-mode | play-state*/
    /* animation: flexboxSectionAnimationMove 5s infinite; */
}

.splide__main__slide3 {
    /***Style***/
    /*Background and its overlay
    background-image: url("../img/Slide3-1366x768.jpg");*/
	/* background-color: #cccccc; */
    /* Used if the image is unavailable */
    background-position: center bottom;
    /* Center the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    background-attachment: scroll;
    /*or scroll*/
    background-repeat: no-repeat;
    /*capa de fondo*/
    /* background-image: linear-gradient(to right, rgba(0, 22, 91, 0.8) 0%, rgba(0, 22, 91, 0.8) 100%), url("../img/Background-Que-Necesita-Tu-Sitio-Web-1366x768.jpg");
    background: rgba(76, 175, 80, 0.3)/* Green background with 30% opacity */
    /***Border***/
    /*  border-style: solid;
    border-width: 2px;
    border-radius: 30px; */
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    /* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
    /*** Advanced **/
    z-index: 0;
    margin: 0%;
    padding: 0%;
    /*** Motion effects **/
    /*static | relative | absolute | sticky | fixed/*/
    position: relative;
    /*animation*/
    /* animation-name: flexboxSectionAnimation;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate; */
    /*name duration | timing-function | delay | iteration-count | direction | fill-mode | play-state*/
    /* animation: flexboxSectionAnimationMove 5s infinite; */
}	

div h1.tituloSliders, div span.tituloSliders {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
	display: flex;
    text-align: left !important;    
    font-weight: 500;    
    letter-spacing: 0.02em !important;
    font-family: "Prototype";
    color: white;
	text-shadow:
   -2px -2px 0 #0a165f,  
    2px -2px 0 #0a165f,
    -2px 2px 0 #0a165f,
     2px 2px 0 #0a165f;
	display: inline;  	
}

span h1.subtituloSliders {
	margin-top: 1rem !important;
    margin-bottom: 1rem !important; 
	display: flex;
    text-align: left !important;    
    /*font-weight: 400;*/    
	font-weight: 700;    
    letter-spacing: 0.1em !important;
    font-family: "Open Sans";       
	color: white;
	display: inline;  
}


div h1.subtituloSliders, div h2.subtituloSliders, div span.subtituloSliders{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; 
	display: flex;
    text-align: left !important;    
    /*font-weight: 400;*/    
	font-weight: 700;    
    letter-spacing: 0.1em !important;
    font-family: "Open Sans";       
	color: white;
	/*text-shadow:	
    -1px -1px 0 #0a165f,  
    1px -1px 0 #0a165f,
    -1px 1px 0 #0a165f,
    1px 1px 0 #0a165f;	*/
	-webkit-text-stroke-width: 2px;
  	-webkit-text-stroke-color: #0a165f;
	display: inline;  	
}

/*End all sliders styling*/
@media only screen and (max-width: 767px) {
	.splide__slide .flexboxSection input.splidebutton1 {
		font-size: 14px;
	}
	
	.splide__main__slide1 .flexboxSection,
	.splide__main__slide2 .flexboxSection,
	.splide__main__slide3 .flexboxSection {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	
	div h1.tituloSliders, div span.tituloSliders {	
        font-size: 20px !important;
		line-height: 25px !important;
		width: 80%;
    }
  
	div h1.subtituloSliders, div h2.subtituloSliders, div span.subtituloSliders,span h1.subtituloSliders {
        font-size: 18px !important;  
		line-height: 20px !important;
		-webkit-text-stroke-width: 1px;	
		width: 80%;
    }
	
	.titleSubtitleSliderMargin {
	  margin-left: 10% !important;
	  margin-right: 10% !important;
	}

	
	.splide__main__slide1 {
		background-image: url("../img/Slide1-767x767.jpg");	
	}	
	.splide__main__slide2 {
		background-image: url("../img/Slide2-767x767.jpg");	
	}
	.splide__main__slide3 {
		background-image: url("../img/Slide3-767x767.jpg");	
	}
}

@media only screen and (min-width: 768px) {
	.splide__slide .flexboxSection input.splidebutton1 {
		font-size: 14px;
	}
	
	.splide__main__slide1 .flexboxSection,
	.splide__main__slide2 .flexboxSection,
	.splide__main__slide3 .flexboxSection {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	
	div h1.tituloSliders, div span.tituloSliders {	
        font-size: 30px !important;
		line-height: 40px !important;
		width: 80%;
		
    }
  
	div h1.subtituloSliders, div h2.subtituloSliders, div span.subtituloSliders,span h1.subtituloSliders {
        font-size: 25px !important;
		line-height: 30px !important;
		width: 80%;
    }     

	.titleSubtitleSliderMargin {
	  margin-left: 10% !important;
	  margin-right: 10% !important;
	}
	
	.splide__main__slide1 {
		background-image: url("../img/Slide1-768x1024.jpg");	
	}	
	.splide__main__slide2 {
		background-image: url("../img/Slide2-768x1024.jpg");	
	}
	.splide__main__slide3 {
		background-image: url("../img/Slide3-768x1024.jpg");	
	}
}

@media only screen and (min-width: 1024px) {
	.splide__slide .flexboxSection input.splidebutton1 {
		font-size: 18px;
	}
	
	.splide__main__slide1 .flexboxSection,
	.splide__main__slide2 .flexboxSection,
	.splide__main__slide3 .flexboxSection {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	
    div h1.tituloSliders, div span.tituloSliders {	
        font-size: 45px !important;
		line-height: 50px !important;
		margin-top: 10rem !important;
		width: 90%;
    }
  
	div h1.subtituloSliders, div h2.subtituloSliders, div span.subtituloSliders,span h1.subtituloSliders {
        font-size: 35px !important;
		line-height: 40px !important;
		width: 90%;
    }     
	
	.titleSubtitleSliderMargin {
	  margin-left: 5% !important;
	  margin-right: 5% !important;
	}
	
	.splide__main__slide1 {
		background-image: url("../img/Slide1-1366x768.jpg");	
	}	
	.splide__main__slide2 {
		background-image: url("../img/Slide2-1366x768.jpg");	
	}
	.splide__main__slide3 {
		background-image: url("../img/Slide3-1366x768.jpg");	
	}
}