/*
Theme Name: Long Contracting
Theme URI: https://kobecreations.com/
Author: Kobe Creations
Author URI: https://kobecreations.com/
Description: Kobe Creations works.
Version: 0.1
Text Domain: kobecreations
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
	font-family:'Inter', helvetica, tahoma, serif;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

a { color:#123D5D; text-decoration:none; }
a:hover,
a:focus,
a:active { color:#445b6e; text-decoration:underline; }


/* default */

#page { min-width:960px; }
#branding { position:relative; width:960px; margin:0 auto; }
#branding:after,
#menu-main-menu:after { clear:both; display:block; content:""; }

#branding hgroup { width:960px; margin:0 auto; text-align:center; position:relative; display:block; padding:20px 0; }
#branding hgroup #site-description { display:none; color:#7caa00; font-size:70px; margin-bottom:10px; }
#branding hgroup #site-title { float: right; }
#branding hgroup #access { float: left; }
#branding hgroup:after { clear:both; display: block; content:'';}

#branding hgroup.main {
	padding-bottom: 0;
}
#branding hgroup.main #access {
	float: none;
	clear:both;
}
#branding hgroup.main #site-title {
	margin-top: 10px;
	margin-bottom: 10px;
	float: none;
	text-align: left;
}
#branding hgroup.main #menu-main-menu {
	text-align: left;
}
.menu-main-menu-container {
	margin-left: -10px;
}
#menu-main-menu { text-align:center; font-size:0; }
#menu-main-menu ul { display:none; }
#menu-main-menu > li { display:inline-block; }
#menu-main-menu > li:last-child { background:url(""); }
#menu-main-menu > li > a { font-family:'Inter'; display:block; text-transform:uppercase; text-decoration:none; padding:10px 10px; font-size:15px; font-weight:500; color:#123D5D; }
#menu-main-menu > li > a span { display:none; }
#menu-main-menu > li > a:hover { }
#ticker-news-wrapper { background:#aed63f; padding:20px; }
#ticker-blog-wrapper { background:#c9e47f; padding:20px; }
#ticker-news,
#ticker-blog { width: 960px; margin:0 auto; text-align:center; font-family:'Inter'; font-size:12px; }
#ticker em { margin-right:8px; font-weight:bold; font-style:italic; font-family:'Inter'; font-size:12px; color:#556726; }
#ticker-news a,
#ticker-blog a { color:#505b33; text-decoration:none; }
#ticker-news a:hover,
#ticker-blog a:hover { color:#6c7b44; text-decoration:underline; }
#branding #header-side-menu { position:absolute; width:960px; left:50%; margin-left:-480px; top:0; }
#branding #header-side-menu:after { content:""; display:block; clear:both; }
#aside-link { float:right; font-size:0; }
#aside-link li { display:inline-block; }
#aside-link li a { display:inline-block; color:#84aa1f; text-decoration:none; font-family:'Inter'; font-size:11px; background:url("images/sep_bar.png") repeat-y right top; padding:10px 10px 5px 10px }
#aside-link li:last-child a { background:url(''); }
#aside-tel,
#aside-social { float:left; }

#aside-tel { font-family:'Inter'; font-size:14px; font-style:italic; color:#e9e9e9; background:url("images/bg_aside_sep.png") repeat-y right top; padding:18px 15px 5px 0; }
#aside-tel strong { font-family:"Inter"; font-style:normal; font-weight:600; color:#fff !important; letter-spacing:-1px; margin-left:5px; }
#aside-social { padding:16px 15px 5px 15px; }

#aside-social a img { opacity:0.5; }
#aside-social a { margin-right:3px; }
#aside-social a:last-child { margin-right:0; }
#aside-social a:hover img { opacity:1; }

#branding hgroup.sub { text-align:left; }
#branding hgroup.sub h2#site-description { display: none; }

#branding hgroup:after { clear:both; display:block; content:""; }
#branding hgroup.sub { padding:40px 0 30px 0; }
#main,
#primary.showcase { background-color:#fff; }

