/**
* custom.css file created by Yougrids Template
* @package Yougrids Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

/* Ipswich pro Drive - Eximium */


body {line-height:1.75; color:#000000; }

@media (max-width: 767px){body {padding-right: 0px; padding-left: 0px;}}

@media screen and (max-width: 979px){div.yjsg-newsitems .float-left { width: 100% !important; }}

@media only screen and (max-width: 1039px) and (min-width: 980px) {div.yjsgsitew { max-width: 100% !important; }}

@media screen and (max-width: 420px){#logo, #logoholder {max-width:90vw; background-size: contain !important; margin:0 auto; width: 90vw !important; height: 50vw !important;}}

.article_title, .module_title { word-break: normal; }

 
 #holder2  {
	background:  #eeeeee none;
	padding: 0 0 0 0 ;
 }
 
 #centerbottom,
.blue_yjsg2_out,
.blue_yjsg3_out,
.blue_yjsg4_out {
	background: none;
	border:none;
 }
 

 /* -------------- Basic Fonts -----------------------------------------*/
 


a.readon {	background: #414141 !important; }

img {
	max-width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
} 

h4 { color: #666666;}
h2,
h2.article_title,
h1.article_title  {
	font-size: 24px;
	line-height: 38px;
}

.button, .button:hover, .validate, a.readon, a.hover, a.focus {
	background: #DE0B00!important;
}

/* -------------- Header -----------------------------------------*/
.yjsg_grid {
	padding: 10px 0 0 0;
}

#yjsgheadergrid .yjsquare  { 
	background: transparent; 
	padding: 0 10px;
}

#header2 .yjsquare_in  {
	width: 100%;
}
#header2 p  {
	text-align:center;
	font-size: 20px;
	font-weight: 600;
	color: #111111;
	margin: 0px;
}
#header2 a  {
	width: 250px;
	height: 70px;
	color: #eeeeee !important;
	display: block;
	line-height: 60px;
	font-size: 22px;
	text-indent: 15px;
	text-align:left;
	margin: 0px auto;
}

#header2 a.booking  {
	background: transparent url(../images/lwd/button.png) no-repeat left top;
	transition:none;
}
#header2 a.booking:hover  {
	background: transparent url(../images/lwd/button.png) no-repeat left bottom;
	color: #ffffff !important;
	transition:none;
}
#header2 a.phone  {
	background: transparent url(../images/lwd/button-phone.png) no-repeat left top;
	transition:none;
}
#header2 a.phone:hover  {
	background: transparent url(../images/lwd/button-phone.png) no-repeat left bottom;
	color: #ffffff !important;
	transition:none;
}


/* ---------------------------------------- Menu -----------------------------------*/

#topmenu_holder, .ulholder.dlevel1 {
    background: #c30613;
}

/* Active/hover links */

.yjsgmenu a.activepath, .yjsgmenu a:focus, .yjsgmenu a:hover, .yjsgmenu li:hover > .child a {
    background: #D32F2F;
    color:#ffffff;
}

.yjsgmenu a:hover {
    box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1); 	
    color: #ffffff !important;
}


/* menu height, link colour and font size */
ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    padding: 0px 25px;
    height: 80px;
    line-height: 80px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}

/* remove padding */
.yjsg-menu {padding-left:0 !important; padding-right:0 !important;}

/* Mobile Menu fix */
@media screen and (max-width: 979px){
	.horiznav { display: none; }
	div#mmenu_holder { margin-bottom:20px; padding-top:10px;}
	#topmenu_holder {background: #F44336 !important;}	
}

/* Sub Menu background colors */

.yjsgmenu ul, .yjsgmenu li.holdsgroup ul ul {
	background: #e51400;
	border: 1px solid #ccc;
}

/* -------------- YJSG 2  -----------------------------------------*/

/* max height 500px  */
#yjsg2 {width:100%; padding: 0; margin:0; max-width:100%;}

#yjsg2 .yjsgxhtml {padding:0; margin:0;}


.homepage #yjsg2 .yjsgxhtml {
	background: #ffffff url(../images/lwd/banner-bg-1.jpg) no-repeat center top ;
	background-size: cover;
	height: 24.5vw;
	min-height: 300px;
}

