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

@font-face { font-family: bratfont; 
src: url(../font/JustTheWayYouAre.eot); }

@font-face { font-family: bratfont; 
src: url(../font/JustTheWayYouAre.ttf); }

@media screen and (min-width: 960px)
{

#sequence-theme { position: relative; 
width: 100%; 
height: 650px; 
overflow: hidden; 
top: -100px;
-webkit-backface-visibility: hidden; }

#sequence-theme ul { list-style: none; 
display: block; }

#sequence-theme #sequence li { height: 550px;
width: 100%; }

#sequence-theme #sequence li > * { position: absolute; }

#sequence-theme h1 { font-family: bratfont; 
font-size: 24px; 
color: #fff; 
font-weight: normal; 
width: 500px; 
height: 100px; 
line-height: 30px;  }

#sequence-theme h1 span { font-size: 36px; }

#sequence-theme h3 { font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #fff; 
font-weight: normal; }

#sequence-theme .slidetitle { left: 5%; 
top: 10px; 
opacity: 0; 
z-index: 10; }

#sequence-theme .animate-in .slidetitle { left: 5%; 
top: 150px;
opacity: 1; 
-webkit-transition: 1s ease-in-out 1s;
-moz-transition: 1s ease-in-out 1s;
-o-transition: 1s ease-in-out 1s;
-ms-transition: 1s ease-in-out 1s;
transition: 1s ease-in-out 1s; }

#sequence-theme .animate-out .slidetitle { left: 5%; 
top: 10px; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .slidedesc { left: -10%; 
top: 300px; 
opacity: 0; 
z-index: 10; }

#sequence-theme .animate-in .slidedesc { left: 5%; 
top: 240px; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 1.5s;
-moz-transition: 1s ease-in-out 1.5s;
-o-transition: 1s ease-in-out 1.5s;
-ms-transition: 1s ease-in-out 1.5s;
transition: 1s ease-in-out 1.5s; }

#sequence-theme .animate-out .slidedesc { left: -10%; 
top: 300px; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage1 { left: 30%; 
top: -13px; 
opacity: 0;
z-index: -5; 
width: 300px; }

#sequence-theme .animate-in .mainimage1 { left: 50%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage1 { left: 70%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2a { left: 25%; 
top: 200px; 
opacity: 0; 
z-index: -10; 
width: 400px; }

#sequence-theme .animate-in .mainimage2a { left: 45%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage2a { left: 65%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2b { left: 15%; 
top: 350px; 
opacity: 0; 
z-index: -10; 
width: 300px; }

#sequence-theme .animate-in .mainimage2b { left: 35%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 0.5s;
-moz-transition: 1s ease-in-out 0.5s;
-o-transition: 1s ease-in-out 0.5s;
-ms-transition: 1s ease-in-out 0.5s;
transition: 1s ease-in-out 0.5s; }

#sequence-theme .animate-out .mainimage2b { left: 55%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2c { left: 10%; 
top: 400px; 
opacity: 0; 
z-index: -10; 
width: 100px; }

#sequence-theme .animate-in .mainimage2c { left: 30%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 1s;
-moz-transition: 1s ease-in-out 1s;
-o-transition: 1s ease-in-out 1s;
-ms-transition: 1s ease-in-out 1s;
transition: 1s ease-in-out 1s; }

#sequence-theme .animate-out .mainimage2c { left: 50%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage3 { left: 25%; 
top: 25px; 
opacity: 0;
z-index: -5; }

#sequence-theme .animate-in .mainimage3 { left: 45%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage3 { left: 65%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

}

@media screen and (min-width: 750px) and (max-width: 959px)
{

#sequence-theme { position: relative; 
width: 100%; 
height: 650px; 
overflow: hidden; 
top: -100px;
-webkit-backface-visibility: hidden; }

#sequence-theme ul { list-style: none; 
display: block; }

#sequence-theme #sequence li { height: 550px;
width: 100%; }

#sequence-theme #sequence li > * { position: absolute; }

#sequence-theme h1 { font-family: bratfont; 
font-size: 24px; 
color: #fff; 
font-weight: normal; 
width: 500px; 
height: 100px; 
line-height: 30px;  }

#sequence-theme h1 span { font-size: 36px; }

#sequence-theme h3 { font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #fff; 
font-weight: normal; }

#sequence-theme .slidetitle { left: 0%; 
top: 10px; 
opacity: 0; 
z-index: 10; }

#sequence-theme .animate-in .slidetitle { left: 0%; 
top: 150px;
opacity: 1; 
-webkit-transition: 1s ease-in-out 1s;
-moz-transition: 1s ease-in-out 1s;
-o-transition: 1s ease-in-out 1s;
-ms-transition: 1s ease-in-out 1s;
transition: 1s ease-in-out 1s; }

#sequence-theme .animate-out .slidetitle { left: 0%; 
top: 10px; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .slidedesc { left: -10%; 
top: 300px; 
opacity: 0; 
z-index: 10; }

#sequence-theme .animate-in .slidedesc { left: 0%; 
top: 240px; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 1.5s;
-moz-transition: 1s ease-in-out 1.5s;
-o-transition: 1s ease-in-out 1.5s;
-ms-transition: 1s ease-in-out 1.5s;
transition: 1s ease-in-out 1.5s; }

