/*
Theme Name: Whiteblack Digital
Theme URI: http://whiteblackdigital.com.au
Author: Whiteblack Digital
Author URI: http://whiteblackdigital.com.au
Version: 1.0
*/




/* ==========================================================================
   Witeblack Digital Custom Styles
   ========================================================================== */

 /* Construction
-------------------------------------------------- */

 iframe{width:100%;
	   height: 700px;
   }
   
   
  .page-id-550 .navbar-inverse{top:0px;}
  




.smallwidth{max-width: 900px;
	margin: 0 auto;
}



.singleheader{margin-top: 0px!important;}




 /* Mobile Menu
-------------------------------------------------- */
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link{
	text-decoration: none!important;
	font-family: "termina",sans-serif!important;
font-style: normal!important;
font-weight: 400!important;
text-transform: uppercase!important;
letter-spacing: 1px!important;
font-size: 9px!important;
}





 /* Sticky Menu
-------------------------------------------------- */


.animate-in {
	opacity: 0;
}
@keyframes come-in {
  0%, 20% {
    transform: translate(0,50px);
    -ms-transform: translate(0,30px);
    -webkit-transform: translate(0,30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    opacity: 1;
  }
}
.come-in {
  transform: translateY(50px);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  opacity: 0;
  animation: come-in 1.1s ease forwards;
/*  animation: come-in 1.1s infinite alternate;*/
  -webkit-animation: come-in 1.1s ease forwards;
}
.come-in:nth-child(even) {
  animation-duration: 1.3s;
  -webkit-animation-duraton: 1.3s;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
}


.res-sticky {
  position: fixed !important;
  top: 12px!important;
}



.navbar-inverse{
  width: 100%;  
  position: absolute;
}

.admin-bar .res-sticky{
  top: 12px !important; 
}
.mainbanner{
  width: 100%;
}
.sticky-header {
  position: fixed;
  top:0;   
}
.admin-bar .sticky-header {
  top: 32px;
}


.sticky-header{
	  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




 /* Single Project Footer
-------------------------------------------------- */

footer-2{
    display: none;
}







 /* Parallax
-------------------------------------------------- */


.parallax {
    /* The image used */
    background-image: url("http://cr8property.com.au/wp-content/uploads/2017/08/Current-Project.jpg");

    /* Set a specific height */
    min-height: 300px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -20px;
    margin-bottom: -10px;
    border-top: solid 1px #333;
    text-align: center;
    outline: none;
}


.parallax h2 {
    text-align: center;
    margin-top: 110px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px;
    display: inline-block;
}



.parallax.p2 {
    /* The image used */
    background-image: url("http://cr8property.com.au/wp-content/uploads/2017/08/Past-Project.jpg");
}


.parallax.p3 {
    /* The image used */
    background-image: url("http://cr8property.com.au/wp-content/uploads/2017/08/Commercial-Project.jpg");
}


.parallax.p4 {
    /* The image used */
    background-image: url("http://cr8property.com.au/wp-content/uploads/2017/08/Contact-Us.jpg");
}





 /* Desktop Menu
-------------------------------------------------- */



img.desk_logo{
    position: absolute;
    top: 0px;
    margin-left: 500px!important;
    z-index: 100;
        width: 110px;
        padding-top: 20px;
}


.leftNav a, .rightNav a{color: #fff;
	text-decoration: none;
	font-family: "termina",sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9px;
-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;

}


.leftNav a:hover, .rightNav a:hover{color: #fff;text-decoration: underline;}

ul#menu-left-menu, ul#menu-left-menu-single{
    float: left;
    list-style-type: none;
    padding-top: 50px;
}


ul#menu-left-menu li, ul#menu-left-menu-single li{float: left;
	    margin-right: 30px;
	    color: #fff;
}




ul#menu-right-menu,ul#menu-right-menu-single{
    list-style-type: none;
    float: right;
    padding-top: 50px;
}


