/*-Global Definitions-*/
/* Webfont: Lato-Black */@font-face {
    font-family: 'LatoWebBlack';
    src: url('../lato/fonts/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BlackItalic */@font-face {
    font-family: 'LatoWebBlack';
    src: url('../lato/fonts/Lato-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */@font-face {
    font-family: 'LatoWebBold';
    src: url('../lato/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BoldItalic */@font-face {
    font-family: 'LatoWebBold';
    src: url('../lato/fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Hairline */@font-face {
    font-family: 'LatoWebHairline';
    src: url('../lato/fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HairlineItalic */@font-face {
    font-family: 'LatoWebHairline';
    src: url('../lato/fonts/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */@font-face {
    font-family: 'LatoWebHeavy';
    src: url('../lato/fonts/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HeavyItalic */@font-face {
    font-family: 'LatoWebHeavy';
    src: url('../lato/fonts/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */@font-face {
    font-family: 'LatoWeb';
    src: url('../lato/fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'LatoWebLight';
    src: url('../lato/fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */@font-face {
    font-family: 'LatoWebLight';
    src: url('../lato/fonts/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Medium */@font-face {
    font-family: 'LatoWebMedium';
    src: url('../lato/fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-MediumItalic */@font-face {
    font-family: 'LatoWebMedium';
    src: url('../lato/fonts/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('../lato/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */@font-face {
    font-family: 'LatoWebSemibold';
    src: url('../lato/fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-SemiboldItalic */@font-face {
    font-family: 'LatoWebSemibold';
    src: url('../lato/fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Thin */@font-face {
    font-family: 'LatoWebThin';
    src: url('../lato/fonts/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-Thin.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-ThinItalic */@font-face {
    font-family: 'LatoWebThin';
    src: url('../lato/fonts/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('../lato/fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../lato/fonts/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
         url('../lato/fonts/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
         url('../lato/fonts/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

*{
    font-family: 'LatoWebLight', 'Helvetica', Open Sans, Arial, Tahoma, sans-serif;
}

body{
    margin: 0px;
    min-height: 600px;
    height: 100%;
    background: #2489CE;
}

h1{
    font-family: 'LatoWebLight', Helvetica, Open Sans, Arial, Tahoma, sans-serif;
    font-weight: 1000;
    color: #2489CE;
}

h2{
    font-family: 'LatoWebLight', Helvetica, Open Sans, Arial, Tahoma, sans-serif;
    font-weight: 500;
    color: #2489CE;
    -webkit-margin-before: 0.3em;
    -webkit-margin-after: 0.3em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h3{
    font-family: 'LatoWebLight', Helvetica, Open Sans, Arial, Tahoma, sans-serif;
    font-weight: 250;
    color: #2489CE;
}

a{
    text-decoration: none;
}

a:link{
    color: #666;    
}

a:visited {
    color: #666;
}

a:hover {
    color: #0D65AF;
}

a:active {
    color: #0D65AF;
}

span.title{
    color: #0D54AF;
    font-size: 1.4em;
    font-weight: bold;
}

span.subtitle{
    color: #666;
    font-size: 0.6em;
    font-weight: bold;
}

/*-Divisions-*/

/*-Header and Nav Bar-*/
div.web-header{
    width: 100%;
    min-width: 960px;
    height: 40px;
    z-index: 1000;
    position: relative;
    /*background-color: #0D66AF;
    -webkit-box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);*/
}

.logo{
    background:url(../img/Drea_logo.png) top no-repeat;
    margin:0 auto;
    background-size: 100px 30px;
    background-position: left top 5px;
    float: left;
    display: inline;
    width: 20%;
    height: 30px;
    padding-top: 5px;
    margin-left: 20px;
}

ul.top-navigator{
    display: inline;
    min-width: 500px;
    height: 40px;
    float: left;
    vertical-align: middle;
    list-style-type: none;
    margin: 0px;
}

li.nav-link{
    float: left;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

li.nav-link a{
    color: #FFFFFF;
}

a.navbar-btn-inner{
  display: inline-block;
  background-color: RGBA(0,0,0,0.6);
  padding: 5px 10px 5px 10px;
  margin: 5px;
  color: #cccccc;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  min-width: 80px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a.navbar-btn-inner:hover{
  display: inline-block;
  background-color: RGBA(0,0,0,0.9);
  padding: 5px 10px 5px 10px;
  margin: 5px;
  color: #FFFFFF;
  text-decoration: none;
  min-width: 80px;
}

/* Mobile Text */

@media only screen and (max-width: 1280px) {
.mobiletext {
color: #2489CE; 
text-shadow: 0px 0px #e9e9e9; 
font-size: 1.3vw;
}
}

@media only screen and (min-width: 1281px) {
.mobiletext {
color: #000;
font-family: 'LatoWebLight', Helvetica, Open Sans, Arial, Tahoma, sans-serif;
text-shadow: 0px 0px #e9e9e9; 
font-size: 1.3vw;
}
}


/*-Header and Nav Bar-*/

div.background-image{
    position: absolute;
    display: inline;
    top: 0px;
    left: 0;
    right: 0;
    width: 100vw;
    min-width: 960px;
    height: 100vh;
    background:url(../../../assets/graphics/landing_web.jpg) top center no-repeat;
    background-size: cover;
    z-index: 1;
    /*-webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);*/
}

@media only screen and (max-height: 768px) {
div.footer{
    background-color: RGBA(0,0,0,0.7);
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    padding: 0px 1% 0px 1%;
    width: 98%;
    position: absolute;
    bottom: -30px;
    z-index: 1000;
    font-size: 0.8em;
}
}

@media only screen and (min-height: 770px) {
div.footer{
    background-color: RGBA(0,0,0,0.7);
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    padding: 0px 1% 0px 1%;
    width: 98%;
    position: absolute;
    bottom: -30px;
    z-index: 1000;
    font-size: 0.8em;
}
}

div#on_mobile{
    position: absolute;
    bottom: 0px;
    right: 4vw;
    width: 15vw;
    z-index: 998;
    font-size: 1em;
    text-align: center;
    display: inline-block;
    color: #FFFFFF;
    text-shadow: 2px 2px #000000;
}
div#on_mobile img{
    width: 12vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
div#on_mobile_hover{
    position: absolute;
    bottom: 0px;
    right: 6.2vw;
    z-index: 999;
    width: 10.5vw;
    height: 18.5vw;
    display: inline;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}
div#on_mobile_hover:hover{
    position: absolute;
    right: 6.2vw;
    bottom: 0px;
    z-index: 999;
    width: 10.5vw;
    height: 18.5vw;
    color: #000000;
    background-color: RGBA(256,256,256,0.8);
    opacity: 1;
    display: inline;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 20%;
}

.footer a{
    color: #FFFFFF;
}
.footer a:hover{
    color: #FFFFFF;
    font-weight: bold;
}



div#footer{
    background-color: RGBA(0,0,0,0.7);
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    margin-top: 60px;
    padding: 0px 1% 0px 1%;
    width: 98%;
    bottom: 0px;
    z-index: 1000;
    font-size: 0.8em;
}
#footer a{
    color: #FFFFFF;
}
#footer a:hover{
    color: #FFFFFF;
    font-weight: bold;
}

div.web-content{
    position: relative;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    min-width: 960px;
    min-height: 850px;
    height: 600px;
    z-index: 2;
    /*background:url(../img/index_background.jpg) top no-repeat;
    background-size: cover;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);*/
}

div.content-right{
    top: 50%;
    display: inline;
    background-color: rgba(255,255,255,0.8);
    float: left;
    margin: 20px 0px 0px 20px;
    width: 75%;
    min-width: 550px;
    height: 550px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

div.content-right-header{
    display: block;
    width: 95%;
    line-height: 1.2em;
    color: #0D65AF;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 10px;
    border-bottom: 2px groove rgba(255, 255, 255, 0.3);
}

ul.content-right-navigator{
    display: block;
    width: 100%;
    min-width: 500px;
    height: 25px;
    float: left;
    vertical-align: middle;
    list-style-type: none;
    margin: 0px;
    padding-left: 20px; 
}

li.sub-nav-link{
    float: left;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

li.sub-nav-link:hover{
    float: left;
    font-weight: bold;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    color: #0D65AF;
    list-style: none;
}

li.sub-nav-link:active{
    float: left;
    font-weight: bold;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    color: #0D65AF;
}

span.sub-nav-btn-inner{
    font-size: 0.8em;
    
}

/* Bottom Block */

@media only screen and (max-height: 769px) {
div#bottom-block{
  height: 375px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  background-color: RGBA(256,256,256,0.85);
  -webkit-box-shadow: 0px -4px 5px 0px rgba(233,233,233,1);
  -moz-box-shadow: 0px -4px 5px 0px rgba(233,233,233,1);
  box-shadow: 0px -4px 5px 0px rgba(233,233,233,1);
  border-botttom: 1px solid #e9e9e9;
}
}

@media only screen and (min-height: 770px) {
div#bottom-block{
  height: 45vh;
  width: 100%;
  position: absolute;
  bottom: 0px;
  background-color: RGBA(256,256,256,0.85);
  -webkit-box-shadow: 0px -4px 5px 0px rgba(233,233,233,1);
  -moz-box-shadow: 0px -4px 5px 0px rgba(233,233,233,1);
  box-shadow: 0px -4px 5px 0px rgba(233,233,233,1);
  border-botttom: 1px solid #e9e9e9;
}
}



/*-Left Navigator-*/
div.navigator-left{
    top: 50%;
    display: block;
    background-color: rgba(255,255,255,0.8);
    float: left;
    margin: 20px 0px 0px 20px;
    min-width: 200px;
    width: 20%;
    height: 550px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.5);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}


div.navigator-left-header{
    display: block;
    width: 100%;
    line-height: 40px;
    color: #0D65AF;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

ul.left-navbar{
    display: block;
    width: 100%;
    list-style-type: none;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px;
    padding: 0px;
}

a.left-navbar-btn{
    display: block;
    width: 95%;
    height: 60px;
    float: left;
    color: #666;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    border-top: 2px groove rgba(255, 255, 255, 0);
    border-bottom: 2px groove rgba(255, 255, 255, 0)

}

a.left-navbar-btn:hover{
    display: block;
    width: 95%;
    height: 60px;
    float: left;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    color: #0D65AF;
    text-decoration: none;
    border-top: 2px groove rgba(255, 255, 255, 0.5);
    border-bottom: 2px groove rgba(255, 255, 255, 0.5);
}

div.left-navbar-btn{
    display: inline;
    line-height: 60px;
    width: 180px;
    margin-top:5px;
    margin-bottom:5px;
}

img.left-navbar-btn{
    vertical-align: middle;
    padding-left: 5px;
    width: 40px;
    height: 40px;
}

span.left-navbar-text{
    line-height: 60px;
    padding-left: 10px;
}

/*-Content Right-*/
div.content-right-body{
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 70px;
    color: #333;
    font-size: 0.8em;   
}

hr.title{
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*-Navigator Left Form Select-*/

select.navigator-left-form-select {
    display: block;
    width: 100%;
    padding: 5px 5px 5px 5px;
}

/*-Center piece-*/
div.center-piece{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 20vh;
}

hr.center-piece{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.center-piece-holder {
    background: rgba(256,256,256,1);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    height: 35px;
    border-radius: 0px 0px 0px 0px;
    border: 0px solid #ccc;
    width: 100%;
    border-top: 0;
    text-align: left;
    /*-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.55);*/

}

ul.cp-selector{
height: 25px;
width: 600px;
margin: 0px;
padding: 0px;
background: rgba(256,256,256,1);
list-style: none;
}

li.cp-nav{
    float: left;
    color: #ffffff;
    background: rgba(256,256,256,1);
    padding-left: 5px;
    margin: 0px;
    height: 24px;
    width: 150px;
}

li.cp-nav a{
    float: left;
    color: #999;
    background: rgba(256,256,256,1);
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #333;
    line-height: 24px;
}

li.cp-nav a:hover{
    float: left;
    color: #000000;
    font-weight: bold;
    background: rgba(256,256,256,1);
    padding: 0px;
    margin: 0px;
    border-bottom: 2px solid #333;
}

span.cp-nav-text{
    font-size: 0.8em;
}

/*--Subtitle--*/
p.landing-subtitle{
    position: absolute;
    z-index: 10;
    top: 100px;
    left: 60px;
    margin: 0px;
    width: 100px;
    white-space: pre;
}
span.subtitle-text{
    color: #ffffff;
    display: inline;
    background: rgba(0,0,0,0.5);
    box-shadow: 5px 0 0 rgba(0,0,0,0.5), -5px 0 0 rgba(0,0,0,0.5);}

/*--Swiper--*/
.swiper-container {
  background: rgba(256,256,256,0.0);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
  height: 250px;
  border-radius: 0 0 5px 5px;
  border: 0px solid #ccc;
  
  width: 640px;
  border-top: 0;
}
.swiper-slide {
  height: 250px;
  width: 640px;
  background: none;
  color: #fff;
}
.content-slide {
  padding: 40px;
}

span.clickable{
  color: #2489ce;
  cursor: pointer;
}
span.clickable:hover{
  color: #2489ce;
  font-weight: bold;
  cursor: pointer;
}
drea-blue-button {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:5px;
	border:0px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
drea-blue-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
drea-blue-button:active {
	position:relative;
	top:1px;
}

drea-blue-button.round{
    height: 10px;
    width: 10px;
    border-radius: 10px;
    line-height: 10px;
    padding: 5px;
}

div.floating{
  display: inline-block;
  background-color: RGBA(0,0,0,0.5);
  height: 30px;
  border-radius: 15px;
  color: #FFFFFF;
  position: fixed;
  top: 2vh;
  right: 2vw;
  z-index: 10000;
  padding: 5px 15px 5px 15px;;
}

div.floating a{
  color: #FFFFFF;
  font-size: 15px;
  line-height: 30px;
}

div.floating a:hover{
  color: #FFFFFF;
  text-decoration: none;
  font-size: 15px;
  line-height: 30px;
  font-weight: bold;
}