@font-face 
{ 
	font-family: "OpenSans-Semibold"; 
	src: url('../fonts/OpenSans-Semibold.ttf')
}
html,
body {
    height: 100%;
}
strong
{
	font-weight:700;color: red;
}
p,a,h1,h2,h3,h4,h5,h6,label,button,li
{
	font-family:"OpenSans-Semibold" !important;
}
.img-portfolio {
    margin-bottom: 30px;
}

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

/* Home Page Carousel */

header.carousel {
    height: 480px;
}
@media only screen and (max-width: 767px)
{
header.carousel {
    height: 150px;
}
}

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

/* 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 {
    margin: 50px 0;
}

/* 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%;
    }
}
/** custom css **/
.primaryNav
{
	margin-bottom:0px !important;
	background:white;
	border-radius:0px !important;
	border-bottom:3px solid #ff0000 !important
}
.primaryRight>li>a:focus, .primaryRight>li>a:hover
{
	background-color:#ff0000 !important;
color:white;	
}
.primaryRight>li>a
{
	color:black;
	padding:20px;
	font-family:"OpenSans-Semibold" !important;
}
.primaryRight>li>.dropdown-menu
{
	background-color:black !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
	background-color:#ff0000 !important;
	color:white;
	font-family:"OpenSans-Semibold" !important;
}
.dropdown-menu>li>a
{
		color:white;
		font-family:"OpenSans-Semibold" !important;
}
.formSection {
    left: 2%;
    position: absolute;
   /*background-color: rgba(255,0,0,1);*/
    /*width: 25%;*/
    height: auto;
    /*padding: 15px;*/
	color:white;
	top:10%;
}
.formSection h3
{
	font-weight:bold;
	margin:0px !important;
	margin-bottom:10px !important;
	padding-top:10px !important;
}
.formSection input
{
	border:1px solid #337ab7;
	color:gray;
	height:30px;
	margin-bottom:10px;
}
footer {
    background: rgba(128, 128, 128, 0.6);
    border-top: 5px solid #ff0000;
    padding: 40px 0px;
    color: white;
	margin:0px !important;
}
.footerBtn button {
    background: #00a2ff;
    color: white;
}
.welcome 
{
    background: white;
    padding: 20px 0px;
}
#welcome h1 
{
    color: #ff0000;
    font-size: 30px;
}
.welcome p 
{
    color: gray !important;
}
#services 
{
    border-top: 2px solid #ff0000;
}
.title 
{
    margin-bottom: 30px !important;
}
.btnFooter {
    background: #ff0000;
    color: white;
    width: 190px;
}
.services p 
{
    color: black;
}
.services img
{
	width:100%;
	height:auto;
}
#services 
{
    border-top: 2px solid #ff0000;
}
.services {
    padding: 40px 0px;
}
.gallery1 
{
    padding: 30px 15px !important;
}
#gallery 
{
    border-top: 2px solid #ff0000;
}
.galleryPost 
{
    width: 19%;
    background: black;
    height: 200px;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
}
#testimonial {
    border-top: 2px solid #ff0000;
	background:#ff0000;
}
.testimonial 
{
    padding: 40px 20px;
    color: white;
}
.testimonial > img 
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: white;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 10px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 10px;
    border-top-color: white;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-top-style: solid;
    border-top-width: 10px;
    width: 200px;
}
.breadcrumb
{
	background:#ff0000 !important;
	color:white;
}
.breadcrumb a
{
	color:white;
}
.breadcrumb>.active
{
	color:#d3d3d3;
}
.product 
{
    float: left;
    width: 19%;
    margin-right: 1%;
}
.product > img
{
	width:150px;
	height:150px;
}
.thumbnails
{
	list-style-type:none;
}
footer p,a
{
	color:black;
}
.glyphicon-chevron-left:before,.glyphicon-chevron-right:before
{
	color:black;
}
.thumbnail
{
	height:180px;
	overflow:hidden;
}
td, th
{
	font-family: "OpenSans-Semibold" !important;
	padding-bottom: 10px;
}
.pdfLink
{
	background:#f1f1f1;
	padding:10px;
	margin:10px 0px 30px 0px;
}
.pdfLink a
{
	color:gray;
}
.postContainer > .col-md-6
{
	height:325px;
}
/** Media query **/
@media only screen and (min-width: 320px) and (max-width: 480px)
{
	.navbar-brand
	{
		padding-top:0px !important;
	}
	.formSection 
	{
	    display:none;
		width:100%;
		left:0;
		padding-top:20px;
	}
	.formSection input
	{
		height:30px;
	}

	.product
	{
		width:100%;
	}
	.pdfLink
	{
		height:50px;
	}
	td input
	{
		width:100%;
	}
	.postContainer > .col-md-6
	{
		height:auto !important;
	}
}
@media only screen and (min-width: 360px) and (max-width: 640px)
{
	.formSection{
	    display:none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
	
}
@media only screen and (min-width: 800px) and (max-width: 1280px)
{
	
}
@media only screen and (min-width: 980px) and (max-width: 1280px)
{
	
}
@media only screen and (min-width: 800px) and (max-width: 1280px)
{
	
}
@media only screen and (min-width: 600px) and (max-width: 1280px)
{
	
}
@media only screen and (min-width: 1280px) and (max-width: 1900px)
{
	
}
.navbar-toggle
{
	background:white;
}
.navbar-toggle .icon-bar
{
	border:1px solid #337ab7;
}
.text11 
{
    font-family: opensans-semibold;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}
.navbar-brand
{
	padding: 5px 5px !important;
	height: 60px !important;
}