/*
Client Name:
Last Modified by:
Last Modified:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 ticktock is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 General
	1.1 Sidebar
2.0 Header
	2.1 Navigation
3.0 Standard Page
4.0 Photo Gallery
5.0 Blog / Posts / Categories
6.0 Page Builder
7.0 Home Page
8.0 Page-specific
10.0 Forms
11.0 Footer



/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/

	*,
	*:before,
	*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
		-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
		-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
		box-sizing:         border-box;
	}
	
	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, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
		
	caption, th, td {
		font-weight: normal;
		text-align: left;
	}
	
	hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
	}
	
	ul, ol {
		margin: 0 0 1.5em 3em;
	}
	
	ul {
		list-style: disc;
	}
	
	ol {
		list-style: decimal;
	}
	
	li > ul,
	li > ol {
		margin-bottom: 0;
		margin-left: 1.5em;
	}
	
	.generic-content li {
		line-height: 1.3em;	
	}
	
	dt {
		font-weight: bold;
	}
	
	dd {
		margin: 0 1.5em 1.5em;
	}
	
	figure {
		margin: 0;
	}
	
	table {
		margin: 0 0 1.5em;
		width: 100%;
	}
	
	th {
		font-weight: bold;
	}


/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/
	
	body {
		-webkit-font-smoothing: antialiased;
		background: #ffffff;	
	}

	body,
	button,
	input,
	select,
	textarea {
		font-size: 0.85em;
		color: #747474;
		font-family: sans-serif;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: "proxima-nova",sans-serif;
		font-weight: 500;
		margin-bottom: 0.5em;
	}

	h1 { 
		font-size: 3em;
	}
	
	h2 { 
		font-size: 1.8em;
		color: #16377e; 
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	h4 {
		font-size: 1.4em;	
	}
	
	h5 {
		font-size: 1.2em;	
	}
	
	h6 {
		font-size: 1em;	
	}
	
	p {
		margin-bottom: 1.5em;	
		line-height: 1.3em;
	}

	a {
		color: #0053cb;	
		text-decoration: none;
	}
	
	a:hover,
	a:focus,
	a:active {
		color: #75baf0;
	}
	
	a:focus {
	/*outline: thin dotted;*/
	outline: 0;
	}

	a:hover,
	a:active {
		outline: 0;
	}

	.col img {
		height: auto;
		max-width: 100%;
	}

	a img {
		border: 0;
	}
	
	b, strong {
		font-weight: 700;
	}
	
	dfn, cite, em, i {
		font-style: italic;
	}


	
	.btn, 
	.button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		background: #16377e;
		border: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #ffffff;
		display: inline-block;
		padding: 10px;
		text-decoration: none;
		font-size: 1.2em;
		width: auto;
	}

	.btn:hover, .button:hover,
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		color: #ffffff;
		background: #55555c;
	}

	.btn-pay {
		padding: 15px 20px 12px 20px;
		background: #9fc62e;
	}

	.btn-login {
		background: none;
		border: 1px solid #fff;
		position: absolute;
		right: 155px;
		top: -2px;
		padding-bottom: 12px;
	}


	.desktopOnly {
		display: none;	
	}
	
	.mobileOnly {
		display: block;	
	}
	
	@media all and ( min-width : 768px ) {
		.desktopOnly {
			display: block;	
		}
		
		.mobileOnly {
			display: none;	
		}
	}

	/*---- 1.1 - Sidebar ----*/
	.sidebar-widget {
		margin: 0 0 20px 0;
	}
	
	.sidebar h3 {

	}
	
	ul.side-menu {
		padding: 0;
		margin: 0;	
	}
	
	ul.side-menu li {
		list-style: none;	
		border-bottom: 1px solid #eeeeee;
	}
	
	ul.side-menu li a {
		display: block;
		padding: 10px 0;
		text-decoration: none;	
	}
	
	ul.side-menu li.current_page_item a {
		color: #373446;
	}


/*--------------------------------------------------------------
2.0 - Header
--------------------------------------------------------------*/
	
	header.site-header {
		width: 100%;
		margin: 0;
		padding:  0;
		z-index: 2;
		background: url(../images/common/header-bg.jpg) repeat-x;
	}
	
	header.site-header .container {
		position: relative;	
	}
	
	.logoMain {
		float: left;	
		width: 150px;
		padding: 10px 0;
	}
	
	.logoMain img {
		width: 100%;	
	}

	.site-header .phone-mobile {
		position: absolute;
		right: 125px;
		top: 12px;
	}

	.site-header .phone-mobile a {
		color: #fff;
		display: block;
		font-size: 2em;
		padding: 5px;
	}

	.site-header .phone-mobile img {
		width: 20px;
	}

	.pay {
		position: absolute; 
		right: 65px; 
		top: 30px
	}

	@media all and ( min-width : 768px ) {
		
		header.site-header {
			height: 172px;
		}
		
		.logoMain {
			padding: 15px 0 0 0;
			width: 139px;
		}

		.site-header .slogan {
			position: absolute;
			font-size: 1.6em;
			right: 12px;
			top: 53px;
			color: #6085d4
		}
		
		.slogan div {
			display: inline-block;
			margin-right: 30px;	
		}
		
		.slogan a {
			color: #ffffff;	
		}
		
		.slogan a:hover {
			color: #0053cb;	
		}
		
		.slogan .fa {
			padding: 5px;	
		}

		.site-header .contact h2 {
			color: #fff;
			float: right;
			font-weight: 600;
			margin: 8px 0 0 0;
		}

		.site-header .contact h2 a {
			color: #fff;
		}

		.pay {
		right: 20px; top: -5px
	}

	}
	
