/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


 /*
 	  #################################################
 		Hotel Contact Search - Main View
 	  #################################################
 	*/
 		body.page-template-partialstemplateshotel-contacts-php .full_width {
 			z-index: 105;
 		}
 		.content .container {
			padding-bottom: 0 !important;
		}
 		.move-up {
 			margin-top: -65px !important;
 		}
 		.hotel-filter-holder .hotel-filter-horizontal .hotel-filter-skin-light .hotel-filter-with-shadow {
 			background-color: #fff;
 		}
 		.hotel-filter-horizontal.hotel-filter-with-shadow .hotel-search-horizontal-filters-holder {
 		    -webkit-box-shadow: 0 12px 45px 4px rgba(0,0,0,.1);
 		    -moz-box-shadow: 0 12px 45px 4px rgba(0,0,0,.1);
 		    box-shadow: 0 12px 45px 4px rgba(0,0,0,.1);
 		}
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-filter-field-holder:after,
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-filter-field-holder:before,
 		.hotel-filter-horizontal .hotel-search-horizontal-filters-holder:after,
 		.hotel-filter-horizontal .hotel-search-horizontal-filters-holder:before {
 			content: " ";
     		display: table;
 		}
 		.hotel-filter-horizontal .hotel-filters-fields-holder {
 		    background-color: #ffffff;
 		    display: table;
 		    float: left;
 		    padding: 26px 35px;
 		    box-sizing: border-box;
 		    width: 100%;		    
 		}
 		@media only screen and (max-width: 768px) {
 			.hotel-filter-horizontal .hotel-filters-fields-holder {
 				padding: 35px;
 			}
 		}
 		
 		.hotel-filter-horizontal .hotel-filter-col {
 		    display: table-cell;
 		    vertical-align: middle;
 		    width: 42.333%;
 		    box-sizing: border-box;
 		}
 		@media only screen and (max-width: 768px) {
 			.hotel-filter-horizontal .hotel-filter-col {
 				display: block;
 				width: 100%;
 				text-align: center;
 				margin-bottom: 10px;
 			}
 		}
 		
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-input-with-icon {
 		    width: 100%;
 		    margin-bottom: 0;
 		    padding: 0 20px 0 0;
 		    float: left;
 		    box-sizing: border-box;
 		}
 		.hotel-input-with-icon {
 		    position: relative;
 		    margin-bottom: 15px;
 		}
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-input-with-icon .hotel-input-icon {
 		    left: 20px;
 		    color: #6c6565;
 		    font-size: 22px;
 		}
 		.hotel-input-icon {
 		    position: absolute;
 		    top: 50%;
 		    width: auto;
 		    z-index: 1;
 		    -webkit-transform: translateY(-50%);
 		    -moz-transform: translateY(-50%);
 		    transform: translateY(-50%);
 		}
 		.twitter-typeahead {
 		    width: 100%;
 		}
 		.hotel-input-with-icon input[type=text],
 		.hotel-input-with-icon input[type=email],
 		.hotel-input-with-icon input[type=password],
 		.hotel-input-with-icon input[type=number],
 		.hotel-input-with-icon select,
 		.hotel-input-with-icon textarea {
 		    position: relative;
 		    width: 100%;
 		    margin: 0;
 		    padding: 16px 24px 15px 43px;
 		    font-family: inherit;
 		    font-size: 14px;
 		    line-height: 20px;
 		    font-weight: inherit;
 		    color: #353535;
 		    background-color: #fff;
 		    border: none;
 		    border-radius: 0;
 		    outline: 0;
 		    -webkit-appearance: none;
 		    cursor: pointer;
 		    box-sizing: border-box;
 		    -webkit-transition: border-color .2s ease-in-out;
 		    -moz-transition: border-color .2s ease-in-out;
 		    transition: border-color .2s ease-in-out;
 		}
 		.hotel-input-with-icon input[type=text] {
 			cursor: text !important;
 		}
 		.tt-menu {
 		    width: 101%;
 		    margin: 10px 0;
 		    padding: 8px 0;
 		    border: 1px solid #ebebeb;
 		    left: -1px!important;
 		    font-size: 13px;
 		}
 		.hotel-item-single-holder article .hotel-gallery .hotel-gallery-item:nth-child(3n+1),
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-filter-field-holder:after,
 		.hotel-filter-horizontal .hotel-search-horizontal-filters-holder:after,
 		.hotel-list-item .hotel-list-item-price-holder:after {
 		    clear: both;
 		}
 		
 		.hotel-input-with-icon {
 		    position: relative;
 		    margin-bottom: 15px;
 		}
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-input-with-icon {
 		    width: 100%;
 		    margin-bottom: 0;
 		    padding: 0 20px 0 0;
 		    float: left;
 		    box-sizing: border-box;
 		}
 		@media only screen and (max-width: 768px) {
 			.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-input-with-icon {
 				padding-right: 0;
 			}
 		}
 		
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-input-with-icon .hotel-input-icon {
 		    left: 20px;
 		    color: #6c6565;
 		    font-size: 22px;
 		}

 		.hotel-input-icon {
 		    position: absolute;
 		    left: 20px;
 		    top: 50%;
 		    width: auto;
 		    font-size: 14px;
 		    color: #bbb;
 		    z-index: 1;
 		    -webkit-transform: translateY(-50%);
 		    -moz-transform: translateY(-50%);
 		    transform: translateY(-50%);
 		}
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-input-with-icon input[type=number],
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-input-with-icon input[type=text],
 		.hotel-filter-horizontal .hotel-filters-fields-holder .hotel-input-with-icon select {
 		    padding: 23px 24px 23px 58px;
 		    background-color: #faf7f7;
 		}
 		.hotel-input-with-icon select {
 		    -moz-appearance: none;
 		}
 		.hotel-input-with-icon input[type=text],
 		.hotel-input-with-icon input[type=email],
 		.hotel-input-with-icon input[type=password],
 		.hotel-input-with-icon input[type=number],
 		.hotel-input-with-icon select,
 		.hotel-input-with-icon textarea {
 		    position: relative;
 		    width: 100%;
 		    margin: 0;
 		    padding: 16px 24px 15px 43px;
 		    font-family: inherit;
 		    font-size: 14px;
 		    line-height: 20px;
 		    font-weight: inherit;
 		    color: #353535;
 		    background-color: #fff;
 		    border: none;
 		    border-radius: 0;
 		    outline: 0;
 		    -webkit-appearance: none;
 		    cursor: pointer;
 		    box-sizing: border-box;
 		    -webkit-transition: border-color .2s ease-in-out;
 		    -moz-transition: border-color .2s ease-in-out;
 		    transition: border-color .2s ease-in-out;
 		}

 		.hotel-filter-horizontal .hotel-filter-col .qbutton {
 		    height: 67px;
 		    line-height: 67px;
 		}
 		@media only screen and (max-width: 768px) {
 			.hotel-filter-horizontal .hotel-filter-col .qbutton {
 				width: 100%;
 				box-sizing: border-box !important;
 				text-align: center;
 			}
 		}


