/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
  font-family: 'Dosis', sans-serif;
  font-size:22px;
}

container {
    /*width: 1226px;*/
}
container carousel {
    /*width: 1226px;*/
    margin-top:100px;
}
a{
color:#9597d1;
text-decoration:none;
}
a:hover{
color:#c5d326;
text-decoration:none;
}
label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
input{
  width:100%;
}
html body div.container.reg div.row form#pform div#pformc p.f1 input.submits{
  background-color:#c5d326;
   border: 1px solid #c5d326;
  border-radius: 8px;
} 
/* div start
-------------------------------------------------- */
.page-header {
    border-bottom: 0px solid #eee;
    margin: 0px 0 0px;
    padding: 0px;
}
.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding: 15px;
}
.navbar-header {
    width:100%;
}
.navbar-wrapper {
    padding:0 0 5px 0;
}
#frow {
   padding:0 0 0 0;
}
#logo{
  float:left;
  width:70%;
}
#logo img {
  width:100%;
}
#fb{
  float:left;
  width:30%;
  text-align:right;
      display:table-cell;
    vertical-align:bottom;
  height:130px;
  position:relative;
}
#fb img{
   position:absolute; bottom:8px;
   right:0%;
}
#fb a{
    display:table-cell;
    vertical-align:bottom;
}
.well {
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    min-height: 20px;
    padding: 0px 0px 0px 0px;    
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05) inset;
}

.l-head {
    color:#9597d1;
    /*font-family: 'Dosis', sans-serif;*/
     font-family: 'Architects Daughter', cursive;
    font-size:34px;
    width:100%;
    text-align:center;
    margin: 18px 0px 22px 0px;
    display:block;
    /*display:table-cell;*/
    min-height:110px;
    line-height:34px;
}
.l-head2 {
    color:#9597d1;
    /*font-family: 'Dosis', sans-serif;*/
     font-family: 'Architects Daughter', cursive;
    font-size:34px;
    width:100%;
    text-align:center;
    margin: 18px 0px 22px 0px;
    display:block;
    /*display:table-cell;*/
    min-height:110px;
    line-height:34px;
}
.st {
    color: #9597d1;
    font-family: "Architects Daughter",cursive;
    font-size: 24px;
    text-transform: uppercase;
    
}
.st2 {
    color: #c5d326;
    font-weight:normal;
    font-size: 24px;
    text-transform: none;
    line-height: 1.1em;
    
}
.img-i  {
    padding-left:16%;
    
}
.img-ir {
    margin-top:-50px;
    margin-left:-10px;
    padding-bottom:20px;
}
.ll-head {
    width:100%;
    margin:0 auto 0 auto;
    display:block;
}
.lli2-head  {
display:block;
}
.lli-head img {
padding-left:60%;
width:100%;
}
.l-bottom {
    width:100%;
    text-align:center;
    
}
.l-bottom img {
    width:100%;
    text-align:center;
    margin-top:-20px; 
}
div.container div.row ul{
  margin: 0 0 0 0;
  padding:0;
  
}
div.container div.row ul li {
  background-image: url("img/lli.png");
  background-position:0px 5px;
  background-repeat: no-repeat;
  list-style-type: none;
  margin: 0 0 0 0px;
  padding-bottom: 0;
  padding-left: 33px;
  text-align:left;
  line-height:40px;
  }
h2{
  font-size:24px;      
  font-weight:bold;
  margin:0 0 20px 0;
  text-align:left;
}
p {
    margin: 0 0 0px;
}
footer p {
  padding:50px 0 0 0;
  font-size:18px;
}
footer .dd {
  padding:0px 15px 0 15px;
}
.slink{
  color:#9597d1;
  text-decoration:none;
  font-size:18px;
  font-family: "Dosis",sans-serif;
  padding:30px 0 0 0;
}
.slink:hover{
  color:#5a5a5a;
  text-decoration:none;
}
.slink:active{
  color:#5a5a5a;
  text-decoration:none;
}
.navbar-inverse{
  background:#fff;
  border:0;
}
.navbar-inverse .navbar-nav li {
  background:transparent;
  color:#ccc;
  font-size:24px;
  font-family: 'Architects Daughter', cursive;
  text-transform:uppercase;
  padding:15px 0 15px 0;
}
.navbar-inverse .navbar-toggle {
    border-color: #ccc;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ccc;
}
.navbar-inverse .navbar-nav > .active > a{
  background:transparent;
  color:#c5d326;
  
  font-family: 'Architects Daughter', cursive;
  text-transform:uppercase;
}
.carousel-control {
    opacity: 0.8;
}
.carousel-control.left {
    background-image: url("img/sl/prev.png");
    background-position:15% 45%;
    background-repeat: no-repeat;
}
.carousel-control.right {
    background-image: url("img/sl/next.png");
    background-position:85% 45%;
    background-repeat: no-repeat;

}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #c5d326;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #c5d326;
  background-color: transparent;
}
.navbar-collapse {
    border-top: 0px solid transparent;
}
/* div end
-------------------------------------------------- */
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* 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;
}
html body div#myCarousel.carousel.slide div.carousel-inner div.item.active div.container img{
  width:100%;
}

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