/*---- 2.1 - Navigation ----*/
	
	.main-navigation {
		padding: 0;
	}

	.main-navigation ul {
		background: #444449;
	}

	.main-navigation li {
		
	}
	
	.main-navigation a {
		color: #6085d4;
		display: block;
		font-size: 1.2em;
		padding: 17px 10px;	
		text-decoration: none;
	}

	.main-navigation li.menu-item-has-children:hover a,
	.main-navigation a:hover {
		color: #ffffff;
	}

	/* Current */
	.main-navigation li.current-menu-item a,
	.main-navigation li.current-menu-ancestor a {

		color: #ffffff;
	}

	/* Current hover */
	.main-navigation li.current-menu-item a:hover,
	.main-navigation li.current-menu-ancestor a:hover {
		/*background: #88888c;*/
		/*color: #ffffff;*/
	}
	
	/* Dropdown */
	.main-navigation ul.sub-menu {
		left: 0;
		top: 51px; 
	}

	.main-navigation li.menu-item-has-children:hover ul.sub-menu li a {
		background: #ffffff;
		color: #666666;
		padding: 10px 15px;
	}

	.main-navigation li.menu-item-has-children:hover ul.sub-menu li a:hover {
		background: #1d4291;
		color: #fff;
	}

	/* Dropdown - Active */
	.main-navigation li.menu-item-has-children:hover ul.sub-menu li.current-menu-item a {
		background: #eeeeee;
		color: #333333;
	}

	/* Dropdown - Active hover */
	.main-navigation li.menu-item-has-children:hover ul.sub-menu li.current-menu-item a:hover {
		background: #1d4291;
		color: #fff;
	}

	/* Mobile-only */
	@media all and ( max-width : 767px ) {
		.menu-toggle,
		.main-navigation.toggled .nav-menu {
			display: block;
			z-index: 5000;
		}

		.menu-toggle {
			color: #fff;
			float: right;
			font-size: 1em;
			font-weight: 800;
			margin: 45px 10px 0 0;
			padding: 0 0 0 0;
			text-transform: uppercase;
		}

		.menu-toggle {
			vertical-align: top;
			font-size: 1.4em;
			line-height: 1.4em;
		}
		
		.menu-toggle .label {
			display: inline-block;
			vertical-align: top;
			margin: 0;
			padding: 0;
		}

		.menu-toggle .fa {
			padding-left: 5px;
			font-size: 1.6em;
		}

		.main-navigation ul {
			display: block;
			position: absolute;
			left: 0; 
			opacity: 0;
			top: -1000%;
			width: 100%;
			/*transition: opacity 0.25s ease; *//* Fade in. */
			transition: top 0.2s ease-in; /* Slide down */
			background: #1955a4
		}

		.main-navigation.toggled .nav-menu {
			opacity: 1;
			top: 120px;
		}

		.main-navigation li {
			float: left;
			width: 50%;
			
		}
		
		.main-navigation ul ul {
			display: none; /* Hide sub-pages from nav */
		}
		
		.main-navigation ul li:hover > ul {
			display: none;
		}
	}
	
	@media all and ( min-width: 768px ) {
		
		.main-navigation {	
			clear: both;	
			float: left;
			padding: 0;
			margin: 12px 0 0 0;
			width: 100%;
		}

		.main-navigation ul {
			border-top: none;
		}

		.main-navigation li {
			border-bottom: none;
		}
		
		.main-navigation li#menu-item-703,
		.main-navigation li#menu-item-702,
		.main-navigation li#menu-item-701,
		.main-navigation li#menu-item-751,
		.main-navigation li#menu-item-1785 {
			padding: 4px 3px 3px 3px;	
			font-size: 0.68em;
			text-transform: uppercase;
		}
		
		.main-navigation li#menu-item-703 a,
		.main-navigation li#menu-item-702 a,
		.main-navigation li#menu-item-701 a,
		.main-navigation li#menu-item-751 a,
		.main-navigation li#menu-item-1785 a{
			color: #333333;
			padding: 16px 16px 12px 16px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background: #f0f0f0;
		}
		
		.main-navigation li#menu-item-1785 a {
			color: #ffffff;
			background: #3583db;	
		}
		

		.main-navigation li a {
	
		}

		/* Dropdown Style */
		.main-navigation li li a {
	
		}
	}


