body {
    width: 100%;
    height: 100%;
    color: black;
    background-color: #f7f7f7;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    letter-spacing: 1.5px;
}

p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
}

#homeintrotext { font-family: 'Source Sans Pro', sans-serif; color: #5b5b5b; }
#homefacttext { font-family: 'Source Sans Pro', sans-serif; color: #5b5b5b; font-size: 32px; }
 

@media(min-width:767px) {
    p {
        margin: 0 0 35px;
        font-size: 20px;
        line-height: 1.6;
    }
}

a {
    color: #313131;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #646464;
}

.light {
    font-weight: 400;
}

.navbar {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.navbar-nav { width: 100%; margin: 0 auto; float: none; text-align: center; }

/* DROPDOWN MENU */
.navbar-nav li ul { display: none; list-style-type: none; }
.navbar-nav li:hover > ul { display: block; }

.navbar-nav li ul { margin-top: -7px; background: white; padding: 0; position: absolute; top: 100%; border-top: 2px solid #000033; -webkit-box-shadow: 0px 3px 5px 2px rgba(224,224,224,.7); -moz-box-shadow: 0px 3px 5px 2px rgba(224,224,224,.7); box-shadow: 0px 3px 5px 2px rgba(224,224,224,.7); }
.navbar-nav li ul a li { float: none; position: relative; height: 50px; padding: 13px 20px; }
.navbar-nav li ul a li { color: #313131; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; letter-spacing: -0.02em; }	
.navbar-nav li ul a li:hover { background: rgba(224,224,224,.4); }


.navbar-brand {
    font-weight: 700;
}

.navbar-brand:focus {
    outline: 0;
}

.navbar-custom a {
    color: #313131; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; letter-spacing: -0.02em; height: 68px; text-align: left;
}
.navbar-custom a:hover { color: #671948; background: none; }

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        letter-spacing: 1px;
        background: 0 0;
		 opacity: 0;
        -webkit-transition: opacity .3s ease-in-out,padding .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out,padding .3s ease-in-out;
        transition: opacity .3s ease-in-out,padding .3s ease-in-out;  
    }

    .top-nav-collapse {
        padding: 0;
        background-color: white;
		opacity: 1;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 2px solid rgba(224,224,224,0.7);
		height: 90px;
		-webkit-box-shadow: 0px 5px 7px 0px rgba(224, 224, 224, 0.5);
		-moz-box-shadow:    0px 5px 7px 0px rgba(224, 224, 224, 0.5);
		box-shadow:         0px 5px 7px 0px rgba(224, 224, 224, 0.5);
    }
}

.intro {
    display: table;
    width: 100%;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/bg_home_new2.jpg) no-repeat center center;
    background-color: #fffff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro-text {
    font-size: 18px;
}

@media(min-width:767px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro-text {
        font-size: 25px;
    }
}


.page-scroll { 
  background: rgba(255, 255, 255, 0.75);
  width: 170px;
  height: 60px;
  border: 3px solid #313131;
  border-radius: 7px;
  height: 50px;
  padding: 13px;
  margin: 0 auto;
  margin-top: -40px;
  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  transition: width .3s ease;
  position: relative;
  top: 60px;
 }

.page-scroll:hover { width: 190px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .page-scroll:hover { width: 170px; }
}

.learnmore { font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 16px; }


@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 100px;
	background: white;
}

.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
	height: 400px;
    background: url(../img/bg_pages_1.jpg) no-repeat center center;
    background-color: #000;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}




::-moz-selection {
    text-shadow: none;
    background: #181045;
	color: white;
}

::selection {
    text-shadow: none;
    background: #181045;
	color: white;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}


.footer { width: 100%; background: #1f1f1f; height: 134px; margin-top: -67px; position: absolute; text-align: center; }
.footer-text { color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; padding-top: 54px; opacity: .7; }

.footer-top { position: relative; text-align: center; margin-top: -67px; height: 135px; width: 100%; }
.footer-top:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50.05%; background: #1f1f1f; -webkit-transform: skew(0deg, 6deg); -moz-transform: skew(0deg, 6deg); -ms-transform: skew(0deg, 6deg); -o-transform: skew(0deg, 6deg); transform: skew(0deg, 6deg); } 
.footer-top:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: #1f1f1f; -webkit-transform: skew(0deg, -6deg); -moz-transform: skew(0deg, -6deg); -ms-transform: skew(0deg, -6deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); }​