/*

Theme Name: born-curious

Theme URI: http://underscores.me/

Author: born-curious

Author URI: http://underscores.me/

Description: born-curious

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: born-curious

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



born-curious is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/



/*=====================================

 * 		 	  01. TYPOGRAPHY       	  *

 *====================================*/




body,html{

	height: 100%;

}

body{

	background-color: #28261e;

	font-family: 'Avenir-Medium';

}

h1,h2,h3,h4,h5,h6,p{

	margin: 0;

}

a,a:focus{

	text-decoration: none !important;

	outline: none;

}

ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	font-size: 0;

}

button, .btn{

	outline: none;

}



/**

 * Fonts Installer

 */

@font-face {

  font-family: 'Avenir-Black';

  src: url('fonts/avenir/Avenir-Black.eot');

  src: url('fonts/avenir/Avenir-Black.woff2') format('woff2'),

       url('fonts/avenir/Avenir-Black.woff') format('woff'),

       url('fonts/avenir/Avenir-Black.ttf') format('truetype'),

       url('fonts/avenir/Avenir-Black.svg#Avenir-Black') format('svg'),

       url('fonts/avenir/Avenir-Black.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Avenir-Medium';

  src: url('fonts/avenir/Avenir-Medium.eot');

  src: url('fonts/avenir/Avenir-Medium.woff2') format('woff2'),

       url('fonts/avenir/Avenir-Medium.woff') format('woff'),

       url('fonts/avenir/Avenir-Medium.ttf') format('truetype'),

       url('fonts/avenir/Avenir-Medium.svg#Avenir-Medium') format('svg'),

       url('fonts/avenir/Avenir-Medium.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Avenir-Roman';

  src: url('fonts/avenir/Avenir-Roman.eot');

  src: url('fonts/avenir/Avenir-Roman.woff2') format('woff2'),

       url('fonts/avenir/Avenir-Roman.woff') format('woff'),

       url('fonts/avenir/Avenir-Roman.ttf') format('truetype'),

       url('fonts/avenir/Avenir-Roman.svg#Avenir-Roman') format('svg'),

       url('fonts/avenir/Avenir-Roman.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}



/**

 * Height , Padding & Margin

 */

.pad-5-0-12{

	padding: 5px 0 12px;

}

/**

 * Font Size

 */



/**

 * Colors

 */



/**

 * Buttons

 */



/**

 * Preloader face

 */

body #content-wrapper{

    filter:alpha(opacity=10);

    opacity:0;

    -webkit-transition:opacity 1s linear;

    -moz-transition:opacity 1s linear;

    -o-transition:opacity 1s linear;

    transition:opacity 1s linear;

}

body.pace-done #content-wrapper{

    filter:alpha(opacity=100);

    opacity:1;

    -webkit-transition:opacity 1s linear;

    -moz-transition:opacity 1s linear;

    -o-transition:opacity 1s linear;

    transition:opacity 1s linear;

}

body.pace-running:after{

	content: "";

    display: block;

  	position: fixed; /* could also be absolute */ 

  	top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 999;

    background-color: #28261e;

}
.pace{
	    overflow: unset;
}

/**

 * Section Breadcrumb

 */

#section-breadcrumb{

	font-family: 'Avenir-Black';

	position: absolute;

    z-index: 9;

    color: #fff;

    top: 15%;

    left: 0;

    right: 0;

    margin: 0 auto;

}

/**

 * Section FadeIn Effect

 */

.section.active .animated {

    -webkit-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

 

@-webkit-keyframes fadeIn {

    0% {opacity: 0;}

    25% {opacity: 1;}

}

 

@keyframes fadeIn {

    0% {opacity: 0;}

    25% {opacity: 1;}

}

 

.section.active .fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}



/**

 * Section FadeInUp Effect

 */

.section.active .slide-up-fade-in{

    animation: slide-up-fade-in ease 1s;

    animation-iteration-count: 1;

    transform-origin: 50% 50%;

    animation-fill-mode:forwards; /*when the spec is finished*/

    -webkit-animation: slide-up-fade-in ease 1s;

    -webkit-animation-iteration-count: 1;

    -webkit-transform-origin: 50% 50%;

    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 

    -moz-animation: slide-up-fade-in ease 1s;

    -moz-animation-iteration-count: 1;

    -moz-transform-origin: 50% 50%;

    -moz-animation-fill-mode:forwards; /*FF 5+*/

    -o-animation: slide-up-fade-in ease 1s;

    -o-animation-iteration-count: 1;

    -o-transform-origin: 50% 50%;

    -o-animation-fill-mode:forwards; /*Not implemented yet*/

    -ms-animation: slide-up-fade-in ease 1s;

    -ms-animation-iteration-count: 1;

    -ms-transform-origin: 50% 50%;

    -ms-animation-fill-mode:forwards; /*IE 10+*/

    opacity:0;

    opacity: 1\9;



}



@keyframes slide-up-fade-in{

    30% {

        opacity:0;

        transform:  translate(0px,40px)  ;

    }

    100% {

        opacity:1;

        transform:  translate(0px,0px)  ;

    }

}

@-moz-keyframes slide-up-fade-in{

    30% {

        opacity:0;

        -moz-transform:  translate(0px,40px)  ;

    }

    100% {

        opacity:1;

        -moz-transform:  translate(0px,0px)  ;

    }

}

@-webkit-keyframes slide-up-fade-in {

    30% {

        opacity:0;

        -webkit-transform:  translate(0px,40px)  ;

    }

    100% {

        opacity:1;

        -webkit-transform:  translate(0px,0px)  ;

    }

}

@-o-keyframes slide-up-fade-in {

    30% {

        opacity:0;

        -o-transform:  translate(0px,40px)  ;

    }

    100% {

        opacity:1;

        -o-transform:  translate(0px,0px)  ;

    }

}

@-ms-keyframes slide-up-fade-in {

    30% {

        opacity:0;

        -ms-transform:  translate(0px,40px)  ;

    }

    100% {

        opacity:1;

        -ms-transform:  translate(0px,0px)  ;

    }

} 





/*=====================================

 * 	      02. SECTION HEADER          *

 *====================================*/

/**

 * 2.1 Navbar HEader

 */

#section-navbar .container{

	position: relative;

}

