/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
   margin: 0;
    padding: 0;
    font: 16px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
color: #5a5754;}
.color {background: url(../images/bg.png) repeat-x right top;}
.bg-navi {background:#e3e1d5;}

h3 {
	color: #2888B3;
	text-align: center;
}
h2 {color:#E3E1D5; font-family:Georgia, "Times New Roman", Times, serif}
h6 {color: #5E3711}
H4 {padding: 30px 0}

#header {min-height: 65px}

.white {}
.main {line-height: 26px; padding: 20px 0 50px 40px; }
.container {}
.tag {font-size: 65%; text-align: right; position: absolute; top: 10px;}
.logo h1 {padding: 25px 0 10px 0; color: #373A3E; font-size: 40px; font-family: 'Cinzel', serif;}
.logo h1 a{color: #373A3E; text-decoration: none}
.center-image { margin: 0 auto; display: block}
.logo {padding-right: 0px;padding-left: 0px;}
h1 {color: #E3E1D5; padding: 20px 0 75px 20px; font-size: 36px}
.bar h2 {padding: 20px 0 0 0; text-align: center; color: #E3E1D5; }
h2 small {font-size: 50%; color: #61666D; line-height: -20px}
h2.title {color: #2888B3; font-size: 28px; text-align: center; padding: 20px 0 20px 0;display: block; background: #ffffff;}
h6 {line-height: 22px}
.bar {min-height: 120px}
.center {text-align: center}
.right {text-align: right}
.img {max-width: 100%; height: auto;}
img {max-width: 100%; height: auto;}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
.nav-link {
    display: block;
    padding: .6em 1em;
    border-bottom: 1px solid #7B7570;
}
.rounded {padding: 2px 0; line-height: 18px}
.rounded img {border-radius: 50%; float: left; clear: both; margin-right: 5px;margin-bottom: 45px;display: block; max-width: 100%; height: auto;}
.round {border-radius: 50%; margin-bottom: 5px;display: block; max-width: 100%; height: auto;}
.rounded h5 {font-size: 18px}
li a {color: #5C5854; font-size: 14px}
a {color: #61666D}
/* Home Page Carousel */
.bg-navi {background:#e3e1d5; border-radius: 0 0 45px 0; font-family: 'Roboto Condensed', sans-serif;}
.full {padding: 0}
header.carousel {
    height: 50%;
}

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

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: transparent;
    border-radius: .3rem;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
   min-height: 160px;
	background: #F4F3F0;
	margin-top: 65px;
	padding: 35px 0;
	color: #7E7A76;
	border-top: 1px solid #E6F3F9;
	border-bottom: 6px solid #97CFE8;
	
}
footer .fa {font-size: 32px; color: #97CFE8}
.btn-primary {
    color: #000;
    background-color: transparent;
    border-color: transparent;
	padding: 7px 7px;
	text-transform: uppercase;
	text-size: 22px
}
.btn-primary:hover {
    color: #6C4828;
    background-color: transparent;
    border-color: transparent;
}
.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0px rgba(2,117,216,.5);
    box-shadow: 0 0 0 0px rgba(2,117,216,.5);
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
	.tag {display: none}

    header.carousel .carousel {
        height: 70%;
    }
h2 {padding: 2px 5px 1px 5px;
color: #E3E1D5;
font-size: 20px;
text-align: center}
.logo h1 {padding: 0px 0 10px 0}
.tc {margin-left: 0px!important;}
}
/* Creates a vertical nav starting at 768px (sm) */
@media (min-width: 576px) {
    .bootstrap-vertical-nav .collapse {
        display: block;}

}
@media (min-width: 576px) {
            .bootstrap-vertical-nav {
                margin-top: 20px;
            }}
@media (max-width: 575px) {.bg-navi {
    border-radius: 0 0 0px 0px;
    text-align: center;
	padding: 5px 0}
.right {text-align: center; padding: 10px 0}
.left {text-align: center; padding: 10px 0}
h1 {text-align: center; padding: 0 0 40px 0; font-size: 22px}
.main {padding: 10px 15px 30px 15px}
.logo h1 {padding: 0px 0 10px 0; color: #373A3E; font-size: 35px;}
.color {background: url(../images/bg.png) repeat-x right 30px;
}
.home {background: url(../images/welcome-m.jpg) repeat right center;}
.full {background: url(../images/welcome-m.jpg) repeat right center;}


}
		
#full-width-slider {
  width: 100%;
  color: #000;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 520px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}