@charset "UTF-8";


html,
body {
    height: 100%;
}

body {
    padding-top: 97px;
    font-family: "Times New Roman", "Palatino Linotype", Palatino, serif;
	font-size:17px;
}

body > .container {
	width:100%;
	padding-right:0;
	padding-left:0;
}

a {
    color: #205687;
}

.navbar {
	min-height: 97px;
}

.navbar-inverse {
    background-color: rgba(0, 0, 0, 1);
    border-color: transparent;
}

.nav {
}

.navbar-inverse .navbar-collapse {
    margin-top: 25px;
}
.navbar-inverse .navbar-nav > li > a {
    font-family: "Times New Roman", "Palatino Linotype", Palatino, serif;
    font-size: 17px;
    font-weight: 700;
	outline:0;
	color:#FFFFFF;
	letter-spacing: 0.1em;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    border-bottom: 1px solid rgb(40, 141, 203);
}

section {
    padding-top: 120px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */


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;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;
    height: auto;
}
.carousel-control.left, .carousel-control.right {
	background-image:none;
}

		/* Auto - Height Carousel */

.carousel, .carousel-inner > .item {
  display: run-in;
  width: 100%;
  height: auto!important;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-container {
    margin-left:0;
}

/* about us */

.aboutpage {
	background: url(../images/backround-about.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.aboutbody {
	padding:50px 220px;
	width:80%;
	max-width:1000px;
	margin:100px auto 200px auto;
	color:#FFFFFF;
	background-color:rgba(0,0,0,0.5);
    line-height: 1.8em;
    letter-spacing: .1em;
	text-align:justify;
	font-size:14px;
}

.aboutH1 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:100;
	margin-bottom: 30px;
	font-size:46px;
}

.modal-dialog {
    margin: 60px auto;
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* 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;
}

.thumbsection {
	text-align:center;
	padding:0 50px;
	font-size:16px;
/*    max-width: 1150px; */
    margin: 0 auto;
}

.thumbsection .RugDiv {
	height: 370px;
}

.thumbsection .RugDiv h4, .thumbsection .RugDiv h5 {
    margin: 5px;
}

.RSHeader {
	padding:30px 0 20px 0;
}

.SavoyBreadcrumb {
	margin-top: 20px;
	text-transform: capitalize;
}

/* Footer Styles */

footer {
	margin-top: 200px;
	padding: 30px;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #EFEFEF;
}

.aboutpage footer {
	color:#FFFFFF;
}


/* Responsive Styles */

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

	.carousel, .carousel .item {
		/* height: 450px; */
	}

}

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

    header.carousel .carousel {
        height: 70%;
    }

	.carousel, .carousel .item {
		/* height: 380px; */
	}
}

@media(max-width:509px) {
	.carousel, .carousel .item {
		/* height: 200px; */
	}
}

@media(min-width:510px) {
	.carousel, .carousel .item {
		/* height: 22px; */
	}
}

@media (min-width:768px){
	.carousel, .carousel .item {
		/* height: 330px; */
	}
}
@media(min-width:992px) {
	.carousel, .carousel .item {
		/* height: 43px; */
	}
}
@media(min-width:1100px) {
	.carousel, .carousel .item {
		/* height: 530px; */
	}
}