ul#menu-right-menu li, ul#menu-right-menu-single li{float: left;
	margin-left: 30px;
	
	}



/* Map
-------------------------------------------------- */


#map-canvas{
	width:100%;
	height:400px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 90px;
	margin-top: 30px;
   }

#gmap{
margin-bottom:-10px;
}





  /* Single Project 
-------------------------------------------------- */


html,body{margin:0; padding:0;width:100%;height:100%!important; overflow-x: visible;}
		
	#project-slider.flexslider, #project-slider.flexslider .flex-viewport	{width:100%;height:100%!important; margin:0;padding:0;}
		
		#project-slider.flexslider .slides		{height:100%!important;}
             #project-slider.flexslider .slides li 	{width:100%;height:100%!important; margin:0;padding:0;			
								  -webkit-background-size: cover!important;
								  -moz-background-size: cover!important;
								  -o-background-size: cover!important;
								  background-size: cover!important;
		}




#project-slider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 50px!important;
    text-align: center;
}





#project-slider.flexslider{border: none!important;}



.single_project_text{
    display: block;
    position: fixed;
    bottom: 65px;
    left: 30px;
    color: #fff;
    background-color: rgba(102, 102, 102, 0.3);
    padding: 30px;
    border: solid 1px #fff;
}


.single_project_text p{color: #fff;}




.singlep .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 130px!important;
    text-align: center;
}



.singleback{
    position: absolute;
    top: 40vh;
    left: 30px;
    z-index: 100;
}




.flex-control-paging li a:hover {
  background: #fff!important;
}



.flex-viewport{background-color: #666;}


  /* Intro Section
-------------------------------------------------- */


img.scroll{
  position:relative;
  top: -75px;
}

.flexslider.mainbanner{
    border: none;
    background-color: #fff;
    margin: 0px;
    margin-top: 120px;
}


.flexslider.mainbanner .flex-viewport{background-color: #333333;}





  /* Home Section
-------------------------------------------------- */


 img.smalllogo{
    width: 350px;
    height: auto;
}



section#home{background-color: #fff;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 70px;
}




.content_home p, .content_home h2{color: #333;}


.flex-direction-nav a{height: 50px!important;}



.flex-control-nav{bottom: 10px!important;}



.flexslider.mainbanner .flex-viewport{max-height: 650px;}




.flexslider.mainbanner{overflow: hidden!important;}









  /* About Section
-------------------------------------------------- */


img.xsmalllogo{
    width: 250px;
    height: auto;
}



section#about{background-image: url(images/about_bg.jpg);
	height: 100vh;
	background-position: center center;
	text-align: center;
	    margin-top: -60px;
	    background-size: cover;
}


section#about .after{position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.50);
}


.xsmalllogo{position: relative;}

.content_about{padding-top: 3%;}



.foo img:last-child{display:none}
.foo:hover img:first-child{display:none}
.foo:hover img:last-child{display:inline-block}

a.foo.a{margin-right: 15px;
	text-decoration: none;
}


a.foo.a img{width:50px; height:50px;}


a.foo.c{margin-left: 15px;
	text-decoration: none;
}


a.foo.b{
	text-decoration: none;
}





