/*---------------------- @ MEDIA -------------------------*/
@media (min-width: 768px)
{
	#header_menu
	{
		background: none !important;
	}
	#header_menu.dark
	{
		background: #161616 !important;
		box-shadow: 0px 3px 3px rgba(0,0,0,0.7) !important;
	}
	#header_menu.dark ul#main-menu *
	{
		color:white !important;
	}
	.mg-logo
	{
		width:100%;
		max-width: 140px !important;
	}
	.mg-logo.reduced
	{
		max-width: 130px !important;
	}

	ul#main-menu
	{
		top:0px !important;
		left:0px !important;
		position: relative;
	}
	ul#main-menu > li > a
	{
		display: inline-block !important;
		font-size: 12px !important;
		padding:0px;
		margin:20px 0px 0px 5px;
	}
	ul#main-menu > li > a:after {
	    position: absolute;
	    left: 50%;
	    content: '';
	    height: 5px;
	    background: #FFF;
	    transition: all 0.1s linear;
	    margin-left: -50%;
	    width: 0%;
	    bottom: 0;
	}
	ul#main-menu > li > a:hover:after {
	    width: 100%;
	}
	.pull-sm-right
	{
		float:right;
	}
}

@media (min-width: 992px) 
{
	.mg-logo
	{
		width:100%;
		max-width: 180px !important;
	}
	.mg-logo.reduced
	{
		max-width: 165px !important;
	}
	ul#main-menu > li > a
	{
		font-size: 15px !important;
		padding:5px;
		margin:25px 5px 5px 10px;
	}
}

@media (min-width: 1200px)
{
	.mg-logo
	{
		width:100%;
		max-width: 200px !important;
	}
	.mg-logo.reduced
	{
		max-width: 180px !important;
	}
	ul#main-menu > li > a
	{
		font-size: 17px !important;
		padding:5px;
		margin:25px 10px 0px 10px;
	}
	.toShown{
		display: none;
	}
}

@media screen and (min-width: 0px) and (max-width: 450px)
{
	div#testimonial_display > span > p{
		font-size: 10px !important;
	}
	ul#main-menu > li > a{
		color: white !important;
	}
	.search_part{
		font-size:11px !important;
	}
	#search_btn{
		padding-top:3px !important;
	}
	.toShown{
		display: block;
	}
	.toHidden{
		display: none;
	}
	button#venue-button{
		font-size:10px !important;
	}
	button#venue-button > i.fa-15 {
		font-size: 1em !important;
		padding-top:0px;
	}
	
}
@media screen and (min-width: 451px) and (max-width: 500px)
{
	div#testimonial_display > span > p{
		font-size: 12px !important;
	}
	#main-menu > li > a{
		color: white !important;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 991px)
{
	div#testimonial_display > span > p{
		font-size: 10px !important;
	}
	
}
@media screen and (min-width: 992px) and (max-width: 1199px)
{
	div#testimonial_display > span > h3 > p{
		font-size: 20px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px)
{
	div#testimonial_display > span > h3 > p{
		font-size: 15px !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px)
{
	div#test2 > span > h3 > p{
		font-size: 15px !important;
	}
	div#test2 > span > h3 > b{
		font-size: 20px !important;
	}
	#main-menu > li > a{
		color: white !important;
	}
	
}
@media (max-width: 680px)
{
	div#test2{
		display:none !important;
	}
}
@media (max-width: 767px)
{
	#main-menu > li > a{
		color: white !important;
	}
	#menu-toggler{
		padding-right: 50px !important;
	}
}
/*---------------------- TRANSITIONS ----------------------*/