/*--------------------------------------------------------------
3.0 Standard Page
--------------------------------------------------------------*/
	
	.page-header {
		border-top: 5px solid #ffffff;
		padding: 40px 5%;
		background: url(../images/common/page-header-bg.jpg) center center;
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
	
	.page-header h1 {
		color: #ffffff;
		margin-bottom: 0;
	}
	
	
	@media all and ( min-width : 768px ) {
		.page-header {
			padding: 70px 0;
		}
		
		.page-content {
			padding-top: 20px;	
		}
	}


/*--------------------------------------------------------------
4.0 - Photo Gallery
--------------------------------------------------------------*/

/* Gallery */

.gallery-image {
	max-width: 100%;
	height: 200px;
	margin: 0 0 20px 0;
	overflow: hidden;	
}

	
	@media all and ( min-width : 768px ) {
		.galleryList .image {
			height: 100px;
			overflow: hidden;
			margin: 0 0 15px 0;	
		}
	}


/*--------------------------------------------------------------
5.0 - Blog / Posts / Categories
--------------------------------------------------------------*/

	.articleList {
		padding: 25px 0 0 0;	
	}
	
	.entry-content .featureImage {
		margin: 0 0 15px 0;	
	}
	
	.entry-content .featureImage img {
		width: 100%;
		height: auto;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 5px;
		border: 1px solid #cccccc;	
	}

	.blog .page-builder p,
	.single .page-builder p {
		margin-bottom: 1em;
	}

	.blog .pull-out-quote p,
	.single .pull-out-quote p {
		margin-bottom: 0;
	}

	.blog .entry-content {
		margin-top: 0;
	}

	/* Single Blog post */
	.single .entry-meta,
	.single .entry-meta .posted-on {
		color: #cbd5e4;
	}

	.single .entry-meta a {
		color: #e5eaf2;
	}

	.single .entry-content {
		margin-top: 0;
	}

	/* Comments */
	.single .comments-area {
		margin-top: 2em;
	}

	#comments ol {
		list-style-type: none;
		margin-left: 0;
	}

	.comment {
		padding: 1.5em 0 0 0;
	}

	.comment p {
		margin: 1em 0;
	}

	.comment-metadata {
		font-size: 1em;
	}

	#comments .comment-author .avatar {
		float: left;
		margin-right: 24px;
		height: auto;
		width: 50px;
	}

	#comments .comment-content {
		padding-left: 70px;
	}

	#comments .reply {
		display: none;
	}

	#comments .comment-form-comment {
		margin-bottom: 0.5em;
	}

	.comment-form-comment label {
		display: none;
	}

	.comment-form .form-allowed-tags {
		display: none;
	}

	@media all and ( min-width : 768px ) {
		.blog .post {
			margin: 2em 0;
		}

		.single .entry-content {
			margin-top: 25px;
		}
	}


/*--------------------------------------------------------------
6.0 - Page Builder
--------------------------------------------------------------*/
	
	.page-builder {
		padding: 2% 0;
	}

	/* Slider */
	.slider {
		width: 100%;
	}

	.slider h2 {
		color: #ffffff;
		max-width: 50%;
		font-size: 3em;
	}

	.slider p {
	color: #ffffff;
		max-width: 50%;
	}

	.slider .btn {
		font-size: 1.5em;
	}

	.slider-image img {
		max-width: 100%;
		width: 100%;
		height: auto;
		vertical-align: top;
	}

	/* Widgets */
	.widgets {
		padding: 30px 0 0 0;
		text-align: center
	}
	
	.widgets h2 {
		padding: 0;
		margin: 10px 0 5px 0;
	}
	
	.widgets .widget-repeater img {
		max-width: 100%;
		height: auto;
	}

	.widgets .widget-repeater:hover img {
		position: relative;  
	}
	
	.widgets .widget-repeater a.btn:hover {
		color: #ffffff;	
	}

	/* Image (full width). */
	.image-full-width img {
		height: auto;
		max-width: 100%;
	}

	/* Image (left and right) */
	.image-aligned-left .image img, .image-aligned-right .image img {
		height: auto;
		max-width: 100%;
	}

	/* Pull out quote */
	.pull-out-quote {
		border-left: 10px solid #444;
		margin: 0 50px;
		font-size: 1.4em;
		font-weight: bold;
	}

	.pull-out-quote p {
		margin-bottom: 0;
		padding: 0 20px;
	}

	/* Call to action */
	.page-builder.call-to-action {
		text-align: center;
	}

	@media all and ( max-width : 767px ) {
		.gutters .col .page-builder .col {
			padding: 0;
		}
		
	.slider h2 {
		padding-top: 60px;
		font-size: 2em;
	}
	}


