/*
Theme Name: da Vinci Wordpress
Theme URI: http://906technologies.com
Author: Ryan LaBar
Author URI: http://906technologies.com
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foundation
Description: Foundation 5 for WordPress, a Responsive Starter Theme.
Tags: two-columns
*/

/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Images
:: Posts
:: Typography
:: Header
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* -----------------------------------------
   Images
----------------------------------------- */

.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

.wp-caption { max-width: 100%; }

/* -----------------------------------------
   Posts
----------------------------------------- */

.author-box h5 {margin-top:0px;}
.author-box .author_gravatar {margin-right:10px;}
.author-box p {font-size:14px; font-size:1.4em;}

article .th {margin-bottom:10px; margin-bottom:1em;}

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin:0 auto;text-align:center;}

/* -----------------------------------------
   Typography
----------------------------------------- 



/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.wp-caption-text {text-align: center;}
.sticky { }
.gallery-caption { }
.bypostauthor{ }
.site-content .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

embed,
iframe,
object {
  max-width: 100%;
}
/* -----------------------------------------
   Page Name 1
----------------------------------------- */
.ic{
	background: #f3f3f3;
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom: 7%;

}
.ani{
	width: 100%;
	z-index: 65;
}
.ani img{
	width: 100%;
	-webkit-animation: wheel infinite;
	animation: wheel infinite;
}

.wheel{
	position: absolute;
	top:34%;
	left:-14.2%;
	width: 36%;
	z-index:-1;
	
}

.wheel2{
	left:75%;
}

.wheel img{
	width: 100%;

	-webkit-animation: wheel 2.5s infinite linear;
	animation: wheel 2.5s infinite linear;
}
.gear{
	position: absolute;
	top:63.8%;
	left:30%;
	width: 7%;
	z-index: 2;
	
}

.gear img{
	width: 100%;

	-webkit-animation: gear 2s infinite linear;
	animation: gear 2s infinite linear;
}

.innercrankleft, .outercrankleft{
	position: absolute;
	top:55%;
	left:16%;
	width: 20%;
	
	z-index: -2;
	
}

.innercrankleft img{
	width: 100%;
	animation: crankleft 4s infinite linear;
	-webkit-animation: crankleft 4s infinite linear;
}
.outercrankleft{
	
	z-index: 2;
	
}

.outercrankleft img{
	width: 100%;
	animation: crankleft 4s infinite linear;
	-webkit-animation: crankleft 4s infinite linear;
}
.innercrankright, .outercrankright{
	position: absolute;
	top:54.3%;
	left:52%;
	width: 20%;
	z-index: -2;
	
}
.outercrankright{
	z-index: 2;
}

.innercrankright img{
	width: 100%;

	-webkit-animation: crankright 4s infinite linear;
	animation: crankright 4s infinite linear;
}


.outercrankright img{
	width: 100%;
	animation: crankright 4s infinite linear;
	-webkit-animation: crankright 4s infinite linear;
}







.wr{
	background: #f3f3f3;
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom: 7%;

}
.bg1{
	width: 100%;
	z-index: 65;
}
.bg1 img{
	width: 100%;
	-webkit-animation: wheel infinite;
	animation: wheel infinite;
}


.a12, .a18, .a24, .a30{
	position: absolute;
	width:18%;
	top:26%;
	left:18%;
}
.a12 img, .a18 img, .a24 img, .a30 img{
	width: 100%;
}

.a12{
z-index: 60;
-webkit-animation: a12 6s infinite;
animation: a12 6s infinite;
}
.a18{
z-index: 50;
-webkit-animation: a18 6s infinite;
animation: a18 6s infinite;
}
.a24{
z-index: 40;
-webkit-animation: a24 6s infinite;
animation: a24 6s infinite;
}
.a30{
z-index: 30;

}


