/*
Theme Name: Lithstone BS
Author: orasy
Author URI: http://www.orasy.com/
Description: desc1, desc2

Tags: tag1, tag2
Text Domain: theme

Version:1.0

*/

@import url('bootstrap/css/bootstrap.css'); 

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 {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}

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
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
.clear {
	clear: both
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}

html {
    height: 100% !important;
}

body {
	line-height: 1;
	color:#69645f;
	background-color:#FFFFFF;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	
	font-size:18px;
	line-height:23px;
	
	height: 100%;
}

.def-heading {
	
	font-weight:300 !important;
	
}

.breadcrumb {
	padding-left:0px !important;
	margin-bottom: 0px !important;
}


.loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:1px solid rgba(0, 0, 0, 0); }

img {
	filter: none; 
-webkit-filter: blur(0px); 
-moz-filter: blur(0px); 
-ms-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

body.page.page-id-47.page-template.page-template-theme-find-products {
	 background-image:url(images/find_bg.png);
	 background-repeat:repeat;
	 background-color:transparent;
}

a {
    color: #69645f;
    text-decoration: none;
}

a:focus,
a:hover {
	color:#828282 !important;
	text-decoration:none !important;
	
}

p {
	margin-bottom:15px;
}

h1 {
	font-family: 'Raleway', sans-serif;
	
	font-size:32px;
	line-height:40px;
	font-weight:300;
	margin-bottom:15px;
}

h2 {
	font-family: 'Raleway', sans-serif;
	margin-bottom:10px;
	font-size:21px;
	line-height:28px;
	font-weight:300;
	color:#69645f !important;
}

.size,
h4 {
	font-family: 'Raleway', sans-serif;
	
	color:#3ea97b;
	font-size:16px;
	line-height:17px;
	font-weight:300;
}

h5 {
	font-family: 'Raleway', sans-serif;
	
	color:#3ea97b;
	font-size:12px;
	line-height:15px;
	font-weight:700;
	
}

.dark {
	color:#6d5c54 !important;
}

b, strong {
	font-weight:600;
}

.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	
	position:relative;
}

#orasy {
	position:absolute;
	bottom:30px;
	right:0px;
	
	width:46px;
	height:36px;	
	
	cursor:pointer;
}


#orasy img {
	
	width:46px;
	height:auto;	
}


#orasy {
	position:absolute;
	bottom:30px;
	right:0px;	
}

.footer {
	padding-bottom:30px;
	position:relative;
}

.slider-txt {
	text-align:center;
	}


div[class^="col-xs-"] {
	padding-left: 10px !important; 
	padding-right: 10px !important;
}

div[class^="col-md-"] {
	padding-left: 15px !important; 
	padding-right: 15px !important;
}



/*center navigation */

ul#menu-main-menu.nav.navbar-nav {
	margin-left:10%;
	margin-top:30px;
}


#categories-wrapper { 
    text-align: center;
}

#categories-wrapper ul { 
    display: inline-block;
}

.navbar-collapse.navbar-ex1-collapse ul li {
	 float: left;
}

.navbar-collapse.navbar-ex1-collapse ul li a {
	font-size:20px;
}

#categories-wrapper ul li {
	 float: left; /* or display: inline; */
	 padding:10px;
}

#categories-wrapper ul li a {
	line-height:30px;
	font-size:19px !important;
}

/*center navigation */



header {
  width: 100%;
  height: 150px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
 
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }
  header div#logo {
    display: inline-block;
    height: 50px;
    line-height: 150px;
    float: left;
    font-family: "Oswald", sans-serif;
    font-size: 60px;
    color: white;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
	
	header div#logo img {
	height:50px;
	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
 	-ms-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	transition: all 0.3s; }
		
	}

