/*
Theme Name: Doubleshot
Theme URI: https://www.inklab.com.au/
Description: Custom website theme
Version: 1.2
Author: Inklab
Author URI: https://www.inklab.com.au/
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:700');

html, body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	/*font-size: calc( 14px + (20 - 14) * (100vw - 320px) / (1920 - 320) );*/
	font-size: calc( 14px + 6 * ( 100vw - 480px ) / 1440 );
	font-family: sans-serif;
	font-weight: normal;
	color: #000;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body{ margin-bottom: -6px; }

body.safari-bar-fix .section_cover,
body.safari-bar-fix .section_cover .inner{
	max-height: calc( 100vh - 74px );
}

body.safari-bar-fix .stacked-slider,
body.safari-bar-fix .stacked-slider .slide,
body.safari-bar-fix .stacked-slider .slide .flex-container .flex-item{
	max-height: calc( 100vh - 74px );
}


a {
	color: inherit;
	text-decoration: none;
	transition: all 0.4s ease 0s;
}
	a:hover{
		color: #898989;
		transition: all 0.4s ease 0s;
	}

h1, h2, h3, h4, .h2, .h3, .h4{
	/*font-size: 1em;*/
	font-size: 0.95em;
	font-family: serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 1.2em;
	margin: 1rem 0;
}

.ph1, .ph2, .ph3{
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	margin: 2rem 0;
}
	.ph1{ font-size: 5em; }
	.ph2{ font-size: 3em; }
	.ph3{ font-size: 1.5em; }


/*---------------------------------------------------------Clearfix */
.group { zoom: 1; position: relative; box-sizing: border-box; }
.group::before, .group::after { content: '';  display: table; clear: both; } 

.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

*:focus { outline: none; }
*::selection{ background: rgba(137, 137, 137, 0.7) }
*::-moz-selection{ background: rgba(137, 137, 137, 0.7) }


img{ max-width: 100%; height: auto; box-shadow: #000 0em 0em 0em; border: 0; }
input, input[type="submit"], button{ border-radius: 0; -webkit-appearance: none; -webkit-border-radius:0px; }

table { width: 100%; }
table.alignright, table.alignleft { width: auto; }
td, th{ padding: 6px; }

.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }

/*--------------------------------------------------------- Wrapper / Inner */
		
.section { width: 100%; margin: 0 auto; clear: both; position: relative; box-sizing: border-box; }
.section .inner{ /*max-width: 1920px;*/ width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; }

