/*
Theme Name: AST Auto

Author: Synchromedia Group
Author URI: https://www.smg.com.au/


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.
*/



/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;

}

body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px; line-height: 1.5;
		margin: 0px; padding: 0px;  
		background: rgb(30,87,153);
background: -moz-linear-gradient(45deg, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
background: linear-gradient(45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );
}
.wpcf7-form-control-wrap{ overflow: hidden !important; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;

}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	 -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #0094fa;
}
a:hover{ color: #6BAFE0;  }

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


#page{ max-width: 1200px; margin: 0px auto; background: #FFF;  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }

#productnav{ background: #002d60;  box-shadow: 0 2px 4px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22); position: relative; }
.supsystic-slider{ border: 1px solid #CCC !important; }
img{ max-width: 100%; height: auto; }

.entry-content{ float: left; width: 70%; }
.home .entry-content{ width: 100%; margin: 0px; }
.enquiries{ width: 30%; float: left; }
.padding{ padding: 30px; }

.entry-content .padding{ padding-right: 0px; }
.home .entry-content .padding{ padding: 30px; }

#logo{ float: left;  }
#logo img{ display: block; }
#mainnav{ float: left; }
#contacts{ float: right;padding: 15px; padding-right: 30px;  }
.phone{ font-size: 24px; color: #0094FA; font-weight: 700; }
#header:after, #productnav:after, #showroom:after, article:after, #no-template-pager:after, .entry-content .padding:after {
    content: '';
    display: block;
    clear: both;
}

#mainnav ul{ margin: 0px; padding: 0px;  }
#mainnav ul li { list-style: none; display: inline-block; }
#mainnav ul li a{ color: #002d60; display: inline-block; line-height: 119px; font-weight: 700; padding: 0px 12px; font-size: 18px; text-transform: uppercase; text-decoration: none;   }
#mainnav ul li.current-menu-item > a{ background: #EEE; }
#mainnav ul li a:hover{ background: #0094fa; color: #FFF; }

#mainnav ul li ul.sub-menu								{ position:absolute; margin:0; padding:0; background:#0D2E5E; display:none; z-index:999999999; overflow:hidden;  }
#mainnav ul li ul.sub-menu li							{ display:block; margin:0; padding:0; width:300px;}
#mainnav ul li ul.sub-menu li a							{ color: #FFF; margin:0; padding:0 10px; border-bottom: 1px solid #113f7f;line-height:40px; text-transform: capitalize; display:block; font-size: 15px; font-weight: 400; }
#mainnav ul li ul.sub-menu li a:hover,

#mainnav ul li ul.sub-menu li.current-menu-item > a		{ background: #0094fa; color: #FFF; border-radius:0;  }


#productnav ul{ margin: 0px; padding: 0px;  }
#productnav ul li { list-style: none; display: inline; }
#productnav ul li a{ float: left; display: inline-block; border-right: 1px solid #003D7F; padding: 0px 15px; color: #FFF; font-weight: 18px; text-transform: none; text-decoration: none; line-height: 60px;  }
#productnav ul li a:hover{ background: #0094fa; color: #FFF; }


ul{ overflow: hidden; }


ul.productsimg{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; padding: 0px; list-style: none; }
ul.productsimg li{ flex: 0 0 23%; }
.page-id-13 ul.productsimg li{ flex: 0 0 32%; }

ul.productsimg li a{ color: #0094fa; text-decoration: none;  font-size: 18px;}
ul.productsimg li img{   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1); }

ul.productsimg li img:hover{ box-shadow: 0 4px 8px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }

.entry-header{ padding: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002d60+0,0094fa+100 */
background: rgb(0,45,96); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,45,96,1) 0%, rgba(0,148,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,45,96,1) 0%,rgba(0,148,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,45,96,1) 0%,rgba(0,148,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d60', endColorstr='#0094fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */color: #FFF; text-align: center;
 }

#banner{ color: #FFF; padding: 60px 40px; text-align: center; background: #EEE; }
 h1,h2,h3,h4,h5,p{ margin: 0px; padding: 0px; margin-bottom: 20px;}
h1{ font-size: 35px; line-height: 1.2; }
h2{ font-size: 24px; line-height: 1.2; }
h3{ font-size: 20px; line-height: 1.3; } 
.entry-header h1{ margin-bottom: 0px; }
#banner h1{ font-size: 40px;  }
#banner h3{ font-size: 30px; }

#showroom{ padding: 30px; background: #EEE; }
.buttons a{ margin: 10px; }

a.button{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1); text-decoration: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,60abf8+44,4096ee+100;Blue+3D+%2314 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,0094fa+100 */
background: rgb(0,113,188); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,113,188,1) 0%, rgba(0,148,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,113,188,1) 0%,rgba(0,148,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,113,188,1) 0%,rgba(0,148,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071bc', endColorstr='#0094fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */color: #FFF; font-weight: 700; padding: 20px; display: inline-block; border-radius: 10px; }
a.button:hover{ background: rgb(0,45,96); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,45,96,1) 0%, rgba(0,148,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,45,96,1) 0%,rgba(0,148,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,45,96,1) 0%,rgba(0,148,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d60', endColorstr='#0094fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  box-shadow: 0 4px 8px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);  }

#footer{ padding: 20px; text-align: center; font-size: 14px; }

.alignleft{ float: left; margin-right: 30px; margin-bottom: 30px; }
.alignright{ float: right; margin-left: 30px; margin-bottom: 30px;  }

img.alignleft, img.alignright{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1); }

.gallery{ display: flex; flex-wrap: wrap; justify-content: flex-start;  }
.gallery-item{ flex: 0 0 31%; padding: 1%; }
.gallery-item img{ display: block; }

.one_half{ width: 48% !important; }
.last_column{ margin-left: 4% !important; }

.wp-caption{ width: 100% !important; }

.cycloneslider-template-standard{ float: left; margin-right: 20px; width: 100%; }

hr{ border: 0px; border-bottom: 1px solid #CCC; margin-top: 20px; margin-bottom: 20px; clear:both; }

.wpcf7{ padding: 20px !important;
    border: 3px solid #0099ff;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); }
    
.wpcf7 p{ margin-bottom: 10px; }

  input[type="text"], input[type="email"], input[type="password"], textarea{ width: 100%; padding: 5px; }

  .cycle-slideshow{ margin-bottom: 20px; }

.cycle-slideshow{ box-shadow: 0 14px 28px rgba(0,0,0,0.05), 0 5px 5px rgba(0,0,0,0.12); }

.cycle-pager img{  float: left;  margin-right: 0.3%; margin-bottom: 1%; opacity: 0.6; box-shadow: 0 14px 28px rgba(0,0,0,0.05), 0 5px 5px rgba(0,0,0,0.12);   -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
.cycle-pager img:hover{ cursor: pointer; opacity: 1;}

.cycle-slideshow{ display: flex; justify-content: center; align-content: center; } 
.cycle-slideshow img{ align-self: center; }

.slides{ width: 50%; float: left;  margin-bottom: 20px; }


#showroom img{ max-width: 50%; }

iframe{ width: 100%; height: auto; min-height: 350px; }
.bottomarea table{ margin-bottom: 30px; width: 100%; font-size: 14px;}
.bottomarea td{ border-bottom: 1px solid #CCC; padding: 4px;  }
.bottomarea th{ border-bottom: 1px solid #CCC; padding: 4px; background: #EEE; text-align: left; }
.bottomarea h3{ margin: 0px; margin-top: 20px; }


.grecaptcha-badge {display: none;}


@media only screen and (max-width: 1060px) {
	#mainnav ul li a{ font-size: 15px; }
	ul.productsimg li{ flex: 0 0 32%; }
}

@media only screen and (max-width: 988px) {
	#logo img{ max-width: 200px; margin-top: 10px;}
	#contacts{ padding-right: 10px; padding-top:20px; padding-left: 10px; }
	.address{ font-size: 13px; }
	.phone{ font-size: 20px; }
		.home .entry-content .padding{ padding: 10px;  }
	.padding{ padding: 10px; }
		#showroom{ padding: 10px; }
}
@media only screen and (max-width: 988px) {
	#mainnav ul li#menu-item-23 a{ display: none; }
	.wpcf7{ padding: 10px !important; }

		#mainnav ul li a{ font-size: 14px; }

}
@media only screen and (max-width: 767px) {
	#mainnav ul li a{  }
	.enquiries{ width: 100%; }
	.entry-content{ width: 100%; }
	.entry-content .padding{ padding: 10px;  }
	.alignright{ margin-left: 2%; margin-bottom: 2%; }
}
@media only screen and (max-width: 730px) {
	ul.productsimg li{ flex: 0 0 48%; }
	.page-id-13 ul.productsimg li{ flex: 0 0 48%; }

	}

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

	.one_half{ width: 100% !important; }
	.last_column{ margin: 0px !important; }
	#banner h1, h1{ font-size: 25px;  }
	#banner h3, h2, h3{ font-size: 18px; }
	ul.productsimg li a{ font-size: 15px; }
}