.a24a, .a36, .a48, .a60{
	position: absolute;
	top:20%;
	width:24.5%;
	left:62%;
}
.a24a img, .a36 img, .a48 img, .a60 img{
	width: 100%;
}
.a24a{
	z-index: 60;
	-webkit-animation: a12 6s infinite;
	animation: a12 6s infinite;
}
.a36{
	z-index: 50;
	-webkit-animation: a18 6s infinite;
	animation: a18 6s infinite;
}
.a48{
	z-index: 40;
	-webkit-animation: a24 6s infinite;
	animation: a24 6s infinite;
}
.a60{
	z-index: 30;

}



.shift{
	width: 100%;
}

.shi1,.shi2,.shi3,.shi4{
	position: absolute;
	top:0%;
	width:33%;
	right:0%;

}
.shi1 img,.shi2 img,.shi3 img,.shi4 img,.shift img{
	width: 100%;
}



.shi2{
	-webkit-animation: shi2 3.5s infinite;
	animation: shi2 3.5s infinite;
	z-index: 5;
}
.shi3{
	-webkit-animation: shi3 3.5s infinite;
	animation: shi3 3.5s infinite;
	z-index: 6;
}
.shi4{
	-webkit-animation: shi4 3.5s infinite;
	animation: shi4 3.5s infinite;
	z-index: 7;
}

.hgc, {
	width:100%;
	position: relative;
	
}
.hgc img, .lgc img{
	width:100%;
}
.lgc{
	width:100%;
	position: absolute;
	-webkit-animation: lgc 3s infinite;
	animation: lgc 3s infinite;
	z-index: 24;
	top:0;
	left: 0;
}

@-webkit-keyframes lgc{
	0% {display: block ; opacity: 1;}
	33%{display: block ; opacity: 1;}
	66%{display: block ; opacity: 0.2;}
	67%{display: block ; opacity: 0.2;}
	100%{display: block ; opacity: 0.2;}
}
@-webkit-keyframes lgc{
	0% {display: block ; opacity: 1;}
	33%{display: block ; opacity: 1;}
	66%{display: block ; opacity: 0.2;}
	67%{display: block ; opacity: 0.2;}
	100%{display: block ; opacity: 0.2;}
}
@-webkit-keyframes shi2{
	0% {display: none ; opacity: 0;}
	11%{display: none ; opacity: 0;}
	12%{display: block ; opacity: 1;}
	87%{display: block ; opacity: 1;}
	88%{display: none ; opacity: 0;}
	100%{display: none ; opacity: 0;}
}

@-webkit-keyframes shi3{
	0% {display: none ; opacity: 0;}
	24%{display: none ; opacity: 0;}
	25%{display: block ; opacity: 1;}
	74%{display: block ; opacity: 1;}
	75%{display: none ; opacity: 0;}
	100%{display: none ; opacity: 0;}
}
@-webkit-keyframes shi4{
	0% {display: none ; opacity: 0;}
	38%{display: none ; opacity: 0;}
	39%{display: block ; opacity: 1;}
	60%{display: block ; opacity: 1;}
	61%{display: none ; opacity: 0;}
	100%{display: none ; opacity: 0;}
}






@-webkit-keyframes a12{
	0% {display: block ; opacity: 1;}
	24%{display: block ; opacity: 1;}
	25%{display: none ; opacity: 0;}
	99%{display: none ; opacity: 0;}
}
@-webkit-keyframes a18{
	0% {display: block ; opacity: 1;}
	49%{display: block ; opacity: 1;}
	50%{display: none ; opacity: 0;}
	99%{display: none ; opacity: 0;}
}
@-webkit-keyframes a24{
	0% {display: block ; opacity: 1;}
	74%{display: block ; opacity: 1;}
	75%{display:none ; opacity: 0;}
	99%{display:none ; opacity: 0;}
}
@-webkit-keyframes crankleft {
    0%   {-webkit-transform: rotate(0deg)}
    33% {-webkit-transform: rotate(565deg)}
    67% {-webkit-transform: rotate(565deg)}
    100% {-webkit-transform: rotate(1079deg)}
}
@-webkit-keyframes crankright {
    0%   {-webkit-transform: rotate(20deg)}
    67% {-webkit-transform: rotate(1099deg)}
    100% {-webkit-transform: rotate(1099deg)}
}
@-webkit-keyframes wheel {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(359deg)}
}
@-webkit-keyframes gear {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(359deg)}
}

