/*
Theme Name: BURGIO
Author: The Freeform Foundry
Author URI: http://TheFreeformFoundry.com.au/
Description: This is a blank bootstrap 3.1.1 theme for wordpress. Feel free to use this as a starter template for your projects.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Wordpress editor styles start*/

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

@font-face {
	font-family: 'gotham_boldregular';
	src: url('fonts/ufonts.com_gotham-bold.woff2') format('woff2'),
	url('fonts/ufonts.com_gotham-bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
.preloading{

	background-color:rgba(0,0,0,0.99);

	width:100%;

	height:100%;

	position:fixed;

	top:0px;

	left:0px;

	background-image:url(img/logo.png);

	background-repeat:no-repeat;

	background-position:center center;

	z-index:999999;
	/*-webkit-transition: all 500ms ease-in;

	-moz-transition: all 500ms ease-in;

	-o-transition: all 500ms ease-in;

	transition: all 500ms ease-in;*/

}
.home-header {
	background-color: rgba(0,0,0,1);
    width: 100%;
    height: 100%;
    background-image: url(img/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 9999;
}
.home-header .mousey {
    width: 2px;
    padding: 0 11px 0 10px;
    height: 36px;
    border: 2px solid #fff;
    border-radius: 25px;
    opacity: 0.75;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -1px;
}
.home-header .mousey .scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
    margin-left: -1px;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
body{ font-size:14px; font-family:GothamNarrowBook; color:#FFF; overflow-x: hidden; width:100%; position:relative;   }

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}
.alignnone, img.alignnone {
	/* not sure about this one */
}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}

/*HEADER*/	
.sections{ float:left; width:100%; }
.header_navigation{ position:fixed; float:left; width:100%; top:0px; left:0px; z-index:99999;   }
.sections .navbar{ background:#000; border:none; border-radius:0px; padding:5px 0px; margin-bottom:0px;  }
.navbar-header{ width:100%; position:relative; z-index:999    }
.sections .navbar-toggle{ display:block !important; border:none !important; background-color:transparent !important;   }
.sections .navbar .navbar-right{ float:left; margin-right:0px;-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in; position:relative; width:100%; top:5px;       }
	.sections .navbar .navbar-right li{ float:left; width:100%;  }
	.sections .navbar .navbar-right li a{ float:right; }
	.sections .navbar-collapse{ position:absolute; z-index:-1 !important; width:100%; background:#000; float:left; 
		-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transition: all 500ms ease-in;
		transition: all 500ms ease-in; 
		right:0px;
		opacity:1;
		display:none;
		top:-1000px;  
	}	.sections .navbar-collapse.in{ opacity:1 !important;   z-index:1 !important; padding-bottom:25px; height:auto !important; border:none !important; top:5px;    }

	.sections .navbar .navbar-right li{ opacity:0; transition: all 0s ease-in 1s; margin-top:0px;    } 
	.sections .navbar-collapse ul{  
		padding-top:190px;
	}	.brick {

	}

	.sections .navbar-collapse ul li a{ font:40px gotham_boldregular; color:#FFF; text-transform:uppercase; padding-top:8px; padding-bottom:8px;  }
	.navbar-brand{ position: absolute; opacity:0; 
		right: 7px;
		top: 0px;
		-webkit-transition: all 1000ms ease-in;
		-moz-transition: all 1000ms ease-in;
		-o-transition: all 1000ms ease-in;
		transition: all 1000ms ease-in;

	}
	.sections .navbar.active .navbar-brand{ opacity:1; z-index:99; }
	.sections .navbar ul li.display{ 

		position:relative;  

/*		animation: shake 0.2s;*/

		/*transform: translate3d(0, 0, 0);*/

		backface-visibility: hidden;

		perspective: 1000px;

	}
	@keyframes shake {
		10%, 90% {

			opacity:0.7;

		}
  /*
  20%, 80% {
    transform: translate3d(0px, -3px, 0);  opacity:0.6;
  }

  30%, 50%, 70% {
    transform: translate3d(0px, 5px, 0); opacity:0.8;
    }*/

    40%, 60% {
    	transform: translate3d(0px,5px, 0); opacity:1;
    }
    100% {
    	transform: translate3d(0px, 0px, 0); opacity:1;
    }
}
.navbar-brand img{ max-width:170px; }
.sections .navbar.active .navbar-collapse{ z-index:10; margin-bottom:20px;  }

.banner_over{ background-image:url(img/banner_hover.png) !important; position:absolute; width:100%; height:100%; background-position:-25% 0px; background-size:contain; z-index:9; top:25%; left:-8%; background-repeat:no-repeat;   }.top1 .banner_over{ background-image:url(img/banner_hover_med.png) !important; position:absolute; width:100% !important; height:110% !important; background-position:-275px 62px !important; z-index:9;  background-size:contain !important;     }

.banner_section_full{ background-position:center center; position:relative; background-repeat:no-repeat; background-size:cover; overflow:hidden; height:85% !important; }
.banner_section_full:before{ content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:5; }
.banner_containers{ width:100%; left:5%;  margin:0 auto; position:relative; z-index:10; top:15vh; position:absolute;    }

.slider_contents{ top:0px; z-index:1; height:90%; position:relative; }
.slider_contents img{ visibility:hidden; max-height:100%;   }
.slider_contents .slider_image{ background-position:bottom center; background-size:cover; background-repeat:no-repeat; float:left; max-width:100%; background-attachment:fixed;     }
.slick-list { position:relative; max-width:100%; height:100%;  }.slider_contents  .parallux-bg{ left:0px !important;  }/*ABOUT*/
.about_full{ background:#030000; position:relative; z-index:8; padding-bottom:60px; background-attachment:fixed;    }
.about_full .container{ position:relative; margin-top:15px; max-width:940px;  }
.heading_h2{ font:40px gotham_boldregular; color:#FFF; text-transform:uppercase; letter-spacing:5px;  }
.content_sections{ float:left; width:100%; margin-top:90px; color:#FFF; line-height:28px;  }
.content_sections p{ margin-bottom:45px; }
.content_sections > div{ padding:0px;  }
.content_sections .col-md-6{ width:47%; }  

.wall_bg{ float:left; width:100%; background:url(img/background_wall.jpg); background-size:cover; background-position:bottom center; position:relative; z-index:999; background-attachment:fixed;     } 
.wall_bg:before{ content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5);  }
.wall_bg .container{ padding:130px 0px; max-width:970px; position:relative; z-index:9999;  }.testmonial_container{ float:left; width:100%; position:relative;   }
.testmonial_container:before{ content:'\f10d'; font-family:FontAwesome; position:absolute; color:#FFF; font-size:25px; left:-50px; top:-8px;   }  

.testmonial_container .draggable{  overflow:hidden; }
.testmonial_item{ float:left; font-size:16px; line-height:28px;   }
.testmonial_item p{ margin-bottom:30px; }
.testmonial_container .slick-dots{ text-align:left; bottom:-40px;  }
.testmonial_container .slick-dots li{ width:14px; }
.testmonial_container .slick-dots li button{
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: 1px solid #FFF;
	-webkit-transition: all 1000ms ease-in;
	-moz-transition: all 1000ms ease-in;
	-o-transition: all 1000ms ease-in;
	transition: all 1000ms ease-in;
	font-size:0px; color:#FFF;
}
::-ms-input-placeholder{
	color:#FFF; 	
}
:-ms-input-placeholder { 
	color:#FFF; 
}

.testmonial_container .slick-dots li button:before{ display:none !important; }
.testmonial_container .slick-active button,
.testmonial_container button:hover{ background:#FFF; text-decoration:none !important;    }
.author_title{ text-transform:uppercase; }

.service_container{ float:right; list-style:none;  }
.service_container li{ position:relative; width:100%; font:24px gotham_boldregular; margin:20px 0px; position:relative; letter-spacing:3px; list-style:none; cursor:pointer;      }
.service_container li a{ color:#FFF; }
.service_container li:hover,.service_container li a:hover{ color:#e2e2e2; text-decoration:none !important;  }
.service_container li:first-child{ margin-top:10px; }
.popover .arrow{ opacity:0; }
.popover .arrow:after{ 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
}

.service_descriptions{ position:absolute;  background:rgba(0,0,0,0.8); border-radius:10px; padding:20px 20px 0px; color:#FFF; font-size:14px; line-height:19px; font-family:GothamNarrowBook; min-width:300px; display:none; right:0%; width:100%; z-index:99999;
	max-height:300px; overflow:auto; min-width:620px; margin-top:15px; letter-spacing:0px;       }
	.service_descriptions .fa-times{ position:absolute; right:10px; font-size:25px; display:none; top:5px   }
	.popover{
		background:rgba(0,0,0,0.8); border-radius:10px; padding:20px 20px 0px; color:#FFF; font-size:14px; line-height:19px; font-family:GothamNarrowBook; min-width:300px; display:none; right:0%; width:100%; z-index:99999;
		/*max-height:300px; overflow:auto;*/ min-width:620px; margin-top:15px; letter-spacing:0px; 
	}
	.service_container li:nth-last-child(1) .service_descriptions,
	.service_container li:nth-last-child(2) .service_descriptions,
	.service_container li:nth-last-child(2) .service_descriptions{ top:auto; bottom:30px; }

	*::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #555;
		opacity: 0.3;
	}
	*::-webkit-scrollbar {
		width: 5px;
		background-color: #555;
		opacity: 0.3;
		position: relative;
		top: 15px;
	}
	*::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #f5f5f5;
		opacity: 0.3;
	}	.wall_bg .banner_over{ left:auto; right:0px; background-position:right -75% top 300px !important; opacity:1; top:-35px; background-size:75% !important;     }  
	.service_container li:before{content:'\f067'; font-family:FontAwesome; position:absolute; color:#FFF; font-size:16px; left:-61px; top:7px; }	

	.intagram_feed{ position:relative; z-index:9999; top:-50px; margin-bottom:-50px;  }
	.intagram_feed  .thumbnails { padding:0px; list-style:none; }
	.intagram_feed .jr-insta-thumb ul.thumbnails.jr_col_5 li{ width:20%; margin:0px; float:left; }
	.intagram_feed .jr-insta-thumb ul.thumbnails.jr_col_5 li img{ max-width:100%; min-width:100%;  } 	.contact_sections .container{ padding-top:130px; padding-bottom:90px;  max-width:940px;  }
	.contact_sections .head_section{ text-align:center;  }
	.heading_h3{ font:24px gotham_boldregular; letter-spacing:3px;  }
	.contact_sections .head_section  .heading_h3{ margin-bottom:50px; margin-top:-5px; }
	.contact_sections .descriptions{ max-width:450px; margin:0 auto;  }

	*{ outline:none !important; }

	.form_sections{ float:left; width:100%; margin-top:60px; }
	.form_sections .col-md-6{ width:48%; padding:0px;  }
	.form_sections  .wpcf7-form-control{ background:none; width:100%; float:left; font-size:12px; border:1px solid #FFF; padding:15px; border-radius:3px; color:#FFF; margin-bottom:20px; webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;     }
		.form_sections  .wpcf7-form-control.wpcf7-textarea{ height:119px; resize:none; }		.form_sections .wpcf7-form-control-wrap{ position:relative; float:left; width:100%;  }
		.form_sections .wpcf7-not-valid-tip{ position:absolute; right:10px; top: 10px; color:#FFF;  }
		.form_sections .wpcf7-form-control.wpcf7-submit,.btn-white,#inspections .contents a{ max-width:150px; float:right; color:#000; text-transform:uppercase; background:#FFF; border-radius:0px; letter-spacing:3px; font-family:gotham_boldregular; border:none !important;     }
		.form_sections .wpcf7-form-control.wpcf7-submit:hover{ color:#FFF; background:#000; }	

		.form_sections .wpcf7-response-output{ padding: 7px 15px; border-radius:5px; background:rgba(255,0,0,0.7); float:right; border:none !important;  right:0px; bottom:0px;position:absolute;  }
		.form_sections .wpcf7-response-output.wpcf7-mail-sent-ok{ background:rgba(0,102,0,0.5); }

		.footer_section{ float:left; background:#030000; text-align:center; padding:30px 0px; position:relative; z-index:9999;     }
		.footer_section .container{ position:relative; z-index:25; }
		.footer_section .heading_h3{ margin-bottom:50px; } 
		.follow_buttons{ max-width:290px; margin:0 auto; padding-bottom:115px;  }
		.follow_buttons .btn-white{ padding:15px 0px; width:49%; text-align:center; text-decoration:none; webkit-transition: all 200ms ease-in;
			-moz-transition: all 200ms ease-in;
			-o-transition: all 200ms ease-in;
			transition: all 200ms ease-in;     } 
			#inspections .contents a:hover,.btn-white:hover{ color:#FFF; background:#666; text-decoration:none; }
			#inspections .container { margin-top: 80px; margin-bottom: 80px; }
			#inspections .contents div { margin-bottom: 15px; }
			#inspections .contents a { text-align: center;width: 200px;max-width: 200px;float: left;padding: 10px;margin: 30px; }
			#inspections { z-index: 999; }
			.footer_section p{ font-size:12px; }
			.footer_section p a{ color:#FFF; text-decoration:none; border-bottom:1px solid #534b48 }
			.footer_section .banner_over{
				height: 140%;
				background-position: 0px 0px;
				background-size: 100%;
				z-index: 15;
				top: -40%;
				left: -10%;
				opacity:0.5;
			}			.intagram_feed .slick-next:before{ content:'\f061'; font-family:FontAwesome; position:relative; color:#080808; font-size:25px; left:-50px; top:7px; }
			.intagram_feed .slick-prev{ left:15px; z-index:99;  }
			.intagram_feed .slick-prev:before{ content:'\f060'; font-family:FontAwesome; position:relative;  color:#080808; font-size:25px; left:0px; top:7px; }

			.bannerover.parallux{ position:absolute !important; z-index:999; height:2000px !important;  }
			.bannerover.parallux .parallux-bg{ overflow:visible !important; min-height:1100px;  }

			.popover .close{
				color: #FFF;
				position: absolute;
				top: 5px;
				right: 10px;
				z-index: 99999999;
				opacity: 0;
			}

			@media (max-width: 1050px){
				.testmonial_container:before{ left:-30px; }

				.wall_bg{ background-size:contain !important; background-attachment:scroll !important; background-repeat:repeat !important;  }
				.parallux .parallux-bg .parallux-inner{ background-attachment:scroll !important;  }
			}

			@media (max-width: 1024px){
				.service_descriptions .fa-times{ display:block; }
				.service_descriptions{ padding-top:35px; }
				.banner_containers{ top:100px; }
				.about_full .container{ margin-top:15px; }
				.popover .close{ opacity:1; }

			}

			@media (max-width: 991px){
				.container{ width:100%; padding-left:15px; padding-right:15px;  }
				.content_section .col-md-6{ width:48%; }
				.sections .navbar-collapse ul li a{ font-size:30px; }
				.testmonial_container{ left:30px; width:95%  }	
				.wall_bg .container{ padding-left:15px; padding-right:15px; }
				.intagram_feed{ float:left; width:100%; overflow-x:hidden; }
				.footer_section { z-index:999; }
				.intagram_feed .slick-dots li{ display:none !important; }
				.about_full .container{ margin-top:15px; }
				.banner_containers{ top:75px; }

			}

			@media (max-width: 767px){

				.content_section .col-md-6{ width:100%; }
				.service_container{ float:left; width:93%; position:relative; left:7%; margin-top:40px;   }
				.service_container li{ width:50%; float:left; margin-top:0px !important; font-size:20px;   }
				.service_container li:before{ top:4px; }
				.wall_bg .container{ padding-top:80px; }
				.contact_sections .head_section  .heading_h3{ font-size:18px; }
				.header_navigation.mobile{ height:100%; overflow:scroll; }
				.service_descriptions,.popover{ min-width:320px; }

				.about_full .container{ margin-top:15px; }
				.heading_h2{ font-size:35px; line-height:35px; }
				.wall_bg{ z-index:9; }
				.testmonial_container:before{ left:-40px; }
			}

			@media (max-width: 639px){
				.service_container li{ width:100% !important; }
				.form_sections .col-md-6{ width:100%; }
				.form_sections .wpcf7-response-output{ bottom:40px; }	
				.banner_containers{ left:3%; }
				.banner_containers img{ max-width:160px; }

				.about_full .container{  margin-top:15px; }
				.heading_h2{ font-size:28px; line-height:28px; }

			}

			@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 767px) 
			and (orientation : landscape) { 
				.about_full .container{ margin-top:15px; }
				.banner_containers mg{ max-width:150px; position:relative; }	
			}

			@media (max-width: 479px){
				.service_descriptions,.popover{ min-width:300px; right:-20px;  }

				.heading_h2{ font-size:24px; line-height:20px; }
				.bannerover.top1{ display:none; }

			}
.sections .navbar .navbar-right li {

    opacity: inherit;

}
#services .bannerover{

	/*display: none;*/

}
.sections .navbar .navbar-right li {

    transition: none;

}			/*Wordpress editor styles end*/