#section-navbar .navbar-brand {

    padding: 25px 15px 25px 15px;

    position: relative;

    z-index: 999;

}

#section-navbar nav {

    position: relative;

}

#section-navbar nav .navbar-desktop {
   
    width: 100%;

    position: absolute;

    overflow: hidden;

    background: none;

}

#section-navbar nav ul {

	text-align:right;

	z-index: 999;
    float:right;
    max-width:240px;

    position: relative;

}

#section-navbar nav ul li {

	display:inline-block;

}

#section-navbar nav ul li a {

	font-family: 'Avenir-Black';

	color:#ffffff;

	font-size:14px;

	display:inline-block;

	padding:25px 15px;

	text-decoration:none;

	transition:all .2s linear 0s;

	-moz-transition:all .2s linear 0s;

	-webkit-transition:all .2s linear 0s;

	-o-transition:all .2s linear 0s;
    position:relative;
   z-index:9999;

}

#section-navbar nav ul li a:hover {

	color: #fcbe43;

}

/*styling open close button*/

#section-navbar .button {

	display:inline;

	position:absolute;

	right:15px;

	top:22px;

	z-index:999999 !important;

	font-size:30px;

}

#section-navbar .button a {

	text-decoration:none;

}
.bar1, .bar2, .bar3 {
       width: 26px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}
/*#section-navbar .btn-open:after {

	color:#ffffff;

	content:"\f0c9";
font-family:"FontAwesome";

	transition-property:all .2s linear 0s;

	-moz-transition:all .2s linear 0s;

	-webkit-transition:all .2s linear 0s;

	-o-transition:all .2s linear 0s;

}
*/
#section-navbar .btn-open:hover:after {

	color:#fcbe43;

}
#section-navbar .btn-close .bar1 {
    -webkit-transform: rotate(-45deg) translate(-3px, 6px) ;
    transform: rotate(-45deg) translate(-3px, 6px) ;
}

#section-navbar .btn-close .bar2 {opacity: 0;}

#section-navbar .btn-close .bar3 {
    -webkit-transform: rotate(45deg) translate(-3px, -6px) ;
    transform: rotate(45deg) translate(-3px, -6px) ;
}

/*#section-navbar .btn-close:after {

	color:#fff;

	content:"\f00d";
content:"\00d7";


	font-family:"FontAwesome";

	transition-property:all .2s linear 0s;

	-moz-transition:all .2s linear 0s;

	-webkit-transition:all .2s linear 0s;

	-o-transition:all .2s linear 0s;

}
*/