.front-page-main { background:transparent !important; min-height:100%; }
.front-page #branding hgroup { background: rgba(255, 255, 255, 0.9);padding: 40px 20px 30px; }
.main-article h2,
.widget-title,
h1.entry-title ,h1.page-title { padding:10px 0; margin-bottom:15px; font-size:24px; font-weight:bold; font-family: 'Inter', Tahoma, 'Inter', Arial, sans-serif; color:#123D5D; }
.main-article { width:960px; margin:0 auto; text-align:center; }
.main-article:after { clear:both; content:""; display:block; }
.main-article section { width:312px; float:left; margin-right:12px; }
.main-article section:last-child { margin-right:0; }
.main-article section h3 { font-family:"Inter"; font-weight:700; margin-bottom:8px; font-size:16px; text-shadow: 1px 1px 0px #fff; }
.main-article section img { position: relative; left: -3px; margin-bottom:8px; }
.entry-content,
.entry-summary { font-family:'Inter'; font-size:12px; line-height:1.5; color:#333; padding-right:10px; }
.main-article section .entry-content a,
.main-article section .entry-summary a { color:#222; }
.main-article .latest-link { display:block; font-family:'Inter'; font-weight:bold; font-size:12px; background:url("images/btn.png") no-repeat left top; width:96px; margin:0 auto; padding:9px 0; color:#fff; text-decoration:none; }
.main-article p { margin-bottom:10px; }
.sub-article {}
.sub-article:after { clear:both; content:""; display:block; }
.sub-article section { clear:left; padding-bottom:20px; background:url("images/bg_normal_sep_short.png") repeat-x left top; padding-top:20px; }
.sub-article section h3 { font-family:"Inter"; font-weight:700; margin-bottom:8px; font-size:16px; text-shadow: 1px 1px 0px #fff; }
.sub-article section img { float:left; margin-right:10px; border:1px solid #fff; box-shadow:0px 1px 5px rgba(0,0,0,0.5) }
/* .sub-article section:nth-of-type(2n) img { float:right; margin-right:0px; margin-left:10px; } */
.sub-article section .entry-content a { color:#222; }
.sub-article section .entry-content:after { content:""; clear:both; display:block; }
.sub-article .latest-link { color:#222; font-size:10px; display:block; margin-bottom:8px; font-family:'Inter'; font-style:italic; text-decoration:none; }

.entry-content li { padding:3px 10px 3px 10px; background:url('images/bullet.png') no-repeat 0 11px; }
.entry-content ul { margin:20px 0 25px 0; }

#sections { padding-bottom:30px; }

#which-one { padding-bottom:20px; }
#which-one h2 { color:#0b9444; text-align:center; font-size:26px; letter-spacing:-1px; margin-bottom:0; }
#which-one h2 span { color:#8dc63f; }
#which-one h3 { color:#667344; }

#latest-works { padding-bottom:15px; }
#latest-works h3 { font-size:14px; margin-bottom:3px; }

.page-holder { width:960px; margin:0 auto; min-height:300px; padding-top:10px; }


#primary.showcase { margin-left:0; float:none; width:960px; margin:0 auto; }

#primary.showcase .alignleft {
position: relative;
right: 0;
margin-right: 20px;
}

#primary.showcase .alignright {
position: relative;
left: 0;
margin-left: 20px;
}


#secondary { float:right; width:239px; }
#secondary a { color:#333; }
#main:after,
.page-holder:after { clear:both; content:""; display:block; }


.entry-content div { clear:both; }
.entry-content p { line-height:1.5; margin-bottom:14px; font-size: 16px; }
.entry-content .alignleft { float:left; margin-right:15px; }
.entry-content .alignright { float:right; margin-left:15px; }
.entry-content .alignleft + p,
.entry-content .alignright + p { padding-top:15px; }


.entry-content h1 ,
.entry-content h2 ,
.entry-content h3 ,
.entry-content h4 ,
.entry-content h5 { font-family:"Inter"; font-weight:500; }

.entry-content h1 { font-size:20px; }
.entry-content h2 { font-size:18px;
font-family: 'Inter', Tahoma, 'Inter', Arial, sans-serif;
letter-spacing: 0;
color: #002B54;
margin-bottom: 20px;
}

.entry-content h3 { font-size:16px; }
.entry-content h4 { font-size:14px; }
.entry-content h5 { font-size:12px; }

.entry-content div.tour { float:left; width:48%; clear:none; }

.entry-content div.tour:nth-of-type(2n) { float:right; }
.entry-content div.tour table { width:100%; border-collapse:collapse; }
.entry-content div.tour td { padding:5px; border:1px solid #ddd; border-right:0; border-left:0; }
.entry-content div.tour td.day { color:#84aa1f; font-weight:bold; }

.tour-table thead { display: none; }
.tour-table { width:100%; border-collapse:collapse; margin-bottom:10px; }
.tour-table td { padding:5px; border:1px solid #ddd; border-right:0; border-left:0; }
.tour-table td.day { color:#84aa1f; font-weight:bold; }

.table-seat { border-collapse: collapse; width:100%; margin:10px 0 20px 0; }
.table-seat td { border:1px solid #D7E4BD; padding:10px; text-align: center; color:#fff; }
.table-seat td.able { background:#0B9444; color:#0B9444; }

blockquote { padding:10px; font-size:16px; color:#000; font-family:'Inter'; font-weight:bold; text-align:left; }
blockquote cite { display:block; text-align:right; font-size:13px; }/*
.box-eyecatch { padding:50px 0px; margin:40px 0; border:1px solid #E9EFE2; border-left:0; border-right:0; }*/
.box-eyecatch { padding:30px 30px; margin:20px 0; border:1px solid #E9EFE2; background:#F8FFE6; }
.placeholder { position:relative; left:-80px; text-align:center; width:960px; }
.eyecatch,
.eyecatch-light,
.eyecatch-regular { color:#546528; }
.showcase-image { position: relative; left: -80px; width: 960px; text-align: center; }
.size14 { font-size:14px; }
.size16 { font-size:16px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }
.size24 { font-size:24px; }

#approach-graph {left: -60px; background:url("images/border.png") no-repeat 152px top; width:920px; height:600px; position:relative; }
#approach-graph ol { list-style:none; padding:0; }
#approach-graph li { float:left; width:152px; display:none; position:relative; }
#approach-graph .box { width:152px; height:35px; }
#approach-step1 .box { background-color:#1d230b; }
#approach-step2 .box { background-color:#2d3810; }
#approach-step3 .box { background-color:#47581a; }
#approach-step4 .box { background-color:#6f8928; }
#approach-step5 .box { background-color:#aed63f; }
#approach-step6 .box { background-color:#c9e47f; }
#approach-step1 { margin-top:195px; }
#approach-step2 { margin-top:160px; }
#approach-step3 { margin-top:125px; }
#approach-step4 { margin-top:90px; }
#approach-step5 { margin-top:55px; }
#approach-step6 { margin-top:20px; }
#approach-graph .approach-leap { display:none; position:absolute; width:280px; background-color:#fff; border:1px solid #ebf6cb; padding-bottom:10px; }
#approach-graph li { background:url(""); padding:0; }
#approach-graph .approach-leap strong,
#approach-graph li strong { display:block; font-family:"Inter"; font-weight:700; font-size:16px; padding:10px 15px; }
#approach-graph .approach-leap p,
#approach-graph li p { font-size:11px; font-family:'Inter'; padding:0 15px; margin:0; }
#approach-graph .approach-leap p { padding:0 15px 5px;}
#approach-graph .approach-leap strong { padding-left:20px; }
#approach-graph #approach-leap1 { top:350px; left:50px;		background-color:#faffeb; }
#approach-graph #approach-leap2 { top:320px; left:350px;	background-color:#f5ffdb; }
#approach-graph #approach-leap3 { top:250px; left:650px;	background-color:#e5f6b7; }
#approach-graph .bandge span { position:absolute; width:0; height:0; overflow:hidden; }
#approach-graph .bandge { position:absolute; width:40px; height:40px; background:url("images/bandge.png") no-repeat; }
#approach-graph .approach-leap .bandge { margin-left:-10px; margin-top:-10px; }
#approach-graph #approach-leap1 .bandge,
#approach-graph #approach-step3 .bandge { background-position:left center; }
#approach-graph #approach-leap2 .bandge,
#approach-graph #approach-step4 .bandge { background-position:center center; }
#approach-graph #approach-leap3 .bandge,
#approach-graph #approach-step5 .bandge { background-position:right center; }
#approach-graph ol .bandge { position:absolute; right:-20px; top:-20px; z-index:10; display:none; }
#content .page-header,
#content article.post,
#content article.page,
#content article.news { margin-bottom:30px; }
.showcase #content .page-header,
.showcase #content article.post,
.showcase #content article.page,
.showcase #content article.news { border-bottom:0; }

#content article.post:last-child,
#content article.page:last-child,
#content article.news:last-child { border-bottom:0; margin-bottom:40px; }
.entry-meta { text-align:right; padding-bottom:15px; clear:both; font-size:11px; font-family:'Inter'; }
.entry-meta a { font-family:'Inter'; color:#333; font-size:11px; }
h3#reply-title { font-family:"Inter",'Inter'; }
#nav-single { float:right; font-size:12px; font-family:"Inter"; }
.entry-hero-header { background:url("images/bg_normal_sep.png") repeat-x bottom left; height:270px; position:relative; margin-bottom:20px; }
.entry-hero-header h1,
.entry-hero-header h2 { width:300px; }
.entry-hero-header h1 { font-family:"Inter"; font-weight:700; font-size:32px; margin-bottom:10px; padding-top:100px; }
.entry-hero-header h2 { font-family:"Inter"; font-weight:500; font-size:16px; line-height:1.4; }
.entry-hero-header img { position:absolute; bottom:-30px; right:0; }

.logged-in-as ,.comment-notes { float:right; font-size:12px; font-family:'Inter'; padding:12px 0; margin:0; }
#comments-title { margin-bottom:15px; }
#comments .commentlist ~ #respond { border-top:1px solid #efefef; padding-top:20px; margin-top:25px;}
#comments .vcard { font-size:11px; padding-bottom:10px; }
#comments .vcard .comment-nav { float:right; margin-top:20px; }
#comments .reply { text-align:right; font-size:12px; padding:10px 0; }
#comments .comment-content { margin-left:40px; border:1px solid #dfdfdf; background:#efefef; font-family:'Inter'; font-size:14px; padding:10px; border-radius:5px; }
#comments li { margin-bottom:15px; }
ul.children { margin:15px 0px 15px 30px; }
#comments .vcard .fn { font-size:16px; font-family:'Inter'; font-weight:bold; }
#comments .vcard img { width:30px; height:30px; border-radius:5px; position:relative; bottom: -15px; margin-right:10px; }
#comments label { display:block; font-size:12px; font-family:'Inter'; padding:12px 0; }
#comments textarea,
#comments input[type=text],
#comments input[type=password] { -webkit-transition: background-color 0.3s ease-in-out;-webkit-transition: background-color 0.3s ease-in-out;	-moz-transition: background-color 0.3s ease-in-out;	-o-transition: background-color 0.3s ease-in-out;
margin:0; padding:10px; width:100%; box-sizing:border-box; border-color:#dfdfdf; background:#efefef; border-radius:5px; font-size:14px; font-family:'Inter', serif; }
#comments .required { color:#84AA1F; font-size:12px; }
#comments p[class^=comment-form-] .required { font-family:'Inter'; font-size:12px; position:absolute; margin-left:-10px; }
#comments input[type=text],
#comments input[type=password] { border:1px solid #dfdfdf; }
#comments textarea:focus,
#comments input[type=text]:focus,
#comments input[type=password]:focus  { background-color:#fff; }
.form-submit { text-align:right; padding:10px 0 15px; }
input#submit { cursor:pointer; background:url("images/btn.png") no-repeat left top; border:0; border-radius:5px; padding:9px; font-family:"Inter"; font-size:10px; font-weight:bold; color:#fff; }
.widget_search input[type=submit] { cursor:pointer; background:url("images/btn.png") no-repeat center center; border:0; border-radius:5px; padding:5px; font-family:"Inter"; font-size:11px; font-weight:bold; color:#fff; }

#content article:last-child { border-bottom:0; }

.widget-title,
h1.entry-title,
h1.page-title { margin-bottom:0; }

h3.widget-title{ font-size:14px; border-bottom:1px solid #E9EFE2; margin-bottom:0; }
aside.widget { margin:10px 0; font-size:12px; font-family:'Inter';  }
aside.widget li { padding:15px 0; border-bottom:1px dotted #efefef; }
.gksm-custom-menu-widget { min-height:203px; }
.gksm-custom-menu-widget a { font-family:'Inter'; font-size:11px; color:#000; text-decoration:none; display:block; padding:3px 0; }
.gksm-custom-menu-widget a:hover { color:#21607d; text-decoration:underline; }
.gksm-custom-menu-widget .current_page_item a { color:#21607d; }
.gksm-custom-menu-widget .current_page_item:before { position:absolute; content:url('images/flag.png'); margin-left:-13px; margin-top:3px; }
.gksm-custom-menu-widget li { margin-bottom:5px; }

p.eyecatch { text-align:center; font-family:"Inter"; font-size:20px; font-weight:700; }

#footer-map { min-height:158px; width:960px; margin:0 auto; padding-top:18px; }
#footer-map:after { clear:both; display:block; content:""; }
#footer-map > li { float:left; margin-right:80px; }
#footer-map > li:last-child { margin-right:0; }
#footer-map > li > a { font-family:"Inter"; text-decoration:none; font-size:11px; font-weight:700; color:#ececec; letter-spacing:-0.06em; }
#footer-map > li > a span { display:none; }
#footer-map li li a { color:#d8d9da; text-decoration:none; font-family:'Inter'; font-size:10px; }
#footer-map .sub-menu { margin:5px 0 0 5px; }

.site-copyright-wrapper { width:960px; margin:0 auto; }
#site-copyright { width:960px; margin:0 auto; padding-bottom:40px; }

#site-copymenu { border-top:1px solid #F5F5F5; padding-top:10px; margin-top:10px; font-family:'Inter'; font-size:10px; }
#menu-copyright-menu:after,
#site-copymenu ul:after { clear:both; display:block; content:""; }
#site-copymenu li { float:left; border-right:1px solid #8c9979; margin-right:6px; padding-right:8px; }
#site-copymenu li a { text-decoration:none; color:#7d7d7d; }
#site-copymenu li:last-child { border-right:0; }
#company-logo { font-family: 'Inter', Tahoma, 'Inter', Arial, sans-serif;  }
#company-logo a img { opacity:0.8; }
#company-logo a:hover img { opacity:1; }
#company-logo small { color:#333333; }
#company-logo p { font-size: 10px; margin-bottom: 5px; color:#7d7d7d; }
#company-logo p strong { font-size: 13px; display:block; }
#company-information { font-family:'Inter'; font-size:10px; color:#4d5059; text-align:right; float:right; margin-top:15px; }
#company-information img { opacity:0.4; }
#company-information * { color:#7d7d7d; }
#company-information small { margin-bottom:12px; display:block; }
#company-information address { margin-top:3px; margin-bottom:4px; }
#company-information a { text-decoration:none; }
#company-information a:hover,
#company-information a:active { text-decoration:underline; }

#site-copyright:after { clear:both; display:block; content:""; }
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


section.testimonial { margin-bottom:20px; margin-top:50px; padding-top:15px; background:url("images/bg_normal_sep_short.png") no-repeat top left; }

section.testimonial:first-child { margin-top:10px; }
section.testimonial img { float:right; }
section.testimonial p:last-child { margin-bottom:0; }
section.testimonial cite { text-align:right; font-family:"Inter"; font-size:12px; display:block; margin-top:15px; }

.box-notify { padding:15px; text-align:center; border:1px solid #ffee91; background:#fffbe6; margin-bottom:15px; }

.entry-hero-title span { font-size:22px; display:block; }

.widget_text { margin-top:32px; padding-bottom:15px; }
.widget_text h3 { font-size:14px; }
.widget_text .textwidget { font-family: 'Inter'; font-size: 11px; color:  black; text-decoration: none; line-height:1.5; }
.widget_text .textwidget a { color:#888; text-decoration:none; }

.widget_text .textwidget a:hover { border-color:#888; color:#222; }

#connect-with-us-side { float:right; clear:none; width:300px; margin-top:15px; }
#connect-with-us-content { float:left; width:360px; }

#contect_form label { display:block; font-size:12px; font-family:'Inter'; padding:12px 0; }
#contect_form select { width:100%; }
#mc_signup { }
#contect_form input[type="text"],
#contect_form textarea { -webkit-transition: background-color 0.3s ease-in-out;-webkit-transition: background-color 0.3s ease-in-out;	-moz-transition: background-color 0.3s ease-in-out;	-o-transition: background-color 0.3s ease-in-out;
margin:0; padding:10px; width:100%; box-sizing:border-box; border-color:#dfdfdf; background:#efefef; border-radius:5px; font-size:14px; font-family:'Inter', serif; }

#contect_form textarea {
  font-size: 11px;
  min-height:100px;
}

#contect_form input[type=text],
#contect_form input[type=password] { border:1px solid #dfdfdf; }
#contect_form textarea:focus,
#contect_form input[type=text]:focus,
#contect_form input[type=password]:focus  { background-color:#fff; }


#contect_form button,
#contect_form input[type="button"],
#contect_form input[type="submit"] { cursor:pointer; background:url("images/btn.png") no-repeat center center; border:0; border-radius:5px; padding:5px; font-family:"Inter"; font-size:11px; font-weight:bold; color:#fff; }
/*
#mc_signup button:hover,
#mc_signup input[type="button"]:hover,
#mc_signup input[type="submit"]:hover {
	background:#777;
}

#mc_signup button:active,
#mc_signup input[type="button"]:active,
#mc_signup input[type="submit"]:active {
	background:#000;
}
*/


#mc-indicates-required {
  width:auto !important;
  text-align:right;
  padding-top: 10px;
  margin-bottom: 3px;
}

.mc_signup_submit {
  position:relative;
  text-align: right !important;
}

.mc_signup_submit_loading {
	background:url("images/1-1.gif") no-repeat left top; width:20px; height:20px;
	display:block; position:absolute; right:50px; top:6px;
}

#mobile-menu-swither { display:none; }

#mc_message { padding-bottom: 5px; }

.entry-content .contact-us-info { width:40%; float:right; clear:none; }
.entry-content .contact-us-info .contact-us-box { padding-top:15px; margin-top:15px; border-top:1px solid #efefef; }
.entry-content .contact-us-info h2 { line-height:1; padding-top:15px; font-size:14px; margin-top:15px; border-top:1px solid #efefef; margin-bottom:0px; padding-bottom:5px; }
.entry-content .contact-us-info h2 span { color:#84AA1F; margin-right:5px; }
.entry-content .contact-us-info .phone { font-size:18px; font-family:'Inter'; font-weight:bold; color:#333; }
.entry-content .contact-us-info .email { color:#666; font-size:11px; }
.entry-content .contact-us-form { float:left; width:55%; clear:none; }
.entry-content .contact-us-form h2 { margin-bottom:0; padding-bottom:0; padding-top:0; }

.slide-nav { position: absolute; right:15px; top:18px; }
.slide-nav a { display:inline-block; margin-left:15px; }
.front-page {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
.main-container {
margin-top: 60px;
margin-bottom: 60px;
padding: 22px 0 0 22px;

}
.main-container div {
	position: relative;
	overflow: hidden;
	padding-bottom: 180px;
}

#frontpage-footer { 
position: relative;
margin:0 auto;
margin-top: -133px;
clear: both;
z-index: 2;
width: 960px; padding:20px; background:rgba(255,255,255,0.9); }
#frontpage-footer a { font-size:11px; color:#333; font-family:tahoma; }
#frontpage-footer h1 { font-family:'Inter'; color:#123D5D; font-size:16px; font-weight:bold; padding-bottom:5px; }
#frontpage-footer p { font-family:'Inter'; font-size:12px; }
#frontpage-footer iframe { margin-top:5px; }

#slideshow { 
margin: 0 auto;
height: 100%;
overflow: hidden;
}

.slideshow-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.IN-widget { margin-left:5px; }
@media screen and (max-width:600px) {
ul#menu-project-nav {display: flex !important;flex-wrap: wrap;justify-content: ;padding: 15px 0px;row-gap: 15px;}
#primary.showcase,
#branding hgroup { width: auto; overflow:hidden; }
#branding hgroup > img { display:none; }
#branding hgroup.sub h1#site-title, #branding hgroup.sub h2#site-description { display:block; width: auto; }
#branding hgroup.sub h1#site-title { text-align:center; padding:10px 0; }
#header-side-menu { display:none; }
#branding hgroup.sub h2#site-description { position:static; top:0; margin-left:0; padding-left:0; border-left:0; display:none; text-align:center; float:none; }
#frontpage-footer,
#which-one { width:auto; margin:0; text-align:center; }
#which-one h2 { margin-top:25px; }
#which-one div a { display:block; text-align:center; font-family:'Inter'; font-weight:bold; font-size:12px; background:url("images/btn.png") no-repeat center center; width:auto; border-radius:5px; margin-right:0; padding:9px 0 11px 0; color:#fff; text-decoration:none; margin-bottom:5px; }
#which-one div a:last-child { margin-right:0; }
#ticker-news, #ticker-blog {
width: auto;
}
.site-copyright-wrapper { width: auto; }
#page { min-width:initial; height: auto; position:static; }
.slideshow-container { position:relative; }
.front-page #branding hgroup { padding: 40px 0 30px 0; }
.main-container { display: none; }
	input[type="text"] {
		width: 94%;
		font-size: 14px;
	}
  #mobile-menu-swither {
    display: block;
    position: absolute;
	right: 10px;
	top: 10px;
  }

  #mobile-menu-swither button {
    cursor: pointer;
	font-weight: bold;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	border:0;
	padding:5px 10px;
	font-size:12px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  }

  #mobile-menu-swither button:hover {
    background: rgba(0, 0, 0, 0.6);
  }
  #mobile-menu-swither button:active {
    background: rgba(0, 0, 0, 0);
  }

  #branding {
    padding-top: 0;
	width: auto;
  }

  .branding-wrapper {
    padding-bottom: 0;
  }

  #branding hgroup {
    float: none;
  }

  #branding hgroup h1 {
  }
	#branding hgroup #site-description {
	 font-size:25px;
	}
  .front-page #branding hgroup h1 img {
    width: 96%;
	margin:10px auto;
	display:block;
  }
  #branding hgroup h1 img {
  	max-width:300px;
  }

  #branding #header-side-menu {
    text-align: center;
    position: static;
	right: auto;
	top: auto;
	background: #8e8e8e url("images/shadow.png") repeat-x top left;
	border-top: 1px solid #a1a1a1;
  }

  #aside-tel,
  #aside-social {
    padding: 5px 10px;
	float: none;
  }

  #aside-tel strong a {
	color:#ffffff !important;
  }
  #aside-tel {
    min-width: 153px;
    float: left;
	padding: 8px 10px;
    background: transparent;
  }

  #aside-tel strong {
    color:#fff;
  }

  #aside-social {
    float: right;
  }

  .main-article {
    width: auto;
  }

  .main-article section {
    float: none;
	width: auto;
	margin: 0;
	padding:0 10px;
  }

  .main-article section img {
    width: auto;
	margin:10px auto;
	max-width:100%;
	height:auto;
	display:block;
  }

  .main-article h2, .widget-title, h1.entry-title {
    padding: 10px 0;
  }

  #menu-main-menu {
    float: none;
	margin-top: 0;
	display: none;
  }

  #menu-main-menu.open-mobile {
    display: block;
  }

  #menu-main-menu > li {
  	border-top:1px solid #efefef;
  	box-shadow: inset 5px 2px 10px rgba(0,0,0,0.02);
	display:block;
    clear:both;
    float:none;
	margin:0;
  }
  #primary.showcase .alignright,
  #primary.showcase .alignleft { max-width:300px; width:100%; height:auto; position:static; padding:0; padding:10px; margin:0 auto; display:block; }
  .placeholder { width:auto; position:static; margin-left:0; }
  .placeholder img { width:100%; height:auto; }
  .entry-content div.tour,.entry-content div.tour:nth-of-type(2n) { float:none; width:auto; margin-bottom:20px; }
  .entry-content .contact-us-info,
  .entry-content .contact-us-form  { width: auto; float:none; }
  
  #menu-main-menu > li:last-child {
    border-bottom:1px solid #efefef;
  }

  #menu-main-menu > li > a {
    font-size:12px;
    padding: 10px 5px;
  }
  #menu-main-menu > li > a strong {
    float:left;
  }

  #menu-main-menu > li > a span {
    margin-top:3px;
    float:right;
  }

  #menu-main-menu > li > a:after {
    clear:both;
	content:"";
	display:block;
  }

  #primary, #secondary {
    width: auto;
	float: none;
  }
  .page-holder {
    width: auto;
	padding:0 10px;
  }
  .entry-hero-header {
    width: auto;
	height: auto;
	padding-bottom: 20px;
  }
  .entry-hero-header h1, .entry-hero-header h2 {
    width: auto;
  }
  .entry-hero-header h1 {
    font-size: 16px;
    padding-top: 20px;
  }
  .entry-hero-header h2 {
    font-size: 14px;
  }
  .entry-hero-header img {
    position: static;
	bottom: auto;
	right: auto;
	display: none;
  }
  .entry-content .alignleft,
  .entry-content .alignright {
    float: none;
    width: auto;
	display: block;
	margin: 0 auto;
  }

  .slide-nav { position:static; padding-top:15px; }
  .slide-nav a { margin-left:0; margin:10px; }
  #connect-with-us-content,
  #connect-with-us-side {
    float: none;
	width: auto;
	margin: 10px 0;
  }

  .gksm-custom-menu-widget {
    min-height: initial;
  }

  #site-copyright {
    width: auto;
  }

  #site-copymenu {
    float: none;
	text-align: center;
	margin-top: 0;
	padding-top: 15px;
  }

  #site-copymenu li {
    display: inline-block;
	float: none;
  }

  #site-copymenu li:last-child {
    margin-right: 0;
	padding-right: 0;
  }
  #footer-map {
    width: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
  }
  #company-information {
    float: none;
	text-align: center;
  }

  #ours-works {

  }
  #ours-works img {
    float: none;
	display: block;
	margin:0 auto 15px;
	height:auto;
	width:auto;
	max-width:100%;
  }
  #hero {
    overflow: hidden;
	height: 300px;
  }
  #hero #headertxt {
    width: auto;
  }
