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

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

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

.img-portfolio-navi {
    margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

p2 {
	font-size: 60px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"
}

p3 {
	font-size: 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"
}

p5 {
	font-size: 19px;
	font-family: "Baskerville", "Times New Roman", "serif"
}

p5r {
	font-size: 28px;
	color:#d30f0f;
	font-family: "Baskerville", "Times New Roman", "serif"
}

p5b {
	font-size: 28px;
	color:#bc8c3f;
	font-family: "Baskerville", "Times New Roman", "serif"
}




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

h2 {
	font-size: 25px;
}

h1 span {
	color:#00B895;
}

h2 span {
	color:#00B895;
}

h4 span {
	color:#00B895;
}

h6 {
	
	font-size: 150px; 
	line-height: .95em;
	letter-spacing: 0px;
	
}

h6 span {
	
	font-size: 75px; 
	line-height: .1em;
	letter-spacing: 0px;
	text-align: justify;
	
	
}



h3,p,a,footer{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
a{text-decoration:none;}
ol,ul{list-style:none;margin:0px;padding:0px;}
.clear{clear:both;}/* clear float */

.well_auction{
	min-height: 20px;
	padding: 19px;
	margin-bottom: 0px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}


.listview_1_of_2{
	display: block;
	float:left;
	margin: 0% 0 4% 0%;
}
.grid2{
	border-top: 1px solid rgba(192, 192, 192, 0.39);
}
.listimg{
	display: block;
	float:left;
}
.text{
	display: block;
	float: left;
	margin-top: 0%;
	margin-right: 100;
	margin-bottom: 0%;
	margin-left: 0%;
}
.listview_1_of_2:first-child { margin-left: 0;} 

.images_1_of_2 {
	width: 46.96%;
	padding:1.5%; 
}
.listimg_2_of_1 {
	width: 18.2%;
}
.list_2_of_1 {
	width: 70.2%;
}
.images_1_of_2  img {
	max-width:100%;
	display:block;
	padding-top: 25px;
}
.list_2_of_1  h3{
	font-family: 'Roboto', sans-serif;
	font-size: 1.6em;
	color: #626262;
	text-transform: uppercase;
	text-align: left;
	padding-top: 40px;
}
.list_2_of_1 h3 span{
	color:#00B895;
}
.list_2_of_1  p{
	font-size: 0.85em;
	color: #949191;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.list_2_of_1 h4{
	color:#A8A8A8;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px 0px;
}



/* Home Page Carousel */

header.carousel {
	height: 80%;
	padding-top: 0px;
}

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

header.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover;
}

.carousel-caption{
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 2px 3px 2px rgba(0,0,0,.6)
}

.carousel-caption{right:20%;left:20%;padding-bottom:30px}

.carousel-caption h2 {
	font-family: "Futura", Helvetica, Arial;
	letter-spacing: 4px;
	font-size: 22px;
}



.col-md-12{
	width:100%;

}

.col-md-12 ul{
	list-style-type: disc;
	padding-left: 20px;
}


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

.wrap{
	width: 60%;
	transition: all .2s linear;
	-moz-transition: all .2s linear;/* firefox */
	-webkit-transition: all .2s linear; /* safari and chrome */
	-o-transition: all .2s linear; /* opera */
	-ms-transition: all .2s linear;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.page-headernew{
	padding-bottom: 9px;
	border-bottom: 1px solid #eee;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0px;
}


/*---start-footer-----*/
.footer{
	position: relative;
	padding: 50px;
	background-color: #45B39E;
}



.footer:after{
	content: '';
	position:absolute;
	width: 0;
	height: 0;
	border:20px solid #45B39E;
	border-top: 0 solid rgba(0, 0, 0, 0)!important;
	border-right: 15px solid rgba(0, 0, 0, 0)!important;
	border-left: 15px solid rgba(0, 0, 0, 0)!important;
	left:50%;
	top:-20px;
	margin-left: -10px;
}
.footer-grids{
	
}
.footer-grid{
	width: 20%;
	margin-right: 5%;
	float: left;
}

.footer-grid h3{
	font-size: 1.5em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}
.footer-grid p{
	font-size: 0.875em;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}
.footer-grid ul li a{
	display:block;
	padding:10px 0px;
	border-bottom: 1px solid #5AC5B1;
	font-size: 0.875em;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform:uppercase;
}
.footer-grid ul li a:hover{
	color:#005F4D;
}
.footer-lastgrid{
	margin:0;
}
.email-link{
	color:#FFF;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform:lowercase;
}
.email-link:hover{
	color:#FFF;
}

footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
	padding-top: 25px;
	background-color: #2c3e50;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
	background-color: #233140;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}



/*---start-copy-right-----*/
.copy-right{
	text-align:center;
	padding:1em;
	background:#323A45;
}
.copy-right p{
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.copy-right p a{
	color: rgba(148, 145, 145, 0.84);
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.copy-right p a:hover{
	color:#FFF;
}







/*----responsive-design-----*/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap{
		width:90%;
	}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap{
		width:90%;
	}
}
@media only screen and (max-width: 1024px) {
	.wrap{
		width:95%;
	}	
	.grid{
		width:27.8%;
	}
}
@media only screen and (max-width: 800px) {
	.wrap{
		width:95%;
	}
	.top-nav ul li a{
		padding:40px 15px;
	}
	.grid{
		width:26.8%;
	}
	.span_2_of_3 {
		width:94%;
		padding:3%; 
	}
	.footer{
		padding:0;
	}
	.footer-grid h3{
		margin-bottom:5px;
	}
	.col{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%; 
	}
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px){
	.wrap{
		width:95%;
	}
	.top-nav ul li a{
		padding:41px 5px;
		font-size:0.75em;
	}
	.grid{
		float:none;
		width:94%;
		padding:3%;
		margin:15px 0;
	}	
	.content_top{
		padding:10px 0;
	}
	.content_top:after{
		top:-10px;
	}
	.special-grid{
		float:none;
		width:94%;
		padding:3%;
		margin-right:0;
	}	
	.specials{
		padding:30px 0 0 0;
	}
	.specials-grids{
		padding:10px 0;
	}
	.testmonials{
		padding:0 0 30px 0;
	}
	.footer-grid{
		float:none;
		width:94%;
		padding:3%;
		margin-right:0;
	}
	.services{
		padding:20px 0;
	}
	.images_1_of_2{
		width:94%;
		padding:3%; 
	}
	.span_2_of_3 {
		width:94%;
		padding:3%; 
	}
	.list_2_of_1{
	  width:78.2%;	
	}
	.error-page{
		padding:20px 0;
		min-height:0;
	}
	.col{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%; 
	}   
   .contact-form input[type="text"],.contact-form textarea{
		width:97%;
	}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.wrap{
		width:95%;
	}
	.logo{
		float:none;
		text-align:center;
		padding:5px 0;
	}
	.span_2_of_3 {
		width:90%;
		padding:5%; 
	}
	.top-nav{
		float:none;
		text-align:center;
	}	
	.top-nav ul li{
		float:none;
	}
	.top-nav ul li a{
		padding:15px 20px;
	}
	.content-grids,.about-us{
		padding:20px 0;
	}
	.testmonial-grid p{
		width:100%;
	}
	.error-page p{
		font-size:2em;
	}
	.error-page h3{
		font-size:6em;
	}
	.col { 
		margin:0;
	}
	.span_1_of_3 {
		width:90%;
		padding:5%; 
	}
	.contact-form input[type="text"],.contact-form textarea{
		width:92%;
	}
}
@media only screen and (max-width: 320px) {
	.wrap{
		width:95%;
	}
	.top-nav ul li a{
		padding:15px 4px;
	}
	.content_top p{
		font-size:0.8em;
		line-height:1.6em;
		margin:5px 0 25px 0;
	}
	.specials-heading h3{
		font-size:1.5em;
	}
	.special-grid p{
		padding:0;
	}
	.testmonial-grid h3{
		font-size:1.5em;
		padding:5px 0;
	}
	.testmonial-grid p{
		padding:0;
	}
	.about-info a{
		font-size:0.8em;
	}
	.list_2_of_1 h3{
		font-size:1.3em;
	}
}
		


/* Responsive Styles */

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

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

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