/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{-ms-overflow-style: scrollbar!important;background: white;}


.container h1 {font-size: 2em; color: #020202;
}

.container h2 {font-size:1.6em; color: #020202; 
}

.container h3 {font-size:1.4em; color: #020202; 
}

.container h4 {font-size:1.2em; color: #020202; 
}

.container a:link, .container a:visited {
}

a.btn {text-decoration: none!important;
}

/* Main marketing message and sign up button */
.jumbotron {
  padding-top: 0px; margin-top: 0;
  background-color: transparent;
  
}

.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}



.container-fluid {
  background: none ;
  
  text-align: center;
                     
}


    .ctatron  {  margin: 15px auto 0 auto;
                 text-align: left;
                 max-width: 1140px;
                 width: 100%;
                 padding: 20px 20px 12px 20px;
                  background: #eaeaea ;
                   /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 

    }

        .ctatron h1 { margin-top: 0; padding-top: 0;
        }
.ctatron p { font-size: 110%;
}

input, textarea, select {    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 5px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px; 
}



.container {
    font-size: 110%;
    background: white;
    color: #5a5a5c;
    color: #eaeaea;
}

a, a:link, a:visited, a:active {color: #4064b0;
}
    a:hover {color:#020202; text-decoration: underline;
    }


    .ppm-ribbon {max-width: 1920px; width: 100%;}

.noshow {display: none;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

#nav a{color:#4064b0;}

#nav a:hover{color:#000000;}

.navbar {min-height: 50px; height:250px!important; background: #ffffff;font-size: 150%;font-weight:bold;}

/*.navbar-brand {
    position: absolute;
max-width: 390px;
width: 100%;
margin-top: 4px;
padding-top: 0;
padding-bottom: 0;
height: auto;
}*/

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;


}
  .navbar-nav {
    float: none;
    margin: 0;
  }
  .navbar-nav > li {
    float: none;
  }


/*.space {padding-top: 250px;
}*/
.space {padding-top: 0px;
}

.footer {color: #ffffff;
         background-color: black;
         max-width: 1920px; 
         width: 100%;
         text-align:center;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.carousel {
  
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
.carousel h2 {color: white; font-size: 120%;
}

/* Declare heights because of positioning of img element */
.carousel .item {

  min-width: 100%;
  background-color: #fff;
}
.carousel-inner > .item > img {

  min-width: 100%;
  height: 100%;
  max-height: 1140px;
  width: 100%; display: block; 
}

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
   /*-moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
 transition: opacity ease-in-out .7s;*/
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  /*-moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;*/
  z-index:2;
}

.navbar {
    margin-bottom: 0;
}

.navbar-header {
    float: none;
  }

#nav {text-align: center;width: auto;
}


        .nav > li > a {

  padding: 0 15px;
}

.navbar-nav {margin: 0;
}
.navbar-nav > li {
    float: none;
    display: inline-block;
}

@media (min-width: 46em) {

    /* Bump up size of carousel content */
    .carousel-caption {
        top: 15%;
        bottom: auto;
        font-size: 200%;
    }


        .carousel-caption h2 {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 4em;
            line-height: 1.4;
        }

        .carousel-caption p {
            margin-bottom: 20px;
            font-size: 1.4em;
            line-height: 1.4;
        }

        .carousel-caption .btn-success {
            font-size: 80%;
        }



    #nav {
      
    }

        #nav > a {
            display: none;
        }

        #nav li {
            position: relative;
        }

            #nav li a {
                display: block;
            }

                #nav li a:active {
                }

        #nav span:after {
            width: 0;
            height: 0;
            content: '';
            display: inline-block;
            position: relative;
        }

        /* first level */

        #nav > ul {
            height: auto;
            background-color: transparent;
            padding-top: 15px;
        }

            #nav > ul > li {
                width: auto;
                /*height: auto;*/
                display: inline-block;
              
            }

                #nav > ul > li > a {
                    height: 100%;
                    font-size: 1.1em; /* 24 */
                    line-height: .9em; /* 60 (24) */
                    text-align: center;
                }

                #nav > ul > li:not( :last-child ) > a {
                }

                #nav > ul > li:hover > a,
                #nav > ul:not( :hover ) > li.active > a {
                }


        /* second level */

        #nav li ul {
            background: #          display: none;
            position: absolute;
            top: 100%;
            list-style-type: none;
            padding: 0;
            margin-top: -17px;
            width: 235px;
        }

        #nav li:hover ul {
            display: block;
            left: 0;
            right: 0;
        }

        #nav li:not( :first-child ):hover ul {
            left: -1px;
        }

        #nav li ul a {
            font-size: 1em; /* 20 */
            border-bottom: 1px solid #3961a9;
         color: black;
            padding: 0.4em .5em; /* 15 (20) */
            text-decoration: none;
            width: 235px;
        }

        #nav li ul li a:hover,
        #nav li ul:not( :hover ) li.active a {
            background-color: #ffffff;
        ;
        }


}


		@media only screen and ( max-width: 46em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */

			}


 
			#nav
			{
                font-size: 100%;
				position: relative;
              
			}
            .nav {
z-index:11111;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
display: block;
            }


				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #4064b0;
					position: relative;
                    color: #000;

				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #000;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
                
				left: 0;
				right: 0;
                background: #4064b0;
                border-top: 1px solid #ffffff;
              
			}
				#nav:target > ul
				{
					display: block;
                   
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
                   
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 1.5em; /* 20 (24) */
                        line-height: 3em; /* 60 (24) */
                        font-size: 1em; /* 24 */
                        color: black;
	 					}
						#nav > ul > li > a
						{
							border-right: none;
							border-bottom: 1px solid #eaeaea;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 0 1.25em 1.25em 1.25em; /* 20 */
                    width: 100%;
                    background: #4064b0;
                    margin-top: 0;
				}


						#nav li ul a
						{
                            font-size: 1em;
                            text-decoration: none;
                            width: 100%;
                            color: #ffffff;
                            
						}
                        #nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #4064b0;
							}
            .hidemobile {display: none;border: none; background: transparent;padding: 0;margin: 0;visibility: hidden;
            }
		}