/* 
COLOURS
charcoal #393939
grey #f8f8f8
red #c81625
*/


/* 
########################################
########################################
XS Styles less than 768px - No media query since this is the default in Bootstrap 
########################################
########################################
*/


/* SITE WIDE */
html, body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#484646;}
.lb_container_spacer_01 {}
.lb_container_spacer_02 {}
p { margin-bottom:20px; text-align:left; text-align:justify; line-height:20px; font-weight:normal;}
a { color:#c81625; text-decoration:none;}
a:hover, a:focus, a:visited, a:active { color:#c81625; text-decoration:underline;}
.button, .button:visited { display:inline-block; background:#dedede url(/images/button-tail.gif) 0 0 repeat-x; line-height:18px; margin-bottom:20px; color:#fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:8px 24px 8px 24px; text-decoration:none; text-transform:capitalize; box-shadow:0 2px 3px #969797;  }
.button-full-width { width:100%; text-align:center;}
.button-adjust { width:100%; text-align:center; margin-bottom:0;}
.button:hover, .button:focus, .button:active, .button:disabled { background:url(/images/button-tail.gif) repeat-x 0 -45px white; text-decoration:none; cursor:pointer; color:#fff;}
.button:disabled { opacity: 0.6; cursor: not-allowed; }
.lb_index_section_marg { margin-bottom:50px;}

/* HEADINGS - DEFAULT HEADING TAGS ARE APPLIED ACROSS THE BLOG PAGES, THEN CLASSES ARE ADDED FOR THE SINGLE INDEX PAGE AND ANY OTHER UNIQUE SUB PAGES*/
h1, h2, h3, h4, h5, h6 { font-family:'Libre Baskerville', serif; font-size:20px; font-weight:700; padding-bottom:5px; margin-bottom:15px; background: url(/images/heading-border.png) repeat-x 0 bottom; line-height:1.3;}
h1 {}
h2 { margin-top:10px;}
h3 {}
h1.lb_heading_index { margin:10px 0 10px 0;}
h2.lb_heading_index {}
h3.lb_heading_index { margin:10px 0 10px 0;}

/* HEADER */
#sb-site { background: url(/images/main-tail.gif) 50% 0; padding-top:70px;}
.sb-hide { display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */}
.navbar-default { background-color:#f8f8f8; border-color:#e7e7e7;}
.navbar-right { margin-right: 0 !important;}
.sb-slidebar { background:#f8f8f8;}
.sb-slidebar a { color:#fff;}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close { cursor: pointer;}
.sb-toggle-left { float:left; padding:10px 14px 10px 0;}
.sb-toggle-right { float:right; padding:10px 0 10px 14px;}
.mobile-menu-toggle { display:inline-block; position:relative; /*top:-1px;*/}
.mobile-menu-toggle .icon-bar { display:block; width:20px; height:3px; border-radius:1px; background-color:#000; transition:transform 2000ms,width 1500ms;}
.mobile-menu-toggle .icon-bar + .icon-bar { margin-top:6px;}
.sb-navicon-line { width: 24px; height: 4px; border-radius: 1px; margin-bottom: 3px; background-color: #fff;}
.sb-active-right .navbar-right.mobile-menu-toggle .icon-bar:nth-child(2) { width:0; position:relative; top:3px;}
.sb-active-right .navbar-right.mobile-menu-toggle .icon-bar + .icon-bar { margin:0px;}
.sb-active-right .navbar-right.mobile-menu-toggle .icon-bar:nth-child(1) { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); position:relative; top:6px;}
.sb-active-right .navbar-right.mobile-menu-toggle .icon-bar:nth-child(3) { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:relative; top:0;}
.sb-active-left .navbar-left.mobile-menu-toggle .icon-bar:nth-child(2) { width:0; position:relative; top:3px;}
.sb-active-left .navbar-left.mobile-menu-toggle .icon-bar + .icon-bar { margin:0px;}
.sb-active-left .navbar-left.mobile-menu-toggle .icon-bar:nth-child(1) { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); position:relative; top:6px;}
.sb-active-left .navbar-left.mobile-menu-toggle .icon-bar:nth-child(3) { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:relative; top:0;}
.sb-menu { padding: 0; margin: 0; list-style-type: none;}/* Apply to <ul> or <ol>. */
.sb-menu li { width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */ border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */}
.sb-menu > li:first-child { border-top: none; /* Removes top border from first list item.. */}
.sb-menu > li:last-child { border-bottom: none; /* Removed bottom border from last list item. */}
.sb-menu li a { width: 100%; /* Makes links full width. */ display: inline-block; padding: 1em; /* Creates an even padding the same size as your font. */ color: #000; letter-spacing:1px; font-size: 14px; background-image: none;}
.sb-menu li a:hover, .sb-menu li.current a { text-decoration: none; background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */ color: #c81625; }
.sb-menu-right li a { text-align: right; border-right: 3px solid transparent;}
.sb-menu-right li a:hover, .sb-menu-right li.current a { border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */ }
.sb-menu-left li a { text-align: left; border-left: 3px solid transparent;}
.sb-menu-left li a:hover, .sb-menu-left li.current a { border-left: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */ }
.lb_logo_position { text-align:center;}
.lb_navbar { padding-top:5px; padding-bottom:5px; border-bottom:3px solid #c81625;}

/* BLOG NAV */
#blog_navigation h3 { margin-top:0;}
#blog_navigation ul { list-style:none; margin-left:0; padding-left:0;}
#blog_navigation ul li { padding:8px 0 0 0;}
#blog_navigation ul li a { text-transform:uppercase; color:#c81625;}
#blog_navigation ul li.current a { font-weight:bold; text-decoration:underline;}

/* SLIDESHOWS */
.slideshow_index_intro_container { width:100%; position:relative; border:3px solid #fff; background:none; margin-bottom:0; -webkit-box-shadow:1px 1px 3px 0px #979696; -moz-box-shadow:1px 1px 3px 0px #979696; box-shadow:1px 1px 3px 0px #979696; display:inline-block;}
.slideshow_index_intro { width:100%; position:relative; overflow:hidden;}
.lb_home_intro_caption { width:100%; font-size:18px; background:rgba(57, 57, 57, 0.8); color:#fff; padding:20px;}

/* SWIPER */
.lb_swiper_outer_wrapper { overflow: hidden; background:#e8e8e8; width:100%; margin-bottom:20px; -webkit-box-shadow:3px 0 3px 0 #979696; -moz-box-shadow:3px 0 3px 0 #979696; box-shadow:3px 0 3px 0 #979696;}
.swiper-container { width:100%; height:560px; margin:20px auto; overflow: visible;}
.swiper-container-horizontal > .swiper-pagination { bottom: 8px; }
.swiper-pagination-bullet-active { background:#c81625;}
.swiper-button-prev, .swiper-button-next { top: 178px; }
	.swiper-button-prev { left: 50%; margin-left: -150px; 
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23c81625'%2F%3E%3C%2Fsvg%3E");
	}
	.swiper-button-next { right: 50%; margin-right: -150px;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c81625'%2F%3E%3C%2Fsvg%3E");
	}
	
.swiper-slide { width: 280px; }

.swiper-slide-button-wrap { 
	position: absolute;
	width: 100%;
	bottom: 25px;
	left: 0px;
	text-align: center;
	padding: 10px;
}
	.swiper-slide-button-wrap a { }

.swiper-slide .swiper-slide-inner { padding: 5px; margin-bottom: 20px; opacity: 0.6; }
	.swiper-slide .swiper-slide-inner h2 { display: block; text-align: center; margin: 15px 5px 5px; }
	.swiper-slide .swiper-slide-inner p { padding: 5px 5px 0 5px; margin-bottom: 10px; }
	
.swiper-slide-active .swiper-slide-inner {
	opacity: 1;
	height: 99%;
	background: #fff;
	border-radius: 8px;
	//border: 1px solid #ccc;
	-webkit-box-shadow:1px 1px 3px 0px #979696; -moz-box-shadow:1px 1px 3px 0px #979696; box-shadow:1px 1px 3px 0px #979696;
}
	.swiper-slide-active .swiper-slide-inner h2 { color: #c81625; }

/* SHOWCASES */
.lb_showcase_container { -webkit-box-shadow:1px 1px 3px 0px #979696; -moz-box-shadow:1px 1px 3px 0px #979696; box-shadow:1px 1px 3px 0px #979696; display:inline-block; margin-bottom:20px;}
.lb_showcase_slideshow_container { width:100%; position:relative; background:#e8e8e8; padding:3px 3px 0 3px;}
.lb_showcase_slideshow { width:100%; position:relative; overflow:hidden;}
.lb_showcase_content { background:#e8e8e8; color:#646464; padding:10px;}
.lb_showcase_title { font-family:'Libre Baskerville', serif; font-size:16px; font-weight:700; padding-bottom:5px; margin-bottom:10px; background: url(/images/heading-border.png) repeat-x 0 bottom; line-height:1.3;}
.lb_showcase_text { font-size:12px; line-height:15px; margin-bottom:10px; text-align:left;}
.lb_showcase_content blockquote { font-size:12px; line-height:15px; background:#cccccc; padding:10px; border-left: 3px solid #c81625; margin-bottom:0;}
.lb_showcase_testimonial_name { font-size:12px; line-height:15px; margin-left:10px; margin-bottom:0;}
.lb_showcase_arrow_down { width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #cccccc; margin:0 0 10px 25px;}

/* BLOCKS */
.lb_block_01 { background:#e8e8e8; padding:5px; margin-bottom:20px; -webkit-box-shadow:1px 1px 3px 0px #979696; -moz-box-shadow:1px 1px 3px 0px #979696; box-shadow:1px 1px 3px 0px #979696; /*display:inline-block;*/}
.lb_block_content_01 { padding:0 10px 10px 10px;}
.lb_block_content_01 p { margin-bottom:10px;}

/* IMAGES */
.lb_img_blog_intro, .lb_img_blog { border:3px solid #fff; -webkit-box-shadow:1px 1px 3px 0px #979696; -moz-box-shadow:1px 1px 3px 0px #979696; box-shadow:1px 1px 3px 0px #979696; display:inline-block; background:#fff !important; }
.lb_img_adj_01 { -webkit-box-shadow:1px 1px 3px 0px #979696; -moz-box-shadow:1px 1px 3px 0px #979696; box-shadow:1px 1px 3px 0px #979696; margin-bottom:10px;}
.lb_img_blog { margin-bottom:5px;}

/* MAP */
#map { overflow:hidden; height:300px; position:relative; margin:0 0 20px 0; border:3px solid #fff; -webkit-box-shadow:1px 1px 3px 0px #979696; -moz-box-shadow:1px 1px 3px 0px #979696; box-shadow:1px 1px 3px 0px #979696;}

/* FORM */

.lb_robot_01 { margin-bottom:15px;}

.has-error .help-block-validation {
  color: #a94442;
}
.help-block-validation {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  line-height: 16px;
}

/* BLOCKUI - PUTS THE WHITE OPAQUE ACROSS THE WEBSITE */
div.blockOverlay {
	background: #FFFFFF !important;
}

/* TOASTR - MESSAGES AT THE TO OF THE SCREEN ON FORM SUBMIT */
#toast-container.toast-top-full-width > div {
	margin-bottom: 5px;
}
#toast-container > div {
	position: relative;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 15px 30px 15px 50px;
	width: 300px;
	font-size: 14px;
    line-height: 18px;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}
#toast-container > .toast {
	background-image: none !important;
}
#toast-container > .toast:before {
    position: fixed;
	font-family: 'Glyphicons Regular';
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
    line-height: 18px;
    float: left;
    color: #FFF;
    margin-left: -33px;
}        
#toast-container > .toast-warning:before {
    content: "\e197";
}
#toast-container > .toast-error:before {
    content: "\e193";
}
#toast-container > .toast-info:before {
    content: "\e196";
}
#toast-container > .toast-success:before {
    content: "\e194";
}
.toast-close-button {
	position: relative;
	right: -20px;
	top: -8px;
	float: right;
	font-size: 30px;
	font-weight: 300;
	line-height: 18px;
	color: #ffffff;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
}
/* SPINNERS */

@keyframes rotateRight{
    0%{ transform:rotate(0deg); transform-origin:50% 50%; }
    100%{ transform:rotate(360deg); }
}

@-webkit-keyframes rotateRight{
    0%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:50% 50%; }
    100%{ -webkit-transform:rotate(360deg); }
}

@keyframes rotateLeft{
    0%{ transform:rotate(0deg); }
    100%{ transform:rotate(-360deg); }
}

@-webkit-keyframes rotateLeft{
    0%{ -webkit-transform:rotate(0deg); }
    100%{ -webkit-transform:rotate(-360deg); }
}
.spinner{ width:35px; height:35px; display: inline-block; border:5px solid #000; border-color:#000 #000 transparent transparent; opacity:0.4; border-radius:30px; animation:.8s rotateRight infinite linear; -webkit-animation:.8s rotateRight infinite linear; }
.spinner::before{ content:''; display:block; width:16px; height:16px; margin:4px; border-radius:30px; border:5px solid #000; border-color:transparent transparent #000 #000; animation:.35s rotateLeft infinite linear; -webkit-animation:.35s rotateLeft infinite linear; }


/* FOOTER */
.footer_container { background:#393939; width:100%; color:#dddddd; padding:10px 0 10px 0; margin-top:50px;}
.footer_container a { color:#fff; text-decoration:underline;}
.footer_container a:hover { text-decoration:none;}
.copyright, .creator { font-size:11px; text-align:center;}
.creator { padding-top:10px;}
.addthis_toolbox { padding-top:10px; display:inline-block;}
.lb_addthis_footer { text-align:center;}

/* GENERAL */
.lb_pad_0 { padding:0;}
.lb_marg_0 { margin:0;}
.lb_marg_bt_5 { margin-bottom:5px;}
.lb_marg_bt_10 { margin-bottom:10px;}
.lb_marg_bt_15 { margin-bottom:15px;}
.lb_marg_bt_20 { margin-bottom:20px;}
.lb_marg_bt_25 { margin-bottom:25px;}
.lb_marg_bt_30 { margin-bottom:30px;}
.lb_marg_bt_35 { margin-bottom:35px;}
.lb_marg_bt_40 { margin-bottom:40px;}
.lb_marg_bt_45 { margin-bottom:45px;}
.lb_marg_bt_50 { margin-bottom:50px;}
.lb_marg_bt_55 { margin-bottom:55px;}
.lb_marg_bt_60 { margin-bottom:60px;}
.lb_marg_bt_65 { margin-bottom:65px;}
.lb_marg_bt_70 { margin-bottom:70px;}
.lb_marg_bt_75 { margin-bottom:75px;}
.lb_marg_bt_80 { margin-bottom:80px;}
.lb_marg_bt_85 { margin-bottom:85px;}
.lb_marg_bt_90 { margin-bottom:90px;}
.lb_marg_bt_95 { margin-bottom:95px;}
.lb_marg_bt_100 { margin-bottom:100px;}




.contact-details p { font-size: 14px; line-height: 22px; }
	.contact-details strong { display: block; padding-bottom: 3px; }
	.contact-details span { display: block; color: #c81625; font-size: 18px; line-height: 24px; padding:1px 0 5px 0; }
		.contact-details span.email a span { font-size: 14px; }


@media (max-width : 768px) {
}
/* 
########################################
########################################
SM Styles 768px and up 
########################################
########################################
*/
@media (min-width : 768px) {
/* SITE WIDE */
.button-adjust { width:auto;}
.lb_container_spacer_01 { margin-bottom:15px;}
.lb_container_spacer_02 { margin-bottom:25px;}
/* HEADINGS - DEFAULT HEADING TAGS ARE APPLIED ACROSS THE BLOG PAGES, THEN CLASSES ARE ADDED FOR THE SINGLE INDEX PAGE AND ANY OTHER UNIQUE SUB PAGES*/
h2 { margin-top:0;}
h1.lb_h3_index { margin-top:10px;}
/* HEADER */
#sb-site { padding-top:120px;}
.sb-toggle-left { padding-top:20px;}
.sb-toggle-right { padding-top:20px;}
.lb_addthis_footer { text-align:right;}
/* BLOG NAV */
/* SLIDESHOWS */
.slideshow_index_intro_container { margin-bottom:20px;}
/* SWIPER */
.lb_swiper_outer_wrapper { padding-top:25px; padding-bottom:25px; margin-bottom:50px;}
.swiper-slide .swiper-slide-inner { padding: 10px; }
.swiper-button-prev { left: 50%; margin-left: -170px; }
.swiper-button-next { right: 50%; margin-right: -170px; }
/* SHOWCASES */
.lb_showcase_container_space4 { margin-top:50px;}
/* BLOCKS */
.lb_block_01 { background:none; padding:0; -webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0; display:inline;}
.lb_block_content_01 { padding:0;}
/* IMAGES */
.lb_img_blog_giromax { margin-bottom:15px;}
/* MAP */
#map { height:200px;}
/* FORM */
#form_wrap button.button {}
/* FOOTER */
.copyright { text-align:left;}
.creator { text-align:right; padding-top:0;}


.contact-details p { font-size: 16px; }
	.contact-details span.email a span { font-size: 16px; }


}
@media (max-width : 992px) {
.nav-container { width:100% !important;}
}
/* 
########################################
########################################
MD Styles 992px and up
########################################
########################################
*/
@media (min-width : 992px) {
/* SITE WIDE */
/* HEADINGS - DEFAULT HEADING TAGS ARE APPLIED ACROSS THE BLOG PAGES, THEN CLASSES ARE ADDED FOR THE SINGLE INDEX PAGE AND ANY OTHER UNIQUE SUB PAGES*/
/* HEADER */
#sb-site { padding-top:200px;}
.lb_navbar { padding-top:10px; padding-bottom: 0px; }
.lb_logo_position { float:left;}
.lb_header_phone { float:left; background:url(/images/logo-separator.png) no-repeat left top; margin:15px 0 0 35px; padding-left:30px; font-size:20px;}
.lb_addthis_header { margin:15px 0 0 10px; float:right;}
.upper_nav { margin:32px 0 0 0; float:right; text-transform:uppercase;}
.upper_nav ul li { float:left; list-style:none; margin:0; padding:0;}
.upper_nav ul li a { margin-right:10px; text-decoration:none; font-weight:bold; letter-spacing:1px;}
.upper_nav ul li a:hover, .upper_nav ul li.current a { color:#3C3C3C; text-decoration: underline; }
.lower_nav { margin: 10px 0 0 0; border-top: 1px solid #fff; background: #c81625; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.lower_nav ul { padding: 0 0 0 2px; margin: 0; }
.lower_nav ul li { float:left; list-style:none; margin:4px 0 0 0; padding:0 2px;}
.lower_nav ul li a { border-top-left-radius: 6px; border-top-right-radius: 6px; color:#fff; display:block; cursor:pointer; overflow:hidden; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:13px; text-align:center; height:50px; line-height:40px; padding:6px 13px 0 14px; letter-spacing:1px;}
.lower_nav ul li a.double_line { line-height:17px; padding-top:9px;}
.lower_nav ul li a:hover, .lower_nav ul li.current a { background:#3C3C3C; color:#fff; }
/* BLOG NAV */
/* PANELS */
/* SLIDESHOWS */
/* SWIPER */
.swiper-slide { width: 300px; }
.swiper-container-horizontal > .swiper-pagination { bottom: 12px; }
.swiper-slide-button-wrap { bottom: 30px; }
.swiper-button-prev, .swiper-button-next { top: 187px; }
.swiper-button-prev { left: 50%; margin-left: -180px; }
.swiper-button-next { right: 50%; margin-right: -180px; }
/* SHOWCASES */
/* BLOCKS */
/* IMAGES */
/* MAP */
/* FORM */
#form_wrap button.button { width: 100%; float: none !important; }
/* FOOTER */
} 
@media (max-width : 1200px) {
}
/* 
########################################
########################################
LG Styles 1200px and up
########################################
########################################
*/
@media (min-width : 1200px) {
#form_wrap .global_qq_form_spam_input_wrapper { width:50%;}
#map { height:205px;}
.lower_nav ul li a { padding:6px 26px 0 26px; }
/* SWIPER */
.swiper-slide { width: 360px; }
.swiper-container-horizontal > .swiper-pagination { bottom: 16px; }
.swiper-slide-button-wrap { bottom: 40px; }
.swiper-button-prev, .swiper-button-next { top: 220px; }
.swiper-button-prev { left: 50%; margin-left: -210px; }
.swiper-button-next { right: 50%; margin-right: -210px; }
}