/*
	Theme Name: Buy Assist Theme
	Version: 1.0.0
	Author: Sean Kennedy @seank_au
	Author URI: http://seankennedy.com.au/
*/

/*=============================================================================
  Base
  ========================================================================== */
	
	body {
		background-color: #fff;
		font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1em;
		line-height: 1.5em;
		font-weight: 300;
		color: #333;
	}
	
	/* Headings
	------------------------------------------------------------------------ */
	
	h1, h2, h3, h4, h5, h6 {
		font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	/* Links
	------------------------------------------------------------------------ */
	
	a, a:visited {
		text-decoration: none;
		color: #4ba3d5;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	/* Text Selection
	------------------------------------------------------------------------ */
	
	::selection {
		background: #B4D5FF;
		text-shadow: none;
	}
	
	::-webkit-selection {
		background: #B4D5FF;
		text-shadow: none;
	}
	
	::-moz-selection {
		background: #B4D5FF;
		text-shadow: none;
	}
	
	/* Text Inputs
	------------------------------------------------------------------------ */
	
	input[type="text"], input[type="password"], input[type="email"], textarea {
		font-size: 0.9em;
		margin: 0;
		background-color: #FFFFFF;
		border: 1px solid #CFCFCF;
		color: #7A7A7A;
		padding: 0px 10px;
	}
	
	input[type="text"], input[type="password"], input[type="email"] {
		line-height: 32px;
		height: 32px;
	}
	
	/* Buttons
	------------------------------------------------------------------------ */
	
	.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {
		padding: 10px 25px;
		background-color: #4ba3d5;
   		color: #ffffff;
		font-size: 0.9em;
		margin: 0;
	}
	
	.btn:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
		background-color: #aaa;
		color: #fff;
	}
	
	.btn.disabled {
		cursor: not-allowed;
		color: #ccc;
	}
	
	.btn.disabled:hover {
		background: #f1f1f1;
	}
	
/*=============================================================================
  Typography
  ========================================================================== */
  
    .heading-large {
        /*color: #f1da00;*/
        color: #4ba3d5;
        font-weight: 100;
        font-size: 3.4em;
        text-transform: none;
    }
    
    .heading-medium {
        color: #4ba3d5;
        font-weight: 500;
        font-size: 3.4em;
        line-height: 1em;
        text-transform: none;
    }
    
    .heading-intro {
        font-size: 1.9em;
        line-height: 1.1em;
        text-transform: none;
    }
    
    h1, h2, h3, h4, h5, h6 {
        color: #4ba3d5;
    }
    
    h1, h2, h3, h4, h5, h6 {
        text-transform: uppercase;
    }

/*=============================================================================
  Default Layout (Core)
  ========================================================================== */
  
	/* Wraps
	------------------------------------------------------------------------ */
	
	html,
	body {

	}
	
	.wrap {
		margin: 0 auto;
		max-width: 1200px;
		padding: 0 30px;
	}
				
	/* Header
	------------------------------------------------------------------------ */
	
	.header {
    	position: fixed;
    	z-index: 1;
    	top: 0;
    	left: 0;
    	height: 100%;
    	width: 320px;
        background: #343434;
        padding: 2em;
        /*overflow-y: scroll;*/
	}
	
	    .header-table {
    	    display: table;
    	    height: 100%;
    	    width: 100%;
	    }
	
	    .header-top {
    	    display: table-row;
	    }
	    
    	    .header-top .header-cell {
        	    display: table-cell;
        	    vertical-align: top;
    	    }
	    
	    .header-middle {
    	    display: table-row;
	    }
	    
    	    .header-middle .header-cell {
        	    display: table-cell;
        	    vertical-align: bottom;
        	    padding: 2em 0;
    	    }
	    
	    .header-bottom {
    	    display: table-row;
	    }
	    
    	    .header-bottom .header-cell {
        	    display: table-cell;
        	    vertical-align: bottom;
    	    }
    	    
        /* Lets Talk Logo */
    	    
        .lets-talk-logo {
            max-width: 75%;
        }
        
        .lets-talk-charcoal {
            display: block;
            margin: 0;
            width: 10em;
            position: relative;
            top: 1.5em;
            left: 0.2em;
        }
        
        /* Header List */
        
        .header-list {
            list-style: none;
            margin: 0;
        }
        
            .header-list li {
                padding: 0.4em 0;
                border-bottom: 1px solid #fff;
            }
        
            .header-list li,
            .header-list li a {
                color: #fff;
            }
            
                .header-list li span {
                    text-transform: uppercase;
                }
                
        /* Social List */
        
        .social-list {
            list-style: none;
            margin: 1.5em 0 0 0;
        }
            
            .social-list li {
                float: left;
            }
        
                .social-list li a {
                    display: block;
                    margin-right: 1em;
                }
                
                .social-list li img {
                    display: block;
                    margin: 0;
                    height: 1.55em;
                }
	
	/* Logo */
		
	.logo {
    	margin-top: 1em;
		display: block;
		max-width: 240px;
	}
	
		.logo img {
			display: block;
			margin: 0;
		}
		
    @media only screen and (max-width: 1650px) {
        
        .header {
            font-size: 0.85em;
            width: 280px;
        }
        
        .lets-talk-logo {
            max-width: 65%;
        }
    
    }
	
	/* Default Content
	------------------------------------------------------------------------ */
	
	html, body,
	.body-wrapper {
    	height: 100%;
	}
	
	body.home,
	body.home .body-wrapper {
    	height: auto;
	}
	
	.body-container {
		z-index: 4;
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
		padding-left: 320px;
		background: #fff;
		overflow-y: scroll;
	}
	
    @media only screen and (max-width: 1650px) {
    
        .body-container {
            padding-left: 280px;
        }
    
    }
		
		/* Lists
		------------------------------------------------------------------------ */
	
		.body-content > ul,
		.body-content > ol,
		.panel-text-inner > ul,
		.panel-text-inner > ol {
			margin-left: 20px;
		}
	
        /* Unordered List (ul) */
		
		.body-content > ul li,
		.panel-text-inner > ul li {
			list-style: none;
		}
		
		.body-content > ul li:before,
		.panel-text-inner > ul li:before {
			content: "\2014 ";
			display: block;
			position: relative;
			left: -20px;
			max-height: 0;
            max-width: 0;
		}
		
		/* Ordered List (ol) */
		
		.body-content > ol,
		.panel-text-inner > ol {
			position: relative;
			counter-reset: item;
		}
		
			.body-content > ol li,
			.panel-text-inner > ol li {
				list-style: none;
			}
			
			.body-content > ol li:before,
			.panel-text-inner > ol li:before {
				position: absolute;
				left: -20px;
            	content: counter(item) ". ";
				counter-increment: item;
				color: #4ba3d5;
        	}
        	
		/* Intro Para
		------------------------------------------------------------------------ */
		
		.intro-para > p:first-of-type {
			font-size: 1.3em;
			line-height: 1.4em;
		}
		
		@media only screen and (max-width: 850px) {
			
			.intro-para > p:first-of-type {
				font-size: 1.25em;
			}
		
		}
		
		@media only screen and (max-width: 850px) {
			
			.intro-para > p:first-of-type {
				font-size: 1.15em;
			}
		
		}
		
		/* Pagination
		------------------------------------------------------------------------ */
		
		.pagination {
			margin: 30px 0;
		}
	
		.pagination a,
		.pagination a:hover {
			color: #333;
			text-decoration: none;
			border-bottom: none;
		}
		
		.pagination .page-numbers {
			padding: 7px 12px 3px 12px;
			display: block;
			float: left;
			margin-right: 5px;
			background: #EFF0F1;
		}
		
		.pagination span.current {
			background: #FFB612;
			color: #fff;
		}
	
	/* Footer
	------------------------------------------------------------------------ */
	
	.footer {
		
	}
	
/*=============================================================================
  Navigation
  ========================================================================== */
  	
	/* Nav
	------------------------------------------------------------------------ */
    
    .nav { 
        margin: 3em 0 0 0;
        list-style: none;
    }
    
        .nav li {
            
        }
        
            .nav li a {
                display: block;
                padding: 0.2em 0.5em 0.2em 0;
                color: #fff;
                text-transform: uppercase;
                outline: none;
            }
	
	/* Mobile Navigation
	------------------------------------------------------------------------ */
	
	@media only screen and (max-width: 1024px) {
	
		.mobile-nav {
			background: #333;
		}
		
		.body-container {
    		padding-left: 0;
		}
		
		.nav-list a {
			background: #333;
			color: #fff;
			padding: 15px 20px;
			border-bottom: 1px solid #444;
		}
		
		/* Current Item */
		
		.nav-list .current-menu-item > a:before,
		.nav-list .sub-menu .current-menu-item > a:before {
			width: 4px;
			background: slategrey;
		}
		
		/* 2nd Tier */
		
		.nav-list .sub-menu a {
			background: #292929;
		}
		
		/* 3rd Tier */
			
		.nav-list .sub-menu .sub-menu a {
			background: #212121;
		}
		
		/* Sub Menu Trigger
		------------------------------------------------------------------------ */
		
		.sub-menu-trigger {
			border-left: 1px solid #444;
		}
		
		.sub-menu-trigger i {
			color: #fff;
		}
		
		/* 2nd Tier */
		
		.sub-menu .sub-menu-trigger {
			background: #292929;
		}
		
		/* Nav Trigger
		------------------------------------------------------------------------ */
		
		.nav-trigger {
            position: absolute;
            z-index: 999;
            lefT: 2em;
		}
		
		.nav-trigger i {
			color: #fff;
			font-weight: 100;
		}
	
    }

/*=============================================================================
  Components
  ========================================================================== */
  
	/* Panels
	------------------------------------------------------------------------ */
  
    .panel-container {
        height: 100%;
        position: relative;
        overflow-y: scroll;
    }
    
        .panel {
            /*position: absolute;
            z-index: 3;
            top: 0;
            left: 0;*/
            position: relative;
            width: 100%;
            min-height: 100%;
			background-position: center center;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
        }
        
            .panel-description {
                position: absolute;
                z-index: 4;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 223px;
                padding: 3em;
                background: url(img/gradient-bg-1.png) bottom left repeat-x;
            }
            
                .panel-description-container {
                    position: relative;
                    height: 100%;
                }
            
                    .panel-description-heading {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        /*color: #4ba3d5;*/
                        color: #fff;
                        font-weight: 100;
                        font-size: 4em;
                        margin: 0;
                        text-transform: none;
                        line-height: 1.1em;
                    }
                    
                        .panel-description-heading a {
                            color: #fff;
                        }
                        
                        .panel-description-heading i {
                            font-size: 0.85em;
                            left: 0.4em;
                            position: relative;
                        }
                    
                    .panel-description-cta {
                        display: block;
                        position: absolute;
                        z-index: 10;
                        right: 0;
                        bottom: 0;
                        color: #fff;
                        font-size: 1.4em;
                        font-weight: 100;
                    }
                    
            .panel-slideout {
                position: absolute;
                z-index: 1;
                top: 0;
                width: 30%;
                height: 100%;
                padding: 0.5em 3em 2em 3em;
            }
            
                .panel-slideout-left {
                    left: 0;
        			background-position: center center;
        			background-repeat: no-repeat;
        			-webkit-background-size: cover;
        			background-size: cover;
                }
                    
                    .panel-slideout-left:before {
                        content: " ";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        /*background-color: #000;
                        background-color: rgba(0,0,0,0.7);*/
                        background: transparent url(img/bg-gradient.png) bottom left repeat-x;
                        
                    }
                    
                    .panel-slideout-left:after {
                        content: " ";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        /*background-color: #000;
                        background-color: rgba(0,0,0,0.7);*/
                        background: transparent url(img/bg-gradient-reversed.png) top left repeat-x;
                        
                    }
                    
                    .panel-slideout-left-text {
                        position: relative;
                        z-index: 5;
                    }
                
                .panel-slideout-right {
                    right: 0;
                }
                
                .panel-slideout-text {
                    right: 0;
                    width: 70%;
                    background: #fff;
/*                    overflow-y: scroll;*/
                    padding: 0;
                }
                
                    .panel-text-inner {
                        padding: 0.5em 3em 2em 3em;
                        max-width: 950px;
                    }
                
                .panel-slideout .heading-intro {
                    margin: 0 0 0.35em 0.1em;
                }
                
                .panel-slideout .heading-medium {
                    margin: 0 0 0.4em 0;
                }
                
                .panel-slideout-left p,
                .panel-slideout-right p {
                    color: #fff;
                    font-size: 1.75em;
                    line-height: 1.25em;
                }
                
    @media only screen and (max-width: 1650px) {
        
        .panel-slideout-left {
            font-size: 0.8em;
            padding: 0.5em 1.75em 0.5em 1.75em;
        }
    
    }
    
    @media only screen and (max-width: 1300px) {
        
        .panel-slideout-left {
            position: relative;
            width: 100%;
            padding: 2em;
            height: 775px;
        }
        
        .panel-slideout-text {
            position: static;
            width: 100%;
        }
        
        .panel-text-inner {
            padding: 0.5em 2em 2em 2em;
        }
    
    }
    
    /*@media only screen and (max-width: 1024px) {
        
        .panel-slideout-left {
            height: 380px;
        }
    
    }*/
  
	/* Panel Content
	------------------------------------------------------------------------ */
    
    .panel-content-container {
        padding: 4em;
        height: 100%;
    }
    
        .panel-content {
            background: rgba(52,52,52,0.5);
            color: #fff;
            padding: 2em;
            width: 100%;
            height: 80%;
        }
        
            .panel-content-left {
                float: left;
                width: 57.5%;
            }
      
            .panel-content-right {
                float: right;
                width: 37.5%;
            }
            
	/* Register CTA
	------------------------------------------------------------------------ */
	
	/*  body.home .register-cta {
        position: fixed;
        top: 4em;
        right: 4em;
        width: 20em;
    }  */
	
	 body.home .register-cta {
        position: fixed;
        top: 4em;
        padding: 1em 2em;
		 right: 4em;
    } 
    
    /*.panel-slideout-left .register-cta {
        font-size: 0.75em;
        top: 4em;
        right: 4em;
        width: 100%;
        max-width: 20em;
    }*/
  
    .register-cta {
        position: relative;
        display: inline-block;
        vertical-align: top;
        background: rgba(52,52,52,0.6);
        padding: 1em 2em;
        z-index: 50;
    }
    
        .register-cta img {
            float: left;
            display: block;
            margin: 0;
            max-width: 9em;
        }
        
        .register-cta p {
            float: right;
            font-size: 3.2em;
            margin: 0 0 0 0.6em;
            color: #4CA1D2;
            position: relative;
            top: 0.33em;
        }
        
            .register-cta p a {
                color: #4CA1D2;
            }
            
/*
    .panel-slideout-left .register-cta {
        margin-top: 5em;
    }
*/
            
	/* List Box
	------------------------------------------------------------------------ */
            
    .list-box {
        position: relative;
        /*background: rgba(52,52,52,0.6);
        padding: 1em 2em;*/
        /*background: rgba(52,52,52,0.6);*/
        z-index: 50;
        max-width: 20em;
        padding: 1.5em 1em;
    }
    
        .list-box ul {
            list-style: none;
            margin: 0;
        }
        
            .list-box ul li {
                position: relative;
                padding-left: 1.5em;
                margin-bottom: 0.9em;
            }
            
                .list-box ul li:last-child {
                    margin-bottom: 0;
                }
        
                .list-box ul li:before {
                    content: " ";
                    display: block;
                    height: 12px;
                    width: 12px;
                    border: 2px solid #4ba3d5;
                    position: absolute;
                    top: 0.35em;
                    left: 0;
                }
        
            .list-box ul li a {
                color: #fff;
                text-transform: uppercase;
                font-size: 1em;
                font-weight: 500;    
            }
            
    .panel-slideout-left .list-box {

    }
  
    .panel-slideout-content {
        position: absolute;
        top: 2em;  
    }
  
/*=============================================================================
  Helpers
  ========================================================================== */
	
	/* Global Box Sizing
	---------------------------------------- */
	
	*, *:after, *:before {
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		text-rendering:optimizeLegibility;
	}
	
	/* Clearfix
	---------------------------------------- */
	
	.group:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .group,
	*:first-child+html .group { 
		zoom: 1;
	}
	
	/* Table Cells
	---------------------------------------- */
	
	.table {
    	display: table;
    	border-spacing: 0;
    	border-collapse: collapse;
    	height: 100%;
	}
	
	.table-cell {
    	display: table-cell;
    	vertical-align: bottom;
	}
  	
/*=============================================================================
  3 Column Grid
  ========================================================================== */
  	
	.row:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	.col {
		float: left;
		padding: 0 20px;
	}
	
		.row .col:first-child {
			padding-left: 0;
		}
		
		.row .col:last-child {
			padding-right: 0;
		}
		
	.one-quarter {
		width: 25%;
	}
	
	.three-quarters {
		width: 75%;
	}
	
	.one-third {
		width: 33.33333%;
	}
	
	.two-thirds {
		width: 66.66666%;
	}
	
	.half {
		width: 50%;
	}
	
	@media only screen and (max-width: 1050px) {
	
		.one-third {
			width: 50%;
		}
		
		.footer-third-col {
			width: 100%;
			padding-left: 0;
		}
        
        .list-box {
            margin-top: 60px;
        }
	
	}
	
	@media only screen and (max-width: 700px) {
		
		.one-third {
			width: 100%;
			padding: 0;
		}
		
		.half {
			width: 100%;
			padding: 0;	
		}
	
	}
	
	@media only screen and (max-width: 630px) {
		
		.one-third {
			width: 100%;
			padding: 0;	
		}
	
	}

/* JP Start  */
._form_element label { 
       display:inline !important; 
}	


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

	h1{ 
		font-size: 38px;
	}
}

@media only screen and (max-width: 1024px) {
	
   .register-cta { 
      margin-left:4em; 
	}
}

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

	.panel-description-heading {
	    font-size: 2.4em;
	}
	
	body.home .register-cta {	
		top: 2em;
		right: initial !important;
		left:1em;
	}	
	
	body.home .register-cta p {	
	    font-size: 1.8em;
	}
	
	body.home .register-cta img {
         max-width: 5em;
	}	
	.nav-trigger i {
	    font-size: 1.6em;
	}
	 .nav-trigger {
	    left: 1.6em;
		top: 1.8em;
	 }
	 
	.register-cta img {
	     max-width: 7em;
	 }
	 
	 .register-cta p {
	    font-size: 2.5em;
	 }
}

input[type="checkbox"], input[type="radio"] {
  top:0px !important;
}

.register_innner {
  padding-bottom:10px;
}.register_innner1  {  padding-bottom:25px;}.register_innner1 input[type="radio"]{	vertical-align: baseline;}

/* JP End  */

/*=============================================================================
  Overrides and Hacks
  ========================================================================== */