#section-navbar .btn-close .bar1, 
#section-navbar .btn-close .bar2, 
#section-navbar .btn-close .bar3  {

	background-color: #555759 !important;

}

#section-navbar .btn-close:hover:after {

	color: #fcbe43 !important;

}

/*overlay*/



#section-navbar .overlay {

	display:none;

	position:fixed;

	top:0;

	height:100%;

	width:100%;

	background:#ffffff;

	overflow:auto;

	z-index:999;

}

#section-navbar .wrap {

	color:#e9e9e9;

	text-align:center;

	max-width:90%;

	margin:0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}

#section-navbar .wrap ul.wrap-nav {

	text-transform:capitalize;

	padding:150px 0px;

}

#section-navbar .wrap ul.wrap-nav li {

	    font-size: 28px;
    display: block;
    vertical-align: top;
    position: relative;
    text-transform: uppercase;

}

#section-navbar .wrap ul.wrap-nav li a {

	font-family: 'Avenir-Black';

	color:#555759;

	display:block;

	padding:8px 0;

	text-decoration:none;

	transition-property:all .2s linear 0s;

	-moz-transition:all .2s linear 0s;

	-webkit-transition:all .2s linear 0s;

	-o-transition:all .2s linear 0s;

}

#section-navbar .wrap ul.wrap-nav li a:hover {

	color:#fcbe43;

}
#section-navbar .overlay li a:after{
	 content: '.';
   display:inline-block;
color:#fcb426;
}


/*=====================================

 * 	          03. CONTENTS            *

 *====================================*/

 /**

  * Remove Unlicense extension fullpage.js

  */

div[style*="background:red"]{

	display:none !important;

}

 /**

  * 3.1 Bullets Right Side

  */

#fp-nav ul li a span, .fp-slidesNav ul li a span {

    background: #a8a8a8;

}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span,

#fp-nav ul li a span:hover, .fp-slidesNav ul li a span:hover {

    background: #ffffff;

}

/**

 * 3.2 Section Move Down

 */

/* 3.2.1 Section Move Down 1 */

#section-move-down .container{

	text-align: center;

}

#section-move-down #move-section-down i{

  animation: hover 0.8s alternate infinite ease-in-out;

  &:after {

    content: '';

    position: relative;

    display: block;

  }

}



@-webkit-keyframes hover {

  from {

  	-webkit-transform: translateY(-50%);

  	-moz-transform: translateY(-50%);

  	-ms-transform: translateY(-50%);

  	-o-transform: translateY(-50%);

    transform: translateY(-50%);

  }

  

  to {

  	-webkit-transform: translateY(-20%);

  	-moz-transform: translateY(-20%);

  	-ms-transform: translateY(-20%);

  	-o-transform: translateY(-20%);

    transform: translateY(-20%);

  }

}

#section-move-down #move-section-down{

	font-family: 'Avenir-Medium';

	font-size: 15px;

	cursor: pointer;

    position: absolute;

    z-index: 9;

    color: #fff;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    -webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

#section-move-down #move-section-down:hover{

	color: #fcbe43;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

/* 3.2.2 Section Move Down 2 */

#section-move-down2 .container{

	text-align: center;

}

#section-move-down2 #move-section-down i{

  animation: hover 0.8s alternate infinite ease-in-out;

  &:after {

    content: '';

    position: relative;

    display: block;

  }

}



@-webkit-keyframes hover {

  from {

  	-webkit-transform: translateY(-50%);

  	-moz-transform: translateY(-50%);

  	-ms-transform: translateY(-50%);

  	-o-transform: translateY(-50%);

    transform: translateY(-50%);

  }

  

  to {

  	-webkit-transform: translateY(-20%);

  	-moz-transform: translateY(-20%);

  	-ms-transform: translateY(-20%);

  	-o-transform: translateY(-20%);

    transform: translateY(-20%);

  }

}

#section-move-down2 #move-section-down{

	font-family: 'Avenir-Medium';

	font-size: 15px;

	text-align: left;

	padding-left: 30px;

	cursor: pointer;

    position: absolute;

    z-index: 99;

    color: #fff;

    left: 0;

    right: 0;

    bottom: 10px;

    margin: 0 auto;

    -webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

#section-move-down2 #move-section-down:hover{

	color: #fcbe43;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