.panel-heading.active{background-color:  #2c88c9;color: #fff;}


.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{text-decoration: none;}


.panel-default>.panel-heading {
    color: #333!important;
    background-color: #fff!important;
    border-color: #333!important;
    -webkit-transition: all 0.25s ease-out;     
	-moz-transition: all 0.25s ease-out;  
       -o-transition: all 0.25s ease-out;  
          transition: all 0.25s ease-out; 
}


.panel-default>.panel-heading:hover {
    color: #fff!important;
    background-color: #333!important;
    border-color: #333!important;
}





.panel-title a{
    display: block;
    padding: 15px;
}

.panel-group .panel{border-radius: 1px!important;
	margin-bottom: 15px;
}

.panel-title a:hover,.panel-title a:focus{color:#fff!important;}




.panel-default {
    border-color: #333!important;
}

.panel-heading.active{background-color:  #333!important;
	color: #fff!important;}









  /* Portfolio Section
-------------------------------------------------- */


section#portfolio{background-color: #fff;
		    text-align: center;
		    padding-top: 30px;padding-bottom: 70px;
	   
}


section#portfolio h4, section#portfolio p{color: #333;}


section#portfolio h2{color: #333;
	position: relative;
}


.content_portfolio{}




a.project_but {
    display: block;
    margin-bottom: 30px!important;
    background-color: rgba(255, 255, 255, 0.25);
    color: #333;
    max-width: 80%;
    margin: 0 auto;
    border: solid 1px #333;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;
}



span.title{font-family: "termina",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 1.125em;}



a.project_but:hover, a.project_but:focus{background-color: #333;
	color: #fff!important;
}


.projects_body_home{margin-top: 60px;}

.projects_body_home h4{
    margin-bottom: 30px;
}




  /* Past Projects Section
-------------------------------------------------- */


section#past_projects{background-color: #fff;
	    text-align: center;
	    padding-top: 30px;padding-bottom: 70px;
}


section#past_projects h4, section#portfolio p{color: #333;}


section#past_projects h2{color: #333;
	position: relative;
}





  /* Past Projects Section more
-------------------------------------------------- */


section#past_projects.past_projects.more {
    background-image: url(images/past_more.jpg);
    height: 100vh;
    background-position: center center;
    margin-top: 0px;
    text-align: center;
    background-size: cover;
}








  /* Contact Section
-------------------------------------------------- */


section#contact{background-color: #fff;
		padding-top: 60px;padding-bottom: 0px; 
	    text-align: center;
	   
}






img.scrolltop{
  position:relative;
  top: -20px;
}


#input_1_1,#input_1_2, #input_1_3, #input_1_4{
    background-color: transparent;
    border: solid 1px #333333;
    height: 45px;
    padding-left: 10px;
    outline: none;
}



#input_1_5{
    background-color: transparent;
    border: solid 1px #333333;
    padding-left: 10px;
    margin-top: 15px;
    outline: none;
    padding-top: 10px;
    height: 100px;
}



#gform_1 > div.gform_footer.top_label{text-align: center;}


#gform_submit_button_1{border: solid 1px #666;
	background-color: transparent;
	font-family: "termina",sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
width: 160px;
    padding-top: 12px;
    padding-bottom: 10px;
    outline: none;
    letter-spacing: 2px;
    }



#gform_submit_button_1:hover, #gform_submit_button_1:focus{background-color: #333333;
	color: #fff;
}





::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}




  /* Side Nav
-------------------------------------------------- */

.one-page-nav{
    position:fixed;
    right: 5%;
    top:35%;
    z-index: 10000;
    
}
.side-nav ul{}
.side-nav ul li{
    list-style: none;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: right;
}
.side-nav ul li a{
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}
.side-nav ul li a span.mnu-box{
    width: 14px;
    height: 14px;
    background: transparent;
    display: inline-block;
    margin-left: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
}





.side-nav ul li a span.mnu-txt{
  display:none;
  font-family: "termina",sans-serif;
font-style: normal;
font-weight: 500;
color: #fff;
letter-spacing: 2px;
font-size: 11px; 
}


.side-nav ul li a:hover span.mnu-txt{
   display:inline-block; 
}


/*
	.side-nav ul li.current a span.mnu-txt{
    display: inline-block;
}

*/


.side-nav ul li.current a span.mnu-box{
    background: rgba(255, 255, 255, 0.7);
}

.oneNav{
    
}
.prt-men-clr .side-nav ul li a span.mnu-box{
     border: 2px solid #fff;   
}
.prt-men-clr .side-nav ul li a span.mnu-txt{
  color: #fff;
}
.prt-men-clr .side-nav ul li a:hover span.mnu-txt{
  color: #fff;
}
.prt-men-clr .side-nav ul li.current a span.mnu-box{
  color: #fff;
    background: #fff;
}