#hero #headernav-outer { position:absolute; bottom:15px; right:auto; width:100%; text-align:right; }

#hero .headerimg { background-position: -640px top; }
#hero #firstline { font-size:20px; }
#hero #secondline { font-size:20px; }
.front-page #mobile-menu-swither { display:none; }
.front-page #menu-main-menu { display:block; }
#branding hgroup #site-title { float: none; }
#branding hgroup #access { float:none; }
.front-page { margin-top: 0;}
}


@media screen and (max-width:260px){
  #aside-social { display:none; }
}


.acc-item-header { height: 1%; padding:15px; cursor:pointer; color:#fff; box-shadow: inset 0px 5px 10px rgba(0,0,0,0.2); }
.acc-item-header .acc-item-num { margin:0; float: left; margin-right:15px; font-family: ''Inter''; font-size:16px; font-style:italic; }
.acc-item-header .acc-item-title { margin:0; float: left; font-size:16px; font-weight:bold; border-left:1px solid rgba(255,255,255,0.3); padding-left:15px; }
.acc-item-content { display: none; }
.acc-item-content p { margin:0; padding: 10px; border:1px solid #dfdfdf; background:#fafafa; border-top: 0; }
.acc-item > /**/ .acc-item-header { height: auto; }
.acc-item-header:after { clear:both; content:''; display:block;  }

#acc-item-1 .acc-item-header { background-color:#0B9444; }
#acc-item-2 .acc-item-header { background-color:#84AA1F; }
#acc-item-3 .acc-item-header { background-color:#7DA447; }

#acc-item-1 .acc-item-header:hover { background-color:#0FBB57; }
#acc-item-2 .acc-item-header:hover { background-color:#A1D024; }
#acc-item-3 .acc-item-header:hover { background-color:#8CB84F; }


.main-showcase h1 {
	display: none;
}

.main-showcase h2 {
	margin-bottom: 6px;
	margin-top:20px;
	line-height: 1.35;
	font-size: 20px;
}/*

.main-slide {
	float:left;
	width:960px;
}

.main-side {
	float: right;
	clear: none !important;
	width: 140px;
}
.main-side h2 {
	margin-top: 0;
	margin-bottom: 0;
}
*/
.category-box table th {
	width: 120px;
	padding: 5px 0;
}


#project-access {
	clear: both;
	position: relative;
	top: 7px;
	padding: 0 10px;
	background: #f5f5f5;
}
#project-access h3,
#project-access ul,
#project-access li,
.menu-project-nav-container {
	display: inline-block;
}
#project-access h3 {
	font-family: 'IBM Plex Mono';
    text-transform: uppercase;
    text-decoration: initial;
    padding: 10px 10px 10px 0;
    font-size: 13px;
    font-weight: 700;
    color: #123f63;
    letter-spacing: 0.65px;
}