/**

 * 3.3 Fullpage JS make fade effect

 */

.fullpage-wrapper {

	width: 100%!important;

	transform: none;

}



#fullpage-projects .fp-section  {

	width: 100%!important;
position: absolute;

	left: 0;

	top: 0;

	visibility: hidden;

	opacity: 0;

	transition: all .7s ease-in-out;
	
}




#section0.fp-section  {


}



#fullpage-projects  .fp-section.active,  #section0.fp-section.active,.fp-section.active {

	visibility: visible;

	opacity: 1;

}

  

#fullpage-projects .fp-slidesContainer {

	width: 100%!important;

	transform: none!important;

}



.fp-slide {

	width: 100%!important;

	position: absolute;

	left: 0;

	top: 0;

	visibility: hidden;

	opacity: 0;

	transition: all .7s ease-in-out;

}



.fp-slide.active {

	visibility: visible;

	opacity: 1;

}

/**

 * 3.4 Banner Image

 */

.banner-image{

    background-attachment: fixed;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	opacity: 1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    z-index: 1;

}

.banner-image:before{

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #000000;

  opacity: .4;

}



/**

 * 3.5 Section 0

 */

#section0 .content{

	width: 100%;

    padding: 15px;

	font-family: 'Avenir-Black';

	text-align: center;

	color: #fff;

	position: absolute;

    top: 50%;

    left: 50%;

    z-index: 9;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

#section0 .content h2{

	font-size: 27px;

	margin-bottom: 40px;

}

#section0 .content h2 span{

	font-size: 35px;

	color: #fcbe43;

}

#section0 .content ul li{

	margin: -10px 0;

}

#section0 .content ul li a{

	font-size: 40px;

	color: #fff;

	line-height: 1.3;

	-webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

#section0 .content ul li a:hover{

	color: #fcbe43;

	-webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

/**

 * 3.6 Section 1

 */

#section1 .content{

	width: 100%;

    padding: 15px;

	text-align: center;

	color: #fff;

	position: absolute;

    top: 50%;

    left: 50%;

    z-index: 9;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

#section1 .content h2{

	font-family: 'Avenir-Black';

	font-size: 59px;

	margin-bottom: 40px;

}

#section1 .content h2 span{

	color: #fcbe43;

}

#section1 .content p{

	font-family: 'Avenir-Medium';

	font-size: 26px;

	color: #fff;

}

/**

 * 3.7 Section 2

 */

#section2 .content{

	width: 100%;

    padding: 15px;

	text-align: center;

	color: #fcbe43;

	position: absolute;

    top: 50%;

    left: 50%;

    z-index: 9;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

#section2 .content h2{

	font-family: 'Avenir-Black';

	font-size: 59px;

	margin-bottom: 40px;

	text-align: left;

}

#section2 .content h2 span{

	color: #ffffff;

}

#section2 .content p{

	font-family: 'Avenir-Medium';

	font-size: 26px;

	color: #fff;

	text-align: left;

}

/**

 * 3.8 Section 3

 */

#section3 .content{

	width: 100%;

    padding: 15px;

	text-align: center;

	color: #ffffff;

	position: absolute;

    top: 50%;

    left: 50%;

    z-index: 9;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

#section3 .content h2{

	font-family: 'Avenir-Black';

	font-size: 59px;

	margin-bottom: 40px;

	text-align: left;

}

#section3 .content h2 span{

	color: #fcbe43;

}

#section3 .content p{

	font-family: 'Avenir-Medium';

	font-size: 26px;

	color: #fff;

	text-align: left;

}

/**

 * 3.9 Section 4

 */

#section4 .content{

	width: 100%;

    padding: 15px;

	text-align: center;

	color: #fcbe43;

	position: absolute;

    top: 50%;

    left: 50%;

    z-index: 9;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

#section4 .content h2{

	font-family: 'Avenir-Black';

	font-size: 36px;

	margin-bottom: 40px;

	text-align: center;

}

#section4 .content h2 span{

	color: #ffffff;

}

/* Logo Carousel */

#section4 .no-js .owl-carousel, 

#section4 .owl-carousel.owl-loaded {

    display: inline-block;

}

.owl-theme .owl-dots .owl-dot span {

    background: #ffffff;

}

#section4 .owl-theme .owl-dots .owl-dot.active span, 

#section4 .owl-theme .owl-dots .owl-dot:hover span {

    background: #fcbe43;

}

