/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 /** Generated by FG **/

@font-face {
  font-family: 'DIN-Medium';
  src: url('../fonts/DIN-Medium.eot');
  src: local('☺'), url('../fonts/DIN-Medium.woff') format('woff'), url('../fonts/DIN-Medium.ttf') format('truetype'), url('../fonts/DIN-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Generated by FG **/
@font-face {
  font-family: 'DIN-Black';
  src: url('../fonts/DIN-Black.eot');
  src: local('☺'), url('../fonts/DIN-Black.woff') format('woff'), url('../fonts/DIN-Black.ttf') format('truetype'), url('../fonts/DIN-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Generated by FG **/
@font-face {
  font-family: 'DIN-Light';
  src: url('../fonts/DIN-Light.eot');
  src: local('☺'), url('../fonts/DIN-Light.woff') format('woff'), url('../fonts/DIN-Light.ttf') format('truetype'), url('../fonts/DIN-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
html { font-family: "DIN-Light" }
body { background: url(../img/bg_site.jpg); background-attachment: fixed; background-position: center; background-size: cover; }
nav { position: fixed; top: 0; background: white; z-index: 999; box-shadow: none; }
legend { margin: 0 auto; }
.white-line { background: transparent; height: 83px; display: block; width: 100%; position: absolute; bottom: 0px; } 
.white-line a { line-height: 3em; height: auto; padding: 3px 30px; }
.icon-block { padding: 0 15px; }
.icon-block .material-icons {
	font-size: inherit;
}

h1, h2, h3, h4, h5, h6 { font-family: "DIN-Black"; font-weight: 500; }

p { font-size: 16px; }

nav .hide-on-med-and-down { background: url(../img/bg_menu.png); background-size: 100% 100%; background-repeat: no-repeat;  }

nav ul a { padding: 0 20px; font-size: 1.2em; color: #482257; font-family: "DIN-Medium"; }

nav a { color: #482257 }

nav a .material-icons { position: relative; float: left; margin-top: 12px; }

.preloader { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: white; z-index: 9; padding-top: 200px;  }
		.progress { background-color: #ddc3e8; }
		.progress .indeterminate { background-color: #482257; }

.page-footer { background: url(../img/footer_up.jpg); background-position-y: initial; background-position-x: initial; background-size: cover; padding-top: 17px; }

footer .text-left{ text-align: center; }

.whatsapp { width: 50px; position: fixed; bottom: 15px; right: 20px; }
.whatsapp img { width: 100%; }

.bg-purple { background: #482257; }

.color-purple { color: #482257 !important; }

.left-home { background: rgba(92, 52, 95, 0.8); /*background: url(../img/bg_servicios_h.jpg); */
  background-repeat: no-repeat; background-size: 100% 100%; position: relative;
-webkit-box-shadow: 8px -7px 8px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 8px -7px 8px 0px rgba(0,0,0,0.45);
box-shadow: 8px -7px 8px 0px rgba(0,0,0,0.45); min-height: 400px !important; }

.left-services { background: url(../img/bg_servicios_h.jpg);
  background-repeat: no-repeat; background-size: 100% 100%; position: relative;
-webkit-box-shadow: 8px -7px 8px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 8px -7px 8px 0px rgba(0,0,0,0.45);
box-shadow: 8px -7px 8px 0px rgba(0,0,0,0.45); }

.world { position: absolute; right: 3px; min-width: 325px; width: 58.5%; top: -24px; max-width: 400px; }

.circle-icon { display: block; width: 200px; height: 200px; border-radius: 100px; text-align: center; margin: 0 auto; }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.mt-30 { margin-top: 30%; }

.mt-10 { margin-top: 10%; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-n1 { margin: -0.25rem !important; }

.mt-n1, .my-n1 { margin-top: -0.25rem !important; }

.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }

.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }

.m-n2 { margin: -0.5rem !important; }

.mt-n2, .my-n2 { margin-top: -0.5rem !important; }

.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }

.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }

.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }

.m-n3 { margin: -1rem !important; }

.mt-n3, .my-n3 { margin-top: -1rem !important; }

.mr-n3, .mx-n3 { margin-right: -1rem !important; }

.mb-n3, .my-n3 { margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 { margin-left: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }

.mt-n4, .my-n4 { margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }

.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }

.m-n5 { margin: -3rem !important; }

.mt-n5, .my-n5 { margin-top: -3rem !important; }

.mr-n5, .mx-n5 { margin-right: -3rem !important; }

.mb-n5, .my-n5 { margin-bottom: -3rem !important; }

.ml-n5, .mx-n5 { margin-left: -3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

.container-full { width: 100%; margin-top: 78px; }

.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-uppercase { text-transform: uppercase; }

/* fa sizes */
.fa.fa-2 {
 font-size:2em
}
.fa.fa-3 {
 font-size:4em
}
.fa.fa-4 {
 font-size:7em
}
.fa.fa-5 {
 font-size:12em
}
.fa.fa-6 {
 font-size:20em
}

@media only screen and (min-width: 601px){
	nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
		line-height: 46px;
	}
}

@media (max-width: 740px){
			.world { position: relative; }
      footer .m-0, footer .mb-0, footer .mt-0, footer .p-0 { margin-bottom: 1rem !important; margin-top: 1rem !important; }
		}



.s5ths,
.m5ths,
.l5ths,
.xl5ths {
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5ths {
  width: 20%;
}

@media only screen and (min-width: 601px) {
  .row .col.m5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 1800px){
  .world{
    right: 50px;
  }
}