/*
  #################################################
	Hotel Contacts List
  #################################################
*/
	.contacts-search-results {
		margin-top: 40px;
	}
	.results-section {
		clear: both;
		margin-bottom: 40px;
		overflow: hidden;
	}
	.results-section-header {
		border-bottom: 1px solid #eee;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.results-row {
		margin-bottom: 40px;
		overflow: hidden;
	}
	@media only screen and (max-width: 600px) {
		.results-card {
			margin-bottom: 20px;
		}
		.contact-results a {
			font-size: 12px;
		}
	}
	.results-card-wrapper {
		background: #fff;
		-webkit-box-shadow: 0px 0px 13px 0px rgba(82,63,105,0.05);
		box-shadow: 0px 0px 13px 0px
		rgba(82,63,105,0.05);
		border-radius: 8px;
		transition: visibility 0s ease-in .2s,opacity 0s ease-in .2s,-webkit-transform .5s ease-out 0s;
		transition: transform .5s ease-out 0s,visibility 0s ease-in .2s,opacity 0s ease-in .2s;
		transition: transform .5s ease-out 0s,visibility 0s ease-in .2s,opacity 0s ease-in .2s,-webkit-transform .5s ease-out 0s;
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		border: 1px solid;
		border-color: rgba(0,0,0,.12);
	}
	.results-card-inner {
		padding: 15px 15px 15px;
	}
		.results-card-inner p:first-of-type {
			margin-top: 8px;
			margin-bottom: 5px;
		}

	.results-card-header {
		background-color: #cccccc;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		
		height: 10px;
	}
	.select-icon {
		cursor: help;
		float: right;
	}
	.ui-tooltip {
	  padding: 10px 20px !important;
	  color: white !important;
	  border-radius: 20px !important;
	  font: 10px "Helvetica Neue", Sans-Serif;
	  background-color: #000000 !important;
	  box-shadow: 0 0 7px black;
	}
	.c-supplier{
		color: #FFFFFF;
		font-size: 17px;
		font-weight: 400;
	}
	.contact-results span {
		font-weight: bold;
		color: #737373;
	}
	.contacts-details p.contact-results {
		line-height: 20px;
		margin: 0 0 5px;
		padding: 0;
	}
		.contacts-details p:first-of-type {
			margin-top: 8px;
		}
	.contacts-details {
		min-height: 189px;
	}
	.suppliers-details {
		min-height: 86px;
	}
	.properties-details {
		min-height: 255px;
	}
	.view-contacts {

	}
	
/*
  #################################################
	Pagination
  #################################################
*/
	.page-numbers {
		list-style: none;
		margin-top: 40px;
		margin-bottom: 70px;
		text-align: center;
	}
	.page-numbers li {
		display: inline-block;
	}
	.page-numbers a,
	.page-numbers span {
		border: 1px solid #BFBFBF;
		padding: 15px 15px;
		margin: 2px;
	}
	.page-numbers span.current {
		background: #FCB900;
		border: 1px solid #BFBFBF;
		color: #ffffff;
	}
	.page-numbers a:hover, .page-numbers span.current {
		background: #FCB900;
		border: 1px solid #BFBFBF;
		color: #ffffff;
	}

	.page-numbers {

	}