@charset "utf-8";
/* CSS Document */

/* custom fonts */
@font-face {
	font-family:ProximaNovaRegular;
	src:url('../fonts/proxima-nova-regular/proxima-nova-regular.eot');
	src:url('../fonts/proxima-nova-regular/proxima-nova-regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proxima-nova-regular/proxima-nova-regular.svg#ProximaNovaRegular') format('svg'),
		url('../fonts/proxima-nova-regular/proxima-nova-regular.woff') format('woff'),
		url('../fonts/proxima-nova-regular/proxima-nova-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:ProximaNovaBold;
	src:url('../fonts/proxima-nova-bold/proxima-nova-bold.eot');
	src:url('../fonts/proxima-nova-bold/proxima-nova-bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proxima-nova-bold/proxima-nova-bold.svg#ProximaNovaBold') format('svg'),
		url('../fonts/proxima-nova-bold/proxima-nova-bold.woff') format('woff'),
		url('../fonts/proxima-nova-bold/proxima-nova-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:OswaldRegular;
	src:url('../fonts/oswald-regular/oswald-regular.eot');
	src:url('../fonts/oswald-regular/oswald-regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/oswald-regular/oswald-regular.svg#OswaldRegular') format('svg'),
		url('../fonts/oswald-regular/oswald-regular.woff') format('woff'),
		url('../fonts/oswald-regular/oswald-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* /custom fonts */

html { font-size:100%; height:100%; }

body { font-family:ProximaNovaRegular, sans-serif; font-size:1.06em; color:#4a5666; height:100%; }
input, textarea, select { font-family:ProximaNovaRegular, sans-serif; color:#4a5666; }

a { outline:none; text-decoration:none; color:#00f; transition:all linear 0.2s; }
a:hover, a:focus { text-decoration:none; color:#00f; outline:none; }
	a * { transition:all linear 0.2s; }
	a img { border:0; }

img { max-width:100%; }

h1, h2, h3, h4, h5, h6, p { margin:0 0 10px 0; font-weight:normal; }

p { line-height:1.65em; }

h2 { font-family:OswaldRegular, sans-serif; font-size:2.24em; line-height:1.2em; }
h3 { font-size:1.6em; }
h4 { font-size:1.2em; }
h5 { font-size:1.0em; font-weight:bold; }

small { font-size:70%; }

::selection { background-color:#ff455f; color:#fff; }
::-moz-selection { background-color:#ff455f; color:#fff; }

/* header */
header { position:relative; z-index:3; }

	/* nav */
	nav { height:80px; transition:all linear 0.2s; }
	nav.scroll { background-color:rgba(0, 0, 0, 0.8); }
	.navbar-default { background-color:transparent; border:0; }
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left:-5px; }
	.navbar-brand { padding:10px 15px; }
		.navbar-brand img { width:80px; }
		nav.scroll .navbar-brand img { width:50px; }
	.navbar-collapse { float:right; }
	.navbar-nav { margin:30px 50px 0 0; }
		.navbar-default .navbar-nav > li > a { padding:0 15px; color:#fff; font-size:0.76em; letter-spacing:2px; }
		.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active { color:#cc0033; }
	/* /nav */
/* /header */

/* content */
#content { position:relative; z-index:2; background-color:#fff; margin-top:730px; min-height:730px; }
	/* button */
	.button { display:block; width:450px; height:50px; border:2px solid #cc0033; margin:0 auto; overflow:hidden; position:relative; text-transform:uppercase; }
		.button span { position:absolute; top:0; left:0; width:100%; height:100%; line-height:46px; color:#cc0033; text-align:center; font-family:ProximaNovaBold, sans-serif; font-size:0.70em; letter-spacing:4px; }
		.button span + span { background-color:#cc0033; color:#fff; top:100%; }
		.button:hover span { top:-100%; }
		.button:hover span + span { top:0; }
	/* /button */
	
	/* fixed banner */
	.banner-fixed { position:fixed; top:0; left:0; right:0; z-index:1; height:730px; background:transparent url(../images/body-bg.png) center 0 no-repeat; background-size:cover; }
		.banner-fixed .content { position:absolute; left:0; right:0; bottom:110px; color:#fff; text-align:center; }
			.banner-fixed .content h2 { font-size:5.88em; }
			.banner-fixed .content .buttons { margin:40px 0 0 0; }
				.banner-fixed .content .buttons .button { border-color:#fff; }
					.banner-fixed .content .buttons .button span { font-size:0.84em; color:#fff; }
					.banner-fixed .content .buttons .button span + span { background-color:#fff; color:#ff455f; }
		.banner-fixed .scroll-arrow { position:absolute; bottom:0px; left:50%; margin:0 0 0 -8px; }
			.banner-fixed .scroll-arrow a { color:#fff; font-size:1.6em; opacity:.8; }
			.banner-fixed .scroll-arrow.animated { animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -webkit-animation-duration:2s; -moz-animation-duration:2s; -ms-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s; }
	/* /fixed banner */
	
	/* about us section */
	.about-us-section { padding:70px 0; text-align:center; }
		.about-us-section h2 { color:#222; margin:0 0 40px 0; }
		.about-us-section .buttons { margin:80px 0 0 0; }
	/* /about us section */
	
	/* portfolio section */
	.portfolio-section {}
		.portfolio-section ul { margin:0; padding:0; list-style:none; }
		.portfolio-section ul:before, .portfolio-section ul:after { content:""; display:table; }
		.portfolio-section ul:after { clear:both; }
			.portfolio-section li { margin:0; padding:0; }
				.portfolio-section li a { display:block; overflow:hidden; position:relative; }
					.portfolio-section a img { width:100%; position:relative; z-index:1; }
					.portfolio-section a img + span { position:absolute; z-index:2; text-align:center; top:0; right:0; bottom:0; left:0; color:#fff; padding:140px 20% 0; display:none; }
					.portfolio-section a:hover img { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); }
					.portfolio-section a:hover img + span { background-color:rgba(204, 0, 51, 0.8); display:block; }
						.portfolio-section li small { display:block; font-size:0.58em; letter-spacing:1px; margin:0 0 20px 0; }
						.portfolio-section li b { display:block; font-size:1.30em; font-weight:normal; }
	/* /portfolio section */
	
	/* services section */
	.services-section { color:#fff; }
		.services-section .top { text-align:center; padding:80px 0; background-color:#222; }
			.services-section .top h2 { font-size:1.76em; }
			.services-section .top .buttons { margin:40px 0 0 0; }
		.services-section .bottom { width:870px; margin:-35px auto 0;  }
				.services-section .bottom a { display:block; position:relative; text-align:center; height:300px; margin:0 0 30px 0; }
					.services-section .bottom a > img { width:100%; height:100%; position:relative; z-index:1; }
					.services-section .bottom a > .content { position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; padding:0 16%; border-bottom:5px solid transparent; }
					.services-section .bottom a:hover > .content { background-color:rgba(255, 255, 255, 0.85); border-color:#1578a0; }
					.services-section .bottom a .icon { margin:0 auto; display:block; visibility:hidden; }
					.services-section .bottom a:hover .icon { visibility:visible; }
					.services-section .bottom a .heading { display:block; color:#fff; font-family:OswaldRegular, sans-serif; font-weight:normal; font-size:0.82em; letter-spacing:8px; margin:10px 0; position:relative; text-transform:uppercase; }
					.services-section .bottom a .heading:after { content:""; width:60px; height:5px; background-color:#cc0033; position:absolute; top:100%; left:50%; margin:5px 0 0 -30px; }
					.services-section .bottom a:hover .heading { color:#000; }
					.services-section .bottom a:hover .heading:after { display:none; }
					.services-section .bottom a .desc { display:none; color:#fff; font-family:ProximaNovaBold, sans-serif; font-weight:normal; font-size:0.88em; color:#888; }
					.services-section .bottom a:hover .desc { display:block; }
	/* /services section */
	
	/* contact section */
	.contact-section {}
		.contact-section .left-panel { float:left; width:50%; height:600px; background:transparent url(../images/contact-form-bg.png) center center no-repeat; background-size:cover; color:#c0c0c0; text-align:center; padding:50px 40px; }
		.contact-section .right-panel { float:right; width:50%; height:600px; background:transparent url(../images/contact-address-bg.png) 0 center no-repeat; background-size:cover; color:#808080; text-align:center; padding:50px 40px; }
			.contact-section .left-panel h2 { color:#fff; }
			.contact-section .left-panel .form { margin:60px 0 0; text-align:left; }
				.contact-section .left-panel .form input { width:100%; border:0; background-color:transparent; border-bottom:1px solid rgba(204,204,204,0.32); color:#c0c0c0; margin:0 0 15px 0; font-size:0.82em; padding:6px 10px; transition:all linear 0.2s; }
				.contact-section .left-panel .form input[type="email"] { width:48%; }
				.contact-section .left-panel .form input[type="tel"] { width:48%; margin-left:3%; }
				.contact-section .left-panel .form input:focus { border-color:#66afe9; color:#777; }
				.contact-section .left-panel .form input.error, .contact-section .left-panel .form input.error:focus { border-color:#cc0033; color:#cc0033; }
				input::-webkit-input-placeholder { opacity:1; }
				input:-ms-input-placeholder { opacity:1; }
				input::-moz-placeholder { opacity:1; }
				input:focus::-webkit-input-placeholder { opacity:.6; }
				input:focus:-ms-input-placeholder { opacity:.6; }
				input:focus::-moz-placeholder { opacity:.6; }
				.contact-section .left-panel .form button { width:130px; background-color:transparent; margin:50px auto 0 auto; font-size:1em; }
					.contact-section .left-panel .form button * { transition:all linear 0.2s; }
			.contact-section .right-panel h2 { color:#000; }
			.contact-section .right-panel p { font-size:0.88em; }
				.contact-section .right-panel p a { color:#cc0033; font-family:ProximaNovaBold, sans-serif; }
				.contact-section .right-panel p a:hover { color:#0e1832; }
			.contact-section .right-panel p + h2 { margin-top:20px; }
	/* /contact section */
	
	/* popups */
	.overlay { position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0, 0, 0, 0.8); z-index:100; display:none; }
	.popup { position:fixed; top:50%; left:50%; background-color:#fff; width:150px; height:100px; margin:-50px 0 0 -75px; padding:10px 10px 40px; z-index:101; display:none; box-shadow:3px 3px 0 #cc0033; }
		.popup h2 { margin:0; font-size:1.57em; border-bottom:1px solid #ccc; }
			.popup h2 span { font-size:24px; }
			.popup .close-btn { position:absolute; width:44px; height:44px; line-height:44px; text-align:center; color:#fff; top:0; right:0; background-color:#333; }
			.popup .close-btn:hover { background-color:#cc0033; }
		.popup .content { padding:20px 10px; }
			.popup .content .buttons { position:absolute; left:0; right:0; bottom:20px; text-align:center; }
				.popup .content .buttons .button { width:250px; }
			.popup.message { width:500px; height:230px; margin:-115px 0 0 -250px; }
				.popup.message .message-text { text-align:center; }
	/* /popups */
	
	.back-top-btn { position:fixed; right:10px; bottom:10px; width:50px; height:50px; line-height:50px; text-align:center; z-index:4; display:none; }
		.back-top-btn a { color:#fff; display:block; background-color:#333; border-radius:50%; }
		.back-top-btn a:hover { background-color:#cc0033; }

/* extras */
.col-half { float:left; width:50%; }
.col-one-third { float:left; width:33.333333%; }
/* /extras */
/* /content */

/* footer */
footer { background-color:#15171a; color:#fff; text-align:center; padding:20px 0; position:relative; z-index:3; }
footer:before, footer:after { content:""; display:table; }
footer:after { clear:both; }
	footer .container { position:relative; }
		footer .copyright { font-size:0.88em; position:absolute; left:0; }
			footer .copyright span { font-size:1.35em; vertical-align:middle; }
		footer .social {}
			footer .social a { font-size:0.94em; color:#fff; margin:0 20px; }
			footer .social a:hover { color:#cc0033; }
/* /footer */

/* extra small device (xs)*/
@media screen and (max-width: 767px) {
	.container { padding:0 10px; }
	.row { margin:0 -10px; }
	[class^="col-"] { padding:0 10px; }
	.navbar-brand img { width:50px; }
	.navbar-default .navbar-toggle { border-radius:0; padding:6px 12px; color:#fff; border-color:#fff; margin-top:20px; transition:all linear 0.2s; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#cc0033; border-color:#cc0033; }
	.navbar-header { margin-right:-5px; }
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { border:0; background-color:#cc0033; float:none; margin:0 10px 0 10px; padding:10px 0; }
	.navbar-nav { margin:0; }
	.navbar-default .navbar-nav > li > a { display:block; color:#fff; padding:10px 20px; }
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color:#fff; background-color:#e50039; }
	.button { max-width:280px; }
	.banner-fixed .content h2 { font-size:2.41em; }
	.banner-fixed { position:relative; height:350px; }
	.banner-fixed .content { bottom:60px; }
	.banner-fixed .content .buttons { margin:20px 0 0 0; }
	.button span { letter-spacing:2px; }
	#content { margin-top:0px; min-height:350px; }
	h2 { font-size:1.5em; }
	.services-section .top h2 { font-size:1.5em; }
	p { line-height:1.3em; }
	.about-us-section .buttons { margin:20px 0 0 0; }
	.col-half { width:100%; }
	.col-one-third { width:100%; }
	.portfolio-section a img + span { padding:30px 10% 0; }
	.portfolio-section li b { font-size:1em; }
	.services-section .bottom { width:100%; max-width:300px; }
	.contact-section .left-panel { width:100%; padding:30px 20px; }
	.contact-section .right-panel { width:100%; padding:30px 20px; }
	.contact-section .left-panel .form { margin:30px 0 0; }
	.contact-section .left-panel .form input[type="email"] { width:100%; }
	.contact-section .left-panel .form input[type="tel"] { width:100%; margin:0 0 15px 0; }
	footer .copyright { position:static; float:left; width:50%; }
	footer .social { float:right; width:50%; }
	footer .social a { margin:0 10px; }
}

/* small device (sm) */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.banner-fixed { height:600px; }
	#content { margin-top:600px; min-height:600px; }
	.banner-fixed .content h2 { font-size:3.52em; }
	.button { width:400px; }
	.portfolio-section a img + span { padding:50px 10% 0; }
	.portfolio-section li b { font-size:1em; }
	.services-section .bottom { width:100%; }
	.contact-section .left-panel { width:100%; padding:50px 20px; }
	.contact-section .right-panel { width:100%; padding:50px 20px; }
}

/* medium device (md) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.banner-fixed { height:600px; }
	#content { margin-top:600px; min-height:600px; }
	.banner-fixed .content h2 { font-size:4em; }
	.portfolio-section a img + span { padding:70px 10% 0; }
	.contact-section .left-panel { padding:50px 20px; }
	.contact-section .right-panel { padding:50px 20px; }
}

/* large device (lg) */
@media screen and (min-width: 1200px) {
	
}