/***************  templates/moduleThemes/default/pukkaMeetings/style.viewList.css  ***************/
.description h2{
	font-size:20px;
}
.description-image{
	position:relative;
	float:left;
	width:160px;
	height:100px;
	margin:0 20px 25px 0;
}
.description-image:last-child{
	margin-right:0;
}
.tabs-nav{
	position:relative;
	float:right;
	width:auto;
	height:auto;
	padding:0;
	clear:both;
}
	.tab{
		position:relative;
		float:left;
		width:187px;
		height:40px;
		border:1px solid;
		border-right:none;
		display:inline;
		cursor:pointer;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.tab:last-child{
		border-right:1px solid;
	}
	.tab.active{
		width:188px;
		height:40px;
		cursor:default;
	}
	.tab-icon{
		position: absolute;
		top:0;
		left: 0;
		width:40px;
		height:40px;
	}
	.tab-icon:after {
		display: block;
		content: "";
		font-family: 'pro-res-font';
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
#rooms-tab .tab-icon:after{
	content:"\e606";
}
#features-tab .tab-icon:after{
	content:"\e607";
}
#rfp-tab .tab-icon:after{
	content:"\e60a";
}

	.tab-title{
		line-height:40px;
		float:right;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		height:100%;
		text-align:center;
		text-transform:uppercase;
	}

.tabs-content, .tab-content, .moduleOutput, .flexibleForm, .flexibleForm .section{
	position:relative;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}


.tab-content{
	position:relative;
	float:left;
	width:calc(100% - 2px);
	width:-webkit-calc(100% - 2px);
	width:-o-calc(100% - 2px);
	max-height:0;
	border:none;
	overflow:hidden;
	opacity:0;
	transition:opacity 1s ease-in-out 0s, height 0.3s ease-in-out 0s;
	-webkit-transition:opacity 1s ease-in-out 0s, height 0.3s ease-in-out 0s;
	-moz-transition:opacity 1s ease-in-out 0s, height 0.3s ease-in-out 0s;
	-ms-transition:opacity 1s ease-in-out 0s, height 0.3s ease-in-out 0s;
	-o-transition:opacity 1s ease-in-out 0s, height 0.3s ease-in-out 0s;
}
	.tab-content.active{
		opacity:1;
		max-height:8000px;
		border:1px solid;
		border-top:none;
	}
	.ie9 .tab-content{
		display:none;
		height:auto;
	}
	.ie9 .tab-content.active{
		display:block;
	}
.tab-content ul{
	list-style:none;
	padding:0;
}
.tab-content table{
	position:relative;
	float:left;
	width:100%;
	border-collapse:collapse;
}
	.tab-content table td{
		position:relative;
		float:left;
		width:77px;
		height:36px;
		line-height:36px;
		padding:0;
		text-transform:capitalize;
	}
	.tab-content td.title{
		width:108px;
	}
	.tab-content tbody td{
		height:44px;
		padding:10px 0 0;
		overflow:hidden;
	}
	.tab-content tbody td.title{
		width:88px;
		height:39px;
		padding:7px 10px;
		line-height:20px;
	}