.prt-men-clr .side-nav ul li.current a:hover span.mnu-box{
    background: #fff;
}


  /* Remove outline firefox
-------------------------------------------------- */



a:focus { 
    outline: none!important; 
}

button::-moz-focus-inner {
  border: 0 !important;
}



 /* Image Responsive
-------------------------------------------------- */


img{max-width: 100%;}
img{ -ms-interpolation-mode: bicubic; }
  
   
   
    /* Full Width Title
-------------------------------------------------- */
   
   .page-header{background-color:#eee;
	     margin-top: 120px!important;
	     padding-bottom: 0px;
	    
   }
   
   .page-header h2 {color:#333333!important;}
   
  
  .full-width-content{
  padding-top: 30px;
  padding-bottom: 30px;
}
   
   
  
   
         

/* Navbar
-------------------------------------------------- */

.navbar-nav a{color: #fff!important;
	-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;
}




.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  background:none;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  background: none;}
  


.navbar-inverse{background-color: #333333;
	border-bottom-color: #333333;
	border-color: #333333;
	border-radius: 0px;
	height: 120px;
	margin-bottom: 0px;
	z-index: 100;
	margin-top: -120px;
}

.admin-bar .navbar-fixed-top {
	margin-top: 30px;
}

.sub-menu li {
	margin-bottom: 10px;
	list-style: none;
}

.sub-menu li:last-child {
	margin-bottom: 0;
}

.sub-menu a  {
	color: #999;
	text-decoration: none;
}

.sub-menu a:hover  {
	color: #fff;	
}	

.current-menu-item > a, .current-menu-parent > a {
	background: none;
	color:#fff!important;
}
.current-menu-parent li a {
	background: inherit;
}
.current-menu-parent .current-menu-item a {
	color: #fff;
	font-weight: bold;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border:none!important;
}



/* Button
-------------------------------------------------- */

.btn-primary{font-family: "termina",sans-serif;
font-style: normal;
font-weight: 400;
background-color: transparent;
border: solid 1px #fff;
border-radius: 0px;
color: #fff;
font-size: 15px;
padding-left: 30px;
  padding-right: 30px;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;
}


.btn-primary:hover, .btn-primary:focus{
	background-color: #fff;
	color: #000;
	border: solid 1px #666;
}


.btn-primary.left{margin-right:10px;
	width: 230px;
}

.btn-primary.right{margin-left: 10px;
	width: 230px;
}



/* Footer Style
-------------------------------------------------- */

footer ul, ol {
margin-top: 0;
margin-bottom: 10px;
list-style: none;
margin-left: -40px;
}

footer{color:#fff!important;}

footer a{color:#fff!important;
	-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;
}

footer a:hover{color:#aecd2e!important;
	text-decoration:none;
}


footer .current-menu-item > a, .current-menu-parent > a{background: none;
	color:#aecd2e!important;
}


.footer-widgets h3{font-size: 1em!important;
	color: #afcb08;
}

   
.footer-widgets{padding-top: 40px;
  font-size: 0.8em;
  line-height: 26px;
}   


#copyright p{font-size: 0.8em;
	color: #fff!important;
	padding-top: 40px;
}

#copyright a{
	color: #fff!important;
}

#copyright a:hover{
	color: #fff!important;
	text-decoration: underline;
}

#copyright {
	text-align: center;
}








/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}




/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}





/* Sticky footer
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

footer {
  position: relative;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 100px;
}




/* Typography
-------------------------------------------------- */


h1 {font-size: 2.25em;
	font-family: "termina",sans-serif;
font-style: normal;
font-weight: 500;
color: #fff;
line-height: 1.4;
letter-spacing: 3px;
text-transform: uppercase;
}


