html,
body {
  height: 100%;
  background-color: #ffffff;
}
body {
  color: #fff;
  text-align: center;
}

/*a{
	color: #ed1b24 !important;
	font-weight: 400 !important;
}*/

div#contact input{
	height: 34px;
}

div#contact textarea {
   height: 118px;
   margin-bottom: 20px;
}

.form-group {
	margin-bottom: 20px;
}

div#contact input, div#contact textarea {
    color: #545454;
	font-size: 16px;
	width: 90%;
	margin: auto;
}

div#contact button {
	width: 90%;
	margin: auto;
}

p.error-text{
	color: #ed1b24;
	font-size: 12px;
	margin: 0px;
	padding: 0px
}

.error-input{
	color: #ed1b24 !important;
	border: 1px solid #ed1b24;
	background: #FFE7E7 !important;
}


::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder {
    color: #999 !important;
	font-size: 14px;
	opacity: 0.5;
}


.uniform__potty {
    position: absolute !important;
    left: -9999px !important;
}

a.navbar-brand img{
	max-height: 55px
}

.button-red{
	border: 2px solid #ed1b24;
    background: transparent;
    color: #ed1b24;
    font-size: 14px;
    font-weight: 800;
    border-radius: 5px;
	margin-top: 16px;
	text-transform: uppercase;
	height: 34px;
}

.button-red:hover{
	border: 2px solid #ed1b24;
    background: #ed1b24;
    color: #ffffff;
	-webkit-transition: background-color 500ms ease;
    -ms-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
	text-transform: uppercase;
	height: 34px
}

div.sub_block{
	padding-bottom: 60px;
	padding-top: 60px;
	background: #fdfdfd;
	border-bottom: 1px solid #e1e1e1;
}

div.sub_block img.first{
	max-height: 40px !important;
}

div.sub_block.first{
	padding-top: 140px;
	background: #f8f8f8;
	position: relative;
}

p.description_block{
	margin-bottom: 20px;
}

div.sub_block.last{
	border: none;
	padding-bottom: 0px
}

.no_margin_bottom{
	margin-bottom: 0px;
}

i.icon_header{
	margin-bottom: 0px;
	color: #545454;
	font-size: 40px
}

.navbar-default{
	background: transparent;
	border: none;
	box-shadow: none;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
	color: #ffffff !important;
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a.active {
	border-bottom: 1px solid #ed1b24;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #ffffff;
}

.header_title {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 16px;
	color: #333333;
	font-weight: 800;
	font-size: 40px;
	text-transform: uppercase !important;
}

p{
	font-size: 16px;
	color: #545454;
}

div.box_portfolio {
	padding-top: 40px;
	padding-bottom: 40px;
}

h3 {
	color: #ffffff;
	font-weight: 800;
	font-size: 40px;
	text-transform: uppercase;
}

h4 {
	color: #545454;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	text-decoration: underline;
}

div, p, a{
	font-family: 'Open Sans', sans-serif;
	color: #545454;
	font-size: 16px
}

a.link, a.link:hover{
	color: #ed1b24;
	font-weight: 600;
	text-decoration: none;
	
}

div#contact_success, div#contact_error{
	margin-top: 20px;
	margin-bottom: 20px;
}

div#contact_success i, div#contact_error i{
	font-size: 34px;
	color: #ed1b24;
	line-height: 40px;
}

div#contact_success span, div#contact_error span{
	line-height: 50px;
	padding-left: 0px;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 4px
}

div#content-icon_contact {
	text-align: right;
	padding-right: 0px;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
	display: table;
	width: 100%;
	height: 100%; /* For at least Firefox */
	/*min-height: 100%;*/
	-webkit-box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
	box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
	background-image: url('pexels-photo-164583.jpeg');
}
 
div#claim{
	padding-top: 25px;
}

div#left_claim {
	height: 85px;
	padding-right: 0px;
	text-align: right;
	padding-top: 6px
}

div#right_claim {
	padding-left: 0px; 
	height: 85px;
	text-align: left
}
 
div#claim h1{
	text-transform: uppercase;
	font-size: 50px;
	font-weight: 800;
	color: #ffffff;
}

div#red_block{
	background-color: #ed1b24;
	color: #ffffff;
	padding: 2em 4em;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
	top: -60px;
	text-align: left;	
}

div#red_block p{
	text-transform: uppercase;
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 0px;
}

div.box_portfolio:hover {
	z-index: 999;
	-ms-transform: scale3d(1.05,1.05,1.05); /* IE 9 */
    -webkit-transform: scale3d(1.05,1.05,1.05); /* Chrome, Safari, Opera */
    transform: scale3d(1.05,1.05,1.05);
}

div.box_portfolio {
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

div.box_portfolio:hover {
	cursor: pointer;
}

div.box_portfolio p{
	color: #ffffff;
}

div.box_portfolio.blue {
	background: #3D7FA2;
}

div.box_portfolio.blue:hover {
	background: rgb(81, 147, 182);
	cursor: pointer;
}

div.box_portfolio.green {
	background: rgb(104, 145, 88);
	cursor: pointer;
}

div.box_portfolio.green:hover {
	background: rgb(124, 165, 108);
	cursor: pointer;
}

div.box_portfolio.orange {
	background: #CF7F3B;
	cursor: pointer;
}

div.box_portfolio.orange:hover {
	background: rgb(227, 147, 79);
	cursor: pointer;
}


@media (min-width: 48em) {
}

@media (min-width: 40em) {
	div#navbar{
		padding-top: 20px
	}
	
	div#claim{
		padding-top: 60px;
	}
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited{
		margin-top: 34px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 2px;
		margin-left: 20px;
		text-transform: uppercase !important;
	}
	
	.navbar-default .navbar-nav>li>a.active {
		border-bottom: 2px solid #ed1b24;
	}
}

@media (min-width: 62em) {
}

@media(min-width: 2500px){
	.site-wrapper{
		max-height: 960px !important;
		background-repeat: no-repeat;
		background-size: cover;
	}
}