#section4 .owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: 50px;

}

#section4 #company-logo .owl-carousel .owl-item img{

	width: auto !important;

    left: 0;

    right: 0;

    margin: 0 auto;

}

/**

 * 3.10 Section 5

 */

#section5 .content{

	width: 100%;

    padding: 15px;

	text-align: center;

	color: #ffffff;

	position: absolute;

    top: 50%;

    left: 50%;

    z-index: 9;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

#section5 .content h2{

	font-family: 'Avenir-Black';

	font-size: 36px;

	margin-bottom: 40px;

	text-align: left;

	color: #fcbe43;

}

#section5 .content p{

	font-size: 21px;

    line-height: 28px;

	font-family: 'Avenir-Roman';

	color: #ffffff;

	text-align: left;

}

#section5 .content p span{

	font-family: 'Avenir-Black';

	color: #fcbe43;

}

#section5 .content a {

	color: #ffffff;

}

/* Map */

#section5 #map{

	width: 100%;

	height: 100%;

	position: absolute;

}

/* Copyright */

body.admin-bar .copyright p{

	bottom: 45px;

}

.copyright p{

	color: #fff;

    position: absolute;

    bottom: 15px;

    left: 0;

    right: 0;

    text-align: center;

}

/* Remove Curious */

body.pace-done.fp-viewing-5 #section-move-down{

	display: none;

}

/**

 * 3.11 Section Contact

 */

#section-contact .content{

	width: 100%;

    padding: 15px;

	text-align: center;

	color: #ffffff;

	position: absolute;

    top: 47%;

    left: 50%;

    z-index: 9;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

#section-contact .content h2{

	font-family: 'Avenir-Black';

	font-size: 36px;

	margin-bottom: 40px;

	text-align: left;

	color: #fcbe43;

}

#section-contact .content p{

	font-size: 21px;

    line-height: 28px;

	font-family: 'Avenir-Roman';

	color: #ffffff;

	text-align: left;

}

#section-contact .content p a{

	color: #ffffff;

}

#section-contact .content p span{

	font-family: 'Avenir-Black';

	color: #fcbe43;

}

/* Map */

#section-contact #map{

	width: 100%;

	height: 100%;

	position: absolute;

}

/* Copyright */

#section-contact .copyright p{

	color: #fff;

    position: absolute;

    bottom: 15px;

    left: 0;

    right: 0;

    text-align: center;

}

/**

 * 3.12 Section Projects

 */

#section-projects .content{

	width: 100%;

    padding: 15px;

	color: #ffffff;

}

#section-projects .content h3{

	font-family: 'Avenir-Roman';

	font-size: 31px;

	margin-bottom: 20px;

	text-align: left;

	color: #fcbe43;

}

#section-projects .content p{

	font-family: 'Avenir-Roman';

	font-size: 14px;

	color: #fff;

	text-align: left;

	line-height: 1.7;

}

#section-projects .content .list-address{

	margin-top: 28px;

}

#section-projects .content .list-address .media{

	margin-top: 5px;

}

/* OWL Carousel */

#section-projects .owl-prev {

    float: left;

    left: -5px;

    position: relative;

    border-radius: 0;

}



#section-projects .owl-next {

    float: right;

    right: -5px;

    position: relative;

    border-radius: 0;

}



#section-projects .owl-nav {

    width: 100%;

    top: 45%;

    position: absolute;

    margin: 0;

}



#section-projects .owl-nav .glyphicon {

    color: #ffffff;

}



#section-projects .owl-nav [class*=owl-] {

    background: #fab339;

    z-index: 99;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

#section-projects .owl-nav [class*=owl-] i{

    top: 3px;

}

#section-projects .owl-nav [class*=owl-]:hover{

	background: #333333;

	-webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}



#section-projects .owl-carousel .owl-stage-outer {

    z-index: 9;

}

#section-projects .owl-carousel .owl-item img {

    max-height: 100%;

    object-fit: cover;

    height: 100%;

}

/* Before */

#section-projects .list-image-before{

	position: relative;

}

#section-projects .list-image-before .item {

    bottom:0;

    width: 100%;

    position: absolute;

}

#section-projects .list-image-before .item img{

	max-height: 360px;

	height: 360px;

	width: 100%;

	object-fit: cover;

}