/*--------------------------------------------------------------
7.0 Home Page
--------------------------------------------------------------*/
	
	
	@media all and ( min-width : 768px ) {
		
		body.home .slider h2 {
			padding-top: 100px;	
		}
		
		body.home .home-widget img {

		}	
		
		body.home .home-widget p {
			padding: 0;	
		}
		
	}
	
	@media all and ( min-width : 960px ) {
		
		body.home .slider {
			height: 500px;	
		}
		
	}


/*--------------------------------------------------------------
8.0 - Page-specific
--------------------------------------------------------------*/
	
	/* Gallery */
	
	.gallery-content {
		padding-top: 20px;	
	}
	
	
	/* Contact */
	
	.contact-content {
		padding-top: 20px;	
	}
	
	#map-canvas {
        height: 300px;
	}
	



/*--------------------------------------------------------------
9.0 - Online Application
--------------------------------------------------------------*/

	body.page-id-1780 label.gfield_label {
		display: none !important;
	}

	body.page-id-1780 .gform_wrapper ul li.gfield {
		margin-top: 0;
	}

	body.page-id-1780 .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
		margin-top: 0 !important;
	}

	body.page-id-1780 .checkbox label.gfield_label {
		display: inline-block !important;
	}

/*--------------------------------------------------------------
10.0 -  Forms
--------------------------------------------------------------*/		
	
	.validation_message {
		display: none !important;	
	}	
	
	.gform_wrapper {
		max-width: 100%	 !important;
	}
	
	.gform_wrapper label {
		font-weight: normal !important;
	}

	.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
	.gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
		width: 49% !important;
	}
	
	.validation_error, .gfield_error label {
		color: #d32552;	
	}	
	
	.validation_error {
		padding: 0 0 10px 0;
	}
	
	.sidebar-enquiry {
		padding: 20px;
		border: none !important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #cccccc !important;
		background: #eeeeee;
	}
	
	.sidebar-enquiry h3 {
		color: #333333;	
	}
	
	.sidebar-enquiry label {
		color: #ffffff !important;	
	}
	
	.sidebar-enquiry 	.validation_message {
		display: block !important;
		color: #d32552;
		margin: 0 !important;
		padding: 0 !important;
	}	
	
	.sidebar-enquiry .gfield_error input {
		border: 1px solid #d32552;	
	}
	
	.gplaceholder li {
		padding: 3px 0;	
	}
	
	input#input_3_7, input#input_1_7 {
		border: 1px solid #cccccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.gform_confirmation_message {
		font-size: 1.4em;
	}
	
	.sidebar-enquiry .gform_confirmation_message {
		padding: 15px 0;	
	}
	
	
	
	.sign-up {
		clear: both;
		text-align: center;
		margin-top: 30px;
		padding: 50px 0;
		background: #f4f4f4;
	}
	
	.mc-field-group {
		text-align: left;
		padding: 0 10px;
	}
	
	.mc-field-group input {
		width: 100%;
		padding: 10px;
	}
	

/*--------------------------------------------------------------
11.0 - Footer
--------------------------------------------------------------*/
	
	footer.site-footer {
		background: #32383e;
		color: #ffffff;
		min-height: 240px;
		padding: 70px 0;
		text-align: center;
	}
	
	footer.site-footer a {
		color: #ffffff;	
	}
	
	.logoFooter img {
		width: 40px;
		height: 40px;
		margin: 0 0 10px 0;
	}

	/* Footer Menu */
	.site-footer .menu {
		display: inline-block;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	.site-footer .menu ul {
		list-style-type: none;
		margin: 0;
		text-transform: lowercase;
	}

	.site-footer .menu ul li {
		display: block;
		float: none;
	}

	.site-footer .menu ul li a {
		color: #30384d;
		display: block;
		font-weight: 700;
		padding: 10px 5px;
	}

	.site-footer .menu ul li.current-menu-item a {
		color: #1e3a80;
	}

	.site-footer .menu ul li .children {
		display: none;
	}
	
	.social-icons .fa {
		font-size: 1.5em;
		padding: 0 5px;
	}

	.site-footer .ticktock {
		text-align: center;
		padding-top: 4%;
	}
	
	@media all and ( min-width : 768px ) {
		
		.logoFooter {
			width: 40px;
			margin: 0 10px 0 0;	
		}
		
		footer.site-footer {
			text-align: left;	
		}

		.site-footer .menu ul li {
			display: inline-block;
		}

		.site-footer .menu ul li a {
			display: inline-block;
			padding: 0 5px;
		}

		.site-footer .ticktock {
			padding: 0;
			text-align: right;
		}

	}