.yjsgsliderSlide  {background-color : #f1f1f1;}

.slide-layer1{
	z-index: 1001;
	height: 24.5vw;
	min-height: 300px;
}
.slide-layer2{ 
	z-index: 1002;
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
	right: 0;
	max-width: 1200px;
	margin: 0 auto;
	text-align:center;
	padding-top: 4vw;
}

.slide-layer2-inner{
	width :30%;
	float:right;
	margin-right: 40px;
}

#yjsg2 h2 {font-size: 30px; color:#f20800; }
#yjsg2 p {font-size:18px;}
#yjsg2 a {font-size:18px; color:#ffffff; background-color:#f20800; line-height:40px; border-radius:20px; display:inline-block; padding: 0 20px; font-weight:bold}
#yjsg2 a:hover { background-color:#ff0000;}

@media screen and (min-width: 769px) and (max-width: 1200px){
	.slide-layer1 img {min-width: 1200px; margin-left: -180px;}
	.slide-layer2{ padding-top: 0; }
}
@media screen and (max-width: 768px){
	.slide-layer1 img {min-width: 1200px; margin-left: -260px;}
	.slide-layer2{ padding-top: 0; }
	#yjsg2 h2 {font-size: 26px;}
	#yjsg2 p {font-size:16px;}
}
/* -------------- yjsg3 -----------------------------------------*/

#yjsg3 #user1 {padding: 0; display:flex; flex-wrap: wrap; align-items: stretch;}
#yjsg3 .yjsquare { width: 32.333%; display: inline-block; margin:0.5%; background-color: #fafafa; padding:10px;}

#user1 .h2_holder{ 
	display: inline-block;
	float:left;
	margin-right: 10px;
}

#user1 .module_title {
	width: 60px;
    height: 60px;
    background-color: #ffff00;
    border-radius: 10px;
    border: 3px solid #333333;
    text-align: center;
	margin:0; 
	line-height:60px; 
	font-size: 250%;
}

#user1 strong {font-size: 120%; line-height: 66px; text-align:center; display:block; }

@media screen and (max-width: 768px){
	#yjsg3 .yjsquare { width: 48%; margin:1%;}
}
/* -------------- bread crumbs -----------------------------------------*/
body.style_blue #pathway {
	margin-bottom: 5px;
}
#pathway {
	margin: 5px 10px;
}

#pathway .breadcrumb  {
	border: 1px solid #444444;
	background: #202020;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#pathway .breadcrumb li {
	text-shadow: none;
}
/* ------------------ Google Maps ------------------------------------*/

.yjgooglemap { margin:0; padding:0;}
.gridsfx-yjgooglemap {padding:0;}

/* -------------- news items -----------------------------------------*/
.news_item_a .article_title,
.news_item_f .article_title,
.news_item_c .article_title {
	color: #ffffff;
	background-color: #DE0B00;
	display: inline-block;
	margin: 10px 0;
	padding: 0 10px;
 }
 
.news_item_f { margin: 0px ;}
.news_item_a { padding: 0 !important; }

div.yjsg-newsitems .yjsg-blog_a,
div.yjsg-newsitems .yjsg-blog_f,
div.yjsg-newsitems .yjsg-blog_c,
div.yjsg-newsitems .yjsg-blog_s {
	padding: 0 0px;
}

div.yjsg-newsitems div.multicolumns div.news_item_a,
div.yjsg-newsitems div.multicolumns div.news_item_f,
div.yjsg-newsitems div.multicolumns div.news_item_c,
div.yjsg-newsitems div.multicolumns div.news_item_s{
	margin: 0px 10px 5px 10px;
}

div.yjsg-newsitems div.multicolumns div.last div.news_item_a,
div.yjsg-newsitems div.multicolumns div.last div.news_item_f,
div.yjsg-newsitems div.multicolumns div.last div.news_item_c,
div.yjsg-newsitems div.multicolumns div.last div.news_item_s {
	margin-right: 10px;
}

div.yjsg-newsitems div.multicolumns div.first div.news_item_a,
div.yjsg-newsitems div.multicolumns div.first div.news_item_f,
div.yjsg-newsitems div.multicolumns div.first div.news_item_c,
div.yjsg-newsitems div.multicolumns div.first div.news_item_s {
	margin-left: 10px;
}

h1.pagetitle,
h2.pagetitle {
	margin: 0px 10px 5px 10px;
} 

.newsitem_text,
.newsitem_text  td p,
.newsitem_text  td ul{
	padding: 0px 10px 0px 10px;
}
 /* -------------- Article  Template -----------------------------------------*/

.article_top {
	height: 250px;
}
.article_bot img{
	/* ROUNDED CORNERS*/
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border: 3px solid #444444;
	color: #ff0000;
	
}
/* -------------- right colomn -----------------------------------------*/
#rightblock .yjsquare {
	margin: 0 0 10px 0;
	padding: 0px;
}
#rightblock .inside { padding: 0 10px;}

#rightblock .red_menu a{
	border: 1px solid #ff0000;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 16px;
	display: block;
    text-align: center;
    font-weight: bold;
}
#rightblock .red_menu a:hover{
	background-color: #dddddd;
	
}

/* -------------- module suffix yj1 -------------------------------------*/


