@charset "utf-8";
/* CSS Document */

a:hover, a:active, a:focus {outline: none}

@font-face {
    font-family: "Social Media Circled";
    src: url(../fonts/SocialMediaCircled.eot); /* IE */
    src: local("Social Media Circled"), url(../fonts/SocialMediaCircled.ttf) format("truetype"), url(../fonts/SocialMediaCircled.woff) format("woff"), url(../fonts/SocialMediaCircled.otf) format("opentype"); /* resto de navegadores */
}

@font-face {
    font-family: "Mobile Icons";
    src: url(../fonts/MobileIcons.eot); /* IE */
    src: local("Mobile Icons"), url(../fonts/MobileIcons.ttf) format("truetype"), url(../fonts/MobileIcons.woff) format("woff"); /* resto de navegadores */
}

body {
	background-color:#FFFFFF;
	/* [disabled]background-position:fixed; */
}

/*nieve*/

@-moz-keyframes nieve{	
	from{top:-40px;}
    to{top:101%;}
}
@-webkit-keyframes nieve{	
	from{top:-40px;}
    to{top:2000px;}
}
@keyframes nieve{	
	from{top:-40px;}
    to{top:2000px;}
}

@-moz-keyframes horiz2{
    20%{transform:translateX(0);}
    50%{transform:translateX(150px);}
    80%{transform:translateX(0);}
}
@-webkit-keyframes horiz2{
    20%{transform:translateX(0);}
    50%{transform:translateX(150px);}
    80%{transform:translateX(0);}
}
@keyframes horiz2{
    20%{transform:translateX(0);}
    50%{transform:translateX(-70px);}
    80%{transform:translateX(0);}
}

@-moz-keyframes horiz{
    20%{transform:translateX(0);}
    50%{transform:translateX(150px);}
    80%{transform:translateX(0);}
}
@-webkit-keyframes horiz{
    20%{transform:translateX(0);}
    50%{transform:translateX(150px);}
    80%{transform:translateX(0);}
}
@keyframes horiz{
    20%{transform:translateX(0);}
    50%{transform:translateX(150px);}
    80%{transform: translateX(0);}
}
	
.tpl-snow > div{position:fixed;-webkit-animation:ease-in infinite normal;-moz-animation:ease-in infinite normal;animation:ease-in infinite normal;}	

.tpl-snow > div{z-index:9999999999999;width:10px;height:10px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;-webkit-animation-name:nieve,horiz;-moz-animation-name:nieve,horiz;animation-name:nieve,horiz;}
.tpl-snow > div:nth-of-type(odd){width:5px; height:5px;-webkit-animation-name:nieve,horiz2;-moz-animation-name:nieve,horiz2;animation-name:nieve,horiz2;}