#project-access li a {
	font-family: 'IBM Plex Mono';
	text-transform: uppercase;
	text-decoration: initial;
	padding: 10px;
	font-size: 13px;
	font-weight: 500;
	color: #123f63;
	letter-spacing: 0.15px;
}
#project-access li a:active,
#project-access li a:focus,
#project-access li.current-menu-item a {
	font-weight:bold;
}

.category-futher-link {
	text-align: left;
}
.category-futher-link a {
	display: inline-block;
	background: #123D5D;
	color: #fff;
	margin: 3px 0 3px -5px;
	padding:5px;
}
.category-futher-link a:hover,
.category-futher-link a:active,
.category-futher-link a:focus {
	color:#123D5D;
	background: #fafafa;
	text-decoration: none;
	padding:5px;
}

#emblem {
	float: left;
}

#company-logo {
	float: right;
	text-align: right;
	font-size: 11px;
	line-height:1.3;
}

#copy {
	clear: both;
	text-align: right;
	padding-top: 10px;
	color: #7d7d7d;
}

#copy div {
	margin-bottom: 5px;
}

.col2 {
	margin-top: 15px;
	float: left;
	width: 445px;
	padding: 10px;
	clear: none !important;
	background:#fefefe;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	position:relative;

}
.col2:hover {
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.col2 img {
	position: relative;
	top:10px;
	margin-top: -10px;
}
.col2 p {
	margin-bottom: 0;
}
.col2 p + p {
	margin-top: 10px;
}
.col2 h3 {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 20px;
}

.col2 + .col2 {
	margin-left: 20px;
}
.col3 {
	float: left;
	width: 310px; /* 950 30% */
	clear: none !important;
}

.col3 .init_image {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.col3 .init_image img {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;

}
.col3 h3 {
	margin-bottom: 10px;
	height: 43px;
	font-size: 14px;
	width: 96%;
	font-weight: bold;
}
.col3 .init_image img {
	position:relative;
	left: 0;
	top: 0;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}
.col3:hover .init_image img {
	left: -2px;
	top: -2px;
	box-shadow: 5px 5px 9px rgba(0,0,0,0.2);
}

.col3 + .col3 {
	margin-left: 10px;
}

.wpcf7-submit {
background: #123D5D;
color: white;
text-decoration: initial;
padding: 5px 10px; border:0;
}


@media screen and (max-width:600px) {
	.col3,.col2 {
		width: auto;
		margin-bottom: 10px;
	}
	.col2+.col2,
	.col3+.col3 {
		margin-left: 0;
	}
	#primary.showcase, #branding hgroup {
		overflow:initial;
	}

	.menu-main-menu-container {
		margin-left: 0;
	}
	#project-access {
		top: 0;
		text-align: center;
	}
	#project-access h3 {
		display: none;
	}

	.category-box {
		width: 100%;
		margin-bottom: 15px;
	}
	.category-box img {
		width: auto;
		height: auto;
		max-width: 100%;
	}
	.category-box > tbody > tr > td {
		display: block;
		text-align: center;
	}
	.category-box table {
		margin: 0 auto;
	}

	.alignnone,
	.alignleft,
	.alignright,
	.aligncenter {
		float: none !important;
		clear: both;
		margin: 0 auto;
		padding: 0;
		width: auto;
		height: auto;
		max-width:100%;
	}

	#emblem {
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}

	#company-logo,#copy {
		float: none;
		width: auto;
		text-align: center;
	}

	.main-slide {
		width: 100%;
	}
	.main-side {
		display: none;
	}
	#branding hgroup.main h1#site-title {
		text-align: center;
		padding: 15px 0;
	}
}

