body {padding-top: 85px;
font-family: "Arial", sans-serif;}
/***********start overiding bootstrap*******/
.navbar {
  min-height: 85px;}
h3,
.h3 {
  font-size: 24px;
}

.links-s {
  padding-left: 10px;
padding-right: 10px;}

.s-footer {
  padding-left: 100px;
padding-right:100px;}


.navbar-inverse {
  background-color: #d3cbbf;
  border: 0px;}

h1, h2, h3, h4, h5, lead {font-family: "Arial", sans-serif;}
/*main navbar*/
.h1 {font-size:45px; margin-bottom:40px;}
.navbar {min-height:70px;}

.top-links{float: right !important;
margin: 15px 0;
font-weight:bold;
font-size: 12px;}
.top-links a{color: rgb(33, 37, 41);
margin-right:15px;
font-family: "Arial", sans-serif;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #3D3D3D;
  font-style: normal;}
  .tel {padding: 5px 5px 5px 0;}
  .tel span{margin-right:10px;
  background-color: rgb(44, 45, 46);
  color: rgb(206, 200, 178);
  padding:7px}

/*active link*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: rgb(33, 37, 41);
    background-color:transparent;
}
/*active link*/
.navbar-inverse .navbar-nav > li > a {
	color: rgb(33, 37, 41);
	font-size:18px;
	font-family: "Arial", sans-serif;
  font-weight: 200;
  letter-spacing: 1px;
  line-height: 24px;
  color: #3D3D3D;
  font-style: normal;}
/*Brand name*/
.navbar-inverse .navbar-brand {
	font-size:30px;
	color:rgb(204,204,204);
	padding: 19px 0;
}
.navbar-inverse .navbar-brand span{color:rgb(255,0,0);}
/*drop down Menu*/
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #212529;
  background-color: #d3cbbf;
}

