/* image preloading */
body:after{
    display:none;
    content: url(../img/dl2-h.png) url(../img/dl3-h.png) url(../img/dl4-h.png);
}


/* general styling */

body {
    font-family:"Lato", sans-serif;
    font-size:15px;
    line-height:27px;
    background:url(../img/banner.jpg) no-repeat center top fixed;
    background-size:cover;
    background-attachment: fixed !important;
background-size: cover !important;
}
p {
    color:#6b7074;
    text-align:center;
}
h1 {
    font-size:30px;
    text-transform:uppercase;
    letter-spacing:3px;
    font-weight:900;
    text-align:center;
    color:#3c4044;
    margin-bottom:30px;
}
h2 {
    font-size:18px;
     text-transform:uppercase;
    letter-spacing:1px;
    font-weight:900;
}
h3  {
    font-size:18px;
     text-transform:uppercase;
    letter-spacing:1px;
    font-weight:900;
}
h4 {
    font-size:20px;
     text-transform:uppercase;
    letter-spacing:0.5px;
    font-weight:900;
    line-height:36px;
}
small {
    display:block;
    color:#6fa6d1 !important;
    font-weight:900 !important;
    letter-spacing:1px;
    text-align:center;
    font-size:13px !important;
    text-transform:uppercase;
}
h1 small {
    margin-bottom:15px;
}
section {
    padding:71px 0;
    position:relative;
    background:white;
}
header {
    height:800px;
    padding-top:100px;
    background-size:cover;
}

/* top nav */
nav {
    position:fixed;
    top:0;
    left:0;
    text-align:center;
    height:90px;
    width:100%;
    z-index:9999;
    background:rgba(40,42,49,0.1);
}
nav ul {
    margin:0 auto;
    padding:0;
    display:block;
}
nav ul li {
    display:inline-block;
}
nav ul li a {
    font-size:13px;
    text-transform:uppercase;
    color:#504d46;
    display:block;
    padding: 30px 3px 0px !important;
    margin:0 20px;
}
nav ul li a:hover, nav ul li.active a {
    border-bottom:2px solid #16171a;
    text-decoration:none;
    color:#504d46;
}

/* buttons */
#download_buttons {
    height:60px;
    width:464px;
    margin:0 auto;
    display:block;
}
header #download_buttons {
    margin:20px 0 0 0;
}
#download_buttons ul {
    padding:0;
    margin:0;
}
.dl {
    height:60px;
    text-indent:-9999px;
    display:block;
    float:left;
}
.dl a {
    display:block;
    width:100%;
    height:100%;
}
.dl1 {
        width:89px;
        background:url(../img/dl1.png);
}
.dl2 {
        width:107px;
        background:url(../img/dl2.png);
}
.dl2:hover {
        background:url(../img/dl2-h.png);
}
.dl3 {
        width:134px;
        background:url(../img/dl3.png);
}
.dl3:hover {
        background:url(../img/dl3-h.png);
}
.dl4 {
        width:134px;
        background:url(../img/dl4.png);
}
.dl4:hover {
        background:url(../img/dl4-h.png);
}

.r_p {
    color: white;
margin-top: 10px;
display: inline-block;
background: rgba(0,0,0,0.5);
padding: 3px 10px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.7px;
border-radius: 3px;
}
.r_p:hover {
    background:rgba(0,0,0,1);
    color:white;
    text-decoration:none;
}
header img {
    display:block;
    margin:50px auto 0;
    width:100%;
    max-width:1027px;
}
.clear {
    clear:both;
}


/* sections */
section.intro {
    background:url(../img/bg_top.png);
    position:relative;
    z-index:2;
}
section.intro h1 {
    color:white;
}
section.intro p {
    color:#d5d7d8;
}

/* about */
section.about h1, section.about p {
    text-align:left;
}
.ipad2 img {
    width:100%;
}

/* gallery */
section.app-gallery {
    padding:0;
    background:url(../img/banner.jpg) no-repeat center top fixed;
    background-size:cover;
}
section.app-gallery h1 {
    color:white;
}
section.app-gallery .overlay, section.faq .overlay {
    background:url(../img/bg_top.png);
    width:100%;
    height:100%;
    padding:70px 0;
}
section.download .overlay_2 {
    background:rgba(220,95,34,0.8);
    width:100%;
    height:100%;
    padding:0 0 0;
}
section.download {padding:0;}
.gallery-section {
}
.gallery-section div {
}
.gallery-section div img {
    width:90%;
    margin:0 auto;
    display:block;
}

/* final hours */
section.final-hours h4 {
    text-align:center;
    padding:30px 0;
}
section.final-hours {
    background:url(../img/section_bg.jpg);
}
section.final-hours img {
    text-align:center;
    display:block;
    margin:0 auto;
    max-width:100%;
}