/* Carousel base class */
.carousel {
  /*height: 536px;*/
  /*margin: 160px 0 0px 0px;*/
  margin: 0px 0 0px 0px;
  /*width:1226px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  /*height: 536px;*/
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


/* reg CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.col-lg-4 {
  margin-bottom: 20px;
  text-align: left;
}
.reg h2 {
  font-weight: bold;
}
.reg .col-lg-4 p {
  margin-right: 10px;
  margin-left: 0px;
  font-size:18px;
}

div.col-md-9 p {
  text-align:left;
  padding:0 0 18px 0;
}
div.col-md-9 h2 {
  text-align:left;
}
div.col-md-4 p {
  text-align:left;
  padding:0 0 18px 0;
}
div.col-md-5 p {
  text-align:left;
  padding:0 0 18px 0;
} 
div.col-md-9 h3 {
  text-align:left;
  padding:0 0 0 0;
  margin:0 0 12px 0;
  font-weight:bold;
  padding-left:35px;
  min-height:36px;
  line-height:42px;
  background-image: url("img/lli.png");
  background-position:0px 5px;
  background-repeat: no-repeat;
}
div.col-md-5 h3 {
  text-align:left;
  padding:0 0 0 0;
  margin:0 0 12px 0;
  font-weight:bold;
  padding-left:35px;
  min-height:36px;
  line-height:42px;
  background-image: url("img/lli.png");
  background-position:0px 5px;
  background-repeat: no-repeat; 
}
div.col-md-5 h3.sh2 {
  text-align:left;
  padding:0 0 0 0;
  margin:0 0 12px 0;
  font-weight:bold;
  padding-left:0px;
  min-height:36px;
  line-height:42px;
  background-image: none;
  background-position:0px 5px;
  background-repeat: no-repeat;
  font-size:28px;
}
div.col-md-4 h1.s {
  text-align:left;
  padding:0 0 0 0;
  margin:0 0 12px 0;
  font-weight:bold;
  padding-left:0px;
  min-height:36px;
  line-height:42px;
  color:#c5d326;
  font-size:24px;
}
div.col-md-5 h1.s {
  text-align:left;
  padding:0 0 0 0;
  margin:0 0 12px 0;
  font-weight:bold;
  padding-left:0px;
  min-height:36px;
  line-height:42px;
  color:#c5d326;
  font-size:24px;
}
html body div.container.reg div.row div.col-lg-4 h3.sh { 
  text-align:left;
  padding:0 0 0 0;
  margin:12px 0 0px 0;
  font-weight:bold;
  padding-left:35px;
  min-height:36px;
  line-height:42px;
  background-image: url("img/lli.png");
  background-position:0px 5px;
  background-repeat: no-repeat;
}
html body div.container.reg div.row div.col-lg-5 h3.sh { 
  text-align:left;
  padding:0 0 0 0;
  margin:12px 0 0px 0;
  font-weight:bold;
  padding-left:35px;
  min-height:36px;
  line-height:42px;
  background-image: url("img/lli.png");
  background-position:0px 5px;
  background-repeat: no-repeat;
}
html body div.container.reg div.row div.col-lg-7 h3.sh { 
  text-align:left;
  padding:0 0 0 0;
  margin:12px 0 0px 0;
  font-weight:bold;
  padding-left:35px;
  min-height:36px;
  line-height:42px;
  background-image: url("img/lli.png");
  background-position:0px 5px;
  background-repeat: no-repeat;
}
html body div.container.reg div.row div.col-lg-5 h3.sh2 { 
  text-align:left;
  padding:0 0 0 0;
  margin:12px 0 0px 0;
  font-weight:bold;
  padding-left:0px;
  min-height:36px;
  line-height:42px;
  background-image: none;
  background-position:0px 5px;
  background-repeat: no-repeat;
  font-size:26px;
}
html body div.container.reg div.row div.col-lg-7 h3.sh2 { 
  text-align:left;
  padding:0 0 0 0;
  margin:12px 0 0px 0;
  font-weight:bold;
  padding-left:0px;
  min-height:36px;
  line-height:42px;
  background-image: none;
  background-position:0px 5px;
  background-repeat: no-repeat;
  font-size:26px;
}  
html body div.container.reg div.row div.col-md-9 h4.sh { 
  text-align:left;
  padding:0 0 0 0;
  margin:12px 0 0px 0;
  font-weight:bold;
  padding-left:35px;
  min-height:36px;
  line-height:42px;
  background-image: url("img/lli.png");
  background-position:0px 5px;
  background-repeat: no-repeat;
}
html body div.container.reg div.row div.col-lg-5 h4.sh { 
  text-align:left;
  padding:0 0 0 0;
  margin:12px 0 0px 0;
  font-weight:bold;
  padding-left:35px;
  min-height:36px;
  line-height:42px;
  background-image: url("img/lli.png");
  background-position:0px 5px;
  background-repeat: no-repeat;
}
html body div.container.reg div.row div.col-lg-4 h2.ma{
  color:#9597d1;
}
/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the reg headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {
  
.img-i {
    padding-left: 0;
    padding-bottom:20px;
}
.lli-head-n{
    min-height:140px;
    clear:both;
    display:block;
}
.img-ir {
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
}
  .carousel .item {
    /*height: 351px;*/
}
.carousel {
    /*height: 351px;*/
}
}
@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}
.navbar-brand-logo {
    float: left;
    font-size: 18px;
    height: 130px;
    line-height: 20px;
}