.home .entry-content {
	padding-right: 0 !important;
}

.category .main-article h2,
.category .widget-title,
.category h1.entry-title {
	font-size: 18px;
}


/****************/
/* Custom Added */
/****************/

/* cateogry box*/
table.category-box a img {width: 300px; height: auto;}

/* Additional custom CSS after adding round 2 updates */
.tiles {clear: none !important; overflow: hidden;}
.tiles img {float: left; margin-right: 10px !important; margin-bottom: 10px; width: 120px; height: 120px;}


/* 120px tile images */
.royal-arcade .tiles,
.bowens-timber-east-bentleigh .tiles,
.corporate-cheltenham .tiles,
.port-douglas .tiles,
.mackinley-malvern .tiles {width: 390px; float: left;}

/*.royal-arcade .tiles img,
.bowens-timber-east-bentleigh .tiles img,
.corporate-cheltenham .tiles img,
.chesterfield-malvern .tiles img,
.port-douglas .tiles img,
.mackinley-malvern .tiles img  {width: 120px; height: 120px;}*/


/* main image */
.royal-arcade .wp-image-450 {width: 540px;}
.bowens-timber-east-bentleigh .wp-image-427 {width: 510px;}
.corporate-cheltenham .wp-image-557 {width: 506px;}
.club-laverton .wp-image-616 {float:left; width: 772px;}
.chesterfield-malvern .wp-image-728 {width: 570px;}
.port-douglas .wp-image-687 {width: 545px;}
.mackinley-malvern .wp-image-715 {width: 510px;}
.acre-place-malvern .wp-image-798 {width: 510px;}