.rows-color li{
	float:left;
	width:calc(100% - 36px);
	width:-webkit-calc(100% - 36px);
	width:-o-calc(100% - 36px);
	padding:8px 18px;
	height:auto;
	line-height:17px;
}
.moduleOutput{
	margin-bottom:40px;
}
.flexibleForm, .rfp-form > h3, .rfp-form .intro{
	width:97%;
	margin:0 1.5%;
}
	.rfp-form > h3{
		margin-top:20px;
	}
	.flexibleForm .section .heading{
		position:relative;
		float:left;
		width:100%;
		padding-bottom:10px;
		border-bottom:1px solid;
	}
	form.flexibleForm .fieldBlock label.fieldLabel{
		float:left;
		height:18px;
		line-height:18px;
		display:none;
	}
	form.flexibleForm .fieldBlock.type_radioButtons label.fieldLabel, form.flexibleForm  .events-section .type_textarea label.fieldLabel, form.flexibleForm .fieldBlock.type_date label.fieldLabel, form.flexibleForm .fieldBlock.type_checkBox label.fieldLabel{
		width:auto;
		display:block;
		margin-bottom:6px;
	}
	form.flexibleForm .fieldBlock.type_date label.fieldLabel{
		float:left;
		width:calc(100% - 1px);
		width:-webkit-calc(100% - 1px);
		width:-o-calc(100% - 1px);
		margin:0;
		padding:6px 0;
		text-align:left;
		text-indent:10px;
		color:#fff;
		background:#b2b2b2;
	}
	.radioButton{
		float:left;
		width:auto;
		height:18px;
		line-height:18px;
		margin-right:5px;
	}
	.rfp-form form.flexibleForm  .fieldBlock{
		position:relative;
		float:left;
		width:calc(25% - 15px);
		width:-webkit-calc(25% - 15px);
		width:-o-calc(25% - 15px);
		margin:0 10px 18px;
		outline:0;
	}
	form.flexibleForm .fieldBlock.contactMethod, form.flexibleForm .fieldBlock.address-label, form.flexibleForm .fieldBlock.address1, form.flexibleForm .fieldBlock.address2, .left-col-fields, .other-requirements{
		position:relative;
		float:left;
		width:calc(50% - 10px);
		width:-webkit-calc(50% - 10px);
		width:-o-calc(50% - 10px);
		margin-right:0;
		font-size:14px;
	}
	form.flexibleForm .fieldBlock.contactMethod{
		height:20px;
		margin:8px 0 5px;
	}
	form.flexibleForm .fieldBlock.address-label{
		text-indent:20px;
		height:27px;
		line-height:26px;
		margin:4px 0 8px;
	}
	form.flexibleForm .fieldBlock .fieldInput, form.flexibleForm .fieldBlock .flexInputDate{
		float:left;
		width:calc(100% - 23px);
		width:-webkit-calc(100% - 23px);
		width:-o-calc(100% - 23px);
		height:100%;
		padding:4px 10px;
	}
	form.flexibleForm .fieldBlock .flexInputDate{
		border:1px solid;
		cursor:pointer;
	}
	form.flexibleForm .fieldBlock.type_date .bg{
		position:absolute;
		bottom:3px;
		right:7px;
		width:20px;
		height:20px;
		cursor:pointer;
		z-index:2;
	}
		form.flexibleForm .fieldBlock.type_date .bg:after{
		display: block;
		content: "\e623";
		font-family: 'pro-res-font';
		font-size: 24px;
		line-height: 20px;
		color: #bfbfbf;
	}


	.left-col-fields{
		margin-top:24px;
	}
	.fieldBlock.contactMethod, .fieldBlock.firstName, .fieldBlock.companyName, .fieldBlock.email, .fieldBlock.workPhone, .fieldBlock.flexibleDates, .fieldBlock.totalRooms, .fieldBlock.startDate, .fieldBlock.infoMethod, .fieldBlock.history{
		margin-left:0 !important;
	}
	.fieldBlock.province, .fieldBlock.country , .other-requirements .fieldBlock.type_textarea{
		margin-right:0 !important;
	}
	.rfp-form form.flexibleForm .fieldBlock.flexibleDates{
		margin:0;
	}
	form.flexibleForm .fieldBlock .fieldInput.select, .rfp-form form.flexibleForm  .fieldBlock.flexibleDates, /*.rfp-form form.flexibleForm  .fieldBlock.type_date input,*/ form.flexibleForm .fieldBlock.infoMethod{
		width:100% !important;
	}
	form.flexibleForm .fieldBlock  option{
		float:left;
		width:100%;
		margin-bottom:4px;
		text-indent:10px;
	}
	form.flexibleForm .fieldBlock.type_selectCountry:before, form.flexibleForm .fieldBlock.type_selectCountry:after{
		position:absolute;
		top:1px;
		right:1px;
		content:"";
		display:block;
		pointer-events:none;
	}
	form.flexibleForm .fieldBlock.type_selectCountry:before{
		height:27px;
		width:30px;
		z-index:2;
	}
	form.flexibleForm .fieldBlock.type_selectCountry  .bg{
		position:absolute;
		top:8px;
		right:11px;
		height:14px;
		width:14px;
		pointer-events:none;
		z-index:3;
	}