/*-*/

@keyframes lgc{
	0% {display: block ; opacity: 1;}
	33%{display: block ; opacity: 1;}
	66%{display: block ; opacity: 0.2;}
	67%{display: block ; opacity: 0.2;}
	100%{display: block ; opacity: 0.2;}
}
@keyframes lgc{
	0% {display: block ; opacity: 1;}
	33%{display: block ; opacity: 1;}
	66%{display: block ; opacity: 0.2;}
	67%{display: block ; opacity: 0.2;}
	100%{display: block ; opacity: 0.2;}
}
@keyframes shi2{
	0% {display: none ; opacity: 0;}
	11%{display: none ; opacity: 0;}
	12%{display: block ; opacity: 1;}
	87%{display: block ; opacity: 1;}
	88%{display: none ; opacity: 0;}
	100%{display: none ; opacity: 0;}
}

@keyframes shi3{
	0% {display: none ; opacity: 0;}
	24%{display: none ; opacity: 0;}
	25%{display: block ; opacity: 1;}
	74%{display: block ; opacity: 1;}
	75%{display: none ; opacity: 0;}
	100%{display: none ; opacity: 0;}
}
@keyframes shi4{
	0% {display: none ; opacity: 0;}
	38%{display: none ; opacity: 0;}
	39%{display: block ; opacity: 1;}
	60%{display: block ; opacity: 1;}
	61%{display: none ; opacity: 0;}
	100%{display: none ; opacity: 0;}
}






@keyframes a12{
	0% {display: block ; opacity: 1;}
	24%{display: block ; opacity: 1;}
	25%{display: none ; opacity: 0;}
	99%{display: none ; opacity: 0;}
}
@keyframes a18{
	0% {display: block ; opacity: 1;}
	49%{display: block ; opacity: 1;}
	50%{display: none ; opacity: 0;}
	99%{display: none ; opacity: 0;}
}
@keyframes a24{
	0% {display: block ; opacity: 1;}
	74%{display: block ; opacity: 1;}
	75%{display:none ; opacity: 0;}
	99%{display:none ; opacity: 0;}
}
@keyframes crankleft {
    0%   {transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);}
    33% {transform: rotate(565deg);-moz-transform: rotate(565deg);-ms-transform: rotate(565deg);}
    67% {transform: rotate(565deg);-moz-transform: rotate(565deg);-ms-transform: rotate(565deg);}
    100% {transform: rotate(1079deg);-moz-transform: rotate(1079deg);-ms-transform: rotate(1079deg);}
}
@keyframes crankright {
    0%   {transform: rotate(20deg);-moz-transform: rotate(20deg);-ms-transform: rotate(20deg);}
    67% {transform: rotate(1099deg);-moz-transform: rotate(1099deg);-ms-transform: rotate(1099deg);}
    100% {transform: rotate(1099deg);-moz-transform: rotate(1099deg);-ms-transform: rotate(1099deg);}
}
@keyframes wheel {
    0%   {transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);}
    100% {transform: rotate(359deg);-moz-transform: rotate(359deg);-ms-transform: rotate(359deg);}
}
@keyframes gear {
    0%   {transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);}
    100% {transform: rotate(359deg);-moz-ransform: rotate(359deg);-ms-transform: rotate(359deg);}
}

.gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select{
margin-bottom:0px;
}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction{
margin-bottom:6px!important;
}

.social-icon-link{
	position:fixed;
	bottom: 70px; left:0px;
}
.insta {
	bottom:34px;
}