.page-template.page-template-theme-home-page.page-template-theme-home-page-php nav a {
	
	color: #ffffff !important;
}

  header nav {
    display: inline-block;
    float: right; }
    header nav a {
      line-height: 150px;
      margin-left: 20px;
      color: #69645f;
      font-weight: 300;
      font-size: 18px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      header nav a:hover {
        color: white; }


.page-template.page-template-theme-home-page.page-template-theme-home-page-php div.wrapper div.container header.smaller {
     height: 75px; 
	 background-image:url(images/nav-bg.png);
	 background-repeat:repeat;
	 background-color:transparent;
	
	}
	
	 header.smaller {
     height: 75px;
	 
	 background-color:rgba(255,255,255,0.87);
	
	}
	
	
    header.smaller div#logo {
      width: 150px;
      height: 75px;
      line-height: 75px;
      font-size: 30px; }
    header.smaller nav a {
      line-height: 75px; 
	  
	  }
	  
	   header.smaller div#logo img {
		   height:40px;
		   -webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
 	-ms-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	transition: all 0.3s; }
	   }

/* =Footer
-------------------------------------------------------------- */
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }



.light {
	height:336px;
	width:167px;
	
	background-image:url(images/light.png);
	background-repeat:no-repeat;
	background-position:center;
}

#home-content {
	height:788px;
	
	background-image:url(https://www.lithostonequartzsurfaces.com.au/wp-content/uploads/2017/07/banner4.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	
}


.product {
	margin-left:1%;
	margin-right:1%;
	margin-bottom:2%;
    width: 18%;
	float:left;
	
	text-align:center;
	
	min-height:200px;
}

.product img {width:100%; height:auto;
}

.buffer {
	margin-top:50px;
	margin-bottom:50px;
}

.cat-nav {
	margin-bottom:15px !important;
}

.buffer-gc {
	margin-top:160px;
	margin-bottom:50px;
}



.responsive-circle {
    font-size: 80px;
    font-weight: 500;
    margin: 0 auto 20px;
    width: 80%;
	
	
}

.responsive-circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    width: 100%;
	
	border: 1px solid #69645f;
}
.responsive-circle div {
    color: #69645f;
    float: left;
    line-height: 1em;
    margin-top: -0.5em;
    padding-top: 50%;
    text-align: center;
    width: 100%;
	
	font-size:18px;
	
}

.responsive-circle:hover::after {
	border: 1px solid #00d2ff;
	background: #00d2ff !important;
	
	transition: all 0.3s ease 0s;
	cursor:pointer;
}

.responsive-circle:hover .circle-inner {
	color:#FFFFFF;
	cursor:pointer;
}


.responsive-circle:hover .circle-txt {
	color:#FFFFFF;
}

.circle-txt {
	margin-top:50px;
	text-align:center;
	
	color:#69645f;
}

#circle-heading {
	text-align:center;
	
	margin-top:50px;
	margin-bottom:50px;
}

#fifteen-yrs {
	width:115px;
	margin-left:auto;
	margin-right:auto;
	
	margin-top:120px;
	margin-bottom:30px;
}

#fifteen-yrs img {
	width:115px;	
	height:auto;
}


#footer-text {
	text-align:center;
	margin-top:30px;
	margin-bottom:100px;
}

#copy {
	text-align:right;
}

nav ul li {
	float:right;
}

div#filters.option-set.clearfix span a {
	font-family: 'Raleway', sans-serif;
	font-size:12px !important;
	
	font-weight:700;
}

nav ul li a {
	font-family: 'Raleway', sans-serif;
	font-size:12px !important;
	
	font-weight:700;
}



#gc-bg{
	height:788px;
	
	background-image:url(images/gc-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	
}

.content {
	display:none;
}

#contact_info {
	
	
	z-index:1001;
	
	position:relative;
}

.white {
	background-color:#ffffff !important;
	
	padding-left:20px;
	padding-right:20px;
	
	font-size:15px;
	line-height:19px;
}

.blue {
	
	padding:20px;
	
	background-image:url(images/light_blue.png);
	background-repeat:repeat;
	
	color:#FFFFFF;
	
}

#contact-details {
	margin-top:20px;
}

.close_x {
	width:32px;
	height:32px;
	
	background-image:url(images/close.png);
	background-repeat:no-repeat;
	background-position:center center;
	
	display:block;
	
	margin-top: 20px;
}

#chart {
	
	
}

#chart img {
	width:100%;
	height:auto;
	
}

.breadcrumb {
    background-color: #ffffff !important;

}

#your_post_here img {
	width:100%;
	height:auto;
}


/* Custom gform styles  */


