/*------------------------------------*\



    CONTENTS



\*------------------------------------*/


/*

1. BASE.........Reset and default styles

2. LAYOUT.......Main and unique elements

3. MODULE............Reusable components

4. STATE..................Current states

5. THEME............Branding and colours

*/


/*------------------------------------*\



    1. $BASE



\*------------------------------------*/


html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, capt, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

ul, ol { list-style: none; }

body {
  background: #fff;
  color: #000000!important;
  position: relative;
}
h1, h2, h3, h4 {
	font-weight: 700!important;
}

/* Give elements the same bottom margin to create consistent vertical rhythm */


.clr { clear:both;}


.header-block {
	height: 60px;
	z-index: 999;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 40px;
}

.content a {
	color:#555555;
 }

 .content a:hover {
	color:#b74b3a;
 }

/*------------------------------------*\



    $TYPOGRAPHY



\*------------------------------------*/


.page-title {}

.blog-title { margin-bottom: 0px; font-size: 1.5em; }
.blog-title a:hover { text-decoration: none!important; }


.blog-content h3 {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-transform: inherit!important;
}
.blog-content h4 {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-transform: inherit!important;
}


/*------------------------------------*\



    $LINKS



\*------------------------------------*/


a:link, a:visited {

    text-decoration: none;
    /**color: #555; **/
    font-weight: bold;
	-webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;

}

a:hover {

    color: #b74b3a;
    outline: none;

}

a:focus, a:active { outline: none }

/*------------------------------------*\



    $BUTTONS



\*------------------------------------*/



a.button, button, input[type="submit"] {
	font-size: 1em;
    line-height: 1em;
    padding: 0.75em 1.618em;
	font-weight: bold;
	text-decoration:none!important;
}
a.button {
  color: #FFFFFF;
  background-color: #b74b3a !important;
}

a.button:hover {
  color: #b74b3a !important;
  background-color: #fff !important;
}

a.button {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

a.button:hover, button:hover, input[type="submit"]:hover {
    text-decoration: none;
    color: #fff;
    background-color: #333;
}

a.button-alt {

	border: 2px solid #FFFFFF;
    padding: 20px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    width: 250px;
    margin: 0px auto;
	background: none;

}

a.button-alt:hover {
	color: #fff;
	background-color: #808080;
}


a.button-full {
	width: 100%;
	display: block;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

a.button-cta {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.469em;
}

.button + .button { margin-left: 0.75em; }

.btn-primary {
	color: #FFF!important;
}

.btn-secondary {

}

/*------------------------------------*\



    $FORMS



\*------------------------------------*/

input, select, textarea, button {

    font-family: inherit;
	font-size: inherit;
    line-height: 1em;
    border: 1px solid #ddd;
	padding: 0.188em 0.313em; /* 3px 5px */
}


input[type="submit"], button {

	-webkit-appearance: none; /* Remove iOS default styles */
    cursor: pointer;
    border: none;
    -webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
         -o-transition: all .1s linear;
            transition: all .1s linear;

}

.nf-field-element textarea {
	height: 120px!important;
}

.page-id-8 .nf-field-element textarea {
	height: 200px!important;
}

/*------------------------------------*\



    $OTHER ELEMENTS



\*------------------------------------*/



hr {

	border: solid #bbbbbb!important;
	border-width: 1px 0 0 0!important;
    clear: both;
	width: 33%;
	margin: 3.5em auto!important;

}

img, iframe {

	vertical-align: top;
	max-width: 100%;
	height: auto;

}

/*------------------------------------*\



    2. $LAYOUT



\*------------------------------------*/



.logo {
	width: 60px;
	height: inherit;
}

.logolink {
	display: inline-block;
    background-color: #2a2a2c;
    float: right;
    margin-right: -16px;
}

.logo-bg {
	background: #fff;
	height: 60px;
}

.logo-full-bg {
	background-color: #2a2a2c; padding:0px; margin: 0px!important;
}


@media only screen and (max-width: 767px) {
	.top {overflow: hidden;}
	.logolink { float: left; margin-right: 15px; }
	.logo-full-bg { margin: 0px -15px!important; }
}

nav.navigation { z-index: 999!important; margin-top: 40px; }

.navigation-touch {
	margin-top: 0px!important;
	font-size: 25px;
}

.header {
    z-index: 9999;
	height: 60px;
	display: flex;
	align-items: center;
 }




.header, .navigation, .main { width: 100%; }


/*-- Parallex --*/

.MainContainer {
	perspective: 1px;
	transform-style: preserve-3d;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
  }

.ParallaxContainer {
	display: flex;
	flex: 1 0 auto;
	position: relative;
	height: 100vh;
	transform: translateZ(-2px) scale(2);
	z-index: -1;
	/**background: url();**/
	background-color: rgb(250,228, 216);
  }

.ContentContainer {
	display: block;
	position: relative;
	background-color: white;
	z-index: 1;
  }

/*-- Parallex End --*/


.social { text-align:center; height:50px; margin-top:40px; margin-bottom:40px;}
.social-light { text-align:center; height:20px; margin-top:0px; margin-bottom:0px; position: absolute; right: 35px; top: 16px;}
.social-light img { height: 16px; width: auto; }
@media all and (max-width: 1080px) {
	.header .social { text-align:center; height:50px; margin-top:20px; margin-bottom:0px; margin-right: 70px;}
	.header  .social img { margin-bottom: 10px; }
}


/*------------------------------------*\



    $HEADER



\*------------------------------------*/

.top { padding: 0; }

/*------------------------------------*\


	$TOUCH NAV
	Only displayed on touch devices


\*------------------------------------*/

.nav>li>a {
	padding: 0px 0px!important;
	margin: 0px 0px 0px 30px;
}

.nav-touch-toggle {
	display: none;
	color: #000;
	position: absolute;
	font-size: 50px;
	top: -8px;
	right: 12px;
	z-index: 1000;
    /**background: url(images/sprite@2x.png) -600px -790px no-repeat;**/
}

.nav-touch-toggle a {
	color: #000;
}

.nav-touch-top {
	padding: 1em 1.25em;
	position: relative;
}

.nav-touch-search { width: 75%; }

.nav-touch-close {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
}

.nav-touch {
	width: 100%;
	display: block;
	font-size: 0.938em;
	font-weight: 700;
}

.nav-touch a {
	display: block;
	width: 100%;
	background-color: #fff;
	color: #808080;
	border-top: 1px solid #eee;
	font-weight: normal;
	text-transform: none;
	padding: 0.625em 1em;
}

.nav-touch ul { display: none; }

.nav-touch a:hover ul { display: block; }

.nav-touch ul a { padding: 0.625em 2em; }

.nav-touch ul ul a { padding: 0.625em 3em; }

.nav-touch a:hover { text-decoration: none; }

.nav-touch .current-menu-item > a {
	text-decoration: none;
	color: #fff;
	background-color: #b74b3a;
}

.contact h2 {
	margin-top: 10px;
}


/*------------------------------------*\



    $FULL SIZE NAV



\*------------------------------------*/

@media all and (min-width: 62em) { /* 980px */

	#menu-main-menu li {
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}

	#menu-main-menu li:hover {
	}

	.nav-full {
		border-top:1px solid #c3c8cf;
	}

	.nav-primary li {
		position: relative;
		z-index: 500;
	}

	.nav-primary > li { float: left; }

	.nav-primary a {
		color: #000000;
		text-align: left;
		border-right:0px solid #e2e2e2;
		border-bottom: 2px solid transparent;
	}

	.nav-primary a:hover {
		border-bottom: 2px solid #303030;
	}

	.nav-primary li:hover > a {
/*		background-color: #1694d6; */
		color: #000;
		text-decoration: none;
	}

	.nav-primary li:hover > ul { display: block }

	/*------------------------------------*\



		$2ND LEVEL



	\*------------------------------------*/


	.nav-primary ul, .nav-primary ul li { width: 16em; }

	.nav-primary ul {
		position: absolute;
		top: 27px;
		left: 20px;
		float: left;
		z-index: 99999;
		box-shadow: 3px 3px 3px #000000;
		-moz-box-shadow: 3px 3px 3px #000000;
		-webkit-box-shadow: 3px 3px 3px #000000;
	}

	.nav-primary ul a {
		background-color: #808080;
		color: #fff;
		line-height: 1.4em;
		padding: 0.5em 0.875em;
		width: 100%;
		height: auto;
		border-bottom: 0px solid #999!important;
	}

	.nav-primary ul :hover > a {
		background-color: #333;
		color: #fff;
	}

	/*------------------------------------*\



		$3RD LEVEL



	\*------------------------------------*/

	.nav-primary ul ul {
		left: 100%;
		top: 0;
	}

	/*------------------------------------*\



		$1ST LEVEL CURRENT



	\*------------------------------------*/

	.nav-tabs>li>a { padding:10px 15px!important;}

	.nav-primary li.current_page_item > a, .nav-primary li.current-menu-ancestor > a, .nav-primary li.current-menu-item > a, .nav-primary li.current-menu-parent > a {
		color: #b74b3a;
	}

	* html .nav-primary li.current_page_item a, * html .nav-primary li.current-menu-ancestor a, * html .nav-primary li.current-menu-item a, * html .nav-primary li.current-menu-parent a, * html .nav-primary li a:hover {
		background-color: #a88868;
		color: #fff;
	}

	/*------------------------------------*\



		$2ND LEVEL CURRENT



	\*------------------------------------*/

	.nav-primary ul li.current-menu-item > a {
		background-color: #333;
		color: #fff;
	}
}