.list-image-before .item:before{

  	content: '';

  	position: absolute;

  	top: 0;

  	right: 0;

  	bottom: -1px;

  	left: -.5px;

  	background-color: #000000;

  	opacity: .8;
	width: 102%;
    height: 101%;

}

/* After */

#section-projects .list-image-after{

	position: relative;

}

#section-projects .list-image-after .item {

	width: 100%;

    position: absolute;

}

#section-projects .list-image-after .item img{

	max-height: 360px;

	width: 100%;

	object-fit: cover;

}

.list-image-after .item:after{

  	content: '';

  	position: absolute;

  	top: 0;

  	right: 0;

  	bottom: 0;

  	left: -.5px;

  	background-color: #000000;

  	opacity: .8;
	width: 102%;

}

/*=====================================

 * 		 	  04. FOOTER              *

 *====================================*/



/*=====================================

 * 		 	05. RESPONSIVE            *

 *====================================*/

@media only screen and ( min-width: 1200px ){

	/* Header */

	#section-navbar .navbar-brand {

	    padding: 25px 15px 25px 30px;

	}

	.container,

	#section1 .content,

	#section2 .content,

	#section3 .content,

	#section4 .content,

	#section5 .content,

	#section-contact .content,

	#section-projects .content,

	#section-move-down2 #move-section-down{

		/*width: 1170px;*/

		width: 100% !important;

		padding: 0 !important;

	}

	#section-projects .content .right,

	#section-projects .content .left{

		padding: 0;

	}

	#section-breadcrumb{

		padding: 0 115px;

	}

	#section-move-down2 #move-section-down{

		padding: 0 118px !important;
        width:370px !important;
        margin:0;

	}

	#section-projects .content .left{

		padding: 45px 120px 0!important;

	}

	.no-js .owl-carousel, .owl-carousel{

	    display: inline-block !important;

	}

	#section-projects .owl-carousel .owl-item img {

	    max-height: 550px !important;

	    height: 100% !important;

	}

	#section-projects .list-image-before .item img{

		max-height: 443px !important;

		height: 443px !important;

	}

	#section-projects .list-image-after .item{

		top: -8px;

	}

	#section-projects .list-image-after .item img{

		max-height: 443px !important;

		height: 443px !important;

	}

	/* Homepage */

	#section1 .content{

		top: 46%;

	}

	#section1 .content p {

	    padding: 0 !important;

	    width: 700px;

	    left: 0;

	    right: 0;

	    margin: 0 auto;

	}

	#section2 .content {

		top: 32%;

	    padding: 0 !important;

	    width: 1050px !important;

	}

	#section2 .content h2 {

	    line-height: 69px;

	}

	#section3 .content {

		top: 48%;

	    padding: 0 !important;

	    width: 1080px !important;

	}

	#section3 .content h2 {

	    line-height: 70px;

	}

	#section3 .content .right{

	    padding-left: 80px;

	}

	#section4 .content{

		width: 1115px !important;

	}

	/* Contact page */

	body.admin-bar #section5 .content {

	    top: 44.5%;

	}

	#section5 .content {

	    top: 44.5%;

	}

	body.admin-bar #section-contact .content {

	    top: 47.5%;

	}

	#section-contact .content {

	    top: 44.5%;

	}

}

@media only screen and ( min-width: 992px ){

	#section-projects .content .left {

	    padding-right: 120px;

	    padding-top: 45px;

	}



	#section1 .content p {

	    padding: 0px 216px;

	}

}

@media only screen and ( max-width: 991px ){

	#section-projects .content .left {

		margin-bottom: 30px;

	}

	#section-projects .list-image-before,

	#section-projects .list-image-after{

		display: none;

	}

}

@media only screen and ( min-width: 785px ){

	#section-navbar .button{

		display: none;

	}
#section-projects .content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
 
}

@media only screen and ( max-width: 785px ){

#section0{
background-image:url('http://thespotteddog.net.au/bc/wp-content/uploads/2017/10/bc-mobile-home-default.jpg') !important;
background-position:center;
}



#fullpage-projects .banner-image {
    display: none;
}

	body.admin-bar .overlay .navbar-brand{

		top: 45px;

	}

	#section-navbar .main-navbar{

		display: none;

	}

	#section-projects .content .left {

	    margin-bottom: 15px;
    padding: 0 40px;
    width: 100% !important;

	}
#fullpage-projects .content .right{
 width: 100% !important;
}

	#section-breadcrumb,