div#contact_info.container-fluid.collapse.in div.row.blue div.col-md-12 div#gform_wrapper_1.gf_browser_gecko.gform_wrapper form#gform_1 div.gform_footer.top_label input#gform_submit_button_1.gform_button.gform_image_button {
	width:100px !important;
	height:100px !important;
}

#gform_wrapper_1 .gform_footer {
	text-align:center !important;
}

#gform_wrapper_1 .top_label .gfield_label {
	display:none !important;
}

#gform_wrapper_1 .top_label input.medium, #gform_wrapper_1 .top_label select.medium {
	border-radius: 0px !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:solid 2px #ffffff !important;
	background-color:transparent !important;
	height:40px !important;
	
	font-size:24px !important;
	
	font-family: 'Raleway', sans-serif !important;
}

li.gfield.gf_left_half textarea, li.gfield.gf_right_half textarea {
	border-radius: 0px !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:solid 2px #ffffff !important;
	background-color:transparent !important;
	height:104px !important;
	
	font-size:24px !important;
	font-family: 'Raleway', sans-serif !important;
	
}

div.gform_body ul#gform_fields_1.gform_fields.top_label.form_sublabel_below.description_below li#field_1_5.gfield.gf_left_half.field_sublabel_below.field_description_below div.ginput_container.ginput_container_text {
	margin-top:-56px !important;
}

ul#menu-main-menu-1.menu li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-74 {
	margin-left:-20px !important;
}


#gform_wrapper_1 .gform_footer {
    margin: 20px 0 0 !important;
    padding: 0 !important;
}

#gform_wrapper_1 .top_label li.gfield.gf_left_half textarea, #gform_wrapper_1 .top_label li.gfield.gf_right_half textarea {
	width:100% !important;
}


#gform_wrapper_1 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {

    padding: 0px !important;
}

#gform_wrapper_1 textarea {
	padding-left:0px !important;
}

#gform_wrapper_1 div.validation_error,
#gform_wrapper_1 .validation_message {
    color: rgba(255, 255, 255, 1) !important;
    font-weight: normal !important;
	border-top:none !important;
	border-bottom:none !important;
}


#gform_wrapper_1 li.gfield.gfield_error, #gform_wrapper_1 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color:rgba(255, 223, 224, 0) !important;
	border-top:none !important;
	border-bottom:none !important;
}


#gform_wrapper_2 .gfield_label {
	font-weight: 100 !important;
	/*color: #00d3fe !important;*/
	
	
}
#gform_wrapper_2 h3 {
	font-size: 21px !important;
	font-weight: 300 !important;
	text-transform: uppercase !important;
}


#gform_wrapper_2 div.validation_error {
color: #00d3fe !important;
border-top: 2px solid #00d3fe !important;
border-bottom: 2px solid #00d3fe !important;

}

#gform_wrapper_2 li.gfield.gfield_error, #gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {

background-color: rgba(88,171,183,0.10) !important;
border-top: 1px solid #00d3fe !important;
border-bottom: 1px solid #00d3fe !important;

}


#gform_wrapper_2 .gfield_error .gfield_label,
#gform_wrapper_2 .validation_message,
#gform_wrapper_2 li.gfield_error div.ginput_complex.ginput_container label, #gform_wrapper_2 li.gfield_error ul.gfield_checkbox, #gform_wrapper_2 li.gfield_error ul.gfield_radio,
#gform_wrapper_2 .gfield_required

{
color: #00d3fe !important;

}

#gform_wrapper_2 li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #gform_wrapper_2 li.gfield_error textarea {
	border: 1px solid #00d3fe !important;
}

input#gform_submit_button_2.gform_button.button {
	background-color: #00d3fe !important;
	color: #ffffff !important;
	padding: 6px 20px !important;
}


#gform_wrapper_2 div#gform_confirmation_message_2.gform_confirmation_message_2.gform_confirmation_message {
	color: #00d3fe !important;
	font-size: 22px !important;
	
	
	
}



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/**** Base styles ****/


a img { border: none; }


/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */


#container {
  border: 0px solid #666;
  padding: 0px;
  margin: 0px;

 
}


.product {
	background-color:#00d2ff;
}