/* author */
section.author p {
    text-align:left;
}
section.author {
    overflow:hidden;
}
.g_f {
    width:100%;
    margin-top:12px;
}
.twit_c {
    color: white;
background: #34a9df;
border-radius: 3px;
text-transform: uppercase;
font-size: 11px;
font-weight: 900;
padding: 4px 15px;
display: inline-block;
text-align: center;
margin: 0 auto;
letter-spacing: 1px;
position: relative;
top: -17px;
}
.twit_c:hover {
    text-decoration:none;
    color:white;color: white;
background: #34a9df;
border-radius: 3px;
text-transform: uppercase;
font-size: 11px;
font-weight: 900;
padding: 4px 15px;
display: inline-block;
text-align: center;
margin: 0 auto;
letter-spacing: 1px;
position: relative;
top: -17px;
}
.cen {
    text-align:center;
}

/* faq */
section.faq {
    background:url(../img/banner.jpg) no-repeat center top fixed;
        background-size:cover;
    padding:0;
}
section.faq h1 {
    color:white;
}

/* contact */
form * {
    text-align:left;
}
form input, form textarea {
    width:100%;
    border:none;
    background:#f3f3f3;
    padding:7px 10px;
}
form textarea {
    height:100px;
}
.pusher {margin-top:15px;}

/* download */
section.download {
    background:url(../img/banner.jpg) no-repeat center top fixed;
    background-size:cover;
}
section.download .thisone {
    position:relative;
    bottom:-13px;
}
section.download h1 {
    bottom:-10px;
    position:relative;
    color:white;
}
button {
    background:url(../img/sendbutton.jpg);
    border:none;
    width:162px;
    height:73px;
    text-indent:-9999px;
    margin:0 auto;
    display:block;
    margin-top:17px;
}

/* footer */
footer {
    padding: 45px 0 33px;
    background:#15181b;
}
footer small {
       color:white !important;
}

/* nav change */
nav {
    transition:.5s all ease-in-out;
    -webkit-transition:.5s all ease-in-out;
    -moz-transition:.5s all ease-in-out;
}
#navbar .nav *, #navbar .nav {
    width:auto; display:inline-block; padding:inherit; max-width:100%!important;
}
#navbar .nav *:hover {
    background:none;
}
.mennn {
    display: block;
position: absolute;
right: 0px;
top: 20px;
font-size: 29px;
cursor:pointer;
padding:30px;
z-index:9999;
}

.social_media a.facebook {
    color: white;
background: #3760ba;
border-radius: 3px;
text-transform: uppercase;
font-size: 11px;
font-weight: 900;
padding: 4px 15px;
display: inline-block;
text-align: center;
margin: 0 auto;
letter-spacing: 1px;
position: relative;
margin-top:10px;
}
.social_media a.twitter {
    background:#34a9df;
    margin-left:7px;
        color: white;
border-radius: 3px;
text-transform: uppercase;
font-size: 11px;
font-weight: 900;
padding: 4px 15px;
display: inline-block;
text-align: center;
margin: 0 auto;
letter-spacing: 1px;
position: relative;
margin-top:10px;
}

.panel-title>a {
    width:100%;
    height:100%;
    display:block;
    padding:5px;
}
.panel-group .panel {
    background:rgba(0,0,0,0.4);
    border:0;
    border-radius:0;
}
.panel-default>.panel-heading {
    background:none;
    border-radius:0;
    border:0;
    color:white;
    font-size:13px !important;
}
.panel-title {
    font-size:13px;
    letter-spacing:1px;
    height:auto;
    line-height:23px
}
.panel-default>.panel-heading:hover {
    background:rgba(220,95,34,0.5);
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top:0;
    color:white;
}
.collapse.in {
    background:rgba(0,0,0,0.9);
}
.panel-default>.panel-heading.active1 {
    background:rgba(0,0,0,0.9);
    border-bottom:1px solid #161a1d;
    margin:0;
}
.panel-default>.panel-heading.active1 .panel-title {
    padding-top:5px;
    padding-bottom:0px;
    background:none;
    }

    .o_prev, .o_next {
        color:white;
        font-size:30px;
        text-align:center;
        margin:68px auto 0;
        display:block;
        cursor:pointer;
    }
.f1 {
    position:absolute;
    left:0;
    bottom:0;
    z-index:333;
}

.f2 {
    position:absolute;
    left:50%;
    margin-left:500px;
    bottom:0;
}
.f3 {
    position:absolute;
    left:50%;
    margin-left:-800px;
    bottom:-143px;
    z-index:333;
}
.moveback {
    top:-500px;
    position:fixed;
}
.mediumimg {
    width:16px;
    display:inline;
    padding:0;
    margin:0;
    margin-right:4px;
        margin-top:-2px;
}

.scrollbutton {
    width:90px;
    height:30px;
    bottom:80px;
    color:white;
    font-size:30px;
    text-shadow:0px 0 15px rgba(0,0,0,0.1);
    position:fixed;
    left:50%;
    margin-left:-45px;
    text-align:center;
}
.scrollbutton small {
    font-size:10px !important;
    color:white !important;
}
.owl-page {
    border-radius: 12px;
width: 12px;
height: 12px;
background:transparent;
    border:2px solid white;
text-align: center;
display: inline-block;
margin: 10px 4px;
}
.owl-pagination {
    text-align:center;
    padding-top:30px;
}
.owl-page.active {
    background:white;
}