.bg-white{ background-color: #fff; color: #000; }
.bg-black{ background-color: #000; color: #fff; }

/*--------------------------------------------------------- Flex grid */

.flex-container{
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	position: relative;
	box-sizing: border-box;
	align-items: flex-start; 
	align-content: flex-start; 
	justify-content: flex-start;
	max-width: 100%;
	/*overflow: hidden;*/
}
	.flex-container.flex-wrap{ flex-wrap: wrap; }
	.flex-container.flex-reverse{ flex-direction: row-reverse; }	
	.flex-container.flex-stretch{ align-items: stretch; align-content: stretch; justify-content: stretch; }
	.flex-container.flex-center{ align-items: center; align-content: center; justify-content: center; }
	.flex-container.flex-space{ align-items: flex-start; align-content: space-between; justify-content: space-between; }
	.flex-container.flex-start{ align-items: flex-start; align-content: flex-start; justify-content: flex-start; }
	.flex-container.flex-end{ align-items: flex-end; align-content: flex-end; justify-content: flex-end; }

		/* note IE can't handle left/right padding on flex-item - ignores border-box */
		.flex-container .flex-item{
			display: block;
			flex-basis: auto;
			flex-grow: 0;
			flex-shrink: 0;
			position: relative;
			box-sizing: border-box;
			box-shadow: none;
			text-decoration: none;
			border: 0px none;
			margin: 0 0px;
			padding: 0 0px;
			max-width: 100%;
			/*overflow: hidden;*/
		}
			.flex-container.flex-grow .flex-item,
			.flex-item.flex-grow{
				flex-grow: 1;
			}

			.flex-container .flex-item.flex-parts-0{ flex-grow: 0; flex-shrink: 0 }
			.flex-container .flex-item.flex-parts-100{ flex-basis: 100%; width:100%; }
			.flex-container .flex-item.flex-parts-75{ flex-basis: 75%; width: 75%; }
			.flex-container .flex-item.flex-parts-50{ flex-basis: 50%; width: 50%; }
			.flex-container .flex-item.flex-parts-33{ flex-basis: 33.3%; width: 33.3%; }
			.flex-container .flex-item.flex-parts-25{ flex-basis: 25%; width: 25%; }
			
				.flex-container .flex-item .content{}			
				.flex-container .flex-item .content.heading{}
				.flex-container .flex-item .content.image{}

/*------------------------------------------------------ WEBSITE Page styles */
/*-------- BANNER */

/*-------- HOME */

/*-------- PAGE */
.center{ text-align: center; }

.section_cover{ height: 100%; height: 100vh; max-height: 100vh; overflow: hidden; margin: 0 auto; }
.section_cover .inner{ height: 100%; height: 100vh; max-height: 100vh; overflow: hidden; margin: 0 auto; }

/*
.box-border,
.flex-container.box-border,
.flex-container .flex-item.box-border{ border: 1px solid #000; }
*/
.box-border.left{ border-left: 1px solid #000; }
.box-border.right{ border-right: 1px solid #000; }
.box-border.top{ border-top: 1px solid #000;  }
.box-border.bottom{ border-bottom: 1px solid #000; }

.box-border.type1{ border-right: 1px solid #000; border-bottom: 1px solid #000; }
.box-border.type2{ border-right: 1px solid #000; border-top: 1px solid #000;  }
.box-border.type3{ border-left: 1px solid #000; }

.content{ padding: 7% 13%; box-sizing: border-box; }
.content.box-border{ height: 100%; width: 100%; }


ul.inline{ display: block; list-style-type: none; margin: 1rem 0; padding: 0 0; }
	ul.inline li{ display: inline-block; vertical-align: middle; }
		ul.inline li:not(:last-of-type){ margin-right: 1rem; }

a.social-icon{ display: block; width: 30px; height: 30px; fill: #000; }
a.social-icon:hover{ fill: #898989; }

ul.nav-items{ display: block; width: 100%; list-style-type: none; margin: 1rem 0; padding: 0; }
	ul.nav-items li{ display: block; }
		ul.nav-items li a{ display: block; white-space: nowrap; }
			ul.nav-items li a:hover{ cursor: pointer; }


.form-container{ z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }
	.form-container .toggle-form{ position: absolute; top: 0; right: 0; display: block; width: 28px; height: 28px; padding: 11px; margin: 6px 6px 0 0; }


.stacked-slider{ height: 100vh; max-height: 100vh; width: 100%; overflow: hidden; position: relative; }
	.stacked-slider .slide{ height: 100vh; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }

		.stacked-slider .slide .flex-container .flex-item{ height: 100%; height: 100vh; max-height: 100%; overflow: hidden; }
		.stacked-slider .slide .flex-container .flex-item img{ min-width: 100%; min-height: 100%; height: -webkit-fill-available; object-fit: cover; max-height: none; max-width: none; }


.banner{  color: #fff; fill: #fff; }
.banner .inner .banner-overlay{ z-index: 100; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.banner .inner .banner-overlay::before{ display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); }

.banner .content{ padding: 7% 23%; }

.banner a.unbound{ z-index: 2; color: #fff; display: block; width: 100%; position: absolute; left: 0; bottom: 0; }
.banner a.unbound:hover{ color: #fff; }
	.banner a.unbound span{ display: block; }
	.banner a.unbound span.text{}
	.banner a.unbound span.arrow{ -webkit-animation: bounce 1.6s infinite; animation: bounce 1.6s infinite; }

	@keyframes bounce {
	  0% { transform: translate(0, 0); }
	  50% { transform: translate(0, 0.4em); }
	  100% { transform: translate(0, 0); }
	}

/* extra style */
#lb-mobal{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    clear: both;
    background: rgba(0,0,0,0.8);	
} 
#lb-mobal .inner{ height: 100%; width: 100%; margin: 0 auto; position: relative; }
#lb-mobal .inner #lb-mobal-content{ width: 100%; height: 100vh; padding: 0 0; /* height: 56vw; max-height: 576px;*/ }
#lb-mobal .inner #lb-mobal-content iframe{ width: 100%; height: 100%; min-height: 315px; /*max-height: 576px; max-width: 1024px;*/ }

#lb-mobal #lb-mobal-close{ display:block; position: absolute; top: 0; right: 0; width: 34px; height: 34px; padding: 16px; fill: #fff; z-index: 111; }
#lb-mobal #lb-mobal-close:hover{ cursor: pointer; fill: #898989; }


/* *********************************************************************** */
/* New style 23/4/2020 */
/* *********************************************************************** */
.section .inner.cap-width{ max-width: calc( 1024px + 13% ); }
.section_page-main .inner{ padding: 7% calc(13% - 60px); }
.section_page-main .flex-container .flex-item .content{ padding: 0px 30px 30px 30px; }


.section_page-main h2,
.section_page-main h3,
.section_page-main h4,
.section_page-main .locale-form_wrapper.gform_wrapper #gform_3 h3.gform_title{
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	margin: 2rem 0 1rem 0;	
	font-size: 1.5rem;
}
.section_page-main h3, 
.section_page-main h2.h3,
.section_page-main h4{
	font-size: 0.95rem;
	margin-top: 1rem;
}


.section_page-main .flex-container .flex-item.flex-parts-33{ font-size: 16px; }

.section_page-header{
	height: 56vh; min-height: 420px;
	background-repeat: no-repeat;
	background-position: center; background-size: cover;
	color: #fff;
}
.section_page-header .page-header-logo{
    margin-bottom: 7vw;	
}
.section_page-header .page-header-logo img{
	display: block;
    margin: 0 auto;
    height: 66px;
    width: auto;
}
/*
.section_page-banner{}
.section_page-banner img{ display: block; width: 100%; height: auto; }
.section_page-banner .img{
	height: 36vh; min-height: 320px; max-height: 580px;
	background-repeat: no-repeat;
	background-position: center; background-size: cover;
}
*/


/* *********************************************************************** */
/*-------- GFORM / GRAVITY FORMS */
/* IE / IE10 Fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bg-cream .locale-form_wrapper.gform_wrapper .gfield select{ background-color: #fff!important; }
  .locale-form_wrapper.gform_wrapper .gfield select::-ms-expand{ display: none; }
}

.gform_wrapper.remove-labels_wrapper{ margin: 0; }
.gform_wrapper.remove-labels_wrapper .gfield label.gfield_label{ display: none; }

.gform_wrapper.remove-labels_wrapper .gfield .gfield_description{ font-size: 0.95em; }
.gform_wrapper.remove-labels_wrapper .gfield div.ginput_container{ margin-top: 0; }

#gform_1 .locale-form_wrapper.gform_wrapper{
	font-size: 0.95em;
    font-family: serif;
    font-weight: normal;
    letter-spacing: 1.5px;	
}
#gform_2 .locale-form_wrapper.gform_wrapper,
#gform_3 .locale-form_wrapper.gform_wrapper{
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 1.5px;
}

.locale-form_wrapper.gform_wrapper .gfield_required{ color: #000; }


.locale-form_wrapper.gform_wrapper ul.gform_fields li.gfield{
	margin: 1rem 0;
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	padding: 0 0;
}
	.locale-form_wrapper.gform_wrapper ul.gform_fields li.gfield.gfield_html{ margin: 0 0; }
	.locale-form_wrapper.gform_wrapper ul.gform_fields li#field_3_19{ position: absolute; visibility: hidden; }

	.locale-form_wrapper.gform_wrapper ul.gform_fields li.gfield.field-full{ width: 100%; }
	.locale-form_wrapper.gform_wrapper ul.gform_fields li.gfield.field-half{ width: 50%; }

	.locale-form_wrapper.gform_wrapper .gfield.field-full .clear-multi{ width: 100%; }
		.locale-form_wrapper.gform_wrapper .gfield.field-full .clear-multi .ginput_container_time{ width: 33%; max-width: none; min-width: 33%; }
		.locale-form_wrapper.gform_wrapper .gfield.field-full .clear-multi .ginput_container_time input,
		.locale-form_wrapper.gform_wrapper .gfield.field-full .clear-multi .ginput_container_time select{ width: calc(100% - 8px); max-width: none!important; }

			.locale-form_wrapper.gform_wrapper .gfield_time_hour i{ display: none; line-height: 48px; }

	.locale-form_wrapper.gform_wrapper .gfield.field-full input.datepicker{ 
		width: 100%; 
		background-color: transparent;
		background-image: url(images/icon-select.svg);
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 13px auto;
	}


.locale-form_wrapper.gform_wrapper .gfield input{
	height: 48px;
}
.locale-form_wrapper.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.locale-form_wrapper.gform_wrapper .gfield textarea,
.locale-form_wrapper.gform_wrapper .gfield select{
	border-radius: 0;
	border: 0;
	border-bottom: 2px solid #000;
	background-color: transparent;
	padding: 0 2px;
	color: #000;
	box-sizing: border-box;
	font-size: 0.95em;
	letter-spacing: 1.5px;
	font-weight: bold;
	text-transform: uppercase;
	width:100%;
}

	.locale-form_wrapper.gform_wrapper .gfield textarea{
		padding: 8px 2px;
		margin-bottom: -4px;
	}
	.locale-form_wrapper.gform_wrapper .gfield select{
		height: 48px;
    	color: #ccc;
		background-color: transparent;
		background-image: url(images/icon-select.svg);
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 13px auto;
	    appearance: none;
	    -moz-appearance: none;
	    -webkit-appearance: none;
	    outline: none;
	}
		.locale-form_wrapper.gform_wrapper .gfield select.haschoice{
			color: #000; 
		}
	

.locale-form_wrapper.gform_wrapper ul.gfield_checkbox, 
.locale-form_wrapper.gform_wrapper ul.gfield_radio{
	width: 100%!important; margin: 0 0; padding: 0;
}

	.locale-form_wrapper.gform_wrapper ul.gfield_checkbox li, 
	.locale-form_wrapper.gform_wrapper ul.gfield_radio li{
		margin: 13px 0;
	}

		.locale-form_wrapper.gform_wrapper .gfield_checkbox li input, 
		.locale-form_wrapper.gform_wrapper .gfield_checkbox li input[type=checkbox], 
		.locale-form_wrapper.gform_wrapper .gfield_radio li input[type=radio]{
		    display: inline-block;
		    vertical-align: middle;
		    width: 32px!important;
		    height: 32px;
		    line-height: 32px;
		    border: 2px solid #000000;
		   	margin: 0 0!important;
		   	background: transparent;
		    position: relative;
		    cursor: pointer;
		    overflow: hidden;
		}

		.locale-form_wrapper.gform_wrapper .gfield_radio li input[type=radio],
		.locale-form_wrapperr.gform_wrapper .gfield_radio li input[type=radio]::after{
			border-radius: 50%; overflow: hidden;
		}

	.locale-form_wrapper.gform_wrapper .gfield_checkbox li label,
	.locale-form_wrapper.gform_wrapper .gfield_radio li label{
		display: inline-block;
		vertical-align: middle;
	    height: 32px;
	    line-height: 32px;
	    transform: translate3d(0px, 0px, 0px);
	    padding-left: 13px;
	    font-size: 0.95em;
	}
		

		.locale-form_wrapper.gform_wrapper .gfield_checkbox li input[type=checkbox]::after,
		.locale-form_wrapper.gform_wrapper .gfield_radio li input[type=radio]::after{
			display: block;
		    position: absolute;
		    content: "";
		    width: 100%;
		    height: 100%;
		    left: 0;
		    top: 0;
		    background: #000000;
		    opacity: 0;
		    transition: all 0.4s ease;
		}

		.locale-form_wrapper.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked::after,
		.locale-form_wrapper.gform_wrapper .gfield_radio li input[type=radio]:checked::after{ opacity: 1; }


.locale-form_wrapper.gform_wrapper .gform_footer{ padding: 0 1rem 0 0; margin: 2rem 0 1rem 0; width: 33%; font-size: 0.95em; font-family: serif; font-weight: normal; letter-spacing: 1.5px; }
	.locale-form_wrapper.gform_wrapper .gform_footer input.button, 
	.locale-form_wrapper.gform_wrapper .gform_footer input[type=submit],
	.locale-form_wrapper.gform_wrapper .gform_page_footer input.button, 
	.locale-form_wrapper.gform_wrapper .gform_page_footer input[type=submit]{
		height: 48px;
		border: 2px solid #000;
		border-radius: 0;
		background: #fff;
		padding: 0 2rem;
		margin: 0 0;
		text-align: center;
		color: #000; 
		box-sizing: border-box;
		font-size: 0.95em;
		font-weight: bold;
		transition: all 0.4s ease;
		width: 100%;
		text-transform: uppercase;
    	font-family: serif;
    	letter-spacing: 1.5px;	
	}
		.locale-form_wrapper.gform_wrapper .gform_footer input.button:hover, 
		.locale-form_wrapper.gform_wrapper .gform_footer input[type=submit]:hover,
		.locale-form_wrapper.gform_wrapper .gform_page_footer input.button:hover, 
		.locale-form_wrapper.gform_wrapper .gform_page_footer input[type=submit]:hover{
			cursor: pointer; background: #000; color: #fff; transition: all 0.4s ease; 
		}
		

/* validation */
.locale-form_wrapper.gform_wrapper.gform_validation_error .validation_error{
	color: #c24747; border: 0; text-align: left; padding: 0 0; margin: 0 0; font-size: 0.95em; font-weight: normal;
}

.locale-form_wrapper.gform_wrapper.gform_validation_error li.gfield.gfield_error.gfield_contains_required div.gfield_description{ 
	display: none; font-size: 0.8em; color: #c24747; font-weight: normal;
}

.gform_wrapper.remove-labels_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.gform_wrapper.remove-labels_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{ margin-top: 0; }

.locale-form_wrapper.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error,
.locale-form_wrapper.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
	border: 0; margin: 1.5rem 0!important; background: none; max-width: 100%;
	padding: 0 0;
}

.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error input,
.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error textarea,
.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error select{
    border: 0;
    border-bottom: 2px solid #c24747;
    background-color: none;
    margin: 0 0!important;
    max-width: 100%!important;
    padding: 13px 13px;
}
.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error textarea,
.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error select{ border: 2px solid #c24747; }

.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error select{ background-image: url('images/icon-select_red.svg'); }

	.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error input[type=radio],
	.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield.gfield_error input[type=checkbox]{ border: 2px solid #c24747; }

	.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield:not(.gfield_error) select{ color: #000; }
	.locale-form_wrapper.gform_wrapper.gform_validation_error .gfield:not(.gfield_error) select.blankchoice{ color: #ccc;  }

	.locale-form_wrapper.gform_wrapper.gform_validation_error li.gfield_error div.ginput_complex.ginput_container label, 
	.locale-form_wrapper.gform_wrapper.gform_validation_error li.gfield_error ul.gfield_checkbox, 
	.locale-form_wrapper.gform_wrapper.gform_validation_error li.gfield_error ul.gfield_radio{ color: #c24747; }


.locale-form_wrapper form ::placeholder { color: #cccccc;  opacity: 1; }
.locale-form_wrapper form :-ms-input-placeholder { color: #cccccc; }
.locale-form_wrapper form ::-ms-input-placeholder { color: #cccccc; }

.locale-form_wrapper form .ginput_container_singleproduct ::placeholder { color: #666;  opacity: 1; }
.locale-form_wrapper form .ginput_container_singleproduct :-ms-input-placeholder { color: #666; }
.locale-form_wrapper form .ginput_container_singleproduct ::-ms-input-placeholder { color: #666; }


/* GFORM New style 23/4/2020   */
.gf_progressbar_wrapper{ display: none; }


.section_page-main .locale-form_wrapper.gform_wrapper{ margin: 7vw 0 3.5vw 0; }
.section_page-main .locale-form_wrapper.gform_wrapper .gform_heading{ margin: 3.5vw 0 3.5vw 0; }

#gform_3 .gfield.gfield_price:not(.gfield_total){
	background-repeat: no-repeat;
	background-size: auto 200px;
	background-position: right;
	display: block;
	height: 200px;
    margin: 3vw 0; 
    padding: 1rem 200px 48px 1rem;
    border: 1px solid #666;
    position: relative;
    /*background-image:url('https://doubleshotdeakin.com.au/wp-content/uploads/2018/10/Layer-6-200x200.jpg');*/
}
#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_label{
	font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5em;
    margin: 0; 
    padding: 0;
}
#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_description{
	margin: 0 0 1rem 0;
	padding: 0;
	width: 50%;
    min-width: 200px;
    height: 100%;
    position: relative;
}
#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_description small{
	position: absolute;
    bottom: 44px;
    padding-bottom: 4px;
}


#gform_3 .gfield.gfield_price:not(.gfield_total) > .ginput_container{
	display: block;
	box-sizing: border-box;
	margin: 0; 
	padding: 0 1rem; 
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    /*background-color: rgba(0,0,0,0.6);*/
    /*color: #fff;*/
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    border-top: 1px solid #666;

    height: 44px;
    line-height: 44px;
    font-family: 'Oswald', sans-serif; font-weight: bold; text-transform: uppercase;
    font-size: 1.1rem;
}
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .ginput_container .ginput_product_price_label{ display: none; }
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .ginput_container .ginput_product_price{
		text-align: center;
	    width: 200px; height: 44px; 
	    position: absolute; right: 0; bottom: 0; margin: 0; padding: 0; border: 0; 
	    /*color: #fff;*/
	    color: #000;
	}
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .ginput_container .ginput_quantity_label{ 
		display: none; 
		margin: 0; font-size: 1rem;
	}
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .ginput_container .ginput_quantity{
		text-align: center;
		width: calc(100% - 200px - 88px); height: 44px; 
		position: relative; left: 0;
		margin: 0; padding: 0; border: 0; 
		/*color: #fff;*/
		color: #000;
	}

	#gform_3 .ginput_quantity_incr{
		position: absolute;
    	left: 0; bottom: 44px;
    	height: 0px; width: calc(100% - 200px);
    	overflow: visible;
	}
	#gform_3 .ginput_quantity_incr .add,
	#gform_3 .ginput_quantity_incr .rmv{
		cursor: pointer;
		display: block;
		position: absolute;
    	height: 44px; width: 44px; 
    	box-sizing: border-box;
    	background-repeat: no-repeat;
    	background-size: 1.2rem;
    	background-position: center;
	}
		#gform_3 .ginput_quantity_incr .add:hover,
		#gform_3 .ginput_quantity_incr .rmv:hover{
			cursor: pointer;
			opacity: 0.8;
		}

	#gform_3 .ginput_quantity_incr .add{
		right: 44px;
		background-image: url(images/icon-plus.svg);
	}
	#gform_3 .ginput_quantity_incr .rmv{
		right: 0;
		background-image: url(images/icon-minus.svg);
	}



#gform_3 .gfield div.ginput_container{ margin: 0 0; }

/*#gform_3 .gfield.gfield_price.gfield_total*/
#gform_3 .gfield#field_3_3{
    display: block;
    margin: 3vw 0 3vw auto!important;
    padding: 0 0;
    width: 300px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    height: 44px; line-height: 44px;
    font-family: 'Oswald', sans-serif; font-weight: bold; text-transform: uppercase;
    font-size: 1.1rem;  
    white-space: nowrap;  
}
#gform_3 .gfield#field_3_3 > .gfield_label,
#gform_3 .gfield#field_3_3 > .ginput_container{
    display: inline-block;
    vertical-align: top;
    margin: 0; padding: 0;
    height: 44px; line-height: 44px; 
    box-sizing: border-box;
    padding: 0 1rem;
}
#gform_3 .gfield#field_3_3 > .gfield_label{
	width: 100px;
}
#gform_3 .gfield#field_3_3 > .ginput_container{
	width: 200px; text-align: center;
}
#gform_3 .gfield#field_3_3 > .ginput_container .ginput_total{
	color: #fff; margin: 0 0; 
}

/* order total */
#gform_3 .gfield#field_3_15{}
#gform_3 .gfield#field_3_15 .gfield_label,
#gform_3 .gfield#field_3_15 .ginput_container{
	font-family: 'Oswald', sans-serif; font-weight: bold; text-transform: uppercase;
    font-size: 1.1rem;  
}
#gform_3 .gfield#field_3_15 .ginput_container{
	margin: 0 0;
}
#gform_3 .gfield#field_3_15 .ginput_container .ginput_total{
	color: #000;
}
/* payment details */
#gform_3 .gfield#field_3_11{}
#gform_3 .gfield#field_3_11 .gfield_label{
	font-family: 'Oswald', sans-serif; font-weight: bold; text-transform: uppercase;
    font-size: 1.1rem;  
}
#gform_3 .gfield#field_3_11 .gfield_required{ display: none; }



.locale-form_wrapper.gform_wrapper #gform_3  .gform_page_footer{
	margin: 3vw 0 0 0;
    border-top: 0;
    padding: 0 0;
}
.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer .button{
	height: 44px;
    color: #fff;
    background-color: #000;
    width: 300px;
    margin: 0 0 0 auto;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1rem;
    padding: 0 1rem;
    border: 0;
    transition: all 0.35s ease;
    cursor: pointer;
}
.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer .button:hover{
	background-color: #666;
	transition: all 0.35s ease;
    cursor: pointer;
}
.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer .button:not(:last-of-type){
	margin-bottom: 3vw;
}

.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer .button.gform_previous_button{
	border: 2px solid #000;
    color: #000;
    background-color: #fff;
}
.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer .button.gform_previous_button:hover{
	border-color: #666;
    color: #666;
	background-color: #fff;
}

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- RESPONSIVE STYLES */
/*---------------------------------------------------------------------------*/
@media only screen and (max-width : 1280px) {
	.locale-form_wrapper.gform_wrapper .gform_footer{ width: 100%; }
	.ph1{ font-size: 4.4em;	}
}



/* iPad */
@media only screen and (max-width : 1024px) {
	h1, h2, h3, h4, .h2, .h3, .h4{ font-size: 0.9em; }
	.ph1{ font-size: 4.75em; }
	.ph2{ font-size: 2.7em; }
	ul.nav-items{ margin: 2rem 0; }

	.section_page-header .page-header-logo img{ height: 56px; }
}

@media only screen and (min-width : 1020px) {
	#s-contact-mobi{ display: none!important; }
	.type1 .flex-item.fix-top{ position: absolute; top: 0; }
	.type1 .flex-item.fix-center{ margin-top: 3rem; }
	.form-container{ border-left: 1px solid #000; }
}

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

	.banner .content{ padding: 5% 13%; }

	.flex-container{ flex-wrap: wrap; }
	.stacked-slider .slide{}
	.stacked-slider .slide .flex-container.flex-end{}
	.stacked-slider .slide .flex-container.flex-start{}
	.stacked-slider .slide .flex-container .flex-parts-100{}
	.stacked-slider .slide .flex-container .flex-parts-50{ width: 100%; flex-basis: 100%; height: 50%; max-height: 50%; }
	.stacked-slider .slide .flex-container .flex-item img{ }

	.flex-container .flex-item.flex-parts-50{ width: 100%; flex-basis: 100%; }
	#main .section_cover{ height: auto; max-height: none; }
	#main .section_cover .inner{ height: auto; max-height: none; }

	#s-contact-desk{ display: none!important;  }

	.content.box-border{ height: auto; }
	.box-border.type1{ border-right: 0; border-bottom: 0; }
	.box-border.type2{ border-right: 0; border-top: 0;  }
	.box-border.type3{ border-left: 0; border-top: 2px solid; border-bottom: 2px solid; }

	.flex-container.flex-space{ height: auto; }
	.form-container, .form-container.content{ height: auto; margin: 0; padding: 3rem 7% 2rem 7%; border-top: 2px solid #000; border-bottom: 2px solid #000; }
	.form-container .toggle-form{ margin: 0; width: 1.5rem; height: 1.5rem; }
	.form-container .toggle-form:hover{ cursor: pointer; color: #898989; }

	#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_description{ width: 80%; }
}

@media only screen and (max-width : 768px) {}
@media only screen and (max-width : 764px) {
	.content{ padding: 2rem 5%; }

	.section_page-main .inner{ padding: 7% 0px; }
	.section_page-main .flex-container .flex-item .content{ /*padding: 0px 30px 15px 30px;*/ }
	.flex-container .flex-item.flex-parts-33{ width: 100%; flex-basis: 100%; }

	.section_page-header .page-header-logo{ margin-bottom: 4rem; }
	.section_page-header .page-header-logo img{ height: 36px; }
	.locale-form_wrapper.gform_wrapper{ margin: 2rem 0; }
	.locale-form_wrapper.gform_wrapper .gform_heading{ margin: 2rem 0; }
	#gform_3 .gfield.gfield_price:not(.gfield_total){ margin: 2rem 0; }
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_description{
		height: auto; width:100%; min-width: 0; padding-right: 1rem;
	}
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_description small{
		position: relative; bottom: unset; font-size: 12px;
	}
	.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer{ margin: 2rem 0 0 0; }
	.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer .button:not(:last-of-type){
		margin-bottom: 2rem;
	}
}

@media only screen and (max-width : 420px) {
	/* change #gform_3 display style */
	#gform_3 .gfield.gfield_price:not(.gfield_total){
		/*padding: 1rem 1rem 200px 1rem;*/
		padding: 1rem 1rem 44px 1rem;
    	height: auto;
    	background-position: bottom;
    	background-size: cover;
	}

	#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_label{
		/*background-color: rgba(0,0,0,0.6);*/
    	/*color: #fff;*/
    	background-color: rgba(255,255,255,0.8);
    	color: #000;
   		display: block;
    	padding: 1rem 1rem 0 1rem;
	}
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_description{
		/*background-color: rgba(0,0,0,0.6);*/
    	/*color: #fff;*/
    	background-color: rgba(255,255,255,0.8);
    	color: #000;
    	display: block;
    	padding: 0 4rem 1rem 1rem;
	}
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .ginput_container{
		background-color: rgba(255,255,255,0.8);
	}
	#gform_3 .ginput_quantity_incr .add, #gform_3 .ginput_quantity_incr .rmv{
		background-size: 60%;
	}

	#gform_3 .gfield#field_3_3{ width: 100%; }
	#gform_3 .gfield#field_3_3 > .gfield_label{ width: calc(100% - 200px); text-align: center; }
	.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer .button{ width: 100%; }

	#gform_3 .gfield.gfield_price:not(.gfield_total) > .gfield_description{ font-size: 12px; }
	#gform_3 .gfield#field_3_3,
	#gform_3 .gfield#field_3_15 .ginput_container .ginput_total,
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .ginput_container,
	#gform_3 .gfield.gfield_price:not(.gfield_total) > .ginput_container .ginput_quantity,
	.locale-form_wrapper.gform_wrapper #gform_3 .gform_page_footer .button{ font-size: 16px; }

}


/* Resize Fix */
@media only screen and (min-width : 1024px) and (max-height : 768px) {
	.content{ padding: 3% 7%; }
	.ph1{ font-size: 5em; }
	.ph2{ font-size: 3em; }
}

/* Mobile */
@media only screen and (max-width : 540px) {
	.banner .content{ padding: 5% 8%; }
	.ph1{ font-size: 3.6em;	}
}

/** PRINT ***/
@media print {}