/*
	Theme Name: LLOS Gridder
	Version: 1.0
	Author: Andreu Llos (@andreullos)
	Author URI: http://llos.co
	Text Domain: llos
	Domain Path: /lang
*/


/*	Typography
	---------- */



/* Webfont: ACaslonPro-Regular */@font-face {
    font-family: 'AdobeCaslonPro';
    src: url('fonts/ACaslonPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ACaslonPro-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/ACaslonPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ACaslonPro-Regular.svg#ACaslonPro-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: ACaslonPro-Semibold */@font-face {
    font-family: 'AdobeCaslonPro';
    src: url('fonts/ACaslonPro-Semibold.eot'); /* IE9 Compat Modes */
    src: url('fonts/ACaslonPro-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ACaslonPro-Semibold.woff') format('woff'), /* Modern Browsers */
         url('fonts/ACaslonPro-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ACaslonPro-Semibold.svg#ACaslonPro-Semibold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}





/*	Misc
	---- */

body{ margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff; color: #000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; font-family: AdobeCaslonPro, serif; font-size: 12px; }

a{ color: #000; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;}
a:hover, a:focus{ color: #000; text-decoration: none; outline:none;}
input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; }

input, textarea {  -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; }
textarea { resize: none; }
input:focus{ outline: none}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus{ outline: none}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

::-webkit-input-placeholder {color: #909;}
:-moz-placeholder { color: #909; opacity: 1;}
::-moz-placeholder { color: #909; opacity: 1;}
:-ms-input-placeholder { color: #909;}

::-moz-selection { color: black;  background: #99CCFF; }
::selection      { color: black;  background: #99CCFF; }

:focus {outline:none;}
::-moz-focus-inner {border:0;}

h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}

p{ margin-bottom: 20px; margin-top: 0; }

.container-fluid{ max-width: 1280px; margin: 0 auto;}
.img-responsive{ width: 100%;}

.fullscreen{ width: 100%; height: 100vh; margin: 0; padding: 0;}
.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}
.slick-slide, .slick-slide img { outline: none }

.fluid-embed{ position: relative; padding-bottom: 56.25%; max-width: 100%; height: 0; z-index: 2;}
.fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.transition{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; }
.v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;}
.bg-parallaxed{ background-position: 50% 0;}



body { background: #f1f2ec; }
section { max-width: 1500px; margin: 0 auto; }
.fluid-embed { padding-bottom: 59.25%; }
.fluid-embed video { top: -1.5%; width: 88.25%; margin: 0 auto; display: block; right: 0; left: 0; }
.small-video .fluid-embed video { width: 89.25%; top: -1%; }
.video { background-size:contain; background-position: center center; background-repeat: no-repeat;  }
h1 { font-size: 21px; text-align: center; text-transform: uppercase; letter-spacing: 0.1em;  }
h2 { font-size: 12px; text-align: center; }
article { margin-top: 40px; }
.lg-textformat-parent > *, ._Default { font-family: AdobeCaslonPro, serif !important;  }
.justify { text-align: justify !important; }
.video.noborder video { top: 0; width: 100%; }
.rotate { -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

img { max-width: 100%; }
div[data-num]:after { 
	content: attr(data-num); 
	position: absolute;
	right: 0;
	top: 10px;
}

.lg-span-3 div[data-num]:after,
.lg-span-5 div[data-num]:after {
	right: -20px; 
	top: 5px;
}

.lg-span-6 div[data-num]:after {
	right: -10px; 
	top: 5px;
}
.lg-span-8 div[data-num]:after,
.lg-span-9 div[data-num]:after {
	right: 10px;
	top: 17px;
}
.lg-span-12 div[data-num]:after {
	right: 25px; 
	top: 25px;
}


.lg-span-100 {
	width: 100%;
}
#w100 {
	max-width: none;
	width: 100%;
}
 .lg-row-44 {  position: relative; left: -20px; top: 30px;}

 
.video:not(.autoplay) .fluid-embed { cursor: url(../../../media/play.svg) 0 0, pointer; }
.video.playing .fluid-embed { cursor: url(../../../media/pause.svg) 0 0, pointer; }
.video.autoplay .fluid-embed { cursor: default; }
 
@media (min-width: 701px){
	.lg-textformat-parent > * { margin-bottom: 10px; }
}


@media (max-width: 768px){
	.lg-row-19 { overflow: hidden; width: 100%; }
	.lg-row-19 svg { width: 75% }
	svg { max-width: 100%; }
	div[data-num]:after { right: 20px !important; top: -13px !important; font-size: 10px; }

}


@media (max-width: 700px){
	.lg-phone-grid .lg-row { padding-left: 3vw !important; padding-right: 3vw !important; }
	.lg-textformat-parent > *, ._Default {
	    font-size: 12px !important;
	}
	.lg-textformat-parent, .video.noborder { margin-left: 3vw; margin-right: 3vw; }
	
	.lg-row-0 .lg-span-1 { margin: 0 !important; }
	.lg-row-0 p { text-align: left !important; }
	
	.lg-phone-grid .lg-row-27 .rotate { position: relative; top: -25px; left: 12%; }
	
    .lg-phone-grid{ overflow-x: hidden;   }
    
    .lg-row-69 svg { position: relative; right: -37%; }
    .lg-row-33 .lg-col { width: 100% !important; margin-bottom: 10px; }
    .lg-row-33 .lg-col p { text-align: left !important; }
    .lg-row-33 .lg-push-0:first-child { margin-left: 3px !important; }
    
    
    
}

/*	Header
	------ */


/*	Homepage
	-------- */


/*	Footer
	------ */