.tpl-snow > div:nth-of-type(1){left:40px;-webkit-animation-duration:5.5s;-moz-animation-duration:5.5s;animation-duration:5.5s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(2){left:120px;-webkit-animation-duration:7s;-moz-animation-duration:7s;animation-duration:7s;}
.tpl-snow > div:nth-of-type(3){left:200px;-webkit-animation-duration:8s;-moz-animation-duration:8s;animation-duration:8s;}
.tpl-snow > div:nth-of-type(4){left:20%;-webkit-animation-duration:6s;-moz-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(5){left:30%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s;}
.tpl-snow > div:nth-of-type(6){left:40%;-webkit-animation-duration:7.2s;-moz-animation-duration:7.2s;animation-duration:7.2s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(7){left:50%;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s;}
.tpl-snow > div:nth-of-type(8){left:60%;-webkit-animation-duration:6.4s;-moz-animation-duration:6.4s;animation-duration:6.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(9){left:70%;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-delay:1.4s;}
.tpl-snow > div:nth-of-type(10){left:80%;-webkit-animation-duration:8s;-moz-animation-duration:8s;animation-duration:8s;}
.tpl-snow > div:nth-of-type(11){left:90%;-webkit-animation-duration:7.1s;-moz-animation-duration:7.1s;animation-duration:7.1s;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
.tpl-snow > div:nth-of-type(12){left:99%;-webkit-animation-duration:6.6s;-moz-animation-duration:6.6s;animation-duration:6.6s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s;}
.tpl-snow > div:nth-of-type(13){left:10px;-webkit-animation-duration:10.2s;-moz-animation-duration:10.2s;animation-duration:10.2s;}
.tpl-snow > div:nth-of-type(14){left:180px;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s;}
.tpl-snow > div:nth-of-type(15){left:213px;-webkit-animation-duration:7.3s;-moz-animation-duration:7.3s;animation-duration:7.3s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
.tpl-snow > div:nth-of-type(16){left:23%;-webkit-animation-duration:9.2s;-moz-animation-duration:9.2s;animation-duration:9.2s;}
.tpl-snow > div:nth-of-type(17){left:38%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;}
.tpl-snow > div:nth-of-type(18){left:45%;-webkit-animation-duration:15s;-moz-animation-duration:15s;animation-duration:15s;}
.tpl-snow > div:nth-of-type(19){left:58%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;}
.tpl-snow > div:nth-of-type(20){left:64%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s;}
.tpl-snow > div:nth-of-type(21){left:76%;-webkit-animation-duration:5.6s;-moz-animation-duration:5.6s;animation-duration:5.6s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(22){left:86%;-webkit-animation-duration:8.5s;-moz-animation-duration:8.5s;animation-duration:8.5s;}
.tpl-snow > div:nth-of-type(23){left:83%;-webkit-animation-duration:14.4s;-moz-animation-duration:14.4s;animation-duration:14.4s;}
.tpl-snow > div:nth-of-type(24){left:95%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s;}
.tpl-snow > div:nth-of-type(25){left:55px;-webkit-animation-duration:8.7s;-moz-animation-duration:8.7s;animation-duration:8.7s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s;}
.tpl-snow > div:nth-of-type(26){left:133px;-webkit-animation-duration:5.2s;-moz-animation-duration:5.2s;animation-duration:5.2s;}
.tpl-snow > div:nth-of-type(27){left:215px;-webkit-animation-duration:10.4s;-moz-animation-duration:10.4s;animation-duration:10.4s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s;}
.tpl-snow > div:nth-of-type(28){left:26%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s;}
.tpl-snow > div:nth-of-type(29){left:33%;-webkit-animation-duration:12s;-moz-animation-duration:12s;animation-duration:12s;}
.tpl-snow > div:nth-of-type(30){left:49%;-webkit-animation-duration:9.4s;-moz-animation-duration:9.4s;animation-duration:9.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(31){left:55%;-webkit-animation-duration:9.1s;-moz-animation-duration:9.1s;animation-duration:9.1s;}
.tpl-snow > div:nth-of-type(32){left:68%;-webkit-animation-duration:9.6s;-moz-animation-duration:9.6s;animation-duration:9.6s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
.tpl-snow > div:nth-of-type(33){left:73%;-webkit-animation-duration:12.4s;-moz-animation-duration:12.4s;animation-duration:12.4s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(34){left:85%;-webkit-animation-duration:9s;-moz-animation-duration:9s;animation-duration:9s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;}
.tpl-snow > div:nth-of-type(35){left:93%;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;}
.tpl-snow > div:nth-of-type(36){left:99%;-webkit-animation-duration:10.6s;-moz-animation-duration:10.6s;animation-duration:10.6s;}
.tpl-snow > div:nth-of-type(37){left:15px;-webkit-animation-duration:9.6s;-moz-animation-duration:9.6s;animation-duration:9.6s;}
.tpl-snow > div:nth-of-type(38){left:99px;-webkit-animation-duration:7.5s;-moz-animation-duration:7.5s;animation-duration:7.5s;}
.tpl-snow > div:nth-of-type(39){left:260px;-webkit-animation-duration:11s;-moz-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(40){left:28%;-webkit-animation-duration:19s;-moz-animation-duration:19s;animation-duration:19s;}
.tpl-snow > div:nth-of-type(41){left:35%;-webkit-animation-duration:14s;-moz-animation-duration:14s;animation-duration:14s;}
.tpl-snow > div:nth-of-type(42){left:43%;-webkit-animation-duration:5.6s;-moz-animation-duration:5.6s;animation-duration:5.6s;}
.tpl-snow > div:nth-of-type(43){left:53%;-webkit-animation-duration:8.8s;-moz-animation-duration:8.8s;animation-duration:8.8s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.tpl-snow > div:nth-of-type(44){left:66%;-webkit-animation-duration:16s;-moz-animation-duration:16s;animation-duration:16s;}
.tpl-snow > div:nth-of-type(45){left:78%;-webkit-animation-duration:6s;-moz-animation-duration:6s;animation-duration:6s;}
.tpl-snow > div:nth-of-type(46){left:88%;-webkit-animation-duration:9.5s;-moz-animation-duration:9.5s;animation-duration:9.5s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}
.tpl-snow > div:nth-of-type(47){left:94%;-webkit-animation-duration:7.6s;-moz-animation-duration:7.6s;animation-duration:7.6s;}
.tpl-snow > div:nth-of-type(48){left:96%;-webkit-animation-duration:8.2s;-moz-animation-duration:8.2s;animation-duration:8.2s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;}

@media(max-width:600px){
	.tpl-snow > div:nth-of-type(24) ~ *{display:none;}
}

@media(max-width:800px){
	.tpl-snow > div:nth-of-type(36) ~ *{display:none;}
}


.fondo {background-color:rgba(46,49,146,1); border-radius:10px; height:auto;}
.logo {margin-top:3%}
.separator {height:5px; clear:both; border:none}
.inicio {display:inline; font-size:120%; font-family: 'Noto Sans KR', sans-serif; line-height:1.3; /*text-shadow: 4px 5px 4px #000;*/ color: #fff; text-align:center}
.inicio-contacto {font-size:120%; font-family: 'Noto Sans KR', sans-serif; line-height:1.3; /*text-shadow: 4px 5px 4px #000;*/ color: #fff; text-align:center; padding-top:1%; padding-bottom:1%}
.inicio p {padding:3%}

.logo-uniformes img {width:90%; display:block; margin:auto}
.logo-boneteria img {padding-top:8%; display:block; margin:auto}

.inicio li {list-style:none}
.imgfortino {width:35%; margin-left:10%}
.imguniformes {width:37%; margin-top:10%; margin-left:8%}
.hidden {opacity:0.1}
.div {height:2px; background-color:#999; width:80%; margin-top:5%}
.text2 {font-size:80%}
.pad {padding-top:5px}
.pad a {text-decoration:none; color:#fff}
.pad a:hover {text-decoration:none; color:#000099}
.section {height:10px}
.text {display:inline; font-size:200%; font-family: 'Noto Sans KR', sans-serif; line-height:1.3; color: #FFF; text-align:center; margin-left:10px}
.text p {margin:5%}
.tel { display:inline-block; margin-left:8%}
.tel img { height:5%;}
.whats {font-family: "Social Media Circled"; display:inline; font-size:100%;}
.telephone {font-family: "Mobile Icons"; display:inline; font-size:150%}
.map {z-index:100; float:left;}
.mapcel {display:none;}
.mapdesk {display:inline-block}
.fortlog img {height:100px; width:auto; margin-left:auto; margin-right:auto}
.fortino-pag {text-align:center; font-family: 'Oswald', sans-serif; font-size:100%; color:#003; margin-bottom:auto; margin-top:auto}
.linked a {text-decoration:none; list-style:none; }
.uniformes-link img {width:15%; display:block; margin-left:auto; margin-right:auto; margin-top:2%; margin-bottom:1%; text-align:cente; }
.link {color:#6CF; text-decoration:none; }


.venta-padre {text-align:center; font-family:'Noto Sans KR', sans-serif; font-size:200%; text-shadow: 5px 6px 5px #000; color:#fff; padding-top:1%; padding-bottom:2% }
 
/*Menus*/
nav {width:100%; height:28px; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:100%; padding-top:0}
nav ul li {list-style:none; display:inline-block; text-align:center}
nav ul li a {height:24px; display:block; text-decoration:none; padding-top:4px; color:#2E3192; width:100%}


.size {height:220px; overflow:hidden}
.size2 {height:400px; overflow:hidden}


.center {text-align:center}
hr {height:5px; clear:both; border:none}
.hr1 {height:10px; clear:both; border:none}
#div {height:15px; clear:both; border:none}
#div2 {height:10px; clear:both; border:none}

/*botón flotante*/

.whatsapp-button {display:block; position:fixed; bottom:10px; right:0px; float:right; z-index:100}
.whatsapp-button img {width:70%}
.whatsapp-button:hover {right:20px; transition:all ease-in 200ms}


/*footer*/
.pie {background-color:#000; padding-bottom:5%; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#FFF; margin-top:5px}
.pie img {width:75%; display:block; float:left; margin-left:6%; margin-top:10%}
.pie img:hover {width:100%; transition:all ease 500ms}
.social {position:static; margin-top:8%}
.pie1 {margin-left:2%}

.pie2 {background-color:#000; bottom:0; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#FFF; margin-top:5px; position:fixed; width:100%; z-index:10}

.barrapie {background-color:#003; display:block ; width:100%; height:25px; position:fixed; bottom:0}
.cabecera {height:auto; background-color:#003; padding-top:10px; font-family: 'Anton', sans-serif; font-size:300%; color:#FFF; padding-bottom:10px}
#titulo {text-align:center}
.content-text {text-align:center; font-family: 'Oswald', sans-serif; font-size:420%; color:#003; padding-top:2%}
.uniformes-logo {width:50%; display:block; text-align:center; margin-right:auto; margin-left:auto; margin-top:2%}
.content-text-2 {text-align:center; font-family: 'Oswald', sans-serif; font-size:180%; color:#003; padding-top:3%}


audio, video, iframe {display:block}

/*HOVER*/
.hvr-shutter-out-horizontal {
  width:100%;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #FFF;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  width:100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2E3192;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color:#FFF;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.mov {display:none}
.esp {margin-left:5%}
.uni {margin-top:8%}

/*barras*/
::-webkit-scrollbar-track {border-radius: 10px; background-color:#666} /*color del fondo*/

::-webkit-scrollbar {width:10px; height:10px}

::-webkit-scrollbar-thumb { border-radius: 10px; background-color:#333} /*color del scroll*/


/*Formulario*/
.form {font-family: 'Noto Sans KR', sans-serif; color:#FFF;}
input, textarea, select, button {border-radius:5px; border:none; margin:0;
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;
}

textarea {vertical-align: top;}
#enviar {margin-left:40%}
button {background-color:#000; color:#FFF; width:20%}
button:hover {background-color:#FFF; color:#000099; cursor:pointer}


.text-form {text-align:right}
#movil {display:none}

/*BONETERIA*/
.direccion-boneteria img {display:block; margin:auto; width:80%}
.boneteria-txt {font-family: 'Anton', sans-serif; font-size:150%; color:#930}
.inst-boneteria {padding-left:20px}



@media all and (max-width:768px) {
.inicio {display:inline; font-size:120%; font-family: 'Noto Sans KR', sans-serif; line-height:1.3; /*text-shadow: 4px 5px 4px #000;*/ color: #fff; text-align:center}
.fondo {background-color:rgba(46,49,146,1); border-radius:10px; height:auto;}
.imgfortino {width:80%; margin-left:10%}
.imguniformes {width:80%; margin-top:10%; margin-left:10%}
.mov {display:block}
.pie {background-color:#000; padding-bottom:2%; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#FFF}
.pie img {width:50%; display:block; float:left; margin-left:25%; margin-top:10%}
.pie img:hover {width:50%}
.social {position:static; margin-top:0}
.sig {text-align:center}
.text-form {text-align:center}
.input-form {margin:0 auto}
#full {display:none}
#movil {display:block}
.form-movil { text-align:center}
.map {z-index:100}
.mapcel {display:inline-block}
.mapdesk {display:none}
.content-text {text-align:center; font-family: 'Oswald', sans-serif; font-size:200%; color:#003; padding-top:2%}
.content-text-2 {text-align:center; font-family: 'Oswald', sans-serif; font-size:160%; color:#003; padding-top:3%}
.uniformes-logo {width:80%; display:block; text-align:center; margin-right:auto; margin-left:auto; margin-top:2%}
.cabecera {height:auto; background-color:#003; padding-top:10px; font-family: 'Anton', sans-serif; font-size:200%; color:#FFF; padding-bottom:10px}
.uniformes-link img {width:50%; display:block; margin-left:auto; margin-right:auto; margin-top:2%; margin-bottom:1%; text-align:cente; }
.esp {margin-left:1%; width:90%; margin-left:auto; margin-right:auto}
.text {display:inline; font-size:150%; font-family: 'Noto Sans KR', sans-serif; line-height:1.3; color: #FFF; text-align:center; margin-top:1%; margin-left:0}

.whatsapp-button {display:block; position:fixed; bottom:150px; right:0px; float:right}
.whatsapp-button img {width:15%}
.whatsapp-button:hover {left:20px; transition:all ease-in 200ms}

.logo-uniformes img {width:40%; display:block; margin:auto}
.logo-boneteria img {padding-top:0; display:block; margin:auto; width:40%}

.wap-cel img {width:60%; margin:auto; padding-bottom:10px}
.inst-boneteria {padding-left:0}
.inst-boneteria img {width:60%; margin:auto}
}

@media all and (max-width:520px) {
.whatsapp-button {display:block; position:fixed; bottom:150px; right:0px; float:right}
.whatsapp-button img {width:15%}
.whatsapp-button:hover {left:20px; transition:all ease-in 200ms}

.wap-cel img {width:60%; margin:auto; padding-bottom:10px}
.inst-boneteria {padding-left:0}
.inst-boneteria img {width:60%; margin:auto}
	
}

@media all and (max-width:480px) {
.whatsapp-button {display:block; position:fixed; bottom:150px; right:0px; float:right}
.whatsapp-button img {width:15%}
.whatsapp-button:hover {left:20px; transition:all ease-in 200ms}

.wap-cel img {width:80%; margin:auto; padding-bottom:10px}
.inst-boneteria {padding-left:0}
.inst-boneteria img {width:80%; margin:auto}

.logo-uniformes img {width:40%; display:block; margin:auto}
.logo-boneteria img {padding-top:0; display:block; margin:auto; width:40%}
	
}

@media all and (max-width:360px) {
.whatsapp-button {display:block; position:fixed; bottom:150px; right:0px; float:right}
.whatsapp-button img {width:15%}
.whatsapp-button:hover {left:20px; transition:all ease-in 200ms}

.wap-cel img {width:80%; margin:auto; padding-bottom:10px}
.inst-boneteria {padding-left:0}
.inst-boneteria img {width:80%; margin:auto}

.logo-uniformes img {width:40%; display:block; margin:auto}
.logo-boneteria img {padding-top:0; display:block; margin:auto; width:40%}
	
}