/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
    font-weight: 400;
}

h2.portfolio {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.portfolio-item .img-responsive {
    max-width: 70%;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.navbar {
	margin-bottom: 20px;
	padding: 0 15px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}



@media (min-width: 400px){
    
    h2.portfolio {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.portfolio-item .img-responsive {
    max-width: 100%;
}
    
    .row {
    margin-left: -15px;
    margin-right: -15px;
}
    
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill.fill-1 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider71-xsmall.gif');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-2 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider61-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-3 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider31-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-4 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider-ppl-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-5 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider21-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-6 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider12-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-7 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider10-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-caption {  
    top: 40%!important;
    padding: 0px 0px!important;
}

.carousel-caption p {
    font-size: 15px!important;
    font-weight: 500!important;
    letter-spacing: 0px;
}

@media (min-width: 400px){
.fill.fill-1 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider71-small.gif');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-2 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider61-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-3 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider31-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-4 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider-ppl-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-5 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider21-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-6 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider12-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-7 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider10-xsmall.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
}


@media (min-width: 768px){
.fill.fill-1 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider71.gif');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-2 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider61.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-3 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider31.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-4 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider-ppl.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-5 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider21.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-6 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider12.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fill.fill-7 {
    width: 100%;
    height: 100%;
    background-image:url('../img/bg-slider10.jpg');
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

}



.fill {
    width: 100%;
    height: 100%;
    
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}



.carousel-control.right, .carousel-control.left {
     background-image: none;
     width: 50%;
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 50px;
    color: black;
}

.navbar-brand {
	padding: 15px 12px;
}

.navbar-fixed-top .home {
  position: absolute!important;
}

.navbar-inverse .home {
    background-color: transparent!important;
    border: none;
}

.navbar-inverse .navbar-brand .home {
    color: #fff!important;
    font-weight: 600;
    font-family: 'Lato', Calibri, Arial, sans-serif;
}

.navbar-nav {
        background-color: #fff;
}


@media (min-width: 768px){
.navbar-nav {
    float: right;
}

.navbar-inverse {
    background-color: #fff!important;
    border: #fff;
    color: black;
}

.navbar-inverse .navbar-brand {
    color: black!important;
}

.carousel-caption {  
    top: 46%!important;
    padding: 0px 30px!important;
}

.carousel-caption p {
    font-size: 20px!important;
    font-weight: 500!important;
}



}

.navbar-fixed-top {
  position: relative;
}

.fa-arrow-left:before {
    color: black!important;
}

.carousel-control .icon-prev:before {
  content: '\2329';
  background: #fff;
  padding: 10px;
  margin-left: -21px;
}
.carousel-control .icon-next:before {
  content: '\232a';
  background: rgba(255, 255, 255, 0);
  padding: 10px;
}

.carousel-control .icon-next:before {
  content: '\232a';
  background: rgba(255, 255, 255, 1);
  padding: 10px;
}

.carousel-control .icon-prev, .carousel-control .icon-next  {
      margin-top: 0px;
      display: none;
}



.navbar-inverse {
    background-color:  #fff;
    border-color: #fff;
}

.navbar-inverse .navbar-nav li a:focus, .navbar-inverse .navbar-nav li a, .navbar-inverse .navbar-nav li a: {
    color: black;
    transition: .5s;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
}

.navbar-inverse .navbar-brand {
    color: black;
    font-weight: 600;
    font-family: 'Lato', Calibri, Arial, sans-serif;
}

.nav li:hover {
    background: rgba(222, 222, 222, 0.27);
}

.navbar-nav li a {
    padding-top: 18px;
    padding-bottom: 20px;
    line-height: 20px;
}

.navbar-fixed-top .navbar-collapse {
    max-height: none;
}


.navbar-toggle {
    background-color: black;
    border-radius: 0px;
}


.container {

padding-top: 12px;
padding-bottom: 12px;
}

.navbar-inverse .navbar-brand:hover {
    color: black;
    background-color: transparent;
}

.portfolio-item {
    margin-bottom: 30px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.carousel-caption {
    position: absolute;
    right: 11%;
    bottom: 0px;
    left: 15%;
    z-index: 10;
    padding-top: 0px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0);
    top: 40%;
}

.carousel-caption h2 {
    font-size: 100px;
    margin-top: -60px;
}

.carousel-caption p {
    font-size: 20px;
    letter-spacing: .5px;
    font-family: lato, sans-serif;
}


footer p {
    text-align: center;
}

.btn-dark {
    border-radius: 6px;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
    transition: .5s;
    font-size: 1.2em;
}

.btn {
    padding: 10px 18px;
    margin-top: 16px;
}

.btn-dark:hover {
    border-radius: 6px;
    color: #fff;
    background-color: rgb(40, 235, 212);
}

.col-lg-12#sm-footer {
    text-align: center;
}

#sm-footer a{
    margin: 0 auto;
    text-align: center;
    font-size: 27px;
    color: black;
    margin: 0px 20px
}

.img-responsive {
    margin: 0 auto;
}


@media (min-width: 768px) {
    
    .carousel-control .icon-prev, .carousel-control .icon-next  {
      margin-top: 0px;
      display: none;
}
    
.nav li:hover {
    background: none;
}


.navbar-nav li a{
    padding-top: 18px;
    padding-bottom: 2px;
    line-height: 20px;
}


/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  padding-bottom: 3px;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  float: left;
  color: #d9d9d9;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-family: 'Roboto', sans-serif;
  margin-right: 20px;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: black;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

.carousel-caption {
    bottom: 0;
    padding-bottom: 0px;
    top: 50%;
}

.nav li a {
    padding: 17px 8px 2px;
    font-weight: 400;
}

.col-lg-12 #sm-footer {
    text-align: center;
}

#sm-footer a{
    margin: 0 auto;
    text-align: center;
    font-size: 27px;
    color: black;
    margin: 0px 20px
}

}

.fa.fa-plus-square {
    font-size: .8em;
}

.col-md-4.bottom {
    margin-bottom: 30px;
}

.navbar-inverse .navbar-nav li a:hover {color: black;}

.cd-content p {
    font-weight: 400;
}

a.hero-link {
  color: #ffffff;
  text-decoration: none;
}