.yjsquare.yj1 { 
	background: #cccccc;
	
}
.yjsquare.yj1 p { padding: 0 10px;}

.yjsquare.yj1 h2{
	color: #ffffff;
	background-color: #DE0B00;
	display: inline-block;
	margin: 10px 0;
	padding: 0 10px;
}
.yjsquare.yj1 h4 {
	margin: 10px 0;
	padding: 0 10px;
}
@media screen and (max-width: 768px) {
	.yjsquare.yj1 .random-article  {
		width: 50%;
		float: left;
	}
}
@media screen and (max-width: 480px) {
	.yjsquare.yj1 .random-article  {
		width: 100%;
		float: left;
	}
}
/* -------------- module suffix yj2 -------------------------------------*/


.yjsquare.yj2 { 
	background: #2E2E2E;
	
}
.yjsquare.yj2 p,
.yjsquare.yj2 li{ 
	padding: 0 10px;
	color: #ffffff;
}

.yjsquare.yj2 h2{
	color: #ffffff;
	background-color: #444444;
	display: inline-block;
	margin: 10px 0;
	padding: 0 10px;
}
.yjsquare.yj2 h4 {
	margin: 10px 0;
	padding: 0 10px;
}

/* -------------- module suffix yj3 -------------------------------------*/
.yjsquare.yj3 { 
	background: #eeeeee;

}


/* -------------- Grid body bottom --------------------------------------*/

#yjsgbodybottom form{
	/* search box*/
	margin: 0px;
}

#yjsgbodybottom .yjsquare  { 
	background: transparent; 
	padding: 10px;
	margin: 0px;
}

#yjsgbodybottom.yjsg_grid{
	padding:10px 0 0 0;
}
/* -------------- yjsg5 -----------------------------------------*/

#yjsg5{ background: rgba(0, 0, 00, 0.6);}
#yjsg5.yjsg_grid {
	padding: 20px 0px 0 0px;
}

#user11,#user12, #user13, #user14, #user15 {
	
}

#yjsg5 .yjsquare {
	margin: 0 10px 20px 10px;
	height: 260px !important;
	background: #2E2E2E;

}
#yjsg5 h2 { 
	color: #cccccc;
	background-color: #444444;
	display: inline-block;
	margin: 10px 0;
	padding: 0 10px;
}
#yjsg5 p, #yjsg5 li { color: #dddddd;}

#yjsg5 h4 { 
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 5px 0;
}
a.mod-articles-category-title { 
	color: #cccccc !important;
}

/* Footer --------------------------------------------------------------------------------------- */
/* version 1.01 - Added fbook link 																  */
/* version 1.02 - Added gplus link                                                                */
/* version 1.03 - Corrections for Eximium                                                         */
/* version 1.04 - style corrections                                                               */
/* version 1.05 - responsive style corrections                                                    */
/* version 1.06 - responsive style corrections                                                    */
/* version 1.07 - floating "Top" button                                                           */
/* ---------------------------------------------------------------------------------------------- */

.footer_out { background-color: #e8ebef; padding:30px 0;}
#footer { color: #929292;;}
.footer0 {text-align: center;}
.footer2 {line-height:2.5;}
.footer2 a, #cp a {color:#437AFC} /*local Web Design & Top*/
.footer2 a:hover{color:#43b7f9 !important} 
#cp a:hover {}

.fbook, .gplus{
	width: 16px;
	height:16px;
	display: inline-block !important;
	border-radius: 2px;	
	vertical-align: top;
    margin-top: 8px !important;
    margin-left: 8px !important;
}
.fbook a , .gplus a { 
	color: #dddddd; 
	font-size: 14px; 
	font-weight: 400; 
	line-height:16px;
    width: 16px;
    height: 16px;
    display: block;
}
.fbook a:hover, .gplus a:hover { color: #ffffff; }

.fbook { font-family: Arial, Helvetica, sans-serif;    line-height:18px; background-color: #3C56A1 ; /* std fbook blue */ }
.gplus { font-family: "Times New Roman", Times, serif; line-height:16px; background-color: #DF5138 ; /* std gplus red */ }

.gplus a { font-size: 20px; line-height: 20px; } /*brings <sup> up to same size */

.fbook:hover {background-color: #2749a5;} /* std fbook blue, brighter */
.gplus:hover {background-color: #f42909;} /* std gplus red, brighter */

#cp {padding-left: 10px; float:left} /*top*/


@media screen and (max-width: 400px){
	.footer1 {font-size:12px; line-height: 1.5!important;}
	.footer2 {font-size:12px;}
}

#cp a.yjscroll {
	position: fixed;
    bottom: 16px;
    right: 16px;
    width: 35px;
    background-color: #999999;
    border-radius: 4px;
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	
}
#cp a.yjscroll:focus {text-decoration: none; }