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

.shok.default.page-bg {
	background: #2c2c2c url('assets/shok-bg.jpg') repeat-x;
}
.shok.default.subpage {
	background: url('assets/shok-bg-header.jpg') repeat-x;
}
.shok.default .subcontent-bg {
	background: #f0f0f0 url('assets/shok-bg-subpages.jpg') repeat-x;
}
.shok.default .text-plugin {
	font-family: 'Cabin', sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
}
.shok.default h1, .shok.default h2, .shok.default h3, .shok.default h4, .shok.default h5, .shok.default h6 {
	margin: 0;
}
.shok.default h1 {
	font-family: 'Anton', sans-serif;
	font-size: 60px;
	color: #fff;
	line-height: 1.3;
	margin: 0;
}
.shok.default h2 {
	font-family: 'Anton', sans-serif;
	font-size: 36px;
	color: #fff;
	font-weight: normal;
}
.shok.default h3 {
	font-family: 'Anton', sans-serif;
	font-size: 24px;
	color: #fff;
}
.shok.default .h3-subtitle {
	font-family: 'Anton', sans-serif;
	font-size: 24px;
	color: #262626;
}
.shok.default h4 {
	font-family: 'Anton', sans-serif;
	font-size: 30px;
	color: #fff;
}
.shok.default h5 {
	font-family: 'Cabin', sans-serif;
	font-size: 30px;
	color: #fff;
}
.shok.default h6 {
	font-family: 'Anton', sans-serif;
	font-size: 14px;
	color: #fff;
}
.shok.default .side-title {
	font-family: 'Cabin', sans-serif;
	font-size: 18px;
	color: #262626;
}
.shok.default .header-bg {
	background: url('assets/shok-bg-header.jpg') repeat-x;
}
.shok.default .main-home {
	font-size: 36px;
	font-weight: normal;
	text-shadow: 0 0 7px rgba(0,0,0,0.5);
	margin: 0;
}
.shok.default .home-img {
	border: 3px solid #434343;
	box-shadow: 0px 0px 1px #000;
}
.shok.default .serv-img {
	border: 1px solid #5f5f5f;
}
.shok.default .serv-box {
	background-color: #444444;
}
.shok.default .main-featured {
	font-family: 'Anton', sans-serif;
	font-size: 18px;
	line-height: 1;
}
.shok.default .title {
	font-family: 'Anton', sans-serif;
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
}
.shok.default .cabin-30 {
	font-family: 'Cabin', sans-serif;
	font-size: 30px;
	color: #fff;
}
.shok.default .cabin-18 {
	font-family: 'Cabin', sans-serif;
	font-size: 18px;
	color: #c4c4c4;
}
.shok.default .anton-18 {
	font-family: 'Anton', sans-serif;
	font-size: 18px;
	color: #7d7d7d;
}
.shok.default .services-ul li {
	list-style-image: url(assets/shok-bullet.png);
	color: #7d7d7d;
	margin-left: 33px;
	font-family: 'Cabin', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
.shok.default .services-ul {
	margin: 0;
	padding: 0;
}
.shok.default .divider {
	background-image: url(assets/shok-divider.png);
	background-repeat: repeat-y;
}
.shok.default .divider-hor {
	border-top: 1px solid #808080;
}
.shok.default .divider-3 {
	border-right: 1px solid #fff;
}
.shok.default .button {
	color: #fff;
	border-radius: 3px;
	background: -webkit-linear-gradient(#4c4c4c, #595858);
	background: -moz-linear-gradient(#4c4c4c, #595858);
	background: linear-gradient(#4c4c4c, #595858);
	font-size: 14px;
	font-family: 'Anton', sans-serif;
	box-shadow: 1px 1px 1px #000;
	padding: 2px 8px;
}
.shok.default .read-more {
	color: #000;
	font-family: 'Cabin', serif;
	font-weight: bold;
}
.shok.default .v-top {
	vertical-align: top;
}
.shok.default .copy {
	color: #fff;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
}
.shok.default .center-align {
	text-align: center;
}
.shok.default .right-align {
	text-align: right;
}
.shok.default .white {
	color: #ffffff;
}
.shok.default .gray {
	color: #c4c4c4;
}
.shok.default .grey {
	color: #d2d2d2;
}
.shok.default .grey-2 {
	color: #464545;
}
.shok.default .grey-3 {
	color: #7d7d7d;
}
.shok.default .opacity-bg {
	background-color: #000;
	opacity: .6;
}
/****************/
/* neo main nav */
/****************/

.shok.default .navigation-2-plugin .neo-asset-inner > ul > li {
	padding-top: 6px;
	padding-right: 11px;
	padding-bottom: 6px;
	padding-left: 11px;
	margin-right: 10px;
	margin-bottom: 0;
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Cabin', sans-serif;
	text-align: left;
	border-left-color: transparent;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: transparent;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: transparent;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.shok.default .navigation-2-plugin .neo-asset-inner > ul > li > a {
	color: rgb(255, 255, 255);
}
.shok.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-hover {
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Cabin', sans-serif;
	text-align: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #810001;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #810001;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #606060;
	border-top-style: solid;
	border-top-width: 1px;
	/*Ariel*/
	background: -webkit-linear-gradient(#303030, #373737);
	background: -moz-linear-gradient(#303030, #373737);
	background: linear-gradient(#303030, #373737);/*END*/
}
.shok.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-hover > a {
	color: #fff;
}
.shok.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-active {
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Cabin', sans-serif;
	text-align: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #810001;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #810001;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #606060;
	border-top-style: solid;
	border-top-width: 1px;
	/*Ariel*/
	background: -webkit-linear-gradient(#303030, #373737);
	background: -moz-linear-gradient(#303030, #373737);
	background: linear-gradient(#303030, #373737);/*END*/
}
.shok.default .navigation-2-plugin .neo-asset-inner > ul > li.k-state-active > a {
	color: #fff;
}
/***************/
/* neo sub nav */
/***************/ 

.shok.default .navigation-2-plugin ul ul > li {
	padding-top: 6px;
	padding-right: 11px;
	padding-bottom: 6px;
	padding-left: 11px;
	margin-right: 0px;
	margin-bottom: 0;
	background-color: #000;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Cabin', sans-serif;
	text-align: left;
	border-left-color: transparent;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: transparent;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: transparent;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.shok.default .navigation-2-plugin ul ul > li > a {
	color: rgb(255, 255, 255);
}
.shok.default .navigation-2-plugin ul ul > li.k-state-hover {
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Cabin', sans-serif;
	text-align: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #810001;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #810001;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #606060;
	border-top-style: solid;
	border-top-width: 1px;
	/*Ariel*/
	background: -webkit-linear-gradient(#303030, #373737);
	background: -moz-linear-gradient(#303030, #373737);
	background: linear-gradient(#303030, #373737);/*END*/
}
.shok.default .navigation-2-plugin ul ul > li.k-state-hover > a {
	color: rgb(255, 255, 255);
}
.shok.default .navigation-2-plugin ul ul > li.k-state-active {
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Cabin', sans-serif;
	text-align: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #810001;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #810001;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #606060;
	border-top-style: solid;
	border-top-width: 1px;
	/*Ariel*/
	background: -webkit-linear-gradient(#303030, #373737);
	background: -moz-linear-gradient(#303030, #373737);
	background: linear-gradient(#303030, #373737);/*END*/
}
.shok.default .navigation-2-plugin ul ul > li.k-state-active > a {
	color: #fff;
}
/****************/
/* END neo main nav */
/****************/


/*footer*/
.shok.default .footer-bg {
	background: #333333 url('assets/shok-bg-footer.jpg') repeat-x left top;
}
/* CONTACT */
/*header*/
.shok.default #FormHeading-id {
	display: none;
}
/* make content adaptive */
.shok.default div[id^='webcom-component-form'] > table > tbody > tr > td:first-child, .shok.default div[id^='webcom-component-form'] > table > tbody > tr > td:last-child, .shok.default div[id='preview_id_only'] > table > tbody > tr > td:first-child, .shok.default div[id='preview_id_only'] > table > tbody > tr > td:last-child {
	display: none;
}
.shok.default div[id^='webcom-component-form'] > table > tbody > tr > td, .shok.default div[id='preview_id_only'] > table > tbody > tr > td, .shok.default .web_com_custom_form .form-element-size-large[type="text"], .shok.default .web_com_custom_form table.form-element-size-large, .shok.default .web_com_custom_form textarea.form-element-size-large, .shok.default .web_com_custom_form select.form-element-size-large, .shok.default .web_com_custom_form table.personName-large {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
}
/* end content adaptive */

/* labels style */
.shok.default .web_com_custom_form label {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 0;
	color: #000;
}
/* spacing between rows */
.shok.default .web_com_custom_form .form-element-wrapper {
	padding: 0;
	margin-bottom: 5px;
}
/* end display in one row */
/* full width */
.shok.default .web_com_custom_form #email-id input, .shok.default .web_com_custom_form #phone-id input {
	width: 100% !important;
	min-width: 100% !important;
}
.shok.default .web_com_custom_form textarea {
	height: 130px;
	resize: none;
}
/*CUSTOM*/
/* first & last name */
.shok.default .web_com_custom_form .FirstName label, .shok.default .web_com_custom_form .LastName label {
	font-size: 12px !important;
}
.shok.default .web_com_custom_form input[type='text'], .shok.default .web_com_custom_form textarea {
	border: none;
	background: #cd2324;
}
.shok.default .web_com_custom_form input[type='submit'] {
	color: #fff;
	border-top: none;
	border-left: none;
	border-radius: 3px;
	background: -webkit-linear-gradient(#4c4c4c, #3b3b3b);
	background: -moz-linear-gradient(#4c4c4c, #3b3b3b);
	background: linear-gradient(#4c4c4c, #3b3b3b);
	font-size: 14px;
	font-family: 'Cabin', sans-serif;
	box-shadow: 1px 1px 1px #afafaf;
	padding: 2px 12px;
}
.shok.default .form-result-ok {
	color: #7d7d7d;
}