h2 {font-size: 1.75em;
	font-family: "termina",sans-serif;
font-style: normal;
font-weight: 500;
color: #333;
line-height: 1.4;
letter-spacing: 3px;
text-transform: uppercase;
}


h3 {font-size: 1.3125em;
	font-family: "termina",sans-serif;
font-style: normal;
font-weight: 500;
color: #fff;
line-height: 1.4;
letter-spacing: 3px;
text-transform: uppercase;
}


h4 {font-size: 1.125em;
	font-family: "termina",sans-serif;
font-style: normal;
font-weight: 500;
color: #fff;
line-height: 1.4;
letter-spacing: 2px;
text-transform: uppercase;
}



h5 {font-size: 1em;
	font-family: "termina",sans-serif;
font-style: normal;
font-weight: 500;
color: #fff;
letter-spacing: 2px;
line-height: 1.4;
text-transform: uppercase;
}

p {font-size:1.1em;
	font-family: "bookmania",serif;
font-style: normal;
font-weight: 300;
    color: #333;
	
}

body{font-size: 100%;
	line-height: 1.4;
	font-family: "bookmania",serif;
font-style: normal;
font-weight: 300;
    color: #333;
}

html { font-size:100%; }

b, strong {font-family: "bookmania",serif;
font-style: normal;
font-weight: 400;
}



a{color: #333;
}


a:hover, a:focus{color: #333;
}





ol {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0px;
    list-style: decimal;
}


ul {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: -20px;
    list-style: disc;
}




#content-full {
	margin-bottom:20px;
	margin-top:40px;
	}




footer {
  width: 100%;
  background-color: #333;
}



.sidebar { 
	margin-top: 40px;
	color: #444;
}

.sidebar h3 {
	color: #888;
}

.widget {
	margin: 10px 0 30px;
}

article.post {
	margin: 20px 0 40px;
}

.featured-image img,
.portfolio-piece img,
.portfolio-image img {
	max-width: 100%;
}

.prev-next {
	font-size: 24px;
	margin-top: 30px;
	text-align: right;
}



/*
 * RESPONSIVE STYLES
 * --------------------------------------------------
 */


/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

.smallwidth {
    max-width: 800px;
    margin: 0 auto;
}


ul#menu-left-menu li, ul#menu-left-menu-single li {
    float: left;
    margin-right: 15px;
    color: #fff;
}

ul#menu-right-menu li, ul#menu-right-menu-single li {
    float: left;
    margin-left: 15px;
}

img.desk_logo {
    position: absolute;
    top: 0px;
    margin-left: 405px!important;
    z-index: 100;
    width: 110px;
    padding-top: 20px;
}



.leftNav a, .rightNav a{font-size: 8px;}

img.desk_logo{width: 90px;}

    }




@media (min-width:1200px) {

#intro{min-height: 550px;}
}



@media (min-width:992px) {

.nav_small{
    display: none;
}


img.mob_logo{display: none!important;}


.momenu{display: none;}


#intro{min-height: 450px;}


}












@media (min-width:768px) {
	
	/* Navbar
---------------- */

	
	.navbar-nav>li>.dropdown-menu{background: #72777a;
		padding: 10px 15px;
		width: 200px;
		z-index: 100;
		opacity: 0.9;	
		border-radius: 1px;
		border: solid 1px #72777a;
		}
	
	
	.navbar-nav {
float: right;
margin: 0;
clear: right;
}




ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}


.dropdown-menu>li>a:hover{background:none;}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background:none;
}


#single_project > div.single_project_text_mobile{display: none;}


#intro{min-height: 350px;}





}




