/*
Theme Name: Custom Theme
*/

html, body 											{ margin: 0; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; }
.wrap												{ width: 980px; margin: 0 auto; }
.clear 												{ clear: both; }
a 													{ color: #DF6332; text-decoration: none; }
a:hover 											{ color: #000; }
p, li												{ color: #333; font-size: 13px; }

div#head											{ background: url(img/head.png) right -10px bottom no-repeat #000; border-bottom: solid 1px #FFF; height: 180px; color: #FFF; position: relative; }
div#head div#logo 									{ width: 341px; height: 60px; background: url(img/sprites.png) 0 0 no-repeat; top: 60px; left: 20px; position: absolute; }
div#head div#logo a 								{ display: block; height: 60px; }
div#head div#helpline 								{ position: absolute; right: 100px; top: 20px; font-size: 18px; font-weight: 700; line-height: 35px; width: 270px; }
div#head div#helpline span 							{ color: #DF6332; }
div#head div.social 								{ position: absolute; right: 20px; top: 20px; }
div#head div#callback 								{ position: absolute; right: 20px; top: 75px; font-size: 18px; font-weight: bold; text-align: center; cursor: pointer; text-transform: uppercase; }
div#head div#callback a 							{ padding: 8px 20px; display: block; text-decoration: none; color: #DF6332; background: rgba(255,255,255,0.9); border-radius: 4px; }
div#head div#callback a:hover						{ background: #FFF; }
div#head div#nav 									{ position: absolute; right: 145px; bottom: 0; font-size: 16px; font-weight: 600; height: 38px; }
div#head div#nav ul 								{ list-style: none; margin: 0; padding: 0; }
div#head div#nav li 								{ display: block; float: left; }
div#head div#nav a									{ color: #828584; text-decoration: none; border-bottom: solid 3px #000; padding: 8px 15px 9px 15px; display: block; }
div#head div#nav li.current-menu-item a				{ color: #FFF; border-bottom: solid 3px #CCC; }
div#head div#nav li.current-menu-parent a 			{ color: #FFF; border-bottom: solid 3px #CCC; }
div#head div#nav a:hover 							{ color: #DF6332; }
div#head div#nav li:hover > ul.sub-menu				{ display: block !important; }
div#head div#nav li.menu-item-238 a 				{ width: 25px; height: 35px; padding: 0 15px; background: url(img/sprites.png) -181px -60px no-repeat; color: #000; text-indent: -1000px; }
div#head div#nav li.menu-item-238.current-menu-item a{ background-position: -129px -60px; }
div#head div#nav li.menu-item-238 a:hover			{ background-position: -129px -60px; }
div#head div#nav ul.sub-menu						{ display: none; background: #1B1A19; list-style: none; padding: 0; position: absolute; z-index: 100; width: 170px; }
div#head div#nav ul.sub-menu li:first-child a 		{ width: auto; background: none; }
div#head div#nav ul.sub-menu li 					{ float: none; }
div#head div#nav ul.sub-menu li a 					{ color: #FFF; border-left: solid 3px #1B1A19; border-bottom: none !important; padding: 8px 15px; line-height: 1.5em; font-size: 13px; }
div#head div#nav ul.sub-menu li a:hover 			{ border-color: #CCC; color: #DF6332; }
div#head div#nav ul.sub-menu li.current-menu-item a { border-left-color: #CCC; }
div#head div#nav li ul ul 							{ margin-left: 170px !important; margin-top: -35px !important; }

div.social 											{ width: 127px; height: 35px; background: url(img/sprites.png) 0 -60px no-repeat; }
div.social a 										{ display: block; width: 35px; height: 35px; float: left; margin-left: 10px; }
div.social a:nth-child(1) 							{ margin-left: 0px; }

div#hero 											{ background: url(img/hero.png) no-repeat; height: 358px; background-size: 100%; position: relative; }
div#hero div.tagline 								{ position: absolute; left: 0; top: 50px; background: #DF6332; color: #FFF; font-size: 24px; padding: 20px 70px 20px 20px; width: 360px; }
div#hero div.tagline a.more 						{ background: #1B1A19; color: #DF6332; font-weight: bold; font-size: 14px; text-align: center; padding: 5px 25px; position: absolute; right: 0; bottom: -23px; right: 5px; text-decoration: none; }
div#hero div.tagline a.more:hover 					{ color: #FFF; }
div#hero div.tagline div.sub 						{ background: #CCC; color: #333; font-weight: normal; font-weight: normal; font-size: 12px; text-align: left; padding: 10px 25px; position: absolute; right: 0; bottom: -64px; right: 100px; text-decoration: none; }
div#hero div.tagline p 								{ color: #FFF; }

div#features 										{ background: #1B1A19; height: 160px; padding: 20px 0; border-top: solid 1px #FFF; }
div#features div.feature 							{ width: 245px; height: 160px; box-sizing: border-box; border-right: solid 1px #DF6332; float: left; }
div#features div.feature:last-child 				{ border-right: 0; }
div#features div.feature a.image 					{ display: block; background: #FFF; width: 75px; height: 75px; margin: 15px auto; background: url(img/sprites.png) 0 -95px no-repeat; }
div#features div.feature a.label 					{ display: block; color: #FFF; font-size: 18px; font-weight: 600; text-align: center; text-decoration: none; }
div#features div.feature a.label:hover 				{ color: #DF6332; }
div#features div.feature:nth-child(2) a.image 		{ background-position: -75px -97px; }
div#features div.feature:nth-child(3) a.image 		{ background-position: -152px -97px; }
div#features div.feature:nth-child(4) a.image 		{ background-position: -228px -97px; }

div#home 											{ margin: 30px 0; }
div#home h1 										{ font-size: 38px; font-weight: 100; text-transform: uppercase; color: #DF6332; text-align: center; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: solid 1px #ccc; }
div#home img 										{ float: left; height: 253px; }
div#home div.column 								{ float: left; width: 325px; padding: 0 0 0 30px; }
div#home div.column h2 								{ font-size: 18px; font-weight: 600; color: #DF6332; margin: 0; padding-bottom: 15px; border-bottom: solid 1px #DF6332; }
div#home div.column p 								{ font-size: 15px; }
div#home div.column a.button						{ background: #DF6332; color: #FFF; font-weight: 700; font-size: 14px; padding: 7px 20px; margin-top: 10px; display: inline-block; }
div#home div.column a.button:hover 					{ cursor: pointer; background: #000; color: #DF6332; }
div#home div.column a.news 							{ color: #333; border-bottom: solid 1px #ccc; padding: 17px 0; margin: 0; display: block; font-weight: 700; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div#home div.column a.news:hover 					{ color: #DF6332; }
div#home div.column.left 							{ float: left; width: 621px; padding: 0; margin: 30px 0 0 0; }
div#home div.column.right 							{ float: right; width: 329px; padding: 0; margin: 30px 0 0 0; }
div#home div.column div.testimonials 				{ background: url(img/right-quote.png) no-repeat right 15px bottom 15px #DF6332; padding: 30px; margin-top: 15px; min-height: 187px; }
div#home div.column div.testimonials p 				{ color: #FFF; }

div#content 										{ margin-bottom: 30px; }
div#content div.head 								{ background: #DF6332; }
div#content h1 										{ color: #FFF; font-weight: 100; margin: 0; padding: 20px; font-size: 22px; line-height: 1em; float: left; }
div#content h2 										{ color: #DF6332; font-weight: 700; font-size: 28px; }
div#content h3 										{ color: #DF6332; font-weight: 600; font-size: 18px; }
div#content div.main 								{ float: left; padding: 10px 20px; width: 615px; min-height: 400px; }
div#content div.side 								{ float: right; width: 300px; border-left: solid 1px #DF6332; padding: 0 0 0 20px; }
div#content div.side h3 							{ font-size: 24px; font-weight: 700; text-transform: uppercase; margin: 20px 0; }

div.form 											{ background: #EEE; border: solid 1px #CCC; margin-top: 15px; padding: 15px; }
div.form input 										{ display: block; width: 100%; box-sizing: border-box; font-size: 14px; padding: 4px; margin-bottom: 10px; outline-width: 0; }
div.form input:focus 								{ border: solid 2px #DF6332; }
div.form button 									{ background: #DF6332; color: #FFF; font-weight: 700; font-size: 14px; padding: 7px 20px; display: inline-block; border: none; float: right; }
div.form button:hover 								{ cursor: pointer; background: #000; color: #DF6332; }
div.form label 										{ font-size: 13px; color: #666; }

div.cta 											{ background: #DF6332; padding: 20px; color: #FFF; text-align: left; font-size: 15px; line-height: 1.5em; margin: 50px 0 20px 0; }
div.cta strong 										{ color: #1B1A19; font-weight: 700; }
div.cta a 											{ color: #FFF; }

div.post 											{ border-bottom: solid 1px #CCC; padding: 0 0 15px 0; margin: 0 0 15px 0; }
div.post h3 										{ margin-bottom: 0; }
span.meta 											{ color: #666; font-size: 12px; display: block; margin: 5px 0; }

div#foot 											{ background: #1B1A19; font-size: 12px; color: #FFF; padding: 20px; border-top: solid 1px #FFF; position: relative; }
div#foot a 											{ color: #FFF; text-decoration: none; }
div#foot a:hover									{ color: #DF6332; }
div#foot div.social									{ position: absolute; top: 20px; right: 20px; }
div#foot div#login 									{ position: absolute; right: 20px; top: 67px; font-size: 13px; font-weight: bold; text-align: center; cursor: pointer; text-transform: uppercase; }
div#foot div#login a 								{ padding: 5px 10px; display: block; text-decoration: none; color: #DF6332; background: rgba(255,255,255,0.9); border-radius: 4px; }
div#foot div#login a:hover							{ background: #FFF; }
div#foot div.menu 									{ text-align: right; }

div.categories 										{ background: #EEE; border: solid 1px #CCC; }
div.categories li 									{ list-style: none; }
div.categories li a									{ padding: 10px; display: block; font-size: 13px; font-weight: bold; }
div.categories li a:hover 							{ background: #DF6332; color: #FFF; }
div.categories li ul 								{ margin: 0; padding: 0 0 0 30px; }

#breadcrumbs										{ list-style: none; margin: 10px 0; overflow: hidden; padding: 0 10px 0 0; float: right; color: #CCC; line-height: 42px; }
#breadcrumbs li 									{ float: left; margin-right: 15px; color: #FFF; }
#breadcrumbs a 										{ color: #FFF; text-decoration: underline; }
#breadcrumbs .separator								{ font-weight: 700; color: #CCC; }


.ctct-embed-signup input {width: 98%;padding: 4px;}
.ctct-embed-signup button {background: #DF6332 none repeat scroll 0% 0%; color: #FFF; font-weight: 700; font-size: 14px; padding: 7px 20px; display: inline-block; border: medium none; }
.ctct-embed-signup button:hover {cursor: pointer; background: #000 none repeat scroll 0% 0%; color: #DF6332;}


div#head div#signup 								{ position: relative; font-size: 18px; font-weight: bold; text-align: center; cursor: pointer; text-transform: uppercase; width 65px; float: right; margin-top:75px; margin-right: 210px;}
div#head div#signup a 							{ padding: 8px 20px; display: block; text-decoration: none; color: #DF6332; background: rgba(255,255,255,0.9); border-radius: 4px; }
div#head div#signup a:hover						{ background: #FFF; }