/*------------------------------------*\



    $BANNER



\*------------------------------------*/

.carousel-control {  position: absolute; top: 49%; padding: 10px; background-color: #FFFFFF; }

.carousel-control i { font-size: 24px; line-height: 32px; }

a.carousel-control {  }

a.carousel-control :hover { color: #bcd24c; }

.carousel-item img { width: 100%; height: auto;}
.carousel-indicators { margin-left: 15%!important; }

.carousel .left { left:0px; }
.carousel .right { right:0px; }

.carousel-indicators li { height: 5px!important; }

.carousel-caption { bottom: 38%!important; left: 10%!important; right: 10%!important;}

.carousel-caption h1 { font-size: 3em; }
.carousel-caption p { font-size: 1.25em; }

.carousel-item .left-text { background-color: #000000c2; display: inline-table; padding: 40px; text-align: left; }
.carousel-item .right-text { background-color: #000000c2; display: inline-table; padding: 40px; text-align: left; left: auto; }



.banner {
    width: 100%;
	position: relative;
/*	background-position: 50% 0; */
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin-bottom:0px;
}
.banner img {
	width: 100%;
	box-shadow: inset 40px 40px 80px #000000;
}

.breadcrumb-bar {
	background-color:#0b1423;
}
.banner-content {
	top: 50%;
    transform: perspective(1px) translateY(-50%);
	position: absolute;
	width: 100%;
}

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

.home .breadcrumb-bar {
	display:none;
}


.owl-carousel .owl-item img {
	padding: 0px 5px!important;
}


@media all and (min-width: 62em) { /* 980px */

	.banner { background-size: cover; }
	.banner-content { position: absolute; }

}

@media all and (max-width: 62em) { /* 980px */
	.nav>li>a {
		padding: 10px 15px!important;
	}
}

@media all and (max-width: 767px) {
	.carousel-indicators { display: none!important;}
	.carousel-control { background: transparent; top: 37%; }
}
/*------------------------------------*\



    $CONTENT TABLES



\*------------------------------------*/


.content table { border-collapse: collapse; }

.content table th, .content table td {
	padding: 0.625em;
	border-bottom: 1px solid #ddd;
}

td, th {
	padding: 10px!important;
    border: 1px solid #dcdcdc!important;
}

/*------------------------------------*\



    $CONTENT LISTS



\*------------------------------------*/

.content ul, .content ol { margin-left: 1em; }
.content ul { list-style: disc; }
.content ol { list-style: decimal; }
.content li { margin-bottom: 0.05em; }
.content li > ul, .content li > ol {
    margin-top: 0.625em;
    margin-bottom: 0;
}

@media all and (min-width: 48em) { /* 700px */
	.content ul, .content ol { margin-left: 1.25em; } /* 42px */
}

/*------------------------------------*\



    $BLOCKQUOTE



\*------------------------------------*/

blockquote {
	position: relative;
	font-size: 1.125em;
	line-height: 1.618em;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	border: solid #eee;
	border-width: 10px 0;
}

blockquote p:last-child { margin: 0 }

@media all and (min-width: 62em) { /* 980px */
	blockquote { padding: 1.5em 2em; }
}
@media all and (max-width: 768px) {
	blockquote h2 { font-size: 1.5em!important; }
}

/*------------------------------------*\



    $BLOG



\*------------------------------------*/

.post-divider {
    display: block;
    height: 1px;
    background: #ddd;
    width: 50%;
	margin: 3em auto;
}

.post-meta p {
	font-size: 0.875em;
	line-height: 1.4em;
}

.single-post .content {
	padding-bottom: 3em;
}

.blog .content {
	padding-bottom: 3em;
}

.post-navigation {
	border-top: 1px solid #2e2e2f;
    padding-top: 20px;
}

.more-link {
	display: none;
}

/*------------------------------------*\



    $CONTENT IMAGES



\*------------------------------------*/


@media all and (max-width: 25.000em) { /* 400px */
	img.alignleft, img.alignright {
		max-width: 50%;
		height: auto;
	}
}

.alignright, a.alignright {
    float: right;
    margin: 0 0 1.618em 1.618em; /* 0 0 26px 26px */
}

.alignleft, a.alignleft {
    float: left;
    margin: 0 1.618em 1.618em 0; /* 0 26px 26px 0 */
}

.aligncenter, a .aligncenter {
    display: block;
    margin: 0 auto 1.618em auto; /* 0 auto 26px auto */
}

.alignnone, a .alignnone {
    display: block;
    margin-bottom: 1.618em; /* 26px */
}


/*------------------------------------*\



    $SIDEBAR



\*------------------------------------*/

.sidebar-heading {
	font-size: 1.25em;
	line-height: 1.3em;
}

.sidebar .ui-list {
	margin-left: 0px!important;
	list-style: none!important;
}

/*------------------------------------*\



    $UI LIST



\*------------------------------------*/

.ui-list {
    list-style: none;
    border-top: 1px solid #ddd;
	margin: 0;
}

.ui-list li { border-bottom: 1px solid #ddd; }

.ui-list a {
    display: block;
    padding: 0.625em 0.313em;
	line-height: 1.4em;
	font-weight: normal;
}
.ui-list a:hover, .ui-list .current_page_item a { text-decoration: none; }

/*------------------------------------*\



    $SEARCH



\*------------------------------------*/

.header .search { float: right; }

.contact-forms_wrapper { display:block!important;}

.form-search { position: relative; }

.form-search input.search-input {
	width: 100%;
	margin: 0;
	padding: 0.15em;
	color: #666;
	border: none;
	background-color: #F5F5F5;
}

.form-search .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 35px;
	border: none;
	text-indent: -9999em;
	margin: 0;
	background-color: #464646;
}

.form-search .search-submit:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 50%;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	margin-right: -8px;
	background: url(images/sprite.png) -200px -100px no-repeat;
	background-size: 600px 800px!important;
}

@media all and (min-width: 62em) { /* 980px */
	.sidebar .form-search .search-input, .content .form-search .search-input {
		border: solid #eee;
		border-width: 1px 0 1px 1px;
	}
}

/*------------------------------------*\



    $SIDEBAR - LEFT



\*------------------------------------*/

.sidebar-left {
	padding: 0 1em;
	margin-bottom: 1em;
	margin-top: 40px;
}

.sidebar-left .contact-detail {
    padding: 1em 0;
    border-bottom: 1px solid #ddd;
}

.sidebar-left h4 {
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
  	margin-bottom: 0.313em;
}

.sidebar-left .icon { vertical-align: top; }

.sidebar-left p, .sidebar-left table {
    font-size: 1em;
    line-height: 1.4em;
    margin: 0;
}

.sidebar-left p + p { margin: 10px 0 0 0 }

.sidebar-left .is-day, .sidebar-left .is-time { width: 50%; }

@media all and (min-width: 48em) and (max-width: 61.188em) { /* 700px - 979px */
	.sidebar-left table { width: 50%; }
}

@media all and (min-width: 62em) { /* 980px */

	.sidebar-left {
		float: left;
		width: 18.750em; /* 300px */
		padding: 0;
		margin-bottom: 1em;
	}

	.sidebar-left h4 { margin-bottom: 0.875em; }
}

/*------------------------------------*\



    $CONTACT PAGE



\*------------------------------------*/

@media all and (min-width: 48em) and (max-width: 61.188em) { /* 700px - 979px */

	.page-template-page-contact-php .main { padding: 1.5em 1.875em 2.5em 1.875em; }

	.page-template-page-contact-php .sidebar-left {
		float: left;
		width: 39%;
		padding: 0;
	}

	.page-template-page-contact-php .content {
		float: right;
		width: 57%;
		padding: 0;
	}
}


/*------------------------------------*\



    $FOOTER



\*------------------------------------*/


.footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: #303030;
	color: #fff;
	width: 100%;
	padding: 4% 0 4% 0;
}

.footer-body {
	font-size: 0.813em;
	line-height: 1.4em;
	padding: 30px 0px;
}

.footer-body h2 {
	margin-top: 20px;
	color: #FFFFFF;
	font-size: 1.5em;
}

.footer-body hr {
	margin: 0.5em auto!important;
	width: 13%;
}

.footer p, .footer a { color: #FFF; padding: 8px 0px; }
.footer a { font-weight: normal; }
.footer a:hover { color: #FFFFFF; }


ul.footer-nav { border-top: 1px solid #353535; }
.footer-nav li { text-align: left; border-bottom: 1px solid #353535;}

.footer-nav a {line-height: 24px;}

.header .social { margin-bottom: 8px; }

.header .social img { height: 30px; }

.footer-body .social { margin: 0px; padding-top:0px; padding-bottom: 20px; height: auto;}
.social P { margin-bottom: 0px;}
.social img { height: 35px; width: auto; padding: 0px 2px; }
.social img:hover { opacity: 0.7; }

@media all and (max-width: 43.688em) { /* 699px */
	.footer { margin-bottom: 0em; } /* Height of call now button margin-bottom: 5em; */
}

/*------------------------------------*\



    3. $MODULE



\*------------------------------------*/




/*------------------------------------*\



    $NAV



\*------------------------------------*/

.nav {
	display: inline-block!important;
}

ul.nav, .nav ul {
    margin: 0;
	padding: 0;
/*	float: right; */
}

.nav a { display: block; font-weight: normal!important;}

ul.nav-stacked li { float: none; }

@media only screen and (max-width: 1199px) {
	ul.nav-stacked li { display: block; width: 100%; }
	.nav>li>a { margin: 0px 0px 0px 0px; padding: 2px 8px!important; text-shadow:none; }
}

/*------------------------------------*\



    $HELPER



\*------------------------------------*/


.cf:before, .cf:after, .main:before, .main:after, .content:before, .content:after, .nav-primary:before, .nav-primary:after, .container:before, .container:after, .top:before, .top:after, .navigation:before, .navigation:after {
    content: '';
    display: table;
}

.cf:after, .main:after, .content:after, .nav-primary:after, .container:after, .top:after, .navigation:after { clear: both; }
.cf, .main, .content, .nav-primary, .container, .top, .navigation { *zoom: 1; }

/*------------------------------------*\



    $ICONS



\*------------------------------------*/

.icon {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(images/sprite.png) 0 0 no-repeat;
}

.icon-m {
	width: 24px;
	height: 24px;
}

.icon-l {
	width: 32px;
	height: 32px;
}

.icon-xl {
	width: 64px;
	height: 64px;
}

/*------------------------------------*\



    $ROW 1



\*------------------------------------*/

.icon-phone { background-position: 0 0; }
.icon-fax { background-position: -100px 0; }
.icon-email { background-position: -200px 0; }
.icon-address { background-position: -300px 0; }
.icon-hours { background-position: -400px 0; }
.icon-payment { background-position: -500px 0; }

/*------------------------------------*\



    $ROW 2



\*------------------------------------*/

.icon-info { background-position: 0 -100px; }
.icon-file { background-position: -100px -100px; }
.icon-search { background-position: -200px -100px; }
.icon-cross { background-position: -300px -100px; background-size: 600px 800px!important;}
.icon-tick { background-position: -400px -100px; }
.icon-user { background-position: -500px -100px; }

/*------------------------------------*\



    $ROW 3



\*------------------------------------*/

.icon-arrow-left { background-position: 0 -200px; }
.icon-arrow-right { background-position: -100px -200px; }
.icon-arrow-down { background-position: -200px -200px; }
.icon-arrow-up { background-position: -300px -200px; }

/*------------------------------------*\



    $RETINA ICONS



\*------------------------------------*/

/**@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.icon, .nav-touch-toggle, .flex-direction-nav a, ul.list-ticked li:before, ul.child-pages a:before, ul.list-pages a:before,.form-search .search-submit:before, .list-accordion-title a:before  {
		background-image: url(images/sprite@2x.png);
		background-size: 1200px 1600px;
	}
}**/

/*------------------------------------*\



    $ICON LIST



\*------------------------------------*/

.list-icon { font-size: 0; }
.list-icon li { margin-left: 10px; }
.list-icon li:first-child { margin-left: 0; }

/*------------------------------------*\



    $CALL NOW



\*------------------------------------*/


.call-now {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.call-now a {
	display: block;
	text-align: center;
	margin-bottom: 0;
	font-size: 1.125em;
}

/*------------------------------------*\

    $SIDR
	Slide out sidebar for touch devices

\*------------------------------------*/


.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 280px;
    overflow-x: hidden;
    overflow-y: auto;
	background-color: #FFFFFF;
	padding-bottom: 2em;
}
.sidr.right {
    left: auto;
    right: -280px;
}


/*------------------------------------*\



    $NEWSLETTER SUBSCRIPTION



\*------------------------------------*/

.form-subscribe input {
	margin-bottom: 0.313em; /* 5px */
	width: 100%;
	font-size: 1em;
	line-height: 1em;
}
.form-subscribe input[type="text"] { padding: 0.5em; }
.form-subscribe input[type="submit"] { padding: 0.75em; }


/*------------------------------------*\



    $BREADCRUMBS



\*------------------------------------*/

.nav-breadcrumb {
	font-size: 0.875em;
	line-height: 1em;
	margin: 0.6em 0em;
	color:#FFF;
}

.nav-breadcrumb a {
	color:#FFFFFF;
}

/*------------------------------------*\



    4. $STATE



\*------------------------------------*/


.is-invisible {
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
           filter: alpha(opacity=0);
     -moz-opacity: 0;
   -khtml-opacity: 0;
          opacity: 0;
}

.no-transition {
	-webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}

.spinner {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	-webkit-animation: rotation 1s infinite linear;
	   -moz-animation: rotation 1s infinite linear;
	     -o-animation: rotation 1s infinite linear;
	        animation: rotation 1s infinite linear;
	border-left: 6px solid rgba(0,0,0,.15);
	border-right: 6px solid rgba(0,0,0,.15);
	border-bottom: 6px solid rgba(0,0,0,.15);
	border-top: 6px solid rgba(0,0,0,.8);
	border-radius: 100%;
}


@-webkit-keyframes rotation {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
}


@-moz-keyframes rotation {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(359deg); }
}

@-o-keyframes rotation {
	from { -o-transform: rotate(0deg); }
	to { -o-transform: rotate(359deg); }
}

@keyframes rotation {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}


/*------------------------------------*\



    $COLOURS



\*------------------------------------*/

::selection {
    background: #b74b3a;
    color: #fff;
    text-shadow: none;
}

/*------------------------------------*\



    $BACKGROUNDS



\*------------------------------------*/



/* Brand primary and secondary background colours */

.content-heading { margin-top: 2em; }

.content { overflow: hidden; }

.flex-content { overflow: hidden; }

.primary {background-color: #FFF; padding:50px 0px; color: #000000;}

.secondary {background-color: #b74b3a !important; padding:50px 0px; color: #FFFFFF;}

.tertiary {background-color: #a92631; padding:50px 0px;  color: #FFFFFF;}

.quaternary { background-color: #e8ac39; padding:50px 0px; color: #FFFFFF; }

.quinary {
	background: #42af49; /* Old browsers */
	background: -moz-linear-gradient(top, #42af49 0%, #b4d33c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #42af49 0%,#b4d33c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #42af49 0%,#b4d33c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42af49', endColorstr='#b4d33c',GradientType=0 ); /* IE6-9 */
	padding:50px 0px; color: #FFFFFF; }


.tertiary p, .tertiary ul, .tertiary h1, .tertiary h2, .tertiary h3, .tertiary h4 { color: #FFFFFF; }

.feature-block img { -webkit-border-radius: 50%; border-radius: 50%; }

.offset-columns .col-sm-4 { text-align: center; }

.contentbreak { height: 70vh; background-repeat: no-repeat; background-size: cover;  width:100%; background-position: center; box-shadow: inset 0px 0px 70px #000000; -webkit-box-shadow: inset 0px 0px 70px #000000; -moz-box-shadow: inset 0px 0px 70px #000000;}

.contentbreakhalf { height: 50vh; background-repeat: no-repeat; background-size: cover;  width:100%; background-position: center; box-shadow: inset 0px 0px 70px #000000; -webkit-box-shadow: inset 0px 0px 70px #000000; -moz-box-shadow: inset 0px 0px 70px #000000;}

.contentbreakhalf .block { height: 50vh; }

/* #paraimage { display: none; } */

.contentquote {background-repeat: no-repeat; background-size: cover;  width: 100%; background-attachment: fixed; background-position: center; padding:0px; text-align: center; color: #FFFFFF; }

.overlay { padding: 100px 0px; background-color: rgba(0, 0, 0, 0.75); color: #FFF; text-align: center;}

.fws-bg { height: 50vh; background-size: cover; background-position: center; }

.full-width-split {
	padding: 0px!important;
	margin: 0px 0px;
	text-align: left;
	background-color: #b74b3a;
	color: #fff;
	font-size: 13px !important;
}

.full-width-split p {
  font-size: 13px !important;
}

.full-width-split:nth-of-type(even) {
	background-color: #a88868;
}

.full-width-split:nth-child(even) a {
  color: #303030 !important;
}

.full-width-split:nth-child(even) a:hover {
  color: #fff !important;
}

.bg-dark {
	background-image: url('https://germanbeveragesaustralia.com.au/wp-content/themes/standard-responsive/images/textured-bg.jpg');
	background-size: cover;
	background-position: top;
}


.primary a { color: #808080;}
.primary a:hover { color: #303030; }

.secondary a { color: #FFFFFF; font-weight: bold;}
.secondary a:hover { color: #777777;}

.tertiary a { color: #FFFFFF; font-weight: bold;}
.tertiary a:hover { color: #999999; }

.quaternary a { color: #FFFFFF; font-weight: bold;}
.quaternary a:hover { color: #999999; }

.quinary a { color: #FFFFFF; font-weight: bold;}
.quinary a:hover { color: #000000;}



.primary a.button { color: #808080; background-color: #ffffff;}
.primary a.button:hover { color: #303030; background-color: #ffffff; }

.secondary a.button { color: #000000; background-color: #ffffff; text-shadow:none;}
.secondary a.button:hover { color: #000000; background-color: #d2d2d2; }

.tertiary a.button { color: #a92631; background-color: #ffffff; }
.tertiary a.button:hover { color: #a92631; background-color: #ffcacf; }

.quaternary a.button { color: #e8ac39; background-color: #ffffff; }
.quaternary a.button:hover { color: #e8ac39; background-color: #ffe6b6; }

.quinary a.button { color: #000000; background-color: #ffffff; }
.quinary a.button:hover { color: #000000; background-color: #d2d2d2; }


.contentquote a.button { color: #FFFFFF; background-color: #bcd24c;}
.contentquote a.button:hover { color: #FFFFFF; background-color: #cada7a; }

.instafeed-section { border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 100px 0px; }
.instafeed-section h2 { text-align: center; }
#instafeed-gallery-feed { overflow: hidden; }

.feature-boxes { background-color: #000000; position: relative; overflow: hidden; height: 230px; margin: 30px 0px; padding: 0px 5%; text-align: center; }
.feature-boxes h2 { color: #FFF; line-height: 1.1em; top: 50%; transform: perspective(1px) translateY(-50%); position: relative; z-index: 9999;}
.fboxes a { text-decoration: none;}
.fboxes a:hover { text-decoration: none;}

.btn-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .25s ease;
    white-space: nowrap;
    opacity: 1;
    zoom: 0.75;
}
.feature-boxes:hover .btn-overlay {
    width: 100%;
    opacity: 1;
    overflow: hidden;
    transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25); /* IE 9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
 filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
}

.block {
	width: 100%;
	height: 70vh;
	position: relative;
	overflow: hidden;
	font-size: 16px;
  }
  .block h2 {
	position: relative;
	display: block;
	text-align: center;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 7vw;
	color: white;
	font-weight: 400;
  }
  .img-parallax {
	width: 100vmax;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	pointer-events: none
  }

.left { float: left }
.right { float: right }
.text-center { text-align: center; }
.text-right { text-align: right; }
.no-mt { margin-top: 0px!important; }
.no-mb { margin-bottom: 0px!important; }
.no-margin { margin: 0px!important; }
.no-pt { padding-top: 0px!important; }
.no-pb { padding-bottom: 0px!important; }
.no-padding { padding: 0px!important; }
.pb { padding: 100px 0px; }
.mb { margin: 100px 0px; }
.bordered { border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
.border-top { border-top:1px solid #e8e8e8; }
.border-bottom { border-bottom:1px solid #e8e8e8; }

@media only screen and (max-width: 1480px) {
	.fws-bg { height: 65vh; }
}


@media only screen and (max-width: 768px) {

	.contentbreak { height: 25vh; }
	.contentbreak .block { height: 25vh; }

	.contentbreakhalf { height: 30vh; }
	.contentbreakhalf .block { height: 30vh; }

	.pb { padding: 70px 0px; }
	.mb { margin: 70px 0px; }

	.carousel-caption h1 { font-size: 1.85em; }
	.carousel-caption p { font-size: 1em; margin-bottom: 0px;}
	.carousel-caption a.button { padding: 0.45em 1.118em!important; }

	.carousel-caption { left: 5%!important; }

	.carousel-item .left-text { padding: 20px!important; }

	.feature-boxes h2 { font-size: 1.5em; }

	blockquote h3 { font-size: 1.2em; line-height: 1.5em; margin-top: 0.5em; }
	.instafeed-section { padding:50px 0px; }

	.fws-bg { height: 60vh; }
}

@media only screen and (max-width: 767px) {

	.primary {padding:25px 0px;}
	.secondary {padding:25px 0px;}
	.tertiary {padding:25px 0px;}
	.quaternary {padding:25px 0px;}

	.full-width-split .fws-bg { order: 1; }
	.full-width-split .fws-con { order: 2; padding: 40px;}

	.primary a.button { margin-bottom: 2em; }
	.secondary a.button { margin-bottom: 2em; }
	.tertiary a.button { margin-bottom: 2em; }
	.quaternary a.button { margin-bottom: 2em; }

	.pb { padding: 50px 0px; }
	.mb { margin: 50px 0px; }

	.offset-columns .col-sm-4 { order: 1; padding-bottom: 20px; }
	.offset-columns .col-sm-8 { order: 2; }

	.instafeed-section h2 { font-size: 18px; }

	.product {  }
	.carousel .container { padding-left: 0px!important; padding-right: 0px!important; }
	.carousel-caption { bottom: 10px!important; position: inherit!important; width: 100%; display: block;}
	.carousel-item { background-color: #2a2a2c; }
}

/*****
	CUSTOM ITEMS FOR CCMR
 */

* {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-style: normal;
	font-weight: 700 !important;
}

.site-navigation {
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.site-navigation a {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-style: normal;
	font-weight: 700 !important;
}

.pinned-nav {
	-webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.75);

  transition: opacity: 1s;
	opacity: 0.9;
}

.pinned-nav:hover, .pinned-nav * {
  transition: opacity 1s;
}

.pinned-nav:hover, .pinned-nav *:hover {
	opacity: 1;
}

.nav-links {
	display: flex;
}

.front-media {
	width: 100%;
	height: 100vh;
	top: 0;
	position: relative;

	background-image: url("http://159.65.4.213/~ccmr/dev/wp-content/uploads/2019/05/Kalgoorlie.jpg");
	background-size: cover;
}

.home {
	position: relative;
}

.home .banner {
	position: absolute;
	width: 80%;
	left: 10%;
	height: 300px;
	top: -150px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}

.home .banner > img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.home .content {
	color: #fff;
}

.logo-bg img {
	height: 100%;
	width: auto;
}

.svg-top-border {
	position: absolute;
	height: 220px;
	width: 150px;
	top: -10px;
	left: -10px;
	z-index: -1;
	background-color: #b74b3a;
}

#services {
	background-color: #303030;
	padding: 250px 0 calc((1.5 * 18vh) / 2) 0
}

#services a {
	color: #fff;
}

#services a:hover {
	color: #b74b3a;
}

.services-content {
	width: 100%;
	left: 0;
	color: #fff !important;
	height: auto;
	text-align: center;
	justify-content: center;
	position: relative;
}

.bubble-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 2%;
}

.bubble-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.bubble-row .item {
	display: flex;
	flex-direction: column;
	justify-content: center;

	height: 150px;
	width: 150px;

	border-radius: 100%;
	margin: 2vh;
}

.item-one {
  background-image: url("http://159.65.4.213/~ccmr/dev/wp-content/uploads/2019/04/circle-stock-small.jpg");
	background-size: cover;
}

.item-two {
  background-image: url("http://germanmining.net.au/wp-content/uploads/2019/05/Kalgoorlie-Small.jpg");
	background-size: cover;
}

.item-three {
  background-image: url("http://germanmining.net.au/wp-content/uploads/2019/05/striegel-small.jpg");
	background-size: cover;
}

.item-four {
  background-image: url("http://germanmining.net.au/wp-content/uploads/2019/04/sebastian-pichler-37825-unsplash-2mb.jpg");
	background-size: cover;
}

.item-five {
  background-image: url("http://germanmining.net.au/wp-content/uploads/2019/05/Kalgoorlie.jpg");
	background-size: cover;
}

.bubble-row .item > h6 {
	margin-top: 150% !important;
}

.item .overlay {

}

.bubble-row .item h4 {
	margin-top: 10px;
}

/**.bubble-wrapper img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;

	width: 100%;
	height: auto;
}
**/

#events {
	height: auto;
	width: 100%;
	position: relative;
	text-align: center;
	padding: 50px 0 50px 0;
}

#events > h4:first-of-type {
	margin-bottom: 50px;

	color: #000 !important;
}

.event-items {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0 20px 0;
}

.featured-event {
  color: #000;
  margin-top: 50px;
}

.featured-event > a > img {
  width: 940px;
}

.featured-event > h4 {
  margin-bottom: 20px;
}

.event {
	background-color: #b74b3a;

	height: 300px;
	width: 300px;

	display: flex;
	flex-direction: column;
	justify-content: center;

	color: white !important;

	margin: 0 10px 0 10px;

	padding: 20px;

  transition: box-shadow 0.5s;
}

.event:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.description {
  height: 0;
  opacity: 0;
  top: 300px;
}

.slide-up {
  animation-name: up;
  animation-duration: 1s;
}

.slide-down {
  animation-name: down;
  animation-duration: 1s;
}

@keyframes up {
  from {

  }

  to {

  }
}

@keyframes down {
  from {

  }

  to {

  }
}

.event > div, h3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: calc(300px / 3);
	width: 100%;
  overflow: hidden;
}

.event-title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.all-events {
	display: flex;
	justify-content: center;
  background-color: #303030;
}

.all-events:hover a {
  color: #fff !important;
}

.all-events a:hover {
  /**color: #fff !important;**/
}

.event > div > img {
  position: relative;
    align-self: center;
    justify-self: center;
    width: auto;
    padding: 5px;
    max-width: 80%;
    max-height: 100%;
}

.event a {
	color: #fff;
}

.event a:hover {
	color: #303030;
}

.event-link:nth-of-type(even) > .event {
	background-color: #a88868;
}

.event-items:nth-of-type(even) .event-link > .event {
	background-color: #a88868;
}

.event-items:nth-of-type(even) .event-link:nth-of-type(even) > .event {
	background-color: #b74b3a;
}

a:hover {
	text-decoration: none !important;
}

.footer-row {
	width: 80%;
	display: flex;
	flex-direction: row;
}

.footer-half {
	justify-content: center;
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 2%;
}

.footer-half:first-of-type {
	text-align: right !important;
	border-right: 2px solid #fff;
}
.footer-half:nth-of-type(2) {
	border-left: 2px solid #fff;
}

.footer-half-half {
	height: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.footer-half-half small > a {
	color: #b74b3a !important;
	font-size: 15px;
}

.footer-half-half br {
	line-height: 15px;
}

.footer-half-half img {
	height: 50px;
	width: auto;
}

.footer-half-half div {
	padding-top: 10px;
	padding-bottom: 10px;
}

.half-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 80%;
	border-right: 5px solid #fff;
	padding: 2%;
}

.credit {
  position: absolute;
  display: block;
  left: 15px;
  bottom: 15px;
  font-size: 10px;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  overflow: hidden;
}

.credit img {
  height: 100%;
}

.event-link:nth-of-type(even) .study-row {
  flex-direction: row-reverse;
}

.study {
  width: 900px;
  height: 300px;
  transition: box-shadow 0.5s;
  margin: 0 auto;
}

.study-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.study-item {
  width: 300px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.study-item > .half > img {
  height: auto;
  max-height: 150px;
  width: auto;
}

.study-item > .half {
  height: 150px;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.study-item > .half:first-of-type {
  justify-content: flex-end;
  align-items: center;
}

.study-item > .half:last-of-type {
  justify-content: flex-start;
  align-items: center;
}

.study-description {
  flex-direction: column !important;
  text-align: center;
  padding: 20px;
  border-bottom-right-radius: 5px;
}

.study-more {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: 10px;
  float: right;
  height: 30px;
  width: 100px;
  color: #fff;
  background-color: rgba(183, 75, 58, 0.9);
  border-radius: 5px;
  transition: all 1s;
}

.study-more a {
  color: #fff;
}

.study-more:hover a:hover {
  color: rgba(183, 75, 58);
}

.study-more:hover {
  background-color: #fff;
  color: rgba(183, 75, 58);
}

.study-more:hover a {
  color: rgba(183, 75, 58);
}

.study-item > img {
  width: auto;
  height: auto;

  max-width: 100%;
}

.case-wrapper {
  width: 100%;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10%;
}

.case-study-logo {
  max-width: 100%;
  height: auto;
  width: 250px;
}

.case-wrapper:hover {
  background-color: #e6e6e6;
}

.carousel {
  height: 400px;
}

.carousel-inner {
  height: inherit;
}

.carousel-caption {
  width: 100% !important;
  height: auto !important;
  bottom: 0 !important;
  padding: 10px !important;
  left: 0 !important;
  right: 0 !important;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000 !important;
}

.carousel-caption > p {
  font-size: 14px;
}

.carousel-item {
  width: 100%;
  height: 400px;
}

.prev-container > img {
  border-bottom-right-radius: 5px;
}

.nf-form-hp {
	display: none !important;
}

.nf-field-container {
	margin: 0 !important;
}

.study-divider {
  border-top: 2px solid #000;
  margin: 1.5em !important;
}

#partners {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 60%;
	left: 20%;
	position: relative;
	text-align: center;
	color: #000;
	padding: 50px 0 50px 0;
}

#partners > h3 {
	margin-bottom: 50px;
}

hr {
	width: 70%;
}

.page-title {
	height: 40vh;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background-image: url("http://159.65.4.213/~ccmr/dev/wp-content/uploads/2019/05/Kalgoorlie.jpg");
	background-size: cover;
	z-index: -2;
}

.page-title::before {
	background-color: rgba(0,0,0,0.6);
	height: calc(40vh);
	position: absolute;
  top: 0;
	width: 100%;
	z-index: -1;
	content: ""
}

.page-title .title {
	position: relative;
	top: 15%;
	text-transform: uppercase;
	letter-spacing: 10px;
	color: #fff;
	z-index: 2;
}

.contact-container .title > div {
  padding: 2%;
}

.full-width-text {
	font-size: 13px !important;
	background-color: #303030;
	color: #fff;
}

.full-width-text p {
  font-size: 13px !important;
}

.content > section.full-width-text.primary:nth-of-type(even) {
	background-color: #b74b3a;
}

.force-white-bg {
	background-color: #fff !important;
	color: #000;
}

#partners .row {
	width: 100%;
	align-items: center;
	justify-content: center;
}

#partners .row.outer {
}

#partners .row.inner {
	padding: 20px;
	height: 100%
}

#partners .row.inner * {
	padding: 5px;
}

#partners .row.outer img {
	height: auto;
	width: auto;
}

.contact {
	width: 100%;
	position: absolute;
	top: 0;
	color: #fff !important;
}

.contact::selection {
	background-color: #00518D;
	color: #fff;
}

.contact > .front-media {
	position: absolute;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: -1;
}

.contact > .front-media::before {
	background-color: rgba(48,48,48,0.9);
	height: calc(100vh);
	position: absolute;
	width: 100vw;
	z-index: 0;
	content: "";
}

.contact > .footer {
	display: none;
}

.contact .contact-container {
	width: 100vw;
	height: calc(100vh - 110px);
	display: flex;
	top: 110px;
	position: absolute;
	z-index: 10;
  font-size: 14px;
}

.contact-container > .forms {
	display: flex;
	width: 100%;
	padding: 5%;
	justify-content: center;
	align-items: center;
}

.forms a {
	color: #fff;
}

.forms > button {
	border: 2px solid #fff;
	border-radius: 10px;
	background-color: #fff;
	color: #fff;
}

.forms > button:hover {
	background-color: #000;
	color: #fff;
}

.contact-container > .title {
	display: flex;
	width: 100%;
	padding: 5%;
	justify-content: center;
	align-items: center;
}

.title  a {
	color: #fff !important;
}

.title  a:hover {
	color: #b74b3a !important;
}

.profile {
	width: 50%;
	height: auto;
	overflow: hidden;
	/**border: 3px solid #fff;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	-webkit-box-shadow: 0px 20px 35px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 35px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 35px -10px rgba(0,0,0,0.75);**/
	background-color: transparent;
}

.image-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url("http://159.65.4.213/~ccmr/dev/wp-content/uploads/2019/05/JW2.png");
	background-color: transparent;
	background-size: cover;
	/**border-top-right-radius: 20px;
	border-top-left-radius: 20px;**/
	height: 50vh;
	width: auto;
}

.info {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-top: 1px solid #fff;
	color: #000;
	background-color: #fff;
	padding-top: 10px;
}

.address {
  padding: 10px;
  width: 50%;
}

/**
	FOR THE MAP
 */

#worldmap {
	width: 100%;
	margin-top: 10px;
	text-align: center
}

#worldmap img {
	width: 963px
}

area:hover {
  cursor: pointer;
}

.tooltip_templates {
	display: none;
}

.tooltipster-box .tooltipster-content {
  background-color: #fff !important;
}

.tooltipster-box {
  max-width: 300px;
}

.nav-touch-close {
	font-size: 24px;
	top: 24px;
	right: 5%;
}

.nav-touch-close a {
	color: #000 !important;
}

#event-archive {
  position: relative;
  text-align: center;
}

#case-study-archive .event-items {
  flex-direction: column;
}

#case-study-archive .event-items {
  margin-top: 56px !important;
  margin-bottom: 56px @!important;
}

.no-bullet > ul > li {
  list-style-type: none !important;
}

#single-post {
  padding: 10%;
}

.fof-container {
  height: calc(100vh - 100px);
  top: 100px;
  width: 100vw;
  position: relative;
  padding: 100px;
  display: flex;
  justify-content: center;
}

.fof-row {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.fof-center {
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fof-col {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.single-title {
  margin-bottom: 20px;
}

.single-title h1 {
  margin: 0;
  padding: 0;
}

.single-title > div {
  font-weight: lighter;
}

p > img.aligncenter {
  margin-bottom: 0 !important;
}

.archive .content {
  margin: 50px 0 50px 0;
}

/***
CUSTOM DISPLAY SIZING
 */

 @media screen and (max-width: 1045px) {
   .fof-container h1 {
     font-size: 2rem;
   }

   .fof-container h3 {
     font-size: 1.25rem;
   }
 }


@media screen and (max-width: 992px) {
	.nav-links {
		display: none;
	}

	.nav-touch-toggle {
		display: block;
	}

	.home .banner {
		width: 100%;
		left: 0;
		height: auto;
		overflow: hidden;
	}

	.home .banner > img {
		width: 100%;
	}

	#main-banner-border {
		display: none;
	}

	.services-content {
		width: 100%;
		left: 0;
	}

	#services {
		padding: 125px 0 25px 0;
	}

	.services-content > h3 {
		margin-bottom: 50px;
	}

	.bubble-wrapper {
		padding: 0;
	}
}

.all-events {
  width: 300px !important;
}

.contact > .footer {
	display: none !important;
}

@media screen and  (max-width: 899px) {
  .study {
    height: 640px;
    width: 300px;
  }

  .study-row {
    height: 640px;
    flex-direction: column;
  }

  .post-link:nth-of-type(even) .study-row {
    flex-direction: column;
  }

  .fof-row {
    flex-direction: column;
  }

  .fof-col {
    width: 100%;
    height: 50%;
  }
}

@media screen and (max-width: 799px) {
	.bubble-wrapper {
		width: 100%;
		overflow-y: scroll;
		height: 300px;
	}

	.bubble-row {
		width: calc(5 * 225px);
		display: flex;
	}

	.bubble-row .item {
		display: inline-block;
		width: 200px !important;
		height: 200px !important;
		margin: 0 10px 0 10px !important;
		padding: 0 !important;
	}

	.bubble-row .item > h6 {
		margin-top: 210px !important;
		text-wrap: normal;
	}

	.event-container {
		display: flex;
    flex-direction: column;
		width: 80%;
		left: 10%;
		position: relative;
	}

	.event-items {
		width: 100%;
		left: 0;
		flex-direction: column;
		margin: 0;
	}

	.event {
		margin: 20px 0 20px 0;
	}

  .all-events {
    width: 300px !important;
  }

  .profile {
    display: none;
  }

  .address {
    width: 100%;
  }

  .contact > .front-media {
    position: fixed;
  }

  .contact > .front-media::before {
    position: fixed;
  }
}

@media screen and (max-width: 630px) {
	.header-block {
		visibility: hidden;
	}

  .front-media {
    position: absolute;
  }

	.home {
		position: relative;
		top: 0;
	}

	.home .banner {
		z-index: 100;
		position: absolute;
		top: 0;
		justify-content: flex-start;
		background-color: #F7F7F7;
	}

	.home .banner > img {
		width: 80%;
	}

	.content {
		position: relative;
		top: 100vh;
	}

	.footer {
		position: relative;
		top: 100vh;
	}

	.nav-touch-toggle {
		position: fixed;
		top: 0;
		visibility: visible;
		display: block;
	}

	.nav-touch-toggle a {
		color: #b74b3a;
	}

  .all-events {
    width: 300px !important;
  }

  .contact-container {
    flex-direction: column;
  }

  .contact > .front-media {
    position: fixed;
    top: 0;
  }

  .contact > .front-media::before {
    position: fixed;
  }

  .study-row {
    flex-direction: column;
  }

  .event-link:nth-of-type(even) .study-row {
    flex-direction: column;
  }

  .study {
    height: 600px;
    width: 300px;
  }

  .fof-container {
    top: 0;
    padding: 0;
    top: 15vh;
    height: 70vh;
    width: 100vw;
  }

  .fof-row {
    height: 100%;
  }

  .fof-container h1 {
    font-size: 1rem;
  }

  .fof-container h3 {
    font-size: 0.75rem;
  }

  #services {
		padding: 25px 0 25px 0;
	}

  #case-study-archive {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 600px) {
	.event-container {
		flex-direction: column;
	}

  .all-events {
    width: 300px !important;
  }

  .contact > .front-media {
    position: fixed;
  }

  .contact > .front-media::before {
    position: fixed;
  }
}

@media screen and (max-width: 425px) {
	.footer {
		flex-direction: column;
		text-align: center;
	}

	.footer-row {
		flex-direction: column-reverse;
	}

	.footer-row .footer-half .footer-half-half:first-of-type {
		display: none;
	}

	.footer-half {
		width: 100%;
		padding: 20px 0 20px 0;
	}

	.footer-half:first-of-type {
		border-top: 1px solid #fff;
		border-right: none;
		border-left: none;
	}

	.footer-half:nth-of-type(2) {
		border-bottom: 1px solid #fff;
		border-right: none;
		border-left: none;
	}

  .all-events {
    width: 300px !important;
  }

  .contact > .front-media {
    position: fixed;
  }

  .contact > .front-media::before {
    position: fixed;
  }

  .forms {
    position: relative;
    top: 30%;
  }
}