.page-template-page_projects #section-move-down2 {

	    display: none;

	}
.page-template-page_projects #section-breadcrumb {
    display: block;
    position: relative;
    top: 68px;
    left: 15px;
}

#fullpage-projects {
    position: relative;
    padding-top: 65px;
}
#fullpage-projects .content .right,
#fullpage-projects .content,
#fullpage-projects .container
{padding:0;    position: relative;}
	#section-projects .content h3 {

	    font-size: 18px;

	    margin-top: 10px;

	    margin-bottom: 10px;

	}

	#section-projects .content p {

	    font-size: 12px;

	    line-height: 1.4;

	}

	#section-projects .content .list-address {

	    margin-top: 13px;

	}

	#section-projects .owl-carousel .owl-item img {

	    max-height: 100%;

	}

	#section-projects .owl-nav {

	    top: 44%;

	}

	#section5 .content h2,

	#section5 .content p,

	#section-contact .content h2,

	#section-contact .content p {

	    text-align: center !important;

	}
.mobile-title{display:block;color:#fcbe43}
.banner-image{block;}
}

@media only screen and ( max-width: 414px ){

	#section-navbar .navbar-brand {

	    padding: 15px 0px;

	    max-width: 200px;

	}

	#section-navbar .button {

	    top: 22px;

	}

	#section-navbar .overlay .navbar-brand {

	    left: 30px;

	}

	#section0 .content h2,

	#section1 .content h2,

	#section2 .content h2,

	#section3 .content h2,

	#section4 .content h2,

	#section5 .content h2,

	#section-contact .content h2,

	#section-projects .content h2{

	    font-size: 22px;

	}

	#section1 .content p,

	#section2 .content p,

	#section3 .content p,

	#section4 .content p,

	#section5 .content p,

	#section-contact .content p{

	    font-size: 17px;

	}

	#section0 .content ul li a {

	    font-size: 30px;

	}

}



@media only screen and ( min-width: 421px ){

	.section0-bgmobile{

		display: none;

	}

}



@media only screen and ( max-width: 420px ){


	/* Side Navigation Bullet */

	#fp-nav.right {

	    right: 0px;

	}

	#fp-nav ul li a.active span {
    	height: 5px;
    	width: 5px;
    	margin: -1px 0 0 -2.5px;
	}

	/* Section 0 */

	.section0-bgdesktop{

		display: none;

	}

	#section0 .content h2 {

	    margin-bottom: 30px;

	    margin-top: 20px;

	}

	#section0 .content ul li a {

	    line-height: 1.75;

	    font-size: 26px;

	}

	/* Section 1 */

#section1 {
    background-position: 34% 50%;
}
#section3 {
    background-position: 50%;
}

	#section1 .content h2{

		margin-top: 15px;

		font-size: 39px;

		padding-right: 10px;

		line-height: 1.2;

	}

	#section1 .content p{

	    padding-right: 40px;

	    line-height: 1.6;

	}
		#section1 .banner-image {
 		background-position: 40% 50%;
	}

	/* Section 2 */

.slide-up-fade-in.nomobile {
    display: none;
}
.slide-up-fade-in.mobile-only {
    display: block !important;
}

#section2 .banner-image {
    background-position: 35% 50%;
}


	#section2 .content h2{

		margin-top: 75px;

	    font-size: 36px;

	    padding-right: 10px;

	    line-height: 1.35;

	}

	#section2 .content p{

		padding-right: 10px;

		line-height: 1.6;

	}

	/* Section 3 */

	#section3 .content h2{

	    font-size: 39px;

	    margin-bottom: 15px;

	    margin-top: 20px;

    margin-right: 25px;

	}

	/* Section 4 */

	#section4 .content h2{

	    font-size: 30px;

	}

	/* Footer Copyright */

	#section5 .copyright p{

		display: none;

	} 



	#section1 .content p,

	#section2 .content p,

	#section1 .content h2,

	#section2 .content h2{

		text-align: left;

	}

	#move-section-down p{

		display: none;

	}
#section4 #company-logo .owl-carousel .owl-item img{width:100%!important}

}




/* TSD Additional CSS */

.navbar-brand>img {
    max-width: 245px !important;
}

.overlay .navbar-brand>img {
    display: none;
}
.media-object {
    max-width: 22px;
}

.overlay .navbar-brand>img {
    max-width: 245px;
}

