/*
Theme Name: Flex Theme
Theme URI: 
Author: Tan Rain
Description:Flex Themes for wordpress all site
Version: 2.0
*/

.form-section .form-content form .form-field.two-column span { width: 49%; }
.form-section .form-content form .form-field.two-column span:last-child { margin-left: 2%; }
.form-section .form-content form .form-field.two-column span input { width: 100%; margin-left: 0 !important; }
.form-section .form-content form span.wpcf7-not-valid-tip { margin-top: 5px; }
@-webkit-keyframes alo-circle-img-anim {
	0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
	10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
	30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes alo-circle-img-anim {
	0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
	10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
	30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
}
footer .left-social{position:fixed;right:20px;z-index:10;bottom:35%}
footer .left-social-item{-webkit-animation:alo-circle-img-anim 1s infinite ease-in-out;animation:alo-circle-img-anim 1s infinite ease-in-out;margin-bottom:15px}
footer .left-social-item img{max-width:40px}

@media screen and (min-width:601px) {
	.admin-bar .main-nav.fixed { top: 45px; }
}

@media screen and (min-width:783px) {
	.admin-bar .main-nav.fixed { top: 32px; }
}

@media screen and (max-width:480px) {
	.form-section .form-content form .form-field.two-column span{ width:100%; margin-left: 0 !important; }
}