/*!
 * Stylesheet
 *
 * @author ...
 * @version 1.0
 */

/*
|--------------------------------------------------------------------------
| Reset
|--------------------------------------------------------------------------
*/

body, blockquote, dl, dd, figure, fieldset,
h1, h2, h3, h4, h5, h6, hr, ol, p, pre,
textarea, ul {
	margin: 0;
}
button, fieldset, input, legend, ol, option,
select, td, textarea, th, ul {
	padding: 0;
}
article, aside, details, figcaption, figure, footer,
header, main, menu, nav, section, summary, fotografias {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
b, strong {
	font-weight: bold;
}
img {
	border: 0;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

/*
|--------------------------------------------------------------------------
| Base
|--------------------------------------------------------------------------
*/

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
html {
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font: 100%/1.5 "Roboto", sans-serif; background:#000;
}
h1, h2, h3, h4, h5, {
	font-size: 100%;
}

h6 {
	font-size: 100%;
	color: #9ACD32;
}



hr {
	border: 0;
	border-top: 1px solid #333;
	height: 0;
}
ol, ul {
	padding-left: 0.875em;
}
a {
	color: inherit;
	text-decoration: none;

}
button {
	cursor: pointer;
	
}
button[disabled] {
	cursor: default;
}
blockquote, dl, figure,
h1, h2, h3, h4, h5, h6, hr, ol, p, pre, ul {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}





/*
|--------------------------------------------------------------------------
| Grid
|--------------------------------------------------------------------------
*/

.clearfix:after,
.container:after,
.row:after {
	clear: both;
	content: "";
	display: table;
}
.container {
	margin: 0 auto;
	max-width: 1170px; 
	
}
.row {
	margin: 0 -12px;
	margin: 0 -0.75rem;
}
.container,
[class^="col-"],
[class*=" col-"] {
	padding: 0 12px;
	padding: 0 0.75rem;
}
[class^="col-"],
[class*=" col-"] {
	float: left;
	position: relative;
	width: 100%;
	
}
.col-xs-1 { width: 8.33%; }
.col-xs-2 { width: 16.66%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.33%; }
.col-xs-5 { width: 41.66%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.33%; }
.col-xs-8 { width: 66.66%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.33%; }
.col-xs-11 { width: 91.66%; }
.col-xs-12 { width: 100%; }
@media (min-width: 768px) {
	.col-sm-1 { width: 8.33%; }
	.col-sm-2 { width: 16.66%; }
	.col-sm-3 { width: 25%; }
	.col-sm-4 { width: 33.33%; }
	.col-sm-5 { width: 41.66%; }
	.col-sm-6 { width: 50%; }
	.col-sm-7 { width: 58.33%; }
	.col-sm-8 { width: 66.66%; }
	.col-sm-9 { width: 75%; }
	.col-sm-10 { width: 83.33%; }
	.col-sm-11 { width: 91.66%; }
	.col-sm-12 { width: 100%; }
	.col-sm-push-1 { left: 8.33%; }
	.col-sm-push-2 { left: 16.66%; }
	.col-sm-push-3 { left: 25%; }
	.col-sm-push-4 { left: 33.33%; }
	.col-sm-push-5 { left: 41.66%; }
	.col-sm-push-6 { left: 50%; }
	.col-sm-push-7 { left: 58.33%; }
	.col-sm-push-8 { left: 66.66%; }
	.col-sm-push-9 { left: 75%; }
	.col-sm-push-10 { left: 83.33%; }
	.col-sm-push-11 { left: 91.66%; }
	.col-sm-push-12 { left: 100%; }
	.col-sm-pull-1 { right: 8.33%; }
	.col-sm-pull-2 { right: 16.66%; }
	.col-sm-pull-3 { right: 25%; }
	.col-sm-pull-4 { right: 33.33%; }
	.col-sm-pull-5 { right: 41.66%; }
	.col-sm-pull-6 { right: 50%; }
	.col-sm-pull-7 { right: 58.33%; }
	.col-sm-pull-8 { right: 66.66%; }
	.col-sm-pull-9 { right: 75%; }
	.col-sm-pull-10 { right: 83.33%; }
	.col-sm-pull-11 { right: 91.66%; }
	.col-sm-pull-12 { right: 100%; }
}
@media (min-width: 992px) {
	.col-md-1 { width: 8.33%; }
	.col-md-2 { width: 16.66%; }
	.col-md-3 { width: 25%; }
	.col-md-4 { width: 33.33%; }
	.col-md-5 { width: 41.66%; }
	.col-md-6 { width: 50%; }
	.col-md-7 { width: 58.33%; }
	.col-md-8 { width: 66.66%; }
	.col-md-9 { width: 75%; }
	.col-md-10 { width: 83.33%; }
	.col-md-11 { width: 91.66%; }
	.col-md-12 { width: 100%; }
	.col-md-push-1 { left: 8.33%; }
	.col-md-push-2 { left: 16.66%; }
	.col-md-push-3 { left: 25%; }
	.col-md-push-4 { left: 33.33%; }
	.col-md-push-5 { left: 41.66%; }
	.col-md-push-6 { left: 50%; }
	.col-md-push-7 { left: 58.33%; }
	.col-md-push-8 { left: 66.66%; }
	.col-md-push-9 { left: 75%; }
	.col-md-push-10 { left: 83.33%; }
	.col-md-push-11 { left: 91.66%; }
	.col-md-push-12 { left: 100%; }
	.col-md-pull-1 { right: 8.33%; }
	.col-md-pull-2 { right: 16.66%; }
	.col-md-pull-3 { right: 25%; }
	.col-md-pull-4 { right: 33.33%; }
	.col-md-pull-5 { right: 41.66%; }
	.col-md-pull-6 { right: 50%; }
	.col-md-pull-7 { right: 58.33%; }
	.col-md-pull-8 { right: 66.66%; }
	.col-md-pull-9 { right: 75%; }
	.col-md-pull-10 { right: 83.33%; }
	.col-md-pull-11 { right: 91.66%; }
	.col-md-pull-12 { right: 100%; }
}
@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 992px) {
	.hidden-md {
		display: none !important;
	}
}

/*
|--------------------------------------------------------------------------
| Widgets
|--------------------------------------------------------------------------
*/

/* Panel */
.panel { background-color: #4D4D4D; color: #CCC; height: 100%; overflow: auto; position: fixed; top: 0; width: 272px; }
.panel-left { left: -272px; }
.panel-right { right: -272px; }
@media (max-width: 767px) {
	.left-panel-open, .right-panel-open { height: 100%; overflow: hidden; }
	.left-panel-open body, .right-panel-open body { position: relative; }
	.left-panel-open body { left: 272px; }
	.right-panel-open body { right: 272px; }
	.left-panel-open .panel-left { left: 0; }
	.right-panel-open .panel-right { right: 0; }
}

/*
|--------------------------------------------------------------------------
| Site
|--------------------------------------------------------------------------
*/

.text-center { text-align: center; }
.button { background-color: transparent; border: 1px solid #333; display: inline-block; font-size: 14px; padding: 8px 12px; text-transform: uppercase; -webkit-transition: all 0.4s; transition: all 0.4s; }
.button:hover { background-color: #333; color: #FFF; }
.button-inverse { border-color: #FFF; }
.button-inverse:hover { background-color: #FFF; color: #888; }
.alert { border: 1px solid #CDCDCD; margin-bottom: 24px; padding: 12px; }
.alert p { margin-bottom: 0; }
.alert-success { border-color: #3C763D; color: #3C763D; }
.alert-error { border-color: #A94442; color: #A94442; }

/* Slick slider */
.slick-arrow { color: #FFF; cursor: pointer; margin-top: -0.5em; position: absolute; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 50%; z-index: 1; }
.slick-prev { left: 0; }
.slick-next { right: 0; }

/* Header, Nav, Panel */
.header, .panel-nav { line-height: 3; text-transform: uppercase; }
.header { background-color: #000000; color: #CCC; position: relative; text-align: center; }
.nav a, .panel-nav a, .nav-toggle { display: block; padding: 0 12px; -webkit-transition: all 0.4s; transition: all 0.4s; }
.nav-toggle { left: 0; position: absolute; top: 0; cursor: pointer; }
.nav a:hover, .panel-nav a:hover, .nav-toggle:hover { color: #9ACD32; }
.panel-nav a:hover, .nav-toggle:hover { background-color: #888; }
.brand { display: inline-block; }
.brand img { height: 24px; margin-top: -0.25em; vertical-align: middle; }




/* Footer */
.footer { background-color: #000000; color: #888; font-size: 14px; padding: 24px 0; }
.footer h6 { border-bottom: 1px solid #CDCDCD; padding-bottom: 12px; text-transform: uppercase; }
.footer ul { list-style: none; padding-left: 0; }
.footer a { -webkit-transition: all 0.4s; transition: all 0.4s; }
.footer a:hover { color: #7CFC00; }

/* Featured */
.featured-photo { background: #CDCDCD no-repeat center; background-size: cover; height: 240px; }
.featured-video { border: 0; display: block; height: 240px; width: 100%; }

/* Brands section */
.brands-section {background-color: #000000;}
.brands-section img { height: 2em; margin: 24px auto; }
.brands-section .slick-arrow { color: inherit; text-shadow: none;  }

/* Gallery section */
.gallery-section img { vertical-align: top; width: 100%; }
.gallery-section [class^="col-"], .gallery-section [class*=" col-"] { border: 4px solid #000000; padding: 0; }


.container.gallery-container {
    background-color: #000000;
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgb(204 213 207 / 70%);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}

/* Sections */
.a-section { padding: 24px 0;background: #000000; color:#8e9090;}
.a-section h2 { font-size: 18px; }
.b-section { background: #CDCDCD no-repeat center; background-size: cover; color: #FFF; padding: 48px 0; position: relative; }
.b-section:before {  content: ""; filter: alpha(opacity=50); height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; }
.b-section .container { position: relative; }
.b-section h1 { font-size: 24px; margin-bottom: 0; }
.c-section { background-color: #000000; padding: 24px 0; color:#8e9090;}
.c-section h4 { font-size: 18px; margin-bottom: 8px; }

.c-section img { border: 4px solid #FFFFFF;  height: 246px; width: 270px; margin-bottom: 8px; }
.d-section { background: #CDCDCD no-repeat center; background-size: cover; padding: 48px 0; color:#a1a2a2; }
.d-section .container div { background-color: #FFF; background-color: #000000; border-radius: 50%; height: 296px; margin: 0 auto; padding: 48px 24px; width: 296px;border: 1px solid #8e9090;   }

/* Products section */
.products-section { background-color: #000000; padding-bottom: 24px; padding-top: 24px; }
.col-sm-product-photo img { vertical-align: top; width: 100%; }
.col-sm-product-description { padding-bottom: 24px; padding-top: 24px; }
.col-sm-product-description img { height: 3em; }

/* Projects section */
.projects-section { padding: 24px 0; }
.project-link { display: block; margin-bottom: 24px; -webkit-transition: all 0.4s; transition: all 0.4s; }
.project-link:hover { opacity: 0.5; }
.project-link img { vertical-align: top; width: 100%; }
.project-brand { height: 2em; }
.project-title, .project-summary { margin-bottom: 0; }
.project-title { text-transform: uppercase; }
.project-summary { font-weight: normal; }

/* Contact section */
.contact-section { padding-bottom: 24px; padding-top: 24px; }
.contact-map { border: 0; display: block; height: 240px; width: 100%; }
.contact-form input[type="text"], .contact-form input[type="email"] { border: 1px solid #CDCDCD; padding: 8px; width: 100%; }
.contact-form textarea { border: 1px solid #CDCDCD; height: 6em; padding: 8px; width: 100%; }
.contact-section a { -webkit-transition: all 0.4s; transition: all 0.4s; }
.contact-section a:hover { color: #CED556; }

@media (min-width: 768px) {
	/* Header, Nav, Panel */
	.header, .panel-nav { line-height: 4.5; }
	.header { text-align: left; }
	.nav a { float: left; }
	.brand img { height: 36px; }
	/* Footer */
	.footer { padding: 48px 0; }
	/* Featured */
	.featured-photo { height: 360px; }
	.featured-video { height: 450px; }
	/* Sections */
	.a-section { font-size: 18px; padding: 48px 0; }
	.a-section h2 { font-size: 32px; }
	.b-section { font-size: 24px; padding: 160px 0; }
	.b-section h1 { font-size: 48px; }
	.c-section { padding: 64px 0; }
	.d-section { padding: 96px 0; }
	.d-section .container div { float: right; }
	/* Products section */
	.products-section { padding-bottom: 0; padding-top: 0; }
	.col-sm-product-description { border-top: 2px solid #DDD; padding: 24px; width: 54.165%; color: #D2D2D2;}
	.col-sm-pull-product-description {right: 45.835%;background-color: #000;}
	.col-sm-product-photo { padding: 0; width: 45.835%; }
	.col-sm-push-product-photo { left: 54.165%; }
	.col-sm-product-photo:after { border: 32px solid transparent; border-right-color: #F0F0F0; content: ""; margin-top: -32px; position: absolute; right: 0; top: 50%; }
	.col-sm-push-product-photo:after { border-right-color: transparent; border-left-color: #F0F0F0; right: auto; left: 0; }
	/* Projects section */
	.projects-section { padding: 48px 0; }
	/* Contact section */
	.contact-section { padding-bottom: 48px; padding-top: 48px; }
	.contact-map { height: 450px; }
}