/*
----------------------------------------------------
HTML5 Custom Reset
----------------------------------------------------
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section { display: block; }
object, embed { max-width: 100%; }

html { overflow-y: scroll; }

ul, ol, nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

::-moz-selection { background: #D5D4D2; color: #fff; text-shadow: none; }
::selection { background: #D5D4D2; color: #fff; text-shadow: none; }

blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
td, td img { vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

strong, th { font-weight: bold; }

sub, sup { font-size: 70%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre, samp {font-family: monospace, sans-serif;}

.clickable,
input[type=button],
input[type=submit],
button { cursor: pointer; }

button, input, select, textarea { margin: 0; padding: 0; }
input, select { vertical-align: middle; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button { width: auto; overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

:focus { outline: 0; }

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after { clear: both; }
.cf { zoom: 1; }
.lf { float: left; }
.rf { float: right; }


.slide-0:before,
.slide-01:before,
.slide-1:before,
.slide-11:before,
.slide-2:before,
.slide-21:before,
.slide-3:before,
.slide-31:before,
.slide-4:before,
.slide-41:before,
.slide-5:before,
.slide-51:before,
.slide-6:before,
.slide-61:before,
.slide-7:before {
    background:rgba(0,0,0, 0.8);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    left:0px;
    top:0px;
}

.slide-1:before,
.slide-11:before,
.slide-3:before,
.slide-31:before,
.slide-5:before,
.slide-51:before,
.slide-7:before {
    background:rgba(253,133,52, 0.8);
}



ul.ltmb-list li:after, 
ul.ltmb-list li:before {
    background: #012756 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 7px;
    transform: skew(-12deg);
    width: 7px;
}

ul.ltmb-list li:after {
    background: #fd8534 none repeat scroll 0 0;
    left: 7px;
}

ul.ltmb-list li {
    list-style: outside none none;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
    text-align:left;
    color: #fff;
    font-size:16px;
    line-height: 22px;
    width:50%; float:left;
}
ul.ltmb {
    padding: 0;
    width:400px;
    margin:20px auto;
}


.app-phone .phone-wrapper:before{
content:'';display:block; opacity:0;
background:url(../img/ltmb_mob_app-10.svg) no-repeat; position: absolute; z-index:11; width:100%; height:100%; right:-60%; bottom:-70%;}




@-webkit-keyframes bodyhand {
    0% { -webkit-transform:rotate(-15deg) translateY(50%); transform:rotate(-15deg) translateY(50%); opacity:0;}
    1% { -webkit-transform:rotate(-15deg) translateY(50%); transform:rotate(-15deg) translateY(50%); opacity:1;}
    99% { -webkit-transform:rotate(10deg) translateY(-50%); transform:rotate(10deg) translateY(-50%); opacity:1;}
    100% { -webkit-transform:rotate(10deg) translateY(-50%); transform:rotate(10deg) translateY(-50%); opacity:0;}
}


@keyframes bodyhand {
    0% { -webkit-transform:rotate(-15deg) translateY(50%); transform:rotate(-15deg) translateY(50%); opacity:0;}
    1% { -webkit-transform:rotate(-15deg) translateY(50%); transform:rotate(-15deg) translateY(50%); opacity:1;}
    99% { -webkit-transform:rotate(10deg) translateY(-50%); transform:rotate(10deg) translateY(-50%); opacity:1;}
    100% { -webkit-transform:rotate(10deg) translateY(-50%); transform:rotate(10deg) translateY(-50%); opacity:0;}

}

.app-phone .phone-wrapper.animate:before{
	animation:bodyhandback 1s 1;
    -webkit-animation:bodyhandback 1s 1;
}






@-webkit-keyframes bodyhandback {
    100% { -webkit-transform:rotate(-15deg) translateY(50%); transform:rotate(-15deg) translateY(50%); opacity:0;}
    99% { -webkit-transform:rotate(-15deg) translateY(50%); transform:rotate(-15deg) translateY(50%); opacity:1;}
    1% { -webkit-transform:rotate(10deg) translateY(-50%); transform:rotate(10deg) translateY(-50%); opacity:1;}
    0% { -webkit-transform:rotate(10deg) translateY(-50%); transform:rotate(10deg) translateY(-50%); opacity:0;}
}


@keyframes bodyhandback {
    100% { -webkit-transform:rotate(-15deg) translateY(50%); transform:rotate(-15deg) translateY(50%); opacity:0;}
    99% { -webkit-transform:rotate(-15deg) translateY(50%); transform:rotate(-15deg) translateY(50%); opacity:1;}
    1% { -webkit-transform:rotate(10deg) translateY(-50%); transform:rotate(10deg) translateY(-50%); opacity:1;}
    0% { -webkit-transform:rotate(10deg) translateY(-50%); transform:rotate(10deg) translateY(-50%); opacity:0;}

}

.app-phone .phone-wrapper.animate-back:before{
	animation:bodyhand 1s 1;
    -webkit-animation:bodyhand 1s 1;
}




@-webkit-keyframes phoneAnimateTop {
    0% { -webkit-transform:translateY(0%); transform:translateY(0%); }
    100% { -webkit-transform:translateY(-50%); transform:translateY(-50%);}
}


@keyframes phoneAnimateTop {
    0% { -webkit-transform:translateY(0%); transform:translateY(0%); }
    100% { -webkit-transform:translateY(-50%); transform:translateY(-50%);}
}


.animatePhoneShown.page-overlay{ -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.animatePhoneShown.page-overlay .app-download {display:none;}

#phonecont{
	transition:0.8s transform;
    -webkit-transition:0.8s -webkit-transform;
   } 

.animatePhone
{
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}