body {
	margin: 0; /* removing the default body margin */
}

a:focus, a:hover {
	text-decoration: none;
}

.video-container {
	padding: 0 15px;
	width: 100%;
	background-color: white;
}

.videos {
	width: 1200px;
	height: 675px;
}

.carousel .flickity-viewport {
	position: absolute;
	width: 100%;
}

.parent {
	display: inline;
	font-size: 0; /* parent value */
}
.mail-msg{
	background-color: #495764;
	border-radius: 7px;
	padding: 10px 0px;
	margin-top: 31px;
	color: #ffffff;
}
.carousel-cell {
	width: 1200px;
	height: auto;
	background: #000;
}

.parent > div {
	font-size: 16px; /* some value */
}

.carousel-image {
	width: 1200px;
	height: 600px;
}

.carousel-cell img {

	transition: 1s;
	opacity: .25;
	-webkit-filter: blur(5px);
	filter: blur(5px);

}

.thumb-container {
	display: inline-block;
	position: relative;
	height: 0;
}

.border-big-left {
	width: 100%;
	height: 0;
	padding-bottom: 65%;
	border-right: 8px solid white;
	position: absolute;
	top: 0;
	left: 0;
}

.border-horizontal-right {
	width: 100%;
	height: 0;
	padding-bottom: calc(32.5% - 8px);
	border-left: 8px solid white;
	border-bottom: 8px solid white;
	position: absolute;
	top: 0;
	left: 0;
}

.border-normal-right {
	width: 100%;
	height: 0;
	padding-bottom: calc(65% - 8px);
	border-left: 8px solid white;
	border-top: 8px solid white;
	position: absolute;
	top: 0;
	left: 0;
}

.border-normal-center {
	width: 100%;
	height: 0;
	padding-bottom: calc(65% - 8px);
	border-right: 8px solid white;
	border-left: 8px solid white;
	border-top: 8px solid white;
	position: absolute;
	top: 0;
	left: 0;
}

/* enable absolute positioning */
.inner-addon {
	position: relative;
	color: #555;
}

/* style icon */
.inner-addon .glyphicon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}

/* align icon */
.left-addon .glyphicon {
	left: 0px;
}

.right-addon .glyphicon {
	right: 0px;
}

/* add padding  */
.left-addon input {
	padding-left: 30px;
}

.right-addon input {
	padding-right: 30px;
}

.contact-text {
	color: #ddd;
}

.name-text {
	float: right;
	padding-right: 10px;
}

.video-index {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	width: calc(100vw - 50px);
	height: 100vh;
	position: absolute;
	top: 40px;
	border: 5px solid white;
	background: black;
}

.aboutus {
	z-index: 0;
	background: rgba(0, 0, 0, .8);
	color: white;
	font-family: 'Titillium Web', sans-serif;
	padding: 15px;
	left: 0;
	right: 0;
	top: 0;
	margin-top: -21px;
}

.aboutus-container {
	padding: 0px 15px;
	position: fixed;
	width: 100%;
	z-index: 4;
}

.video-over {
	background-color: black;
	opacity: 0.85;
	min-height: 100vh;
	position: relative;
	margin-bottom: 0px;
	top: 0px;
	z-index: 2;
	padding: 30px;
	color: #aaa;
}

.main-text {
	padding: 30px;
}

.carousel-cell.is-selected img {
	background: #000;
	transition: 1s;
	opacity: 1;
	-webkit-filter: none;
	filter: none;
}

.main-carousel {
	position: fixed;
	width: 100%;
	margin-bottom: 0px;
	height: 600px;
	overflow: hidden;
	padding: 0px 15px;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

.reel {
	width: 1280px;
	height: 768px;
}

.close-panel-icon {
	font-size: 1.2em;
	vertical-align: sub;
	margin-right: 2px;
}

.close-panel {
	width: 82px;
	height: 25px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	bottom: -25px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	left: 0;
	right: 0;
	z-index: 7;
}

.flickity-prev-next-button {
	background: hsla(0, 0%, 100%, 0.2);
}

.flickity-prev-next-button .arrow {
	fill: white;
}

.flickity-prev-next-button.next {
	right: calc(50vw - 600px);
}

.flickity-prev-next-button.previous {
	left: calc(50vw - 600px);
}

.flickity-prev-next-button {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 60px;
	border: none;
	border-radius: 10%;
	background: rgba(0, 0, 0, 0.5);
}

.navbar {
	z-index: 5;
	background: black;
	border-radius: 0;

}
.contactme{
	margin-right:15px;

	width: 125px
}
.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 23px;
	line-height: 20px;
	margin:0;
}

.nav > li > a {
	transition: 0.5s;
}

.nav > li > a:hover {
	transition: 0.5s;
	color: #88c8ff;
	background-color: inherit;
}

.thumbnails-section {
	background: white;
	position: relative;
	padding: 15px;
	z-index: 3;
}

.thumbnails-container {
	max-width: 1215px;
	margin: 0 auto;
}

