/*Make sure your selectors are very specific, you can accidentally overide builder css if you are not careful*/
/*Do not edit positioning, width, height in CSS, set that in the markup*/
/*CSS Changes, are somewhat permanent, user cannot change these, they can overide them via element inline style, but thats about it*/

/* site */

.swyft.default.page-bg {
	background: url('assets/swyft-bg.jpg') no-repeat top center #FFF;
}
.swyft.default.about-bg {
	background: url('assets/swyft-bg-about.jpg') no-repeat top center #FFF;
}
.swyft.default.services-bg {
	background: url('assets/swyft-bg-services.jpg') no-repeat top center #FFF;
}
.swyft.default.contact-bg {
	background: url('assets/swyft-bg-contact.jpg') no-repeat top center #FFF;
}
.swyft.default .text-plugin {
	font-family: 'Lato', serif;
	font-size: 18px;
	color: #000;
	line-height: 30px;
}
.swyft.default .p-22 {
	font-family: 'Lato', serif;
	font-size: 22px;
	color: #000;
	font-weight: 300;
	line-height: 36px;
	letter-spacing: 1px;
}
.swyft.default .roboto-22 {
	font-family: 'Roboto', serif;
	font-size: 22px;
	color: #000;
	line-height: 30px;
	font-weight: 300;
}
.swyft.default #footer {
	background: #e9e9e9;
}
.swyft.default .left-col {
	background: #dadada;
}
.swyft.default .right-col {
	background: #f4f4f4;
}
.swyft.default h2, .swyft.default h3, .swyft.default h4, .swyft.default h5, .swyft.default h6 {
	font-family: 'Lato', serif;
	font-weight: normal;
	letter-spacing: normal;
	color: #fff;
	margin: 0;
}
.swyft.default h1 {
	font-family: 'Lato', sans-serif;
	font-size: 48px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	line-height: normal;
}
.swyft.default h2 {
	font-size: 30px;
	letter-spacing: 5px;
}
.swyft.default h3 {
	font-size: 23px;
	color: #000;
}
.swyft.default .h3-24 {
	font-size: 24px;
	color: #000;
}
.swyft.default .h3-28 {
	font-size: 28px;
	color: #000;
}
.swyft.default .h3-35 {
	font-size: 35px;
	color: #000;
}
.swyft.default .h3-30 {
	font-size: 30px;
	color: #000;
}
.swyft.default h4 {
	font-size: 20px;
}
.swyft.default h5 {
	font-size: 18px;
}
.swyft.default h6 {
	font-size: 16px;
}
.swyft.default .phone-header {
	color: #fff;
	text-align: right;
	font-size: 20px;
	padding: 0 10px;
}
.swyft.default .left-header {
	color: #fff;
	text-align: left;
	font-size: 20px;
	padding: 0 10px;
	font-weight: 300
}
.swyft.default .slogan-1 {
	color: #fff;
	font-size: 35px;
	margin: 0;
	line-height: normal;
	letter-spacing: normal;
	font-weight: 300
}
.swyft.default .slogan-2 {
	font-family: 'Lato', cursive;
	font-size: 65px;
	color: #fff;
	font-weight: 300;
	letter-spacing: normal;
}
.swyft.default .slogan-3 {
	font-family: 'Lato', cursive;
	font-size: 26px;
	color: #fff;
	letter-spacing: normal;
}
.swyft.default .slogan-4 {
	font-family: 'Lato', cursive;
	font-size: 34px;
	color: #fff;
	letter-spacing: normal;
}
.swyft.default .white-box {
	background: #fff;
}
.swyft.default .small-text {
	font-size: 18px;
}
.swyft.default .tiny-text {
	font-size: 15px;
	font-weight: 300;
}
.swyft.default .lato-20 {
	font-size: 20px;
	color: #656565;
}
.swyft.default .center-align {
	text-align: center;
}
.swyft.default .right-align {
	text-align: right;
}
.swyft.default .white {
	color: #ffffff;
}
.swyft.default .grey {
	color: #656565;
}
.swyft.default .f-900 strong {
	font-weight: 900;
}
.swyft.default .f-300 {
	font-weight: 300;
}
.swyft.default .f-rotate {
	-webkit-transform: rotate(358deg);
	-moz-transform: rotate(358deg);
	-o-transform: rotate(358deg);
}
.swyft.default .contact-form {
	background: #fff;
}
 
/****************/
/* neo main nav */
/****************/

.swyft.default .navigation-2-plugin .neo-asset-inner > ul > li {
	padding-top: 7px;
	padding-right: 35px;
	padding-bottom: 7px;
	padding-left: 35px;
	margin-right: 5px;
	margin-bottom: 0;
	background-color: #656565;
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px
}
.swyft.default .navigation-2-plugin .neo-asset-inner > ul > li > a {
	color: rgb(255, 255, 255);
}
.swyft.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-hover {
	background-color: #ffad08;
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
}
.swyft.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-hover > a {
	color: #4d4d4d;
}
.swyft.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-active {
	background-color: #ffad08;
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
}
.swyft.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-active > a {
	color: #4d4d4d;
}
/***************/
/* neo sub nav */
/***************/ 

.swyft.default .navigation-2-plugin ul ul > li {
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 5px;
	padding-left: 35px;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #656565;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px
}
.swyft.default .navigation-2-plugin ul ul > li > a {
	color: rgb(255, 255, 255);
}
.swyft.default .navigation-2-plugin ul ul > li.k-state-hover {
	background-color: #ffad08;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
}
.swyft.default .navigation-2-plugin ul ul > li.k-state-hover > a {
	color: rgb(77, 77, 77);
}
.swyft.default .navigation-2-plugin ul ul > li.k-state-active {
	background-color: #ffad08;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
}
.swyft.default .navigation-2-plugin ul ul > li.k-state-active > a {
	color: #4d4d4d;
}

/****************/
/* END neo main nav */
/****************/


/* labels style */
.swyft.default .web_com_custom_form label {
	font-weight: 300;
	margin-bottom: 0;
	font-family: 'Lato', Arial;
	font-size: 17px;
}
/*CUSTOM*/
/* first & last name */
.swyft.default .web_com_custom_form .FirstName label, .swyft.default .web_com_custom_form .LastName label {
	font-size: 12px !important;
}
.swyft.default .web_com_custom_form input[type='text'], .swyft.default .web_com_custom_form textarea {
	border-radius: 4px !important;
	border: 1px solid #fff;
	background: #fff;
}
.swyft.default .web_com_custom_form input[type='submit'] {
	color: #000;
	border-radius: 3px;
	background: #ffad08;
	border: 1px solid #000;
	padding: 2px 20px;
	display: block;
	margin: 0 auto;
	font-family: 'Lato', Arial;
	font-size: 17px;
	font-weight: 700;
}