@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:300,400,500');

html, body {
	height:100%;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	background-color: #FFF;
	margin: 0px;
} 

.header_social {
	display: block;
}

.line {
	border-bottom: thin solid #CDCDCD;
}

.header_image { 
	width: 100%; 
	margin-top: 20px; 
}

.header_image_mobile { 
	width: 100%; 
	display: none; 
	margin-top: 40px; 
}

.header2 { 
	width: 100%; 
	margin-top: 20px; 
	padding-top: 20px;
}

.social_icons {
	width: 22px;
	margin-left: 5px;
	margin-top: -10px;
}

.logo {
	position: absolute;
	width: 280px;
}

.logo_mobile { display: none; }

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; margin: 0px; }
h5 { font-size: 13px; font-weight: 300; color: #747474; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mtb20 { margin-top: 20px; margin-bottom: 20px; }
.mtb30 { margin-top: 30px; margin-bottom: 30px; }
.mtb40 { margin-top: 40px; margin-bottom: 40px; }
.mtb50 { margin-top: 50px; margin-bottom:50px; }
.mtb60 { margin-top: 60px; margin-bottom: 60px; }
.mr10 { margin-right: 10px; }

.text-white { color: #FFFFFF; }
.text-footer { font-size: 14px; }

a:link { color:#BD1226; }
a:visited { color:#BD1226; }
a:hover { color:#BD1226; }

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.photos_articles_wrap {
	width: 100%;
	max-width: 300px;
	height: 160px;
	overflow: hidden;
	border: thin solid #8C8C8C;
}

.photos_articles_wrap:hover {
	border: thin solid #BD1226;
}

.photos_articles {
	width: 100%;
	height: auto;
	margin-right: 10px;
	margin-bottom: 5px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

.photos_articles:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.photos_gallery_wrap {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 170px;
	height: 100px;
	overflow: hidden;
	border: thin solid #333333;
}

.photos_gallery_wrap:hover {
	border: thin solid #BD1226;
}

.photos_gallery {
	float: left;
	width: 170px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 5px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.photos_gallery:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.image {
	float: left;
	padding: 5px;
	background-color: #EDE8E5;
	margin-right: 20px;
	margin-bottom: 5px;
}

.image:hover {
	background-color: #DED5CF;
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #BA002C;
    color: #FFF;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top:hover {
    background: #D4D4D4;
	color: #000000;
}

#back-to-top.show {
    opacity: 1;
}

#send_form {
	position: fixed; 
	display: none; 
	top: 50%;
	left: 50%; 
	width: 340px; 
	height: 120px;
	margin-left: -170px;
	margin-top: -60px;
	padding-top: 40px;
	background-color:#BA002C;
	text-align: center; 
	color:#FFFFFF;
	border-radius: 10px;
	z-index: 10;
}

 @media only screen and (max-width:1200px) {
	 .header_social { display: none; }
	 .header_image { margin-top: 40px; }
	 .header2 { display: none; }
	 .logo { display: none; }
	 .logo_mobile { position: absolute; display: block; width: 222px; top:0; left:0;}
	 .photos_articles_wrap { height: 130px; }	 
}
 
  @media only screen and (max-width:992px) {
	  .photos_articles_wrap { height: 100px; }	 
	  .video-button { display: none; }
}
  
@media only screen and (max-width:767px) {
	  .photos_articles_wrap { height: 160px; }	 
}

@media only screen and (max-width: 600px) {
	.header_image { display: none; }
	.header_image_mobile { display: block; }
	.image {
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}

}