.FeaturedProjects_featuredProjects__9jGZ7 {
    position: relative;
    width: 95%;
	padding-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    z-index: 2;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e6e6;
}
.dropdown-menu {
	background-color: rgb(51, 51, 51);
	border-top:2px solid rgb(162, 14, 26);
	color: #d3cbbf;
}
/*drop down Links*/
.dropdown-menu > li > a {color:rgb(204,204,204);padding: 6px 20px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:rgb(255,0,0);
	color:rgb(255,255,255);
	/*hover effect */
	padding-left:25px;
	/*to make th hover effect smother*/
	-webkit-transition:padding 0.7s ease; 
	-moz-transition:padding 0.7s ease;
	-o-transition:padding 0.7s ease;
	transition:padding 0.7s ease;
}
.dropdown-menu .divider {background-color:rgb(128,0,0);}
.navbar-right .dropdown-menu {left:0px;right:auto; padding: 40px;}
.navbar-right .dropdown-menu h1{margin-bottom:30px}
.navbar-right .dropdown-menu .link{font-size: 14px; letter-spacing: 1px; color: #d3cbbf; margin-top:20px}

.navbar-right .dropdown-menu .link2{font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: #A09C97; margin-top:20px}

.link-tit{font-size: 16px; letter-spacing: 0px; text-transform:normal; font-weight: 500; color: #770001; margin-top:20px}

.link-tit a{font-size: 16px; letter-spacing: 0px; text-transform:normal; font-weight: 500; color: #770001; margin-top:20px}



.link-tit-s{font-size: 14px; letter-spacing: 0px; text-transform:normal; font-weight: 500; color: #414141; margin-top:20px}

.link-tit-s a{font-size: 14px; letter-spacing: 0px; text-transform:normal; font-weight: 500; color: #414141; margin-top:20px}



.navbar-right .dropdown-menu a{color: #d3cbbf;}
.navbar-right .dropdown-menu a:hover{color: #fff; text-decoration:none}
/*didnt work with explorer
.navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
}*/

.navbar-toggle {margin:18px}
/* carouse */
.carousel-caption {
	padding-top:20px;
	padding-right:20px;
	padding-left:20px;
	top: 20px;
	text-align: left;
	left: 45%;
}
.carousel-caption2 {
	padding-top:20px;
	padding-right:20px;
	padding-left:20px;
	top: 20px;
	text-align: left;
	left: 45%;
}
.carousel-caption .btn-danger, .carousel-caption2 .btn-danger {
	margin-top: 50px;
	background-color: #cec8b2;
	border: 0;
padding: 15px 30px;
font-size: 20px;
border-radius:0;
color: rgb(33, 37, 41);
font-family: "Libre Franklin", sans-serif;
  font-weight: 500;
  font-style: normal;}
.carousel-caption h1, .carousel-caption2 h1{ 
font-weight: 500;
  font-size: 80px;
  font-family: "Roboto", sans-serif;
  letter-spacing: 2px;
  font-style: normal;}
  .carousel-caption h5{font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-size: 16px;
  font-style: normal;}
.carousel-indicators {bottom:0px;}
.carousel-indicators li {
	height:12px;
	width:12px;
	border: 1px solid rgb(102,102,102);
}
.carousel-indicators .active {
	height:15px;
	width:15px;
	background-color:#C29A77;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%}
/***********end overiding bootstrap*******/

/* start section about */
.about {padding-top:60px;padding-bottom:60px;}
.about span {color:#fff;
background-color:rgb(44, 45, 46);
font-size: 15px;
padding:10px;
margin-right: 20px;
float:left}
.about .lead {
	color:#777777;
	font-size:16px;
	line-height: 1.5;
	margin-top:15px;
}
.about .btn-primary{background-color: #C29A77;
border:0;
border-radius: 0;
margin-top: 40px;
font-size: 18px;
padding: 15px 30px}
.products {
	background-color:#eee;
	padding-top:50px;
	padding-bottom:50px;
	overflow:hidden
}
.feat p {line-height:2em;}
.feat  {margin-bottom: 50px;}
.products .feat span.glyphicon {font-size:30px;margin-bottom:10px;}
.products .feat span.glyphicon hover {color:rgb(255,0,0);}
/* start section about */

/* end testimonials section */
.features {padding-top: 50px;padding-bottom:50px;
overflow:hidden}
.features .tile {margin: 54px 5px}
.tile h3{margin-top:0}
.features .lead {line-height: 2em;margin-bottom:10px;}
.features span {
	font-size:18px;
	font-weight:bold;
	color:rgb(255,0,0);
}
.features .carousel-inner {min-height:160px;}
.features .carousel-indicators {
	position:static;
	width:100%;
	margin-left:auto;
	padding-top:20px;
}
.features .carousel-indicators li{
	text-indent:0px;
	width:80px;
	height:80px;
	opacity:0.5;
	border: 2px solid rgb(255,255,255);
	border-radius:50%; /* Circle*/
	overflow:hidden; /* to let the photo inside the border*/
	margin:5px;
}
.features .carousel-indicators li.active{
	opacity:1;
	width:80px;
	height:80px;
	background:none;
	border: 2px solid rgb(51,51,51);
	border-radius:50%;
	overflow:hidden;
}
.features .carousel-indicators li img{max-width:100%;}
/* start section price table */
.ornamental {
	background-color: rgb(44, 45, 46);
	color: #fff;
	padding-top:60px;
	padding-bottom:40px;
	overflow:hidden
}
.ornamental .tiles{margin: 0 25px}
.ornamental .img{
	border-radius:10%;}
	.ornamental .tile{
	margin: 30px 10px}
	.ornamental .btn-primary{background-color: #C29A77;
border:0;
border-radius: 0;
margin-top: 40px;
font-size: 18px;
padding: 15px 30px}
.ornamental .txt{
	margin: 80px 0}
.ornamental .price-box{
	background-color:rgb(255,255,255);
	padding:10px;
	border: 1px solid rgb(102,102,102);
	margin-bottom:15px;
}
.ornamental .price-box:hover p{
	-webkit-transform:scale(1.1,1.1)rotate(360deg);/*scale to be bigger rotate to rotate */
	-moz-transform:scale(1.1,1.1)rotate(360deg);
	-o-transform:scale(1.1,1.1)rotate(360deg);
	transform:scale(1.1,1.1)rotate(360deg);
	border:2px solid rgb(153,153,153);
}
.ornamental .price-box h3{margin:5px 0 15;}
.ornamental .price-box p{
	font-size:35px;
	font-weight:bold;
	color:#666;
	width:100px;
	height:100px;
	background-color:rgb(204,204,204);
	border-radius:50%; /* to make a square*/
	line-height:100px; /* to make to text centered in the square*/
	border:2px solid rgb(255,255,255);
}
.ornamental .price-box ul{line-height:250%;font-size:18px;}
.ornamental .price-box a{margin-bottom:5px;}
/* end section price table */
/* start section our team */
.contact {
	background:url("../images/bg.jpg") no-repeat center center fixed;
	width:100%;
	min-height:500px;
}
.contact a{color: #fff}
.contact .btn-primary{background-color: #C29A77;
border:0;
border-radius: 0;
margin-top: 40px;
font-size: 18px;
padding: 15px 30px}
.contact .team2 {
	background:rgba(2,2,2,0.6);
	color:rgb(255,255,255);
	min-height:500px;
	padding-top:80px;
	padding-bottom:40px;
}
.team2 .person {margin-bottom:40px; }
/* end section our team */

/* start section suscribe */
.subscribe {
	padding-top: 40px;
	padding-bottom:70px;
	background:#EEE;
}
.subscribe .h1 {
	color:#888;
	letter-spacing:2px;
	margin-bottom:20px;
}
.subscribe p {margin-bottom:30px;}
.subscribe .form-control {
	border-radius:0;
	margin-right:-5px;
	width:300px;
}
.subscribe button {border-radius:0;}
/* end section suscribe */

/* start section stas */
.stats {
	background:url("../images/back.jpg") no-repeat center center fixed;
	min-height:300px;
	opacity:.9;
}
.stats .stats2 {
	background:rgba(2,2,2,0.7);
	color:#B6B5B5;
	min-height:300px;
}
.stats3 {margin-bottom:30px;}
.stats3:hover {color:rgb(255,255,255);	}
.stats3 p{
	font-size:60px;
	font-weight:600;
	margin-bottom:0px;
}
.stats3 span{font-size:18px;}
/* end section stas */
/* start section skills */
.skils {padding-top:40px;padding-bottom:60px;}
.skils h3 {font-weight:bold;margin-top:0px;}
.skils .progress {height:30px;}
.skils .progress-bar {
	line-height:30px; /*same as height to center vertically*/
	font-size:15px;
	font-weight:bold;
	text-align:left;
	text-indent:10px;/*sto make a space fefore the text*/
}
/* end section skills */

/* start section contact */
.our_contact {
	background:url("../images/back.jpg") no-repeat center center fixed;
	min-height:300px;
}
.contact_us {
	background:rgba(2,2,2,0.7);
	min-height:300px;
	color:rgb(153,153,153);
	padding-top:40px;
	padding-bottom:40px;
}
.contact_us p {margin-bottom:40px;}
.contact_us textarea {height:108px;}
.contact_us input[type="text"], .contact_us textarea{
	background:rgba(82,78,78,0.7);
	color:rgb(255,255,255);
	border:none;}
/* end section contact */
/* start section our clients */
.our_clients{
	background:#EEE;
	padding-top:20px;
	padding-bottom:20px;
}	
.our_clients img{
	opacity:0.4;
	filter:alpha(opacity=40);/*for internet explorer*/
	margin-top:20px;
	margin-bottom:20px;	}
.our_clients img:hover {opacity:1;}

/* end section our clients */
/* start section footer */
.footer {
	background:#333;
	color:#fff;
	font-weight: 500;
	font-family: "Arial", sans-serif;
	 font-size: min(1.4vw, 1.4rem);
	padding-top:30px;
	line-height:1.8;
}

.footer2 {
	
	color:#B0B0B0;
	font-weight: 400;
	font-family: "Arial", sans-serif;
	 font-size: min(1.5vw, 1.5rem);
	padding-top:30px;
	line-height:1.8;
	text-transform: none;
}

.footer2 a{
	
	color:#B0B0B0;
	font-weight: 400;
	font-family: "Arial", sans-serif;
	 font-size: min(1.6vw, 1.6rem);
	padding-top:30px;
	line-height:1.8;
	text-transform: none;
}
.footer3 {
	
	color:#8A8A8A;
	font-weight: 500;
	font-family: "Arial", sans-serif;
	 font-size: min(1.4vw, 1.4rem);
	padding-top:0px;
	line-height:1.8;
	text-transform: none;
}

.footer3 a{
	background:#A3A3A3;
	color:#fff;
	font-weight: 500;
	font-family: "Arial", sans-serif;
	 font-size: min(1.4vw, 1.4rem);
	padding-top:30px;
	line-height:1.8;
	text-transform: normal;
}


.footer a{color:#fff;	}

.footer {color:#fff;text-transform: uppercase;	}
.footer a:hover {color:#FFF; text-transform: uppercase;}
.footer h3 {color: #ABA49B;
  letter-spacing: 0px;
  margin: 30px 0px 20px;
  font-size: 18px;}

.footer .three-columns {overflow:hidden;}
.footer .three-columns li{
	width:33.3333%;
	float:left;
	padding:5px 0;
}
.footer .social-list {overflow:hidden;margin:20px 0 10px;}
.footer .social-list li{
	float:left;
	margin:3px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.footer .social-list li:hover {opacity:1;filter:alpha(opacity=100);}
.footer .img-thumbnail {
	background:rgba(0,0,0,0.2);
	border:1px solid #444;
	margin-bottom:5px;}
.footer .copyright {
	background:#111;
	color:#AAA;
	padding:15px 0;
	margin-top:30px;
	font-size:13px;
}

/* end section footer */
/* start our grouping system */
.our_contact, .contact, .stats {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.footer .social-list li, .our_clients img, .stats3, 
.testimonials .carousel-indicators li.active, 
.price-table .price-box p{
	-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}	
/* end our grouping system */
/* there are 2 ways one to set the min & max width (in this way we have to type all the styles in every media) 
the other is to set min width only (in this case the style set in the first media will go through all other screens unless we overide it)*/
.top{background-color: rgb(44, 45, 46);
color:#fff;
max-height:420px;
overflow:hidden}
.top .text{padding:5%}
.top .text span{color: rgb(44, 45, 46);
background-color:#fff;
margin: 0 5px 5px 0;
padding: 0 5px}
.tiles {margin-top:100px}

.tiles .feat {margin-bottom: 50px;
  background-color: rgb(51, 51, 51);
  color: #fff;
  padding: 0px 0px 80px 0px;}

  .tiles h3{float:left;
  margin:15px 5px 0 10px;
  font-size: 15px}


  .tiles .size {background-color: #fff;
  color: rgb(51, 51, 51);
  font-size:12px;
  margin: 15px 10px 10px 0;
  padding:3px;
  float:right}

.tiles .size2 {
    background-color: #fff;
    color: rgb(51, 51, 51);
    font-size: 12px;
    margin: 15px 10px 10px 0;
    padding: 3px;
    float: left;
}


.tiles .tile:nth-child(even) {margin-top:50px}
.gallery{margin: 50px 0}
/*carousel fade*/






/* Mobiles and Tablets*/
@media (max-width:767px) 
{
	.navbar-nav > li > a {
		padding-top:10px;
		padding-bottom:10px;
		}
	
	h3,
.h3 {
  font-size: 18px;
}
	.navbar-inverse .navbar-nav > li > a {
    color: #000000;
    font-size: 15px;
    font-family: "Arial", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    color: #3D3D3D;
    font-style: normal;
}
	
	h1, h2, h3, h4, h5, lead {font-family: "Arial", sans-serif;}
/*main navbar*/
.h1 {font-size:30px;}
.navbar {}
	
	
	
	.navbar-right .dropdown-menu .link2 {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: normal;
    color: #494949;
    margin-top: 20px;
}
	
	.footer {
    background: #333;
    color: #fff;
    font-weight: 500;
    font-family: "Arial", sans-serif;
    font-size: min(2.1vw, 2.1rem);
    padding-top: 30px;
    line-height: 1.8;
}
	
	.footer2 {
    color: #B0B0B0;
    font-weight: 400;
    font-family: "Arial", sans-serif;
    font-size: min(2.5vw, 2.5rem);
    padding-top: 30px;
    line-height: 1.8;
    text-transform: none;
}
	.footer3 {
    color: #8A8A8A;
    font-weight: 500;
    font-family: "Arial", sans-serif;
    font-size: min(2.4vw, 2.4rem);
    padding-top: 0px;
    line-height: 1.8;
    text-transform: none;
}
	.link-tit {
  padding-top: 10px;
		font-size:14px;
		line-height: 1.5;
    text-transform: normal;
    font-weight: 400;
    color: #770001;
    margin-top: 20px;
}
	
	
	.navbar-inverse .navbar-brand { max-width: 280px;}
  .navbar-right .dropdown-menu .link {
  color: #212529;
  margin-top: 0;
  margin-bottom: 10px;}
  .navbar-header {height:80px}
  .navbar-toggle {
  margin-top: 28px;}
  .navbar-right .dropdown-menu {
  padding: 5px;}
		.subscribe .form-control{
			margin:20px auto;
		}
		.navbar-fixed-top .navbar-collapse, 
		.navbar-fixed-bottom .navbar-collapse
		{max-height:none
		}
		.tiles img {
  padding-top: 0;
}
	
	.s-footer {
  padding-left: 10px;
padding-right:10px;}

	.FeaturedProjects_featuredProjects__9jGZ7 {
  position: relative;
  width: 95%;
  padding-top: 0rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0rem;
  z-index: 2;
  padding-bottom: 0rem;
  border-bottom: 1px solid #e5e6e6;
}
	
	.tiles {margin-top:50px}
	
	
.carousel-caption {
  padding-top: 10px;
  top: 15px;}
.carousel-caption h1 { font-size: 19px;
margin-top: 20px;}
  .carousel-caption h5 {font-size: 10px;}
  .h1 {
  font-size: 21px;
  margin-bottom: 20px;}
  .tiles .size {
  font-size: 13px;
  margin: 15px 2px 10px 0;}
	
	
  .tiles h3 {
  margin: 15px 3px 0 3px;
  font-size: 13px;}

}
/* Small Screen*/
@media (min-width:768px) and (max-width:991px) 
{.navbar-inverse .navbar-brand { max-width: 300px;}
.navbar-inverse .navbar-nav > li > a {font-size: 16px;}
.top-links {  margin: 0;}
.carousel-caption h1, .carousel-caption2 h1 {font-size: 70px;}
.features .tile {
  margin: 20px 0;}
 .ornamental .tile { margin: 0;}
 .ornamental .txt { margin: 0;}
 .ornamental .tiles {margin: 0;}
 .h1 { font-size: 35px;
  margin-bottom: 0;}
	
}
/* Meduim Screen*/
@media (min-width:992px) and (max-width:1199px) 
{.navbar-inverse .navbar-brand { max-width: 300px;}
.carousel-caption h1, .carousel-caption2 h1 { font-size: 80px;}
.features .tile {margin: 40px 5px;}
	
}
/* Large Screen*/
@media (min-width:992px) 
{
	
}