/* =================================================
 - © L/M & ASSOCIATES, 2015 - CdM.com.v9 - main.css
================================================= */


/*** DEFAULT ***/

body {background:url(img/background.jpg) no-repeat bottom right; background-size:cover; color: rgb(0, 0, 0); font-family:'Light'; font-size:25px; font-size:1.40vw; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; margin:0; overflow-x:hidden; letter-spacing:1px; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); transition: all 250ms ease-in-out;}
@media only screen and (max-width: 1024px) and (orientation : landscape) {body {font-size:20px; font-size:3.4vw;}}
@media only screen and (max-width: 1024px) and (orientation : portrait) {body {font-size:20px; font-size:3.4vw;}}

::-webkit-scrollbar {display: none;} 
::-moz-selection {color:#000; background:rgba(0, 0, 12, 0);}
::selection {color:rgba(240, 232, 84, .9); background:rgba(0, 0, 12, 0);}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {border:0; margin:0; padding:0;}
ul, .center {padding:0; text-align:center; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
li {list-style-type:none;}

h1 {font-size:1em; line-height:normal; font-weight:100;}
h3, h4, h5, h6 {}
h2 {font-size:.7em; font-weight:100;}

a {color:rgba(240, 232, 84, 1); text-decoration:none; display:inline-block;}
.lm {color:rgba(159, 223, 234, 1);}
.ah {color:rgba(231, 198, 221, 1);}
.bf {color:rgba(255, 130, 44, 1);}
.rk {color:#F40509;}

a:hover {text-decoration:none; transition: all 250ms ease-in-out;}

video#bgvid, .mobile {position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; background:url() no-repeat center center; background-size:cover;} 
video {display:block;}
.mobile {display:none;}
@media only screen and (max-width: 1024px) {video {display:none;} .mobile {display:block;}}


.yellow {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(240, 232, 84, .9); opacity:0.05; transition: opacity 250ms ease-in-out;}
.active {opacity:1;}
.content {position:absolute; top:0; left:5%; width:85%; letter-spacing:3px; padding:5% 0;}
@media only screen and (max-width: 1024px) {.content {width:90%; font-size:20px; font-size:2.4vw;}}
@media only screen and (max-width: 1024px) and (orientation : portrait) {body {font-size:2.57vw;} .content{padding:10% 0 5% 0;}}

.black {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); transition: color 250ms ease-in-out; mix-blend-mode: difference;}
/*.content span {-webkit-filter:blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter:blur(3px);}

.content span:hover {-webkit-filter:blur(0px); -ms-filter: blur(0px); -o-filter: blur(0px); filter:blur(0px);}

.content, .content:hover, span, span:hover {transition: 1s -webkit-filter linear; transition: 1s filter linear;}*/

.delay-1, .delay-2, .delay-3, .delay-4, .delay-5, .delay-6, .delay-7, .delay-8, .delay-9, .delay-10, .delay-11, .delay-12, .delay-13, .delay-14, .delay-15, .delay-16, .delay-16, .delay-17, .delay-18, .delay-19, .delay-20, .delay-21, .delay-22, .delay-23 {-moz-animation-delay: none;}
.delay-1 {-webkit-animation-delay: 700ms; animation-delay: 700ms;}
.delay-2 {-webkit-animation-delay: 900ms; animation-delay: 900ms;}
.delay-3 {-webkit-animation-delay: 1100ms; animation-delay: 1100ms;}
.delay-4 {-webkit-animation-delay: 1300ms; animation-delay: 1300ms;}
.delay-5 {-webkit-animation-delay: 1500ms; animation-delay: 1500ms;}
.delay-6 {-webkit-animation-delay: 1700ms; animation-delay: 1700ms;}
.delay-7 {-webkit-animation-delay: 1900ms; animation-delay: 1900ms;}
.delay-8 {-webkit-animation-delay: 2100ms; animation-delay: 2100ms;}
.delay-9 {-webkit-animation-delay: 2300ms; animation-delay: 2300ms;}
.delay-10 {-webkit-animation-delay: 2500ms; animation-delay: 2500ms;}
.delay-11 {-webkit-animation-delay: 2700ms; animation-delay: 2700ms;}
.delay-12 {-webkit-animation-delay: 2900ms; animation-delay: 2900ms;}
.delay-13 {-webkit-animation-delay: 3100ms; animation-delay: 3100ms;}
.delay-14 {-webkit-animation-delay: 3300ms; animation-delay: 3300ms;}
.delay-15 {-webkit-animation-delay: 3500ms; animation-delay: 3500ms;}
.delay-16 {-webkit-animation-delay: 3700ms; animation-delay: 3700ms;}
.delay-17 {-webkit-animation-delay: 3900ms; animation-delay: 3900ms;}
.delay-18 {-webkit-animation-delay: 4100ms; animation-delay: 4100ms;}
.delay-19 {-webkit-animation-delay: 4300ms; animation-delay: 4300ms;}
.delay-20 {-webkit-animation-delay: 4500ms; animation-delay: 4500ms;}
.delay-21 {-webkit-animation-delay: 4700ms; animation-delay: 4700ms;}
.delay-22 {-webkit-animation-delay: 4900ms; animation-delay: 4900ms;}
.delay-23 {-webkit-animation-delay: 5100ms; animation-delay: 5100ms;}
.delay-24 {-webkit-animation-delay: 5300ms; animation-delay: 5300ms;}
.delay-25 {-webkit-animation-delay: 6300ms; animation-delay: 6300ms;}
.delay-25 {-webkit-animation-delay: 7300ms; animation-delay: 7300ms;}