#sequence-theme .animate-out .slidedesc { left: -10%; 
top: 300px; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage1 { left: 30%; 
top: -13px; 
opacity: 0;
z-index: -5; 
width: 300px; }

#sequence-theme .animate-in .mainimage1 { left: 50%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage1 { left: 70%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2a { left: 25%; 
top: 250px; 
opacity: 0; 
z-index: -10; 
width: 350px; }

#sequence-theme .animate-in .mainimage2a { left: 45%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage2a { left: 65%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2b { left: 15%; 
top: 400px; 
opacity: 0; 
z-index: -10; 
width: 250px; }

#sequence-theme .animate-in .mainimage2b { left: 35%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 0.5s;
-moz-transition: 1s ease-in-out 0.5s;
-o-transition: 1s ease-in-out 0.5s;
-ms-transition: 1s ease-in-out 0.5s;
transition: 1s ease-in-out 0.5s; }

#sequence-theme .animate-out .mainimage2b { left: 55%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2c { left: 10%; 
top: 450px; 
opacity: 0; 
z-index: -10; 
width: 75px; }

#sequence-theme .animate-in .mainimage2c { left: 30%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 1s;
-moz-transition: 1s ease-in-out 1s;
-o-transition: 1s ease-in-out 1s;
-ms-transition: 1s ease-in-out 1s;
transition: 1s ease-in-out 1s; }

#sequence-theme .animate-out .mainimage2c { left: 50%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage3 { left: 25%; 
top: 25px; 
opacity: 0;
z-index: -5; 
width: 550px; }

#sequence-theme .animate-in .mainimage3 { left: 45%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage3 { left: 65%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

}

@media screen and (max-width: 749px)
{

#sequence-theme { position: relative; 
width: 100%; 
height: 325px; 
overflow: hidden; 
top: 0px;
-webkit-backface-visibility: hidden; }

#sequence-theme ul { list-style: none; 
display: block; }

#sequence-theme #sequence li { height: 225px;
width: 100%; }

#sequence-theme #sequence li > * { position: absolute; }

#sequence-theme h1 { font-family: bratfont; 
font-size: 12px; 
color: #fff; 
font-weight: normal; 
width: 500px; 
height: 100px; 
line-height: 16px;  }

#sequence-theme h1 span { font-size: 18px; }

#sequence-theme h3 { font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #fff; 
font-weight: normal; }

#sequence-theme .slidetitle { left: 0%; 
top: -40px; 
opacity: 0; 
z-index: 10; }

#sequence-theme .animate-in .slidetitle { left: 0%; 
top: 20px;
opacity: 1; 
-webkit-transition: 1s ease-in-out 1s;
-moz-transition: 1s ease-in-out 1s;
-o-transition: 1s ease-in-out 1s;
-ms-transition: 1s ease-in-out 1s;
transition: 1s ease-in-out 1s; }

#sequence-theme .animate-out .slidetitle { left: 0%; 
top: -40px; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .slidedesc { left: -10%; 
top: 100px; 
opacity: 0; 
z-index: 10; }

#sequence-theme .animate-in .slidedesc { left: 0%; 
top: 60px; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 1.5s;
-moz-transition: 1s ease-in-out 1.5s;
-o-transition: 1s ease-in-out 1.5s;
-ms-transition: 1s ease-in-out 1.5s;
transition: 1s ease-in-out 1.5s; }

#sequence-theme .animate-out .slidedesc { left: -10%; 
top: 100px; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage1 { left: 25%; 
top: -13px; 
opacity: 0;
z-index: -5; 
width: 150px; }

#sequence-theme .animate-in .mainimage1 { left: 35%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage1 { left: 55%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2a { left: 5%; 
top: 125px; 
opacity: 0; 
z-index: -10; 
width: 175px; }

#sequence-theme .animate-in .mainimage2a { left: 25%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage2a { left: 55%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2b { left: -5%; 
top: 200px; 
opacity: 0; 
z-index: -10; 
width: 125px; }

#sequence-theme .animate-in .mainimage2b { left: 15%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 0.5s;
-moz-transition: 1s ease-in-out 0.5s;
-o-transition: 1s ease-in-out 0.5s;
-ms-transition: 1s ease-in-out 0.5s;
transition: 1s ease-in-out 0.5s; }

#sequence-theme .animate-out .mainimage2b { left: 35%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage2c { left: -10%; 
top: 225px; 
opacity: 0; 
z-index: -10; 
width: 35px; }

#sequence-theme .animate-in .mainimage2c { left: 10%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out 1s;
-moz-transition: 1s ease-in-out 1s;
-o-transition: 1s ease-in-out 1s;
-ms-transition: 1s ease-in-out 1s;
transition: 1s ease-in-out 1s; }

#sequence-theme .animate-out .mainimage2c { left: 30%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .mainimage3 { left: 15%; 
top: 25px; 
opacity: 0;
z-index: -5; 
width: 275px; }

#sequence-theme .animate-in .mainimage3 { left: 35%; 
opacity: 1; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

#sequence-theme .animate-out .mainimage3 { left: 55%; 
opacity: 0; 
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
transition: 1s ease-in-out; }

}