/* page details */
.bmw-cars img, .bmw-motocycles img {width: 500px; float: right !important; margin-bottom: 10px;}

.rosebud-hotel .tiles {float: left; width: 400px;}
/*.rosebud-hotel .wp-image-594 {float: right; width: 440px;}*/

.alfred-hotel .tiles {width: 340px; float: left;}
.alfred-hotel .tiles img { width: 100%;}
.alfred-hotel .wp-image-627 {float: right; width: 575px;}

.thomas-jeweller .wp-image-639 {float: left; width: 454px;}
.thomas-jeweller .tiles {float: right; width: 470px;}
.thomas-jeweller .tiles img {width: 220px;}
.thomas-jeweller .wp-image-636 {width: 220px; float: right; padding-right: 5px;}

.scotch-healesville .wp-image-649 {width: 650px;}
.scotch-healesville .tiles {width: 660px; float: right; margin-top: 10px; margin-right: -10px;}
.scotch-healesville .tiles img {width: 100px; height: 100px;}

.central-victoria .wp-image-678 {width: 700px;}
.central-victoria .tiles {width: 230px; float: right;}
.central-victoria .tiles img {width: 225px;}

.port-douglas p a {text-decoration: underline;}

.auburn-village .wp-image-751 {width: 378px;}
.auburn-village .wp-image-752 {width: 520px;}

.acre-place-malvern p {margin-top: 10px;}

.st-joseph-hawthorn .wp-image-928 {margin-top: -20px;}

@media screen and (max-width:600px) {
	#main img {margin-bottom: 10px !important; max-width: 100%;}
	.tiles {width: 100% !important; margin-left: 0px !important;}
	.tiles img {display: inline-block !important; margin-right: 10px !important; margin-bottom: 10px !important; max-width: 150px !important;}
	#emblem img {max-width: 100%;}

	.thomas-jeweller .wp-image-636 {width: 150px; margin: 0px;}

	.st-joseph-hawthorn .wp-image-928 {margin-top: 10px;}
}


.watch-video-link-category {
}

.watch-video-link-category a:hover {
	background: #4d9cd7;
	text-decoration: none;
}

.watch-video-link-category a {
	display: inline-block; 
	background: #3297e2;
    color: #fff;
    margin: 3px 0 3px -11px;
    padding: 5px;
    float: left;
}

.watch-video-link-category p {
	display: inline-block;
    float: left;
    margin: 0px;
    padding: 5px;
}

.pp_details {
	padding-top: 40px !important;
}

.entry-header .entry-title {
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Inter', Tahoma, 'Inter', Arial, sans-serif;
    color: #123D5D;
}