.element {
	margin:4px !important;
    width: 18.3%;
	
	overflow:hidden;
	
	background-color:#00d2ff;
}

.element:hover img {
	opacity:0.6;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.project-element-title {
	width:100%;
	
}


h5.module-name {
	text-transform:uppercase;  
	text-align:center;
	padding-top:15px;
	
	}

.product-home-title {
	text-transform:uppercase; padding-top:15px; text-align:center;
	height:auto;
}


.product img {
	background-color:#00d2ff;
}

.product:hover img {
	opacity:0.6;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}


.product:hover {
	
}

.product:hover .product-home-title {
	
}


.element:hover .project-element-title {
	margin-top:-60%;
	
	-webkit-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	position:absolute;
	text-align:center;
	
	width:100%;
	
}



.element:not(:hover) .project-element-title {
	margin-top:0%;
	
	-webkit-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	position:absolute;
	text-align:center;
	
	width:100%;
	
}

.element:hover .project-element-title a {
	color:#FFFFFF !important;
}

.element img {
	width:100%;
	height:auto;
	opacity:1;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
}

.element .text-hidden {
	margin-top:-5px;
	position:relative;
	height:60px;
	background-color: #FFFFFF;
}

.element .text-hidden p {
	padding-left:16px;
	position: absolute;
	font-weight:300;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	text-transform:uppercase;
	line-height:40px;
}


.element:hover .text-hidden p {
    margin-top:-50%;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color: rgba(255, 255, 255, 1);
	
	
}


.clickable .element:hover {
  cursor: pointer;
}

.element .text-hidden p {

 line-height: inherit;
    padding-left: 0px;	
	
}

.page-template-theme-find-products div.container p {
	font-size:16px;
	
}

.page-template-theme-find-products div.container p b,
.page-template-theme-find-products div.container p strong {
	font-size:16px;
	font-weight:400;
	
}


.page-template-theme-find-products div.container a:hover {
	color:#ffffff !important;
}

ul#menu-mobile-menu.menu li#menu-item-107.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-107 a {
	display:none;
}





/* form placeholder overrides - have to use !important or this doesn't work
--------------------------------------------- */
::-webkit-input-placeholder { /* Chrome */
  color: #69645f !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #69645f !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #69645f !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #69645f !important;
  opacity: 1 !important;
}



/* Custom bootstrap styles  */

/* Extra Small Devices, Phones */ 



.overlay ul {
	width:100%;
}



/* Large */
@media(min-width:1200px){
	
 .windowsize::after {
content: "min-width:1200px";
}

.element {
    width: 18.1% !important;
	margin:8px !important;
}


}



/* Medium */
@media(min-width:992px) and (max-width:1199px){
	
 .windowsize::after {
content: "min-width:992px max-width:1199px";
}

#home-content {
	width:100%;
	height:650px;}

}


/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
	
.desktop-menu {
	display:none !important;
}

.navbar-toggle {
	display:block !important;
	
	}
	
	
	.close_x {

    position: absolute;
    right: 0;
    top: -100px;
    width: 32px;
}

.enq {
	padding-top:50px; 
}

.element {
    width: 18% !important;
}


ul#menu-mobile-menu.menu li#menu-item-107.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-107 a {
	display:block !important;
	margin-top: -25px;
    text-align: center;
}


nav.mobile-menu ul li a {
	text-align:center;
}


}



/* Small */
@media (max-width: 767px) {
	
	
.product {
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
    width: 23%;
}


.element {
    width: 30% !important;
}


	 .windowsize::after {
content: "min-width:768px max-width:991px";
}


.gf_right_half,
.gf_left_half {
	float:none !important;
}

.close_x {

    position: absolute !important;
    right: 0 !important;
    top: -100px !important;
    width: 32px;
}

.enq {
	padding-top:50px; 
}

.gform_wrapper textarea {
	padding-left:0px !important;
}

#home-content {
    background-image: url("https://www.lithostonequartzsurfaces.com.au/wp-content/uploads/2017/07/banner4.jpg");
   	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    height: auto;
}

.responsive-circle div {
	font-size:28px;
}

#copy {
    text-align: left;
	padding-right:20px;
}