.navbar {
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

a {
	color: #badfff !important;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: #14436c;
	color: #fff !important;
}

.showretail {
	display: initial;
}

.showresidential {
	display: initial;
}

.showphotomontage {
	display: initial;
}

.showanimations {
	display: initial;
}

.prev-next-button {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 72px;
	cursor: pointer;
	transform: translateY(-50%);
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	border-radius: 9%;
	background: rgba(0, 0, 0, 0.5);

}

.prev-next-button svg {
	position: absolute;
	left: 20%;
	top: 15%;
	width: 60%;
	height: 60%;
}

.flickity-prev-next-button:hover {
	background: rgba(0, 0, 0, 0.85);
}

.click-close {
	position: absolute;
	right: 50px;
	bottom: 10px;
	z-index: 3000;
	font-size: 1.5em;
	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(0, 0, 0, 0.25);
	padding: 2px 5px;
	pointer-events: none;
}

.name-input {
	width: 100%;
	background: #ffffff;
	border: none;
	border-radius: 3px;
	min-height: 2.5em;
	margin-bottom: 2px;
	color: #555;
}

.placeholder {

}

.modal-content {
	position: relative;
	background-color: initial;
	-webkit-background-clip: initial;
	background-clip: padding-box;
	border: none;
	border-radius: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-window {
	max-width: 95vw;
	width: 100%;
	max-height: 100vh;
	padding-right: 17px;
	margin: 0 auto;
}

.selected-option {
	background-color: #092d4d;
}

.cModal {
	background-color: rgba(0, 0, 0, 0.85);
	margin: 0 auto;
	z-index: 555;
	position: fixed;
	top: 0;
	display: block;
	width: 100%;
	text-align: center;
	height: 100vh;
}

.image-helper {
	vertical-align: middle;
	width: 0px;
	height: 100%;
	display: inline-block;
}

.image-thumb {
	transition: 1s;
	height: 0;
	cursor: hand;
}

.thumb {
	width: 100%;
	background-size: 100% auto;
	visibility: hidden;
}

.small-thumb {
	width: 25%;
	padding-bottom: 16.35%;
}

.horizontal-thumb {
	width: 50%;
	padding-bottom: 16.25%;
}

.vertical-thumb {
	width: 25%;
	padding-bottom: 32.5%;
}

.big-thumb {
	width: 50%;
	padding-bottom: 32.5%;
}

.thumb-row {
	margin-bottom: 16px;
}

.image-modal {
	border: 25px solid white;
	border-radius: 5px;
	max-width: 95vw;
	width: auto;
	max-height: 90vh;
	height: auto;
	vertical-align: middle;
}

.image-modal:hover {

}

.image-thumb:hover {
	cursor: pointer;
	cursor: hand;
	transition: 1s;
	transform: scale(1.01);
	opacity: 0.7 !important;
}

.modal-dialog {
	width: 100%;
}

.modal-body {
	padding: 5px;
}

.modal-dialog {
	margin: 0;
}

.main-navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 6;
	padding: 0 15px;
	height: 52px;
}

.col-lg-3 {
	padding: 0px 5px;
	margin-bottom: -20px;
}

.footer {
	background-color: #0f0f0f;
	min-height: 350px;
	padding-bottom: 15px;
}

.mobile-lines {
	color: #3073ac;
	position: absolute;
	font-size: 1.4em;
	right: 15px;
	top: 12px;
}

.mobile-active {
	min-height: 100vh;
	text-align: center;
	line-height: 2.5em;
	padding-top: 52px;
	background-color: #0f0f0f;
	display: block !important;
	font-size: 2em !important;
	position: fixed;
	top: -140vh;
	width: 100%;
	z-index: 5;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

.aboutus-video {
	background: rgba(34, 34, 34, .6);
}

@media (max-width: 1199px) {
	.reel {
		width: 100vw;
		height: calc(100vw * .5625);
	}

	.video-container {
		padding: 0;
	}

	.videos {
		width: 100vw;
		height: calc(100vw * .5625);
	}

	.flickity-prev-next-button.next {
		right: 10px;
	}

	.flickity-prev-next-button.previous {
		left: 10px;
	}

	.aboutus-container {
		padding: 0px 0px;
	}

	.carousel-cell {
		width: 100% !important;
		height: auto;
		background: #000;
	}

	.carousel-image {
		width: 100% !important;
		height: auto;
	}

	.main-carousel {
		margin-bottom: 15px;
		width: 100% !important;
		height: auto;
		overflow: hidden;
		padding: 0;
	}

	.main-navbar {
		padding-right: initial;
		padding: 0;
	}

	.thumbnails-section {
		padding: 1vw 0;
	}
}

@media (max-width: 767px) {
	.navbar-brand {

		font-size: 20px;
	}

	.contact-title {
		font-size: 25px;
		margin: 5px 0;
	}

	.inquiry-title {
		font-size: 17px;
		margin: 5px 0px 15px 0;
	}

	.contact-msg {
		min-height: 130px;
	}

	.aboutus {
		position: initial;
		width: 100vw;
		margin: 0;
		padding: 5px 10px;
		border-radius: 0;

	}

	.aboutus-container {
		padding: 0px;
	}

	.flickity-prev-next-button.next {
		right: 1px;
	}

	.flickity-prev-next-button.previous {
		left: 1px;
	}

	.flickity-prev-next-button {
		width: 25px;
		height: 36px;
	}

	.image-modal {
		border: 4px solid white;
		border-radius: 4px;
		max-width: 98vw;
		max-height: 90vh;
	}

	.h2, h2 {
		font-size: 16px !important;
	}

	.h5, h5 {
		font-size: 12px !important;
	}

	.h1, .h2, .h3, h1, h2, h3 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.main-carousel {
		position: absolute;
	}
}