@media (max-width:991px) {

/* Sticky footer
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
}
footer {
  position: relative;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 100px;
}

.smallwidth {
    max-width: 600px;
    margin: 0 auto;
}


img.mob_logo{width: 70px;
	padding-top: 15px;
}

img.desk_logo{display: none;}

.navbar-nav>li {
    float: left;
    margin-right: -5px;
}

.navbar-inverse{height: 130px;
	text-decoration: none;
	font-family: "termina",sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 8px;
}


.one-page-nav{display: none;}


.navbar-inverse.sticky-header{display: none;}


.navbar-inverse{display: none!important;}

#intro {
    margin-top: -40px;
}


#responsive-menu-pro-container #responsive-menu-pro-wrapper{margin-top: 80px!important;}
  




.page-header {
    background-color: #eee;
    margin-top: 80px!important;
    padding-bottom: 0px;
}

}




/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
  
  
/* Sticky footer
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */

}
footer {
  position: relative;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 100px;
}

#copyright p {
  font-size: 0.8em;
  color: #fff!important;
  text-align: center;
}


/* Menu/Header/Toggle
-------------------------------------------------- */

.img-responsive2{
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-inverse .navbar-toggle{border: none!important;}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: transparent!important;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 30px;
  height: 4px;
  border-radius: 1px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #FFFFFF;
}



.smallwidth {
    max-width: 400px;
    margin: 0 auto;
}


html, body { overflow: visible;
	background-color: #333;
}




img.mob_logo{
    text-align: left;
    float: left;
    width: 85px;
    padding-top: 25px;
}



.navbar-inverse{height: auto;
}



.nav>li {
    border-bottom: solid 1px rgba(132, 129, 129, 0.8);
    text-align: center;
}


.nav>li:last-child {border-bottom: none;}


.navbar-nav>li {
    float: none;
    margin-right: 0px;
}


.navbar-toggle{margin-top: 45px;}



a.arrow{
    display: none;
}




.btn-primary.left {
    margin-right: 0px;
    width: 230px;
    margin-bottom: 30px;
}


.btn-primary.right {
    margin-left: 0px;
    width: 230px;
}

.abc2{margin-top: 40px;}

.pc2{margin-top: 40px;}


.flexslider .slides img {

    height: auto!important;
}

.navbar-nav>li>a{line-height: 30px;}

#project-slider .flex-control-nav{display: none;}


.single_project_text_mobile{
    text-align: center;
    padding-top: 30px;
    background-color: #666;
    color: #fff;
    
}

.single_project_text_mobile p{color: #fff;}

.singleback{display: none;}

.navbar-collapse{box-shadow: none;
	border-bottom: solid 1px #fff;
}

#intro{min-height: 200px!important;}



}





/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {


.smallwidth {
    max-width: 290px;
    margin: 0 auto;
}

#intro {
    min-height: 160px!important;
}



.navbar-inverse {
    background-color: #333333;
    border-color: #333333;
    text-align: center;
    display: block;
}


.parallax {
    background-image: url(http://cr8property.com.au/wp-content/uploads/2017/08/Current-Project-1.jpg)!important;
    background-attachment: inherit;
    min-height: 330px!important;
}


.parallax.p2 {
    background-image: url(http://cr8property.com.au/wp-content/uploads/2017/08/Past-Project-1.jpg)!important;
    background-attachment: inherit;
    min-height: 300px!important;
}


.parallax.p3 {
    background-image: url(http://cr8property.com.au/wp-content/uploads/2017/08/Commercial-Project-1.jpg)!important;
    background-attachment: inherit;
    min-height: 330px!important;
}


.parallax.p4 {
    background-image: url(http://cr8property.com.au/wp-content/uploads/2017/08/Contact-Us-1.jpg)!important;
    background-attachment: inherit;
    min-height: 300px!important;
}

.parallax h2 {width: 100%;}


    }







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.gform_page_footer:before,
.gform_page_footer:after,
.gform_page_fields:before,
.gform_page_fields:after,
.gfield_radio:before,
.gfield_radio:after,
.clear-multi:before,
.clear-multi:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after,
.gform_page_footer:after,
.gform_page_fields:after,
.gfield_radio:after,
.clear-multi:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix,
.gform_page_footer,
.gform_page_fields,
.gfield_radio,
.clear-multi {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}