#section4 #company-logo .owl-carousel .owl-item img {
    max-width: 181px;
    max-height: 79px;
}

#section-move-down #move-section-down {
    padding-right: 8px;
}

@media only screen and (min-width: 1200px) {
#section-projects .owl-carousel .owl-item img {

	min-width: 100% !important;

}

#section-projects .content .left {
			padding-top: 10% !important;
	}
}

@media only screen and (min-width: 992px) {
		

.owl-prev:before {
    content: '';
    position: absolute;
    width: 65px;
    height: 3px;
    top: 50%;
    transform: translateY(-50%);
    left: -65px;
    background: #fab339;
}

	.pull-right-lg {
float:right;
}
}




.slide-up-fade-in.mobile-only {
    display: none;
}
#section4 .content h2 span.mobile-title{color:#fcbe43}
.hidden-md{display:none!important}

@media (max-width:1190px) and (min-width:769px) {
	.page-template-page_projects .content .col-sm-12 {
    	width: 50% !important;
	}
}​

.page-id-60 img.media-object {
    max-width: 22px !important;
}

/* Extra Mobile Styling */
@media only screen and (max-width: 768px) {

.page-id-60 #after {
    display: none;
}
.mobile-anchor {
    display: block !important;
    position: relative;
    top: -60px;
    visibility: hidden;
}
.fa {
    font-size: 125%;
}
#section-projects .owl-nav .glyphicon {
    font-size: 18px;
}
.hidden-md{display:block!important}
#section-projects .content .left {
    padding: 0 30px;
}
#section-breadcrumb .col-xs-12.col-sm-12.col-md-12 {
    padding-left: 0;
}
#section-projects .content h3 {
    margin-top: 40px;
}
#section-projects .content .left {
    margin-bottom: 40px;
}
#section2 .content {
    top: 49%;
}
#section4 #company-logo .owl-carousel .owl-item img {
    max-width: 155px;
}
}

/* Extra Tablet Styling */
@media (min-width: 992px) {
#section-breadcrumb .col-md-12 {
    width: 100%;
    padding-left: 0;
}
#section-navbar nav .navbar-desktop {
    padding-left: 0 !important;
}
}
@media (max-width: 992px) {
#section-navbar .navbar-brand {
    padding: 25px 15px 25px 0px;
}
}


div#before {
    position: absolute;
    right: 0;
    height: 95px;
    width: 50%;
    z-index: 99;
    text-indent: -999px;
    cursor:pointer;
}

div#after{
    position: fixed;
    right: 0;
    bottom:0;
    height: 145px;
    width: 50%;
    z-index: 99;
    text-indent: -999px;
    cursor:pointer;
}


/* Background Position Home */
#section0 {
    background-position: 50%;
}


div#fullpage-home .section:before {
    background-color: #000000;
    opacity: .4;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}


div#fullpage-home #section0:before{
display:none;
}

/* BG Adjustments */
#section2 {
    background-position: 50% 50%;
}
#section2 .banner-image:before {
    opacity: 0;
}

/* Small Mobile */
@media only screen and (max-width: 320px) {
.navbar-brand>img {
    max-width: 210px !important;
}
#section2 .content h2 {
    margin-top: 125px;
    font-size: 39px;
    padding-right: 10px;
    line-height: 1.35;
}
}
/*Disable Landscape Mobile*/
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
html {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3e3e3e;
    background-image: url(http://thespotteddog.net.au/bc/wp-content/uploads/2017/11/pryp2.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 !important;
    height: 100vh;
    width: 100%;
    background-size: 30%;
}
html.fp-enabled {
    margin-top: 0px !important;
}
#content-wrapper {
    display: none;
}
body {
    display: none;
}
}

@media (max-width:960px) and (min-width:600px) {
#section1 .content, #section3 .content {
    padding: 45px;
}
#fp-nav.right {
    right: 0px;
}
}

.slick-dots{
bottom:-50px;
}

.slick-slide img{
max-width:100%;
}

.slick-dots li button:before{
font-size:11px;
opacity:1;
color:#fff;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fcbe43;
}

.slick-dots li{
margin:0 2px;
}
#section-contact .copyright p {
    display: none;
}
a.view-map {
    font-size: 14px;
	font-weight: bold;
}
.mobile-anchor {
    display: none;
}

.fp-viewing-contact #section-move-down #move-section-down {
    display: none;
}