/* Enter Your Custom CSS Here */
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading a, .wf-loading li   {
     font-family: "museo-slab";
     visibility: hidden;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active p, .wf-active a, .wf-active li {
     visibility: visible;
}

h1, h2, h3, h4, h5, h6, p, a, strong, li {
	font-family: 'museo-slab' !important;
  	font-weight: 300 !important;
}

/*---------- Header Widget ----------*/
#header .widget {
  padding-top: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  z-index: 999;
  line-height: 20px !important;
  font-size: 19px;
  margin-top: 52px;
  color: #838383;
  font-weight: 300;
  left: 90%;
  width: 230px;
}  

.logo {
    padding-top: 20px !important;
}


/*---------- Navigation Vertical ----------*/
nav {
    left: 300px;
    margin-top: 65px !important;
	right: none !important;
    left: 300px;  
	font-size: 15px;  
}
nav .av-main-nav-wrap {
    height: 32px;
    max-height: 32px !important;
}
nav .av-main-nav-wrap #avia-menu {
    height: 32px;
    max-height: 32px !important;
}
nav .av-main-nav-wrap #avia-menu li {
    float: none !important;
    height: 32px !important;
    max-height: 32px !important;
}
nav .av-main-nav-wrap #avia-menu li a {
    display: block !important;
    font-size: 19px !important;
    font-weight: 500;
    height: 32px !important;
    line-height: 27px !important;
    max-height: 32px !important;
}
/*---------- End of Navigation Vertical ----------*/

/*---------- Home Banner ----------*/
#home-banner-section {
    background-size: cover;
}
#home-intro .home-intro-content p {

}

#home-banner-section {
    height: 177px;
}
#home-banner-section .container {
    padding-left: 60px !important;
    padding-right: 30px !important;
}
#home-banner-section .container .content {
    padding: 0;
}
.highlited-header-text p {
    font-size: 20px;
    font-weight: 300;
}
#home-intro .home-intro-content p, #home-intro .highlited-header-text p, .header-citation, nav .av-main-nav-wrap #avia-menu li a, .home-intro-header h3, .quote-content p {
    font-weight: 300 !important;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*----------- Intro Section ----------*/
.quote-content p {
    font-size: 17px;
    font-style: italic;
    line-height: 28px;
}
.quote-content {
    background: rgba(0, 0, 0, 0) url("http://www.thehappyspine.com.au/wp-content/uploads/2016/05/leaf-watermark.png") no-repeat scroll 79px 0;
    margin-top: -50px;
    padding-bottom: 35px;
    padding-top: 57px;
}

/*----------- Footer Socket ----------*/
#socket {
    font-weight: 300;
    height: 200px !important;
    padding: 10px 0 !important;
}
#socket a {
	color: #999;
}
#socket .container {
    text-align: center;
}
#socket .copyright {
    color: #999;
    float: none !important;
    font-family: "museo-slab" !important;
    font-size: 14px;
}

/*----------- Contact Page ----------*/
.contact-page-form .wpcf7-form-control {
    font-family: "museo-slab" !important;
    font-size: 13px !important;
    margin-bottom: -10px !important;
}
.main_color *::-moz-placeholder {
    font-size: 13px;
}
.wpcf7-submit {
    margin-top: 15px;
    background: #36B1C0 !important;
}


/*----------- Subpages Page ----------*/
.subpages-header h3 {
    color: #36B1C0 !important;
    font-weight: 500 !important;
}


/*------------------------------ Mobile Responsive ------------------------------*/
/*----- Laptop and Other Wide Screen Devices -----*/
@media only screen and (max-width : 1024px) {
#home-banner-img {
    background-size: cover !important;
    height: 300px !important;
} 
}

@media only screen and (max-width : 980px) {
#advanced_menu_toggle {
    background: #36B1C0 !important;
    color: #ffffff !important;
}
#header .widget {
    left: 77%;
}    
}

/*----- iPad , iPad Mini (Portrait View) -----*/
@media only screen and (max-width : 768px) {
  #home-banner-img {
    height: 250px !important;
} 
#header .widget {
    left: 70%;
}
.highlited-header-text p {
    font-size: 15px;
}
.quote-content {
    background: rgba(0, 0, 0, 0) url("http://www.thehappyspine.com.au/wp-content/uploads/2016/05/leaf-watermark.png") no-repeat scroll -15px 0;
    margin-top: 10px;
} 
.quote-content p br {
    display: none;
}  
}

/*----- iPhone 6 Plus (Landscape View) -----*/
@media only screen and (max-width : 736px) {
#header_main {
    height: 155px;
}  
.responsive .logo img {
    max-height: 120px;
}
#header .widget {
    font-size: 16px;
    line-height: 19px !important;
    margin-top: 4px;
}  
#advanced_menu_toggle {
    margin-top: -50px !important;
}
  .quote-content {
    background: rgba(0, 0, 0, 0) url("http://www.thehappyspine.com.au/wp-content/uploads/2016/05/leaf-watermark.png") no-repeat scroll 160px 0;
    margin-top: 10px;
    padding-bottom: 110px;
    padding-top: 105px;
}
}

/*----- Samsung Galaxy 3, S3, S4, Note (Landscape View) -----*/
@media only screen and (max-width : 640px) {
#home-banner-section .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}

/*----- iPhone 6 (Landscape View) -----*/
@media only screen and (max-width : 627px) {}

/*----- iPhone 5 (Landscape View) -----*/
@media only screen and (max-width : 568px) {
.highlited-header-text p {
    font-size: 14px;
}
}

/*----- iPhone 4 (Landscape View) - iPhone 6 Plus (Portrait View) -----*/
@media only screen and (max-width : 480px) {
.highlited-header-text p {
    font-size: 14px;
    line-height: 22px;
}
.quote-content {
    background: rgba(0, 0, 0, 0) url("http://www.thehappyspine.com.au/wp-content/uploads/2016/05/leaf-watermark.png") no-repeat scroll 80px 0;
} 
}

/*----- iPhone 6 Plus (Portrait View) -----*/
@media only screen and (max-width : 414px) {
#header .widget {
    font-size: 11px;
    line-height: 19px !important;
    margin-top: 12px;
    left: 78%;    
}
 
}

/*----- iPhone 6 (Portrait View) -----*/
@media only screen and (max-width : 375px) {
.responsive .logo img {
    max-height: 90px;
}
.logo {
    padding-top: 33px !important;
}
#advanced_menu_toggle {
    margin-top: -40px !important;
}  
.highlited-header-text p {
    font-size: 12px;
    line-height: 22px;
}  
}

/*----- Samsung Galaxy 3, S3, S4, Note (Portrait View) -----*/
@media only screen and (max-width : 360px) {
.quote-content {
    background: rgba(0, 0, 0, 0) url("http://www.thehappyspine.com.au/wp-content/uploads/2016/05/leaf-watermark.png") no-repeat scroll 40px 0;
}
  .home-btn .avia_iconbox_title {
    font-size: 12px;
}
}

/*----- iPhone 4, 5 (Portrait View) -----*/
@media only screen and (max-width : 320px) {
#header .widget {
    display: none;
}
.highlited-header-text p {
    font-size: 11px;
    line-height: 22px;
}  
}