.trans2
{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.trans3
{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.trans4
{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.trans5
{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


/*------------------------- GENERAL ALIGNMENTS -------------------------*/

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

.align-left-justify
{
	text-align: justify;
	word-wrap: break-word;
    -moz-text-align-last: left;
    text-align-last: left;
}
.align-center-justify {
    text-align: justify;
	word-wrap: break-word;
    -moz-text-align-last: center;
    text-align-last: center;
}
.align-right-justify {
    text-align: justify;
	word-wrap: break-word;
    -moz-text-align-last: right;
    text-align-last: right;
}

/*----------------------- GENERAL TEXTS AND ICONS ----------------------*/

@font-face {
  font-family:Roboto-Light;
  src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
  font-family:Roboto-Regular;
  src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
  font-family:Roboto-Bold;
  src: url('../fonts/Roboto-Bold.ttf');
}

.enTrans
{
    transition:all 200ms ease-in-out;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.light
{
	font-family: Roboto-Light !important;
}
.bold
{
	font-family: Roboto-Bold !important;
}
.mgrs-top50
{
	margin-top:50px !important;
}
.fa-15
{
	width:20px;
	height:20px;
	font-size: 15px !important;
	padding:5px;
}
.fa-20
{
	width:25px;
	height:25px;
	font-size: 20px !important;
	padding:5px;
}
.fa-25
{
	width:30px;
	height:30px;
	font-size: 25px !important;
}
.fa-30
{
	width:35px;
	height:35px;
	font-size: 30px !important;
	padding:5px;
}
.fa-35
{
	width:40px;
	height:40px;
	font-size: 35px !important;
	padding:5px;
}
.fa-40
{
	width:45px;
	height:45px;
	font-size:40px !important;
	padding:5px;
}


.lined-header 
{
	margin: 20px 0px 60px 0px;
	position: relative;
	width: 100%;
	height: 14px;
	border-bottom: 3px solid #454545;
	text-align: center;
}
.lined-header > .text-header 
{
	background-color: #FFF;
	color:#454545;
	padding: 20px 40px;
	font-size: 18px;
	font-family: Roboto-Regular;
}


.input-text
{
	margin-top:10px;
	font-family: Roboto-Regular;
	display: block;
}


.t-36, .t-34, .t-32, .t-30, .t-28, .t-26, .t-24, .t-22, .t-20, .t-18, .t-16, .t-14, .t-12, .t-10, .t-8
{
	font-family: Roboto-Regular;
}


.t-36
{
	font-size:36px;
}
.t-34
{
	font-size:34px;
}

.t-32
{
	font-size:32px;
}
.t-30
{
	font-size:30px;
}
.t-28
{
	font-size:28px;
}
.t-26
{
	font-size:26px;
}
.t-24
{
	font-size:24px;
}
.t-22
{
	font-size:22px;
}
.t-20
{
	font-size:20px;
}
.t-18
{
	font-size:18px;
}
.t-16
{
	font-size:16px;
}
.t-14
{
	font-size:14px;
}
.t-12
{
	font-size:12px;
}
.t-10
{
	font-size:10px;
}
.t-8
{
	font-size:8px;
}



.text-blue
{
	color:#72b5c0;
}
.text-blue:hover
{
	color:#4dbed1;
}
.text-white
{
	color:#e1e1e1;
}
.text-white:hover
{
	color:#fcfcfc;
}
.text-gray
{
	color:#676767;
}.text-gray:hover
{
	color:#898989;
}
.text-darkgray
{
	color:#454545;
}.text-darkgray:hover
{
	color:#676767;
}

/*---------------------------- GENERAL LISTS ----------------------------*/
ul
{
	margin:0px;
}
ul.plain
{
	list-style: none;
}
ul.inline
{
	display: inline;
}
ul.inline > li
{
	display:inline;
	margin:5px;
}
ul.plain > li > a:hover
{
	text-decoration: none;
}
a
{
	text-decoration: none !important;
}


/*---------------------------- GENERAL INPUTS ----------------------------*/
textarea
{
	padding:10px;
}
input, select, textarea, button
{
	margin-top:8px;
	outline: none;
	border-style: solid;
	border:1px solid #7fd0dd;
}
input._30, select._30
{
	height:30px;
	padding:5px 10px;
}
input._40, select._40
{
	height:40px;
	padding:8px 10px;
}
input._50, select._50
{	
	height:50px;
	padding:15px 12px;
}
input.my-input-curved, textarea.my-input-curved, select.my-input-curved
{
	border-radius: 8px;
}
input.my-input-sharped, textarea.my-input-sharped, select.my-input-sharped
{
	border-radius: 0px;
}
input.full, textarea.full, select.full
{
	width: 100%;
}
.borderless
{
	border:0px !important;
}
input[type="checkbox"].checkbox-styled {
  display: none;
}

label.checkbox-label {
  cursor: pointer;
}



/*---------------------------- GENERAL BUTTONS ---------------------------- */

button
{
	border:0px;
	color:white;
	background:#dcdcdc;
}

button._30
{
	height:30px;
	padding:5px 10px;
}
button._40
{
	height:40px;
	padding:8px 10px;
}
button._50
{	
	height:50px;
	padding:15px 12px;
}

button.full
{
	width: 100%;
}

button.my-button-sharp
{
	border-radius: 0px;
}

button.my-button-curved
{
	border-radius: 8px;
}

button.blue
{
	border:1px solid #7fd0dd;
	background:#4dbed1;
}
button.blue:hover
{
	background:#6ed0e0;
}
button.orange
{
	border:1px solid #f07e31;
	background:#f07e31;
}
button.orange:hover
{
	background:#fb944e;
}
button.pink
{
	border:1px solid #e60060;
	background: #e60060;
}
button.pink:hover
{
	background: #f0257a;
}
button.darkblue
{
	border:1px solid #00929e;
	background: #00929e;
}
button.darkblue:hover
{
	background: #12afbc;
}
button.green
{
	border:1px solid #86bd34;
	background: #86bd34;
}
button.green:hover
{
	background: #a5d65b;
}
button.gray
{
	border:1px solid #706f6f;
	background: #706f6f;
}
button.gray:hover
{
	background: #888888;
}
input[type="checkbox"].checkbox-styled + label.checkbox-label:before {
  border: 1px solid #7fd0dd;
  border-radius: 2px;
  content: "\00a0";
  display: inline-block;
  font: 14px/1em sans-serif;
  height: 14px;
  margin: 0 .25em 0 0;
  padding: 0;
  margin-top:3px;
  vertical-align: top;
  width: 14px;
}
input[type="checkbox"].checkbox-styled:checked + label.checkbox-label:before {
  background: #f1f1f1;
  color: #534dd1;
  content: "\2713";
  text-align: center;
}
input[type="checkbox"].checkbox-styled:checked + label.checkbox-label:after {
  font-weight: bold;
}


/*---------------------------- GENERAL IMAGE FRAMES -----------------------*/
.image-frame
{
	width:100%; 
	height: 0px; 
	background-position: center !important; 
	background-size: cover !important;
}
.image-frame.frame25
{
	padding-top:25%;
}
.image-frame.frame40
{
	padding-top:40%;
}
.image-frame.frame50
{
	padding-top:50%;
}
.image-frame.frame65
{
	padding-top:65%;
}
.image-frame.frame75
{
	padding-top:75%;
}
.image-frame.frame100
{
	padding-top:100%;
}

/*---------------------------- SPECIFIEDS ----------------------------*/

#black_top
{
	background: #161616;
	padding-top:5px;
}
#black_top ul > li > a
{
	color:#cdcdcd;
}
#black_top ul > li > a:hover
{
	color:#fcfcfc;
}

.mg-logo
{
	width:100%;
	max-width: 120px;
}

ul#main-menu
{
	top:10px;
	left:10px;
	position: relative;
}

ul#main-menu > li > a
{
	font-family:Roboto-Regular;
	font-size: 12px;
	display: block;
    position: relative;
	color:white;
}

ul#main-menu.firstblack > li > a
{
	color:black;
}

#home_banner
{
	background:url("../../resources/img/meetingsguide_banner_opt.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 0px;
	padding-top: 43.75%;
	opacity: 0.5;
}

#venue-types
{
	padding-left:0px;
	display: block;
	margin-top:10px;
}
#venue-types > li > span
{
	padding-top:10px;
}
#venue-button
{
	margin-top:30px;
}

#header_menu
{
	background: #161616;
}


#menu-toggler:hover
{
	cursor: pointer;
	filter: brightness(1.2);
}
#menu-toggler.fa-bars
{
	color:#acacac;
}
#menu-toggler.fa-th-large
{
	color:#f1f1f1;
}


#show_more, #venue_index
{
	cursor: pointer;
}

#show_more:hover , #venue_index:hover
{
	filter: brightness(1.1);
}


#search_cont > .container, #about_cont > .container, #venue_cont > .container, #international_cont > .container, #international_venue_cont > .container, #footer_cont > .container
{
	padding-top:75px;
	padding-bottom:75px;
}
#about_cont
{
	background: #f7f7f7;
}
#international_cont
{
	background:url("../img/international_map_bg_opt.jpg");
	background-size: cover;
	background-position:center; 
}
#footer_cont
{
	background: #f1f1f1;
}

.newspaper-4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count:4;
}
.newspaper-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count:3;
}
.newspaper-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */																	
    column-count:2;
}

.gap10
{
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
}
.gap20
{
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}
.gap30
{
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}
.gap40
{
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}


.table-striped > thead > tr > th
{
	background: #4cbdcf;
	color:white;
}
.table-striped > tbody > tr:nth-child(odd) > td
{
   background:#c8e7ec;
}

.table-striped > tbody > tr:nth-child(even) > td
{
   background:#e4f3f6;
}

.directory_header
{
	background:#989898;
	padding:5px 15px;
	margin:5px 0px;
}
.directory_cont
{
	margin:25px 0px;
}
.directory_header > h3
{
	color:white;
	margin:0px;
	font-size:18px;
}
.venue_directory
{
	transition: all 300ms ease-in-out;
	padding:8px 15px;
	margin:3px 0px 0px 0px;
	color:white;
}
.venue_directory:hover
{
	filter: brightness(120%);
}

.north_of_england
{
	background: #4dbdcf;
}
.bg_north_of_england
{
	background:rgba(77,189,207,0.7);
}
.the_midland
{
	background: #ef7e30;
}
.bg_the_midland
{
	background: rgba(239,126,48,0.7);
}
.south_of_england
{
	background: #e60060;
}
.bg_south_of_england
{
	background: rgba(230,0,96,0.7);
}
.london
{
	background: #00929f;
}
.bg_london
{
	background: rgba(0,146,159,0.7);
}
.rest_of_the_uk
{
	background: #87bd34;
}
.bg_rest_of_the_uk
{
	background: rgba(135,189,52,0.7);
}
.bg_other
{
	background: rgba(138,43,226,0.7);
}

@font-face {
  font-family:Roboto-Light;
  src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
  font-family:Roboto-Regular;
  src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
  font-family:Roboto-Bold;
  src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
  font-family:La-chata-normal;
  src: url('../fonts/La-chata-normal.ttf');
}





#venue-contact-form .panel-heading {
    padding: 20px 15px !important;
}

#map .gm-style .gm-style-cc a, #map .gm-style .gm-style-cc span {
display: none;
}

.panel-group .panel-title a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}

.panel-group .panel-title a.collapsed:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f067";
    padding-right: 5px;
}






.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.page_result .inactive {
background: #c3c3c3 !important;
}
.page_result .active_page {
background: #888888 !important;
color: #fff !important;
}

ul#autoload_cont
{
	position: absolute;
    	z-index: 99;
   	background-color: #ffffff;
   	list-style: none;
    	border-radius: 5px;
	padding-left:5px !important;
   	border: 1px solid #4dbed1;
    	display: none;
	padding: 0px;
}
ul#autoload_cont > li
{
	font-size: 16px !important;
	padding: 5px;
	cursor: pointer;
}
ul#autoload_cont > li:hover
{
	color:#4dbed1;
}