form.flexibleForm .fieldBlock.type_selectCountry .bg:after{
display: block;
content: "\e603";
font-family: 'pro-res-font';
font-size: 14px;
color: #5a5b5d;
width:14px;
height: 14px;
line-height: 14px;
text-align: center;
position: absolute;
top: 0;
left: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
	.rfp-form form.flexibleForm .left-col-fields .fieldBlock{
		width:calc(50% - 10px);
		width:-webkit-calc(50% - 10px);
		width:-o-calc(50% - 10px);
		margin:0 0 18px;
	}
	.fieldBlock.startDate, .fieldBlock.totalRooms{
		margin-right:10px !important;
	}
	.fieldBlock.endDate, .fieldBlock.totalGuests{
		margin-left:10px !important;
	}
	.other-requirements{
		float:right;
	}
	.rfp-form form.flexibleForm .events-section .fieldBlock.type_textarea{
		width:100%;
		margin:0 0 11px;
	}
	.rfp-form form.flexibleForm .events-section textarea{
		float:left;
		height:77px;
		resize: none;
	}
	.rfp-form form.flexibleForm .events-section .history textarea{
		height:90px;
	}
	form.flexibleForm button, form.flexibleForm .reset-btn{
		height:39px;
		line-height:39px;
		text-transform:uppercase;
		text-align:center;
		border:none;
		cursor:pointer;
	}
	form.flexibleForm button{
		float:right;
		padding: 0 54px;
	}
	form.flexibleForm .reset-btn{
		float:left;
		width:90px;
	}
	form.flexibleForm .buttons-wrapper{
		position:relative;
		float:left;
		width:100%;
		margin:11px 0 20px;
	}
	.checkboxesLabel{
		position:relative;
		float:left;
		margin:0;
		padding-right:10px;
		line-height:22px;
		font-size:14px;
		display:inline;
	}
	.rfp-form form.flexibleForm .checkboxes .fieldBlock.type_checkBox{
		float:left;
		width:auto !important;
		height:25px;
		line-height:22px;
	}
	/* Radio Buttons and Checkboxes layout */
	form.flexibleForm .type_radioButtons .label, form.flexibleForm .type_checkBox  .label{
		position:relative;
		margin-right:15px;
		padding-left:25px;
        display:inline-block;
        cursor:default;
    }
	input[type=radio]{
		position:absolute;
		width:18px;
		height:18px;
		z-index:1;
		cursor:pointer;
		opacity:0;
	}
	input[type=checkbox], form.flexibleForm .fieldBlock.type_checkBox label.fieldLabel{
		position:absolute;
		width:16px;
		height:16px;
		z-index:1;
		cursor:pointer;
		opacity:0;
	}
	form.flexibleForm .type_radioButtons .label:before, form.flexibleForm .type_checkBox  .label:before{
		position:absolute;
		left:0;
		bottom:0;
		width:17px;
		height:17px;
		content:"";
		display:inline-block;
		border:1px solid;
	}
	form.flexibleForm .type_checkBox  .label:before{
		width:15px;
		height:15px;
		bottom:4px;
	}
	form.flexibleForm .fieldBlock.type_checkBox label.fieldLabel{
		width:60px;
	}
	form.flexibleForm .type_radioButtons .label:before {
		border-radius:10px;
	}
	input[type=radio]:checked + .label:before{
		content:"\2022";
		font-size:25px;
		padding-left:1px;
		width:17px;
		text-align:center;
		line-height:18px;
	}
	input[type=checkbox]:checked + .label:before {
		content: "\2713";
		font-size:15px;
		line-height:17px;
		text-align:center;
	}

.ie9 form.flexibleForm .type_text.fieldBlock label.fieldLabel, .ie9 form.flexibleForm .type_email.fieldBlock label.fieldLabel  {
    position:absolute;
	top:0;
	left:0;
    height:26px;
	width:100%;
    line-height:26px;
    text-align:left;
    text-indent:10px;
    display:block;
}
.ie9 form.flexibleForm .fieldBlock.type_radioButtons label.fieldLabel, .ie9 form.flexibleForm  .events-section .type_textarea label.fieldLabel, .ie9 form.flexibleForm .fieldBlock.type_date label.fieldLabel, .ie9 form.flexibleForm .fieldBlock.type_checkBox label.fieldLabel{
	display:block !important;
}
.ie9 form.flexibleForm .fieldBlock.type_selectCountry:before{
	width:30px;
}

::-webkit-input-placeholder 	{ opacity: 1; }
:-moz-placeholder         		{ opacity: 1; }
::-moz-placeholder         		{ opacity: 1; }
:-ms-input-placeholder    	{ opacity: 1; }



/* TABLET & MOBILE */
@media (max-width: 1199px) {
	form.flexibleForm .fieldBlock input.fieldInput, form.flexibleForm .fieldBlock .flexInputDate{
		height:16px;
	}
	form.flexibleForm .fieldBlock select.fieldInput{
		height:26px;
	}
	form.flexibleForm .fieldBlock.type_selectCountry:before{
		height:24px;
	}
}

/* LANDSCAPE TABLET to Desktop */
@media (min-width: 1024px) and (max-width: 1199px) {
	.description-image{
		width:147px;
		height:92px;
		overflow:hidden;
	}
	.description-image img{
		margin:-4px 0 0 -5px;
	}
	.description-image.image4{
		margin-right:0;
	}
	.description-image.image5, .address-label, .capacityUShape, .capacityHSquare{
		display:none;
	}

	.tabs-nav{
		float:left;
	}
	.tab-content td.title{
		width:70px;
	}
	.tab-content table td{
		width:71px;
	}
	.tab-content tbody td.title{
		width:53px;
	}

	form.flexibleForm .fieldBlock.contactMethod, h4.requirements{
		width:100%;
	}
	.rfp-form form.flexibleForm .events-section textarea{
		height:85px;
	}
	.checkboxes h4{
		line-height:26px;
	}
}

/* PORTRAIT TABLET to landscape and desktop */
@media (min-width: 768px) and (max-width: 1023px) {
	.tab{
		border-left:none;
		border-right:none;
		width:170px;
	}
	.tab.active{
		width:170px;
	}
	.tab:first-child, .tab:last-child{
		border-left:1px solid;
	}

	.tab-content table td, .tab-content tbody td.title{
		width:70px;
	}
	.tab-content td.title{
		width:88px;
	}

	.description-image{
		width:153px;
		height:96px;
		overflow:hidden;
		margin-right:21px;
	}
	.description-image img{
		margin:-3px 0 0 -5px;
	}
	.description-image.image3{
		margin-right:0;
	}
	.description-image.image4, .description-image.image5, .capacityReception, .capacityConference, .capacityUShape, .capacityHSquare, .address-label{
		display:none;
	}

	.rfp-form form.flexibleForm .fieldBlock.contactMethod, h4.requirements{
		width:100%;
	}
	.rfp-form form.flexibleForm .events-section textarea{
		height:85px;
	}
	.rfp-form form.flexibleForm .fieldBlock{
		margin:0 10px 18px;
		width:calc(50% - 10px);
		width:-webkit-calc(50% - 10px);
		width:-o-calc(50% - 10px);
	}
	form.flexibleForm .contact-section .fieldBlock:nth-child(2n+1), .rfp-form form.flexibleForm .contact-section .fieldBlock.industryType{
		margin-right:0 !important;
	}
	form.flexibleForm .contact-section .fieldBlock:nth-child(2n+0), .rfp-form form.flexibleForm .contact-section .fieldBlock.companyName{
		margin-left:0 !important;
	}
	form.flexibleForm .contact-section .fieldBlock:nth-child(2n+1), .rfp-form form.flexibleForm .contact-section .fieldBlock.industryType{
		margin-left:10px !important;
	}
	form.flexibleForm .contact-section .fieldBlock:nth-child(2n+0), .rfp-form form.flexibleForm .contact-section .fieldBlock.companyName{
		margin-right:10px !important;
	}
	.rfp-form form.flexibleForm .fieldBlock.address1, .rfp-form form.flexibleForm .fieldBlock.address2, .left-col-fields, .other-requirements{
		width:100% !important;
	}
	.rfp-form form.flexibleForm .fieldBlock.address1{
		margin-bottom:64px;
	}
	.rfp-form form.flexibleForm .fieldBlock.address2{
		position:absolute;
		top:188px;
		left:0;
		margin:0 !important;
	}
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
	.moduleOutput{margin-bottom: 0px;}
	.description-image{
		width:138px;
		height:83px;
		overflow:hidden;
		margin-right:13px;
	}
	.description-image img{
		margin:-9px 0 0 -12px;
	}
	.description-image.image2{
		margin-right:0;
	}
	.description-image.image3, .description-image.image4, .description-image.image5, .height, .capacityClassroom, .capacityTheatre, .capacityBanquet, .capacityReception, .capacityConference, .capacityUShape, .capacityHSquare, .address-label{
		display:none;
	}
	.main-content  #mod_pukkaMeetings .description-images{
		float:left;
		width:100%;
	}

	.tabs-nav{
		width:100%;
	}
	.tab{
		border:1px solid;
		width:calc(100% - 2px);
		width:-webkit-calc(100% - 2px);
		width:-o-calc(100% - 2px);
		margin-bottom:1px;
	}
	.tab.active{
		border:none;
		border-left:1px solid;
		width:calc(100% - 1px);
		width:-webkit-calc(100% - 1px);
		width:-o-calc(100% - 1px);
	}
	#features-tab.active{
		height:39px;
	}
	.item-title, .item-content, .tabs-wrapper{
		float:left;
	}
	.item-title{
		margin-top:11px;
	}

	.rows-color li{
		font-size:12px;
	}

	.rfp-form form.flexibleForm .fieldBlock, .left-col-fields, .other-requirements, .rfp-form form.flexibleForm .left-col-fields .fieldBlock{
		margin:0 0 18px !important;
		width:100%;
	}
	.rfp-form form.flexibleForm .fieldBlock.contactMethod{
		height:94px;
	}
	.left-col-fields, form.flexibleForm button, .other-requirements, .rfp-form form.flexibleForm .fieldBlock.comments{
		margin:0 !important;
	}
	.rfp-form form.flexibleForm .checkboxes .fieldBlock.type_checkBox, .radioButton{
		position:relative;
		float:right;
		width:130px !important;
		margin-bottom:10px !important;
		clear:right;
	}
	.rfp-form form.flexibleForm .checkboxes .fieldBlock.type_checkBox:last-child, .radioButton:last-child{
		margin-bottom:18px !important;
	}
	.rfp-form form.flexibleForm .fieldBlock.address1{
		margin-bottom:64px !important;
	}
	.rfp-form form.flexibleForm .fieldBlock.address2{
		position:absolute;
		top:301px;
		left:0;
		margin:0 !important;
	}
}
/* MOBILE landscape (medium & big screens - Iphone, Iphone5, galaxy note, galaxy...) */
@media (min-width: 481px) and (max-width: 767px) {
	.main-content  #mod_pukkaMeetings .description-images{
		float:none;
		width:87%;
		display:table;
		margin:0 auto;
	}
	.main-content .description-image.image3{
		display:inline-block;
		margin-right:0;
	}
	.main-content .description-image.image2{
		margin-right:14px;
	}
	.rfp-form form.flexibleForm .checkboxes .fieldBlock.type_checkBox, .radioButton{
		float:left;
		width:auto !important;
	}
	.rfp-form form.flexibleForm .fieldBlock.contactMethod{
		height:auto;
	}
	.rfp-form form.flexibleForm .fieldBlock.address2{
		top:243px;
	}
	.capacityClassroom, .capacityTheatre, .capacityBanquet{
		display:table-cell;
	}
}
/***************  modules/flexibleForms/themes/clean/style.inputBlock.css  ***************/
form.flexibleForm .fieldBlock {
	margin-bottom: 0.4em;
	zoom: 1;
}