@media (min-width: 320px) {
.l-head {
    min-height: 60px;
}
.img-i {
    padding-left: 10px;
    padding-bottom:0px;
    width:80%;
}
.lli-head-n{
    min-height:60px;
    clear:both;
    display:block;   
}
.img-ir {
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
}
#logo{
  margin:20px 0 0 20px;
}
.lli-head  {
display:none; 
}
.navbar-brand-logo {
    float: left;
    font-size: 18px;
    height: 100px;
    line-height: 20px;
} 
}
@media (min-width: 480px) {
  .navbar-nav > li > a {
    padding:0 12px 0 12px;
    font-size:21px;  
}
.lli-head  {
width:50%;
display:block;
} 
.navbar{ 
  float:right;
  margin:0px -15px 0 0;
  /*
  top:-53px; 
  margin:0px 0 0 40%;
  text-align:right;
  min-height:30px;
  width:auto; 
  */
}
#logo img {
    width: 80%;  
}
}
@media (min-width: 992px) {
.l-head {
    min-height: 110px;
}
.st {
    color: #9597d1;
    font-family: "Architects Daughter",cursive;
    font-size: 24px;
    text-transform: uppercase;
    
}
.st2 {
    color: #c5d326;
    font-weight:normal;
    font-size: 24px;
    text-transform: none;
    line-height: 1.1em;
    
}
.img-i  {
    padding-left:16%;
    padding-top:20px;
    
}
.img-ir {
    margin-top:-50px;
    margin-left:-50px;
    padding-bottom:20px;
}
  .navbar-nav > li > a {
    padding:0 10px 0 10px;
    font-size:21px; 
} 
.lli-head  {
width:55%; 
display:block;
} 
.navbar{
  float:right;
  margin:0px -15px 0 0;
  /*
  top:-53px;
  margin:0px 0 0 40%;
  text-align:right;
  min-height:30px;
  width:auto;
  */
}
body {
  /*font-size:0.9em;*/
}
  .col-lg-4 {
    width: 33.3333%;
    float:left;
} 
#logo img {
    width: 100%;  
}
}
@media (min-width: 1200px) {
  .navbar-nav > li > a {
    padding:0 15px 0 15px;
    font-size:26px; 
} 
#logo img {
    width: 100%;  
}
}

/*
@media (min-width: 992px) {
#logo{
  margin:0px;
}
.lli-head  {
width:70%;
display:block;
} 
.navbar-brand-logo {
    float: left;
    font-size: 18px;
    height: 130px;
    line-height: 20px;
}  
  .featurette-heading {
    margin-top: 120px;
  }
  .navbar-nav > li > a {
    padding:0 15px 0 15px;
    font-size:32px;
}
.navbar{
  float:right;
  margin:-67px -15px 0 0;
}
}
*/