a
{
	color:#000;
	transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
	text-decoration:none;
}

a:hover, a:focus, a:active
{
	color:#000;
	text-decoration:none;
	outline:none;
}

body
{
	font-family: 'Roboto', sans-serif;
	margin:0px;
	padding:0px;
	line-height:24px;
	font-size:14px;
	color:#4c4c4c;
}

h1
{
	color:#000;
	font-weight:bold;
	font-size:48px;
	line-height:72px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

h1.display-1
{
	text-transform:uppercase;
	font-size:132px;
	font-weight:bold;
	line-height:152px;
	color:#000000;	
	margin-top:100px;
	margin-left:30px;
	letter-spacing:0px;
}

h1.display-1 span
{
	color:#b82025;
	font-size:122px;
	line-height:132px;
	font-weight:500;	
}

h1.display-2
{
	text-transform:none;
	font-size:100px;
	font-weight:normal;
	line-height:100px;
	color:#000000;	
	margin-top:80px;
	margin-bottom:80px;
	margin-left:100px;
	letter-spacing:0px;
}

h1.display-2 span
{
	color:#b82025;
}

h1.display-6
{
	text-transform:none;
	font-size:36px;
	font-weight:100;
	line-height:54px;
	color:#fff;	
}

h1.display-6.black
{
	color:#000;	
}

h2
{
	color:#000000;
	font-size:24px;
	line-height:36px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:100px;
	margin-bottom:0px;
	margin-left:38%;
	letter-spacing:1px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	border-left:4px solid #000;
	padding-left:15px;	
}

h2.display-1
{
	color:#b82025;
	font-size:30px;
	line-height:36px;
	font-weight:500;
	text-transform:uppercase;
	writing-mode:horizontal-tb;
	text-orientation:initial;
	margin-left:0px;
	margin-top:0px;
	border-left:none;
	letter-spacing:0px;
}

h2.display-1 span
{
	font-size:18px;
	font-weight:500;
	color:#000;
	display:block;
}

h3
{
	color:#000000;
	font-weight:500;
	margin-bottom:20px;
	font-size:24px;
	line-height:36px;
	padding:0px;
	margin-top:0px;
	text-transform:uppercase;
}

h3.white
{
	color:#fff;
	font-weight:bold;
	letter-spacing:1px;	
}

h3.white span
{
	font-weight:normal;
	display:block;	
}

h4
{
	color:#fff;
	font-weight:normal;
	margin-bottom:0px;
	font-size:18px;
	text-transform:uppercase;
	padding:0px;
	margin-top:0px;
}

h5
{
	color:#1b3d6e;
	font-size:16px;
	line-height:26px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:15px;
	margin-top:10px;
}

h6
{
	color:#000000;
	margin-top:30px;
	margin-bottom:5px;
	font-weight:500;
	font-size:14px;
	line-height:24px;
	text-transform:none;
}

hr
{
	border-top:1px solid #d5d5d5;
	margin-top:1.5rem;
    margin-bottom:1.5rem;
}

.btn-link
{
	color:#fff;
	font-weight:normal;
	text-transform:none;
	font-size:24px;
	line-height:24px;
	display:inline-block;
	margin:22px 0px 21px 0px;
	padding-right:35px;
	text-decoration:none;
	background:url(../images/white-up-arrow.png) right 0px top 0px no-repeat;
}

.btn-link:hover, .btn-link:focus
{
	text-decoration:none;
	color:#000;
	background:url(../images/black-up-arrow.png) right 0px top 0px no-repeat;
}

.btn-link.red
{
	color:#b82025;
	background:url(../images/red-up-arrow.png) right 0px top 0px no-repeat;
}

.btn-link.red:hover, .btn-link.red:focus
{
	color:#000;
	background:url(../images/black-up-arrow.png) right 0px top 0px no-repeat;
}

.btn-default
{
	display:inline-block;
	border:none;
	background-color:#b82025;
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:12px 40px;
	margin-top:0px;
	margin-bottom:0px;
	color:#fff;
	text-decoration:none;
	border-radius:25px;
}

.btn-default.flashing
{
	display:inline-block;
	border:none;
	background-color:#b82025;
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:12px 40px;
	margin-top:0px;
	margin-bottom:0px;
	color:#fff;
	text-decoration:none;
	border-radius:25px;
	text-shadow: 1px 1px 2px #000;
	-webkit-animation: glowing 1500ms infinite;
	-moz-animation: glowing 1500ms infinite;
	-o-animation: glowing 1500ms infinite;
	animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

.btn-default:hover, .btn-default:focus
{
	border:none;
	color:#fff;
	background-color:#000;
	text-decoration:none;
}

.btn-block
{
	display:inline-block;
	width:auto;
	font-size:12px;
	background-color:#35b4ec;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:8px 25px;
	color:#fff;
	border:none;
	border-radius:0px;
	margin-top:20px;
}

.btn-block:hover, .btn-block:focus
{
	background-color:#000;
	border:none;
	color:#fff;
	text-decoration:none;
}

.btn-primary
{
	display:inline-block;
	width:auto;
	font-size:12px;
	line-height:20px;
	background-color:#a62b26;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:15px 35px;
	margin-top:15px;
	margin-bottom:0px;
	color:#fff;
	border:none;
	border-radius:0px;
}

.btn-primary:hover, .btn-primary:focus
{
	background-color:#000;
	text-decoration:none;
	color:#fff;
}

.gallery-btn
{
	display:inline-block;
	width:auto;
	font-size:12px;
	line-height:20px;
	background-color:#a62b26;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:10px 25px;
	color:#fff;
	border:none;
	border-radius:25px;
}

.gallery-btn:hover, .gallery-btn:focus
{
	background-color:#000;
	text-decoration:none;
	color:#fff;	
}

.img-fluid
{
	width:100%;	
}

.navbar-brand
{
	display:inline-block;
	padding:0px;
	margin:0px 30px 0px auto;
	float:left;
}

nav
{
	background-color:#fff;
}

.navbar
{
	padding:0px 0px 0px 0px;
}

.navbar-nav
{
	margin:15px 20px 15px 20px;
	float:right;
}

.navbar-light .navbar-nav .nav-item
{
	margin-left:15px;
	margin-right:15px;
}

.navbar-light .navbar-nav .nav-item:first-child
{
	margin-left:0px;
}

.navbar-light .navbar-nav .nav-item:last-child
{
	margin-right:0px;
}

.navbar-light .navbar-nav .nav-link
{
	font-size:16px;
	line-height:18px;
	text-transform:uppercase;
	color:#000000;
	font-weight:500;
	padding:6px 10px;
	border-radius:0px;
	opacity:1;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active
{
    color:#b82025;
	text-decoration:none;
	background-color:transparent;
}

.navbar-light .navbar-nav .nav-link.home
{
	text-indent:-1000000px;
	width:16px;
	height:16px;
	background:url(../images/home-icon.jpg) 0px 0px no-repeat;
	margin:8px 0px;
}

.navbar-nav .dropdown-menu
{
	border-radius:0px;	
}

.navbar-nav .dropdown-menu a
{
	color:#000;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
}

.navbar-light .navbar-toggler
{
	color:#5a2a6c;
	border:none;
	border-radius:0px;
	float:right;
	box-shadow:none;
}

.navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus
{
	outline:none;	
}

.navbar-light .navbar-toggler-icon
{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	padding:0px 15px;
	margin:9px 0px;
	height:20px;
	width:20px;
	background:url(../images/menu-icon.png) center top no-repeat;
}

.carousel
{
	width:100%;
	height:870px;
	padding:0px;
	background-color:#fff;
}

.structure-img
{
	width:auto;
	height:870px;	
}

.block
{
	padding:75px 0px;	
}

.row.mycolspce div[class^="col-"]
{
    display:flex;
    flex-wrap:wrap;
}

.overlay
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background:url(../images/red-bg.png) 0px 0px repeat;
	color:#fff;
	padding:20px;
	transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
}

.overlay.gray
{
	background:url(../images/black-bg.png) 0px 0px repeat;
}

.overlay:hover, .overlay:focus, .overlay.gray:hover, .overlay.gray:focus
{
	opacity:0;	
}

.home-project, .other-home-img
{
	width:100%;
	height:100%;
}

.project-title
{
	position:absolute;
	left:15px;
	right:15px;
	top:0px;
	bottom:0px;	
}

.home-project .overlay
{
	opacity:0;
	transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
}

.home-project:hover .overlay, .home-project:focus .overlay
{
	opacity:1;	
}

.home-project, .other-home-img
{
	overflow:hidden;
}

.home-project img, .other-home-img img
{
	transform-origin:50% 50%;
	transition: transform 1.40s, visibility .25s ease-in;
}

.home-project:hover img, .other-home-img:hover img
{
	transform: scale(2);
}

.red-block
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background:#b82025;
	color:#fff;
	padding:20px;
	transition-duration:0.4s;
    -webkit-transition-duration:0.4s;	
}

.red-block:hover, .red-block:focus
{
	opacity:0;	
}

.big-arrow
{
	position:absolute;
	right:20px;
	bottom:20px;
	width:148px;
	height:148px;
	background:url(../images/big-gray-arrow.png) 0px 0px no-repeat;	
}

.medium-arrow
{
	position:absolute;
	right:20px;
	bottom:20px;
	width:30px;
	height:30px;
	background:url(../images/white-down-arrow.png) 0px 0px no-repeat;	
}

.overlay-img
{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:url(../images/gray-bg.png) 0px 0px repeat;
	text-align:center;
	transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
}

.overlay-img div
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.project-img:hover .overlay-img
{
	opacity:0;	
}

.project-img
{
	overflow:hidden;
	width:100%;
	height:100%;
	display:block;
}

.project-img img
{
	transform-origin:50% 50%;
	transition:transform 1.40s, visibility .25s ease-in;
}

.project-img:hover img
{
	transform:scale(2);
}

.load-more
{
	width:119px;
	height:48px;
	display:block;
	position:absolute;
	bottom:-123px;
	left:-59px;
	margin-left:50%;
	background:url(../images/load-more-icon.png) 0px 0px no-repeat;	
}

.load-more:hover, .load-more:focus
{
	background:url(../images/load-more-icon.png) -119px 0px no-repeat;	
}

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

.form-control
{
	height:auto;
	padding:10px;
	border-radius:0px;
}

.valign-img
{
	display:flex;
    align-items:center;
    flex-wrap:wrap;
	text-align:center;
}

.valign-img div
{
	margin:0px auto;
	display:inline-block;
}

.white
{
	color:#fff;
}

.black
{
	color:#000;	
}

.red-bg
{
	background-color:#b82025;
	color:#fff;	
}

.gray-bg
{
	background-color:#e9e9e9;	
}

.gray-bg .border-right
{
	border-right:1px solid #fff;
}

.gray-bg .border-bottom
{
	border-bottom:1px solid #fff !important;
}

.dark-gray-bg
{
	background-color:#343434;
	color:#fff;	
}

label.error
{
	clear:both;
	width:auto;
	height:auto;
	float:none;
	border:none;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#FF0000;
	text-transform:none;
	padding:0px;
	margin:0px;
	display:block;
}

iframe
{
	float:left;
}

footer
{
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
	font-weight:500;
	color:#000000;
	margin:0px;
}

footer a
{
	color:#000;
}

footer a:hover, footer a:focus
{
	color:#b82025;
	text-decoration:underline;
}

footer .copyright, footer .copyright a
{
	font-size:12px;
	text-transform:uppercase;
	color:#858585;
}

footer .copyright a:hover, footer .copyright a:focus
{
	color:#000;	
}

footer .navbar-nav
{
	display:inline-block;
	margin:0px auto 50px auto;
	float:none;
}

footer .nav-item
{
	margin:0px 15px;
	padding:0px;
	float:left;
}

footer .nav-item:first-child
{
	margin-left:0px;	
}

footer .navbar-nav .nav-link
{
	color:#000000;
	padding:0px;
	font-weight:500;
	font-size:14px;
	line-height:22px;
	text-transform:none;
}

footer .navbar-nav .nav-link:hover, footer .navbar-nav .nav-link.active, footer .navbar-nav .nav-link:focus
{
    color:#b82025;
	background-color:transparent;
	text-decoration:none;
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  
	.structure-img
	{
		width:auto;
		height:635px;	
	}
	
	.carousel
	{
		width:100%;
		height:635px;
	}
	
	h1.display-1
	{
		font-size:95px;
		line-height:117px;
		margin-top:80px;
	}
	
	h1.display-1 span
	{
		font-size:95px;
		line-height:107px;
	}
	
	h2.display-1
	{
		font-size:22px;
		line-height:30px;
	}
	
	h2.display-1 span
	{
		font-size:16px;
	}
}

@media all and (min-width: 1024px) and (max-width: 1200px)
{
	 .navbar-brand img
	{
		width:230px;
		height:auto;	
	}
	
	.navbar-light .navbar-nav .nav-item
	{
		margin-left:3px;
		margin-right:3px;
	}
	
	.navbar-light .navbar-nav .nav-link
	{
		padding:0px 7px;
		border-radius:8px;
		font-size:12px;
		line-height:24px;
	}
	
	.navbar-light .navbar-nav .nav-link.home
	{
		margin:4px 0px;	
	}
	
	.btn-default
	{
		padding:8px 30px;	
	}
	
	.structure-img
	{
		width:auto;
		height:450px;	
	}
	
	.carousel
	{
		width:100%;
		height:450px;
	}
	
	h1.display-1
	{
		font-size:65px;
		line-height:87px;
		margin-top:50px;
		margin-left:15px;
	}
	
	h1.display-1 span
	{
		font-size:65px;
		line-height:77px;
	}
	
	h1.display-2
	{
		font-size:75px;
		line-height:75px;
		margin-left:65px;
		margin-top:60px;
    	margin-bottom:60px;
	}
	
	h2.display-1
	{
		font-size:22px;
		line-height:30px;
	}
	
	h2.display-1 span
	{
		font-size:16px;
	}
	
	h2.display-1.float-start
	{
		float:none !important;
	}
	
	.float-end.gallery-btn
	{
		float:none !important;
		margin-top:15px;
		margin-left:15px;
	}
}

/* #Tablet (Portrait)
================================================== */
@media only screen and (max-width: 992px)
{
	h1
	{
		font-size:24px;
		line-height:36px;
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	h1.position-absolute
	{
		position:static !important;	
	}
	
	h1.display-1
	{
		font-size:82px;
		line-height:102px;
		margin-top:50px;
		margin-left:15px;
	}
	
	h1.display-1 span
	{
		font-size:85px;
		line-height:102px;
	}
	
	h1.display-2
	{
		font-size:52px;
		line-height:62px;
		margin-top:50px;
		margin-left:15px;
		margin-bottom:50px;
	}
	
	h1.display-6
	{
		font-size:24px;
		line-height:36px;	
	}
	
	h2
	{
		margin-top:20px;
		margin-bottom:30px;
		margin-left:20px;
		letter-spacing:1px;
		writing-mode:horizontal-tb;
		text-orientation: mixed;
	}
	
	h2.display-1
	{
		font-size:24px;
    	line-height:30px;
		margin-bottom:0px;
	}
	
	.btn-link
	{
		font-size:18px;
		line-height:24px;	
	}
	
	.navbar-brand
	{
		margin-bottom:30px;	
	}
	
	.navbar-nav
	{
		float:none;	
	}
	
	.navbar-light .navbar-nav .nav-item:first-child
	{
		margin:15px auto;	
	}
	
	.navbar-light .navbar-nav .nav-item
	{
		margin-top:10px;
		margin-bottom:10px;	
	}
	
	.block
	{
		padding:50px 0px;	
	}
	
	.structure-img
	{
		width:100%;
		height:auto;	
	}
	
	.carousel
	{
		width:100%;
		height:auto;
	}
	
	.big-arrow
	{
		position:absolute;
		right:20px;
		bottom:20px;
		width:148px;
		height:148px;
		background:url(../images/big-gray-arrow.png) 0px 0px no-repeat;	
	}
	
	.load-more
	{
		bottom:-80px;
	}
	
	.copyright
	{
		margin-bottom:30px;
	}
	
	h2.display-1.float-start
	{
		float:none !important;
	}
	
	.float-end.gallery-btn
	{
		float:none !important;
		margin-top:15px;
		margin-left:15px;
	}
}

@media (max-width: 768px)
{
	.navbar-brand
	{
		margin-bottom:30px;	
	}
	
	.navbar-nav
	{
		float:none;	
	}
	
	.navbar-light .navbar-nav .nav-link.home
	{
		margin:15px auto;
	}
	
	.navbar-light .navbar-nav .nav-item
	{
		margin-top:10px;
		margin-bottom:10px;	
	}
	
	.project-title .big-arrow
	{
		position:absolute;
		right:20px;
		bottom:20px;
	}
	
	.gray-bg .border-right
	{
		border-right:none !important;
	}

	footer .navbar-nav
	{
		padding-top:15px;
		padding-bottom:15px;
		margin:0px auto;
	}
}

/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 480px)
{
	
	h1
	{
		font-size:24px;
		line-height:36px;
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	h1.position-absolute
	{
		position:static !important;	
	}
	
	h1.display-1
	{
		font-size:52px;
		line-height:62px;
		margin-top:50px;
		margin-left:15px;
	}
	
	h1.display-1 span
	{
		font-size:45px;
		line-height:52px;
	}
	
	h1.display-2
	{
		font-size:52px;
		line-height:62px;
		margin-top:50px;
		margin-left:15px;
		margin-bottom:50px;
	}
	
	h1.display-6
	{
		font-size:24px;
		line-height:36px;	
	}
	
	h2
	{
		margin-top:20px;
		margin-bottom:30px;
		margin-left:20px;
		letter-spacing:1px;
		writing-mode:horizontal-tb;
		text-orientation: mixed;
	}
	
	h2.display-1
	{
		font-size:24px;
    	line-height:30px;
		margin-bottom:0px;
	}
	
	.btn-link
	{
		font-size:18px;
		line-height:24px;	
	}
	
	.navbar-brand
	{
		margin-bottom:30px;	
	}
	
	.structure-img
	{
		width:100%;
		height:auto;	
	}
	
	.carousel
	{
		width:100%;
		height:auto;
	}
	
	.project-title
	{
		position:static;
		width:100%;
		height:auto;
	}
	
	.project-title .big-arrow
	{
		position:static;
		display:block;
		float:right;
		margin-bottom:20px;
	}
	
	.load-more
	{
		bottom:-80px;
	}

	footer .navbar-nav .nav-item
	{
		display:block;
		float:none;
		margin:5px 0px;
	}
	
	.copyright
	{
		margin-bottom:30px;
	}
	
	.text-end
	{
		text-align:center !important;	
	}
}