ul#menu-mobile-menu.menu li#menu-item-107.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-107 a {
	display:block !important;
}

ul#menu-mobile-menu.menu li#menu-item-107.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-107 a {
	display:block !important;
	margin-top: -25px;
    text-align: center;
}


nav.mobile-menu ul li a {
	text-align:center;
}


}


/* Extra Small */
@media(min-width:482px) and (max-width:767px){
	
header nav {
	float:none;
}
	
.product {
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
    width: 23%;
}

.element {
    width: 46% !important;
}
	
.windowsize::after {
content: "max-width:767px";
}

.desktop-menu {
	display:none;
}

.navbar-toggle {
	display:block !important;
	
	}
	

.gf_right_half,
.gf_left_half {
	float:none !important;
}

.close_x {

    position: absolute;
    right: 0;
    top: -100px;
    width: 32px;
}

.enq {
	padding-top:50px; 
}

.gform_wrapper textarea {
	padding-left:0px !important;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    padding:0px !important;
}


}


@media(min-width:481px) and (max-width:767px){
		
	
.product {
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
    width: 48% !important;
}

.element {
    width: 45% !important;
}


.element2 {
    width: 48% !important;
}

.windowsize::after {
content: "min-width:481px max-width:767px";
}


.desktop-menu {
	display:none;
}

.navbar-toggle {
	display:block !important;
	
	}

}
	
	

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

 .windowsize::after {
content: "max-width : 480px";
}

.product {
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
    width: 48% !important;
}

.element {
    width: 43% !important;
}

.desktop-menu {
	display:none;
}

.navbar-toggle {
	display:block !important;
	
	}
	
div.gform_body ul#gform_fields_1.gform_fields.top_label.form_sublabel_below.description_below li#field_1_5.gfield.gf_left_half.field_sublabel_below.field_description_below div.ginput_container.ginput_container_text {
    margin-top: 0px !important;
}



}

@media only screen and (max-width : 320px) {
	
.product {
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
    width: 98% !important;
}

.element {
    width: 89% !important;
}

header div#logo img {
    height: 40px;
}

nav.mobile-menu ul li a {
	margin-left:20px;
	font-size:26px !important;
	line-height: 36px;
}

#fifteen-yrs {
    margin: 30px auto 30px;
    width: 115px;
}

.light {
	display:none;
}

header div#logo {
	line-height:100px;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    font-size: 20px !important;
}

.blue,
.white {
	padding-left:0px;
}

#copy {
    text-align: left;
	padding-right:20px;
}

div.gform_body ul#gform_fields_1.gform_fields.top_label.form_sublabel_below.description_below li#field_1_5.gfield.gf_left_half.field_sublabel_below.field_description_below div.ginput_container.ginput_container_text {
    margin-top: 0px !important;
}
	
}



.navbar-toggle {
    background-color: transparent;
    background-image: url("images/mob-menu-btn-grey.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 solid transparent !important;
    border-radius: 0 !important;
    float: right;
    height: 40px;
    margin-bottom: 8px;
    margin-right: 20px !important;
    margin-top: 30px !important;
    padding: 9px 10px;
    position: relative;
    transition: all 0.5s ease 0s;
    width: 40px;
	
	z-index:1000
}

.navbar-toggle {
    display: none;
}
button, .button, button.secondary, .button.secondary, button.success, .button.success, button.alert, .button.alert, button.warning, .button.warning, button.info, .button.info {
    border-color: transparent;
}

nav.mobile-menu ul li {
	float:none;
	margin-bottom:20px;
}

nav.mobile-menu ul li a {
	margin-left:30px;
	font-size:28px !important;
	line-height: 40px;
}

div.project-element-title h5 a.go-top {
	
}


#your_post_here {
	
}

#single-post-container {
	max-height:550px;
}


.expandstone {
	height:550px !important;
	overflow:hidden;
	
	opacity:1 !important;
	
	 -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  animation-delay: 2.7s;
}

/* make keyframes that tell the start state and the end state of our object */
 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;

height:550px !important;
overflow:hidden;
}
 
.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;

height:550px !important;
overflow:hidden;
}


#single-buffer {
	margin-top:150px;	
}

#post-single img {
	width:100%;
	height:auto;
}