form.flexibleForm .fieldBlock:after {
	content: '.';
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
	
form.flexibleForm label.fieldLabel	{
	display: block;
	float: left;
	width: 9em;
	margin-right: 0.8em;
	text-align: right;
}
	
form.flexibleForm .fieldInput {/* Any input type will have this class */
	float: left;
	width: 12em;
}
	
form.flexibleForm .fieldBlock.invalid .fieldInput {
	border-color: #ff2020;
}

form.flexibleForm .fieldBlock.invalid .fieldLabel {
	color: #ff2020;
}

form.flexibleForm textarea.fieldInput {
	width: 20em;
	height: 6em;
	border: 1px solid #7F9DB9;
	font-size: 1em;
	font-family: inherit;
	overflow: auto;
}

form.flexibleForm input.fieldInput {
	height: 1.3em;
	border: 1px solid #7F9DB9;
	font-size: 1em;
	font-family: inherit; 
}

form.flexibleForm input.fieldInput[type=file] {
	height: auto;
}

form.flexibleForm select.fieldInput {
	width: 12.2em;
	height: 1.5em;
	border: 1px solid #7F9DB9;
	font-size: 1em;
	font-family: inherit; 
}

form.flexibleForm button.submit {
	font-family: inherit;
	font-size: 1em;
	margin-left: 9.8em;
}

form.flexibleForm .type_date input.fieldInput {
	width: 6em;
}

form.flexibleForm .type_date img.calendar-icon {
	cursor: pointer;
}

form.flexibleForm .fieldBlock.invalid .flexInputInvalid {
	border-color: #ff2020;
}

form.flexibleForm .fieldBlock.invalid .flexFormBlockLabel {
	color: #ff2020;
}
/***************  modules/flexibleForms/themes/clean/template.flexInput.date.css  ***************/

form.flexibleForm .type_date .calendar-icon {
	margin: 1px 0 0 2px;
}
/***************  modules/flexibleForms/themes/default/style.submitBlock.css  ***************/
.flexFormSubmitBlock { 
	 	text-align:right;
	}
	
/***************  modules/flexibleForms/themes/clean/style.form.css  ***************/
form.flexibleForm {
	margin-bottom: 0.8em;
}

form.flexibleForm input.hp_email
{
	visibility: hidden;
	position: absolute;
	top: -9999px;
}