/*-----------------------------------------------------------------------------------*/
/*	TABLE OF CONTENTS
/*-----------------------------------------------------------------------------------*/

/* New - v1.0.1 */
/* Section 1. -- General & Global Styles - other type styles found in /css/framework.css */
/* Section 2. -- Helper Classes - quick classes for easy style modification */
/* Section 3. -- Header Styles - styles for main and sub headers */
/* Section 4. -- Navigation Styles - Styles for the nav menu, and the filter menu for the portfolio */
/* Section 5. -- Homepage Styles - all styling for the main homepage elements, and also ebor_carousel styling */
/* Section 6. -- Portfolio Styles - all styling for both portfolio and portfolio-alt */
/* Section 7. -- Blog Styles - all the styling for all 3 blog layouts, and also the blog single pages */
/* Section 8. -- Contact Styles - contact page styles, including map */
/* Section 9. -- Footer Styles - Styles for footer and subfooter */
/* Section 10. -- Revolution Slider Styles - Custom styling for revolution slider, default styling is in /css/settings.css */
/* Section 11. -- Isotope Styles - required styles for isotope, no need to modify */
/* Section 12. -- Tabs & Accordions Styles - styling for tabs, side tabs and accordions */
/* Section 13. -- Responsive Styles - Media queries */


/*-----------------------------------------------------------------------------------*/
/*	GENERAL & GLOBAL STYLES
/*-----------------------------------------------------------------------------------*/

body {
	font-family: "Franklin-Gothic-URW", sans-serif; font-weight: 300; overflow-x: hidden; line-height: 26px; font-size: 14px; color: #555; background: #fff;
}

h1, h2, h3, h4, h5, h6, a, .tp-caption a {
	color: #414141; font-weight: 300;
	font-family: "Franklin-Gothic-URW";
}

h1, h2, h3, a {
	font-weight: 500;
}

a {
	text-decoration: none;
}

a:hover, .tp-caption a:hover {
	color: #eee936;
}

a.dot{
	text-decoration:none;
	border-bottom:1px dotted #00abfe;
	color:#00abfe;
}
a.dot:hover{
	text-decoration:none;
	color:#38bdfe;
	border-bottom:none;
}
a.abril{
	font-size:12px;
	color:#00abfe;
	font-family:'abril-display', serif;
	font-weight:700;
	letter-spacing:2px;
}
a.abril:hover{
	font-size:12px;
	color:#38bdfe;
	font-family:'abril-display', serif;
	font-weight:700;
	letter-spacing:2px;
}
a.caslon{
	font-size:18px;
	color:#00abfe;
	font-family:'adobe-caslon-pro', serif;
	font-weight:700;
	letter-spacing:2px;
	font-style:italic;
}
a.caslon:hover{
	font-size:18px;
	color:#38bdfe;
	font-family:'adobe-caslon-pro', serif;
	font-weight:700;
	letter-spacing:2px;
}


a.dotsmall{
	text-decoration:none;
	border-bottom:1px dotted #00abfe;
	color:#f0d300;
	font-size:14px;
	font-weight:300;
	font-family: "soleil";
}

a.dotsmall:hover{
	text-decoration:none;
	color:#fff;
	border-bottom:none;
}
a.accordtitle{
	text-decoration:none;
	color:#414142;
	font-size:18px;
	font-weight:700;
	font-family: "franklin-gothic-urw", serif;
}

a.accordtitle:hover{
	text-decoration:none;
	color:#00abfe;
	border-bottom:none;
}
a.press{
	color:#00abfe;
	font-weight:700;
}
a.press:hover{
	color:#efefef;
}
a.presssmall{
	color:#777;
}
a.presssmall:hover{
	color:#efefef;
}
a.secondarylink{
	color:#414142;
	font-family: 'franklin-gothic-urw',sans-serif;
	font-weight:300;
	font-size:42px;
	letter-spacing:0px;
	margin-bottom:20px;
}
a.secondarylink:hover{
	color:#00abfe;
	font-family: 'franklin-gothic-urw',sans-serif;
	font-weight:300;
	font-size:42px;
	letter-spacing:0px;
	margin-bottom:20px;
}
p {
	margin-bottom: 25px;
}

.wrapper {
	margin: 0 auto; width: 960px; position: relative;
}

.wrap {
	position: relative;
}

strong {
	font-weight: 500;
}

em {
	font-style: italic;
}

section, footer {
	padding: 60px 0 45px;
}

.dark-wrapper {
	background: #f5f5f5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
}
nav ul li, a, .dark-wrapper .one_third div, .wrap .next, .wrap .prev, .circle-icons .icon-stack .icon-stack-base, .circle-icons .icon-stack .icon-light, .dark-wrapper .one_third div.light-wrapper h4, #latest-posts li div.cover, #btt, input, .pagination a.button, textarea, #load-more, #small-header, .side-icon i {
	-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;
}

img {
	vertical-align: bottom;
}

::selection {
    background: #f8de81; /* Safari */
    color: #555555;
}
::-moz-selection {
    background: #f8de81; /* Firefox */
    color: #555555;
}

hr {
	height: 1px; width: 35px; background: #c7c7c7; border: none; margin-bottom: 30px;
}

code {
	background: #f5f5f5; padding: 2px 8px; border-radius: 2px; border: 1px solid #e5e5e5; color: #00abfe; margin: 0 3px; font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px;
}

pre {
	margin-bottom:30px;
}

pre code {
	background: none; padding: 0; border: none; font-family: monospace; color: #414141;
}

.scroll-animate {
	opacity: 0; position: relative; top: 50px;
}

input, textarea, #load-more {
	width: 100%; background: none; border: 1px solid #e5e5e5; padding: 12px 15px; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; font-size: 14px;
}

input:focus, textarea:focus, input[type="submit"]:hover {
	border-color: #38bdfe;
}

input[type="submit"] {
	width: auto; cursor: pointer; color: #38bdfe;
}

input[type="submit"]:hover {
	color: #38bdfe;
}

textarea {
	min-height: 160px; resize: none; margin-bottom: 15px;
}

blockquote, pre, .tab-container div, .tab.active {
	margin-bottom: 25px; padding: 10px 20px; border: 1px solid #c7c7c7; box-shadow: 0 1px 1px #eaeaea; display: block;
}

blockquote p:last-child {
	margin-bottom: 0;
}

.button-light {
	color: #ffffff !important;
}

ol.numbered {
	list-style: decimal; margin: 0 0 25px 40px;
}

ul.unordered {
	list-style: square; margin: 0 0 25px 40px;
}

section {
	opacity: 0;
}

.section-revolution {
	opacity: 1;
}

#new-loader {
	position: fixed; bottom: 20%; margin-top: -12px; left: 0; right: 0; text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/*	END GENERAL & GLOBAL STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	HELPER CLASSES
/*-----------------------------------------------------------------------------------*/

.remove_bottom {
	margin-bottom: 0;
}

.remove_padding {
	padding: 0;
}

.centered {
	text-align: center;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-top-20 {
	padding-top: 20px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.meta {
	font-size: 12px; margin-top: -8px;
}

.light {
	font-weight: 300;
}

.heavy {
	font-weight: 500;
}

.break60 {
	height: 60px;
}

.break30 {
	height: 30px;
}

.relative {
	position: relative;
}

.alert, .example-column {
	background: #f5f5f5; border: 1px solid #e5e5e5; padding: 5px 10px; margin-bottom: 4%;
}

.alert i {
	float: right; cursor: pointer; font-size: 18px; padding-top: 4px;
}

.alert.danger {
	background: #ffe5e3; color: #d90f00; border-color: #f9bbb8;
}

.alert.warning {
	background: #fff6d6; color: #a26025; border-color: #f8d867;
}

.alert.success {
	background: #cef0cb; color: #698733; border-color: #91cc8c;
}

h4 .button {
	margin-left: 15px;
}

.row .span4 i {
	font-size: 24px; position: relative; top: 2px; margin-right: 10px;
}

.row .span4 {
	margin-bottom: 10px;
}

.text-align-right {
	text-align: right;
}

.parallax {
	background: url(../img/parallax2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 135px 0;
}

.parallax h2 {
	color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	END HELPER CLASSES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	HEADER STYLES
/*-----------------------------------------------------------------------------------*/

#small-header {
	background: #000; text-align: center; padding: 8px 0 8px; position: fixed; width: 100%; top: -54px; z-index: 999; cursor: pointer; border-bottom: 2px solid #fff;
}

#small-header.active {
	top: 0px;
}

#small-header i {
	position: absolute; top: 13px; left: 14px; color: #fff; font-size: 24px;
}

header {
	background: #000; border-bottom: 3px solid #000;
}

header .logo {
	padding-top: 0px;
}

.stripe .one_half.last p {
	text-align: right; position: relative; top: 10px;
}

.stripe .one_half.last p a {
	border-bottom: 1px dotted #b7b7b7;
}

.stripe {
	background-color:#cccccc;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 35px 0 10px;
}

.stripe:first-of-type {
	border-top: none;
}

.small-padding {
	padding: 35px 0 10px;
}

.stripe.dark {
	background: url(../img/stripedark.png) no-repeat center center;
	border: none;
}

.stripe .button {
	margin-left: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*	END HEADER STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	NAVIGATION STYLES
/*-----------------------------------------------------------------------------------*/

nav {
	height: 32px; float: right; font-size: 14px; letter-spacing: 0.1em; margin-top:5px;
}

nav > ul > li > a {
	position: relative; color:#efefef; font-family:"franklin-gothic-urw-comp"; font-size:14px; 
}

nav > ul > li > a > i {
	position: absolute; top: 50%; left: 0; right: 0; font-size: 22px; margin-top: -23px !important;
}

nav ul li ul i {
	display: none;
}

nav > ul > li {
	float: left; display: inline-block; border-left: 1px solid #000; text-align: center;
}

nav ul li:hover, nav ul li.active > a {
    color:#eee936;
}

nav ul li.active > a {
	color: #fff;
}

nav ul li a {
	height: 32px; display: inline-block; min-width:80px; padding: 5px 0 5px 0;
}

nav > ul > li:last-of-type {
	border-right: 1px solid #000;
}

nav ul li ul {
	display: none; position: absolute; z-index: 999999; border-top: 3px solid #00abfe; box-shadow:  0px 1px 1px 1px rgba(100, 100, 100, 0.1);
}

nav ul li ul li {
	display: block; min-width: 200px; height: auto; float: none; border-bottom: 1px solid #e5e5e5;
}

nav ul li ul li a {
	padding: 8px 15px; height: auto; background: #eee936; display: block; text-align: left; color: #414141 !important;
}

nav ul li ul li a:hover, nav ul li ul li.active > a {
	background: #fff; color: #eee936 !important;
}

nav ul li:hover > ul, nav ul li:hover > ul li:hover > ul {
	display: block;
}

nav ul li ul li ul {
	display: none; left: 70%; position: absolute; margin-top: -45px;
}

nav ul li ul li ul:before {
	position: absolute; content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #e5e5e5; top: 12px; left: -10px;
}

.side-menu {
	border-top: 3px solid #00abfe; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.side-menu li {
	width: 100%;
}

.side-menu li a {
	width: 100%; padding: 7px 15px; background: #f5f5f5; display: block; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;
}

.side-menu li:last-child a {
	border-bottom: 1px solid #c7c7c7;
}

.side-menu li.active a, .side-menu li a:hover {
	border-left: 3px solid #00abfe; background: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	END NAVIGATION STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	HOMEPAGE STYLES
/*-----------------------------------------------------------------------------------*/

.wrap {
	overflow: hidden; height: 550px;
}

.frame li {
	float: left; max-width: 960px; position: relative;
}

#slider li div, .rslides li div {
	position: absolute; bottom: 25px; left: 25px; padding: 20px; background: #00abfe; color: #fff; font-size: 20px; max-width: 350px; line-height: 32px; font-family: "Franklin-Gothic-URW"; font-weight:400;
}

#slider li div.right, .rslides li div.right {
	left: auto; right: 25px;
}

.wrap i {
	font-size: 50px; color: #414141; position: relative; top: 45%;
}

.wrap .next i {
	left: 25px;
}

.wrap .prev i {
	left: -25px;
}

.wrap .next {
	position: absolute; top: 0; right: -60px; height: 550px; background: rgba(255,255,255,0.85); width: 110px; cursor: pointer;
}

.wrap .prev {
	position: absolute; top: 0; left: -60px; height: 550px; background: rgba(255,255,255,0.85); width: 110px; text-align: right; cursor: pointer;
}

.wrap:hover .next {
	right: 0;
}

.wrap:hover .prev {
	left: 0;
}

#testimonials, #slider, #latest-projects, #latest-posts, #parallax-testimonials {
	cursor: move;
}

#testimonials li, #parallax-testimonials li {
	width: 960px; float: left;
}

.dark-wrapper .one_third div.light-wrapper {
	background: #f5f5f5; padding: 0px; border-bottom: 3px solid #e5e5e5; border-top:5px solid #000; text-align: center;
}

.one_third_section {
	padding:30px 30px 20px 30px;
}

.dark-wrapper .one_third div.light-wrapper h4 {
	border-bottom: 2px solid #e5e5e5; padding-bottom: 25px;
}

.dark-wrapper .one_third div.light-wrapper h4 small {
	display: block;
}

.dark-wrapper .one_third:hover div.light-wrapper, .dark-wrapper .one_third:hover div.light-wrapper h4 {
	border-bottom-color: #00abfe; border-top-color: #00abfe; 
}

#latest-projects li, #latest-posts li {
	float: left; position: relative; overflow: hidden;
}

#latest-projects li div.cover, #latest-posts li div.cover  {
	position: absolute; bottom: 0; left: 0; display: none; background: rgba(231,76,60,0.85);
}

#latest-projects .cover, #latest-posts .cover {
	background: #000; height: 320px; width: 320px; padding: 25px;
}

#latest-posts li div.cover {
	height: 50%; display: block; bottom: -50%;
}

#latest-posts li:hover div.cover {
	bottom: 0;
}

#latest-projects .cover *, #latest-posts .cover * {
	 color: #fff;
}

.circle-icons {
	text-align: center; height: 100px; overflow: hidden; margin-bottom: 15px;
}

.circle-icons .icon-stack {
	position: static; width: auto; height: auto; display: block; line-height: 0; vertical-align: top;
}

.circle-icons .icon-stack .icon-stack-base {
	font-size: 110px; color: #fff; text-shadow: 0px 3px 0px #e5e5e5;
}

.circle-icons .icon-stack .icon-light {
	font-size: 45px; line-height: 76px; color: #00abfe;
}

.dark-wrapper .one_third:hover .circle-icons .icon-stack .icon-stack-base {
	color: #00abfe; text-shadow: 0px 3px 0px #c0392b;
}

.dark-wrapper .one_third:hover .circle-icons .icon-stack .icon-light {
	color: #fff;
}

.side-icon {
	margin-bottom: 35px;
}

.side-icon i {
	float: left; font-size: 30px; width: 70px; border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; height: 70px; line-height: 65px;
}

.side-icon h4 {
	text-align: left; margin-bottom: 0; overflow: hidden; padding-left: 15px; padding-bottom: 15px !important; position: relative; top: 8px;
}

.dark-wrapper .one_third:hover .side-icon i {
	border-color: #00abfe;
}

/*-----------------------------------------------------------------------------------*/
/*	END HOMEPAGE STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	BLOG STYLES
/*-----------------------------------------------------------------------------------*/

.post {
	margin-bottom: 60px;
}

.blog-single .post {
	margin-bottom: 35px;
}

a.image {
	position: relative; overflow: hidden; display: block;
}

a.image:hover {
	border-color: #00abfe;
}

a.image div {
	position: absolute; width: 100%; height: 100%; background: rgba(231,76,60,0.85); display: none; text-align: center;
}

a.image div i, .isotope-alt-image div i {
	color: #fff; position: absolute; top: 50%; margin-top: -14px; left: 0; right: 0; font-size: 30px;
}

.pagination a.button {
	padding: 10px 18px; margin-right: 3px;
}

.pagination a.button.active, .pagination a.button:hover, #filters a.active, #filters a:hover {
	background: #00abfe; color: #fff; border-color: #c0392b; box-shadow: 0 2px 2px #eaeaea;
}

.dark-wrapper .blog-feed .post, .dark-wrapper .sidebar .widget, .dark-wrapper .comments, .dark-wrapper .dark-wrapper-boxed {
	background: #fff; padding: 30px; border: 1px solid #e5e5e5; border-bottom: 3px solid #e5e5e5;
}

.dark-wrapper .blog-feed .post {
	padding: 30px 30px 10px; margin-bottom: 35px;
}

.dark-wrapper .sidebar .widget {
	margin-bottom: 35px;
}

.widget {
	margin-bottom: 65px; position: relative;
}

.widget:after {
	content: ''; position: absolute; bottom: -35px; left: 0; height: 1px; width: 35px; background: #e5e5e5;
}

.dark-wrapper .sidebar .widget:after {
	display: none;
}

.categories-widget ul {
	margin-left: 20px !important;
}

.categories-widget a {
	font-weight: 300;
}

.blog-small a.image {
	max-width: 230px; float: left; margin-right: 30px;
}

.blog-small .post .content {
	overflow: hidden;
}

.blog-feed.twocol .post {
	width: 48%; margin-right: 4%; float: left; margin-bottom: 25px;
}

.blog-feed.threecol .post {
	width: 30.66%; margin-right: 4%; float: left; margin-bottom: 25px;
}

.blog-feed.twocol .post.last, .blog-feed.threecol .post.last {
	margin-right: 0;
}

.dark-wrapper .blog-feed.twocol .post, .dark-wrapper .blog-feed.threecol .post {
	margin-bottom: 35px;
}

/*-----------------------------------------------------------------------------------*/
/*	END BLOG STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	POST STYLES
/*-----------------------------------------------------------------------------------*/

#comment-title {
	margin-bottom: 40px;
}

.dark-wrapper #comment-title {
	margin-bottom: 30px;
}

.comments input {
	margin-bottom: 10px; max-width: 500px; clear: left; display: block;
}

.avatar {
	padding: 5px; border: 1px solid #c7c7c7; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; float: left; margin-right: 25px; position: relative;
}

.comment-content {
	overflow: hidden; margin-bottom: 30px;
}

#comments li ul {
	padding-left: 105px;
}

/*-----------------------------------------------------------------------------------*/
/*	END POST STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO STYLES
/*-----------------------------------------------------------------------------------*/

.portfolio-grid li {
	float: left; width: 30.66%; margin-right: 4%; margin-bottom: 4%; position: relative; overflow: hidden;
}

.portfolio-grid li img, .portfolio-grid-alt li img {
	width: 100%;
}

.portfolio-grid li.third {
	margin-right: 0;
}

.portfolio-grid li div, .portfolio-grid-alt li div, .related-portfolio div, .portfolio-isotope.hovers li div, .isotope-alt-image div {
	position: absolute; bottom: 0; left: 0; display: none; background: rgba(231,76,60,0.85); width: 100%; height: 100%; padding: 30px; color: #fff;
}

.portfolio-grid h3, .portfolio-grid h5, .portfolio-grid-alt h3, .portfolio-grid-alt h5, .related-portfolio h3, .related-portfolio h5, .portfolio-isotope.hovers h3, .portfolio-isotope.hovers h5 {
	color: #fff;
}

#load-more {
	width: 100%; text-align: center; font-size: 24px; cursor: pointer; background: #fff;
}

#load-more:hover {
	border-color: #c7c7c7;
}

.portfolio-grid-alt li {
	float: left; width: 25%; position: relative; overflow: hidden;
}

.related-portfolio {
	position: relative; overflow: hidden;
}

.portfolio-isotope li {
	float: left; overflow: hidden; width: 33.3%; position: relative;
}

.portfolio-isotope.text li {
	margin-bottom: 30px; padding-right: 25px;
}

#filters a.button {
	text-shadow: none; margin-bottom: 12px !important; 
}

.isotope-alt-details {
	margin-top: 15px; background: #111; text-align:center;
}

.portfolio-isotope.text {
	width: 995px;
}

.dark-wrapper .isotope-alt-details {
	padding: 25px 30px 5px; margin-top: 0;
}

.isotope-alt-details .meta {
	position: relative; margin-bottom: 35px;
}

.isotope-alt-details .meta:after {
	position: absolute; content: '';  bottom: -17px; width: 35px; left: 0; background: #e5e5e5;
}

.isotope-alt-details.blog .meta {
	margin-bottom: 20px;
}

.isotope-alt-details.blog .meta:after {
	display: none;
}

.isotope-alt-image {
	position: relative; display: block; overflow: hidden; text-align: center;
}

.isotope-alt-image img {
	width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	END PORTFOLIO STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	FOOTER STYLES
/*-----------------------------------------------------------------------------------*/

footer {
	background: #000; border-bottom: 1px solid #555; color: #777; line-height:20px;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer a, footer p a, .subfooter a, footer i {
	color: #777;
}

footer h1 a:hover, footer h2 a:hover, footer h3 a:hover, footer h4 a:hover, footer h5 a:hover, footer h6 a:hover, footer a:hover, footer p a:hover, .subfooter a:hover {
	color: #00abfe;
}

footer i {
	font-size: 22px; margin-right: 10px; position: relative; top: 2px;
}

.subfooter {
	background-color:#000; padding: 40px 0 20px 0; border: none; color: #777;
}

#btt {
	position: absolute; top: -40px; right: 0; background: #00abfe; color: #fff; display: block; padding: 15px 20px; font-size: 18px; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
}

#btt:hover {
	padding-top: 40px;
}

.latest-post, footer h4 {
	position: relative; margin-bottom: 40px;
}

.latest-post:after, footer h4:after {
	content: ''; position: absolute; bottom: -20px; left: 0; height: 1px; width: 35px; background: #666;
}

.latest-post img {
	float: left; max-width: 50px; margin-right: 15px;
}

.latest-post p {
	overflow: hidden;
}

.sidebar .latest-post:after {
	background: #e5e5e5;
}

.sidebar .latest-post.last, .sidebar .latest-post.last p {
	margin-bottom: 0;
}

.sidebar .latest-post.last:after {
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	END FOOTER STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	GALLERY STYLES
/*-----------------------------------------------------------------------------------*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: -30px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.rslides_tabs {
	text-align: center; position: relative; top: 0px;	z-index: 999;
}

.rslides_tabs li {
	display: inline-block; margin: 0 3px;
}

.rslides_tabs li a {
	 text-indent: -9999px; width: 50px; height: 5px; background: rgba(255,255,255,0.5); display: inline-block; border: none;
}

.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover {
	background: #fff;
}

.bannercontainer{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:950px !important;
	overflow:hidden;
}

.revolution ul {
    visibility: hidden;
    margin: 0;
    list-style: none;
}

.tp-caption, .tp-caption a.button {
	font-weight: 500;
}
.tp-caption.white {
    color: #FFF
}
.tp-caption.big {
	font-size: 56px; line-height: 1.1; color:#fff; font-weight:700;
}
.tp-caption.small {
    font-size: 20px;
    line-height: 1 !important;
    font-weight: 500;
    margin-bottom: 25px;
}
.tp-caption.white-bg {
    background: #FFF;
    color: #FFF;
    padding: 10px 15px;
}
.tp-caption.dark-bg {
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 10px 15px;
}
.tp-caption.boxshadow {
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.tp-caption span {
	font-weight: 500;
}
.tp-caption h3, .tp-caption h2 {
	line-height: 1.1;
}

/*-----------------------------------------------------------------------------------*/
/*	END GALLERY STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	CONTACT PAGE STYLES
/*-----------------------------------------------------------------------------------*/

.video-container.map {
	padding-bottom: 35%;
}

#contactform input {
	margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	END CONTACT PAGE STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	PRICING TABLE STYLES
/*-----------------------------------------------------------------------------------*/

.pricing-table {
	text-align: center; border: 1px solid #c7c7c7; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; background: #fff;
}

.pricing-table .header {
	margin: 0; padding: 14px 0;
}

.pricing-table .price.button {
	width: 100%; display: block; padding: 8px 0; font-size: 18px; font-weight: 500; border-radius: 0; margin: 0;
}

.pricing-table li {
	padding: 10px 0;
}

.pricing-table li:nth-of-type(odd){
	background: #f5f5f5;
}

.pricing-table li:nth-of-type(even){
	border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
}

.pricing-table li:last-of-type {
	border-bottom: 1px solid #e5e5e5;
}

.pricing-table .button {
	margin: 15px 0 17px;
}

.pricing-table span.button {
	cursor: auto;
}
/*-----------------------------------------------------------------------------------*/
/*	END PRICING TABLE STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	TABS STYLES
/*-----------------------------------------------------------------------------------*/

.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; background: #f5f5f5; border: solid 1px #c7c7c7; border-bottom: none; }
.tab a { font-size: 12px; display: block; padding: 0 10px; outline: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; border-bottom: none; }
.tab.active { padding: 0; padding-top: 1px; position: relative; top: 1px; display: inline-block; background: #fff; margin: 0; box-shadow: none; border-bottom: none; }
.tab-container div {
	padding: 25px 25px 30px;
}
.tab-container div p:last-child {
	margin-bottom: 0;
}

dl.accordion {
	margin-bottom: 30px;
}

dl.accordion dt, dl.accordion dd {
	margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; display: block;
}

dl.accordion dd {
	padding: 20px; margin-bottom: 25px; display: none;
}

dl.accordion dd p:last-child {
	margin-bottom: 0;
}

dl.accordion dt.active {
	border-bottom: none;
}

dl.accordion dt a {
	padding: 10px 20px; display: block;
}

dl.accordion dt.active a {
	color: #00abfe;
}

/*-----------------------------------------------------------------------------------*/
/*	END TABS STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	SKILL BARS STYLES
/*-----------------------------------------------------------------------------------*/

.skill-bar {
	background: #f5f5f5; position: relative; height: 48px; margin-bottom: 10px; border: 1px solid #c7c7c7; box-shadow: 0 1px 1px #eaeaea;
}

.skill-bar span {
	position: absolute; padding: 10px 15px; background: #00abfe; color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	END SKILL BARS STYLES
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 1180px) {

	.wrapper { 
		width:1180px; position:relative;
	}
	
	.frame li {
		float: left; max-width: 1180px;
	}
	
	#testimonials li, #parallax-testimonials li {
		width: 1180px;
	}
	
	.portfolio-isotope.text {
		width: 1215px;
	}
	
}

@media only screen and (max-width: 1180px) {}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {}

/* Standard 960 or Smaller (browsers) */
@media only screen and (max-width: 959px) {

	#selectnav { display: none; }
	.selectnav { display: block; }
	.portfolio-isotope li {
		width: 49.8%;
	}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.wrapper { 
		width:768px; position:relative;
	}
	
	.frame li, #testimonials li, #parallax-testimonials li {
		float: left; max-width: 768px;
	}
	
	nav ul li a {
		min-width: 80px;
	}
	
	.portfolio-grid-alt li {
		width: 33.3%;
	}
	
	.selectnav {
		position: relative; top: 50px;
	}
	
	.portfolio-isotope.text {
		width: 803px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	.wrapper { width:479px; margin: 0 auto; position:relative; }
	
	.one_half, .one_third, .two_thirds, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .three_fourths { width: 100%; }
	
	.frame li, #testimonials li, #parallax-testimonials li {
		float: left; max-width: 479px;
	}
	
	.frame li div, .rslides li div {
		display: none;
	}
	
	.wrap .next, .wrap .prev {
		display: none;
	}
	
	.stripe .one_half.last {
		display: none;
	}
	
	.blog-small .post .content {
		clear: left;
	}
	
	#comments li ul {
		padding-left: 0px;
	}
	
	.portfolio-grid li {
		width: 50%;
	}
	
	.portfolio-grid li.third, .portfolio-grid li.second, .portfolio-grid li.first {
		margin-right: 0; margin-bottom: 0;
	}
	
	.blog-feed.threecol .post, .blog-feed.twocol .post {
		width: 100%; margin-right: 0;
	}
	
	.portfolio-grid-alt li {
		width: 50%;
	}
	
	.break60 {
		display: none;
	}
	
	header {
		text-align: center;
	}
	
	nav {
		float: none; height: 60px; padding-bottom: 30px;
	}
	
	.selectnav {
		margin: 25px auto;
	}
	
	.portfolio-isotope.text {
		width: 509px;
	}
	
	.parallax {
		padding: 80px 0;
	}
	
	.parallax h2 {
		font-size: 26px;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.wrapper { width:300px; margin: 0 auto; position:relative; }
	
	.frame li, #testimonials li, #parallax-testimonials li {
		float: left; max-width: 300px;
	}
	
	.portfolio-grid li, .portfolio-grid-alt li, .portfolio-isotope li {
		width: 100%;
	}
	
	.portfolio-isotope.text {
		width: 325px;
	}
	
}

/*-----------------------------------------------------------------------------------*/
/*	END RESPONSIVE STYLING
/*-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	ADDITIONS
/*-----------------------------------------------------------------------------------*/

.gfstatement{
font-family: "adobe-caslon-pro",serif;
font-style: italic;
font-weight: 400;
font-size:62px;
color:#edeae8;
letter-spacing:5px;
}

.frank{
font-family: "franklin-gothic-urw-comp",sans-serif;
font-style: normal;
font-weight: 700;
font-size:36px;
color:#000;
}

.caslon{
font-family: "adobe-caslon-pro",serif;
font-style: normal;
font-weight: 400;
font-size:16px;
}

.caslon2{
font-family: "adobe-caslon-pro",serif;
font-style: normal;
font-weight: 700;
font-size:26px;
}

.grsocial{
	padding:20px 0 0 0;
}

.pictext{
	
}

.plax{
	font-family: "adobe-caslon-pro", serif;
    font-style: normal;
	font-weight: 400;
	font-size:52px;
	color:#fff;	padding: 20px 0 20px 0;
	line-height:52px;
}
.grsocial{
	padding: 0 5px 5px 0;
}
.grsocial_sides{
	padding: 0 10px 0 0;
	float:right;
	margin-bottom:10px;
	margin-top:10px;
}
.grsocialbottom{
	padding: 0 5px 0 0;
}
.grsocial_sidesbottom{
	padding: 0 10px 0 0;
	float:left;
	margin-bottom:0px;
	margin-top:10px;
}
.socks_title{
	letter-spacing:5px;
	font-size:22px;
	font-family:"franklin-gothic-urw-comp", sans-serif;
	font-style: normal;
	font-weight: 500;
    color:#fff;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #555;
}
.newspic{
	margin-bottom:20px;
}
.news_title{
	font-size:20px;
	font-family:"franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 300;
    color:#000;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #555;
}
.lil{
	line-height:2px;
}
.projsocks_title{
	letter-spacing:5px;
	font-size:22px;
	font-family:"franklin-gothic-urw-comp", sans-serif;
	font-style: normal;
	font-weight: 500;
    color:#fff;
	padding-bottom:10px;
	border-bottom:1px dotted #414142;
	margin-bottom:20px;
}

.secondary{
	letter-spacing:5px;
	font-size:26px;
	padding:0 0 30px 0;
	text-align:left;
	font-family: "franklin-gothic-urw-comp", sans-serif;
    font-style: normal;
    font-weight: 700;
    color:#000;
}

.callout{
	font-family: 'abril-display'; serif;
	font-weight:500;
	font-size:22px;
	line-height:31px;
	color:#414142;
	border-top: 1px dotted #414142;
	border-bottom: 1px dotted #414142;
	padding:20px 0 20px 0;
	margin-bottom: 20px;
}

.callout2{
	font-family: 'adobe-caslon-pro'; serif;
	font-weight:500;
	font-size:45px;
	line-height:31px;
	color:#edeae8;
	padding:20px 0 20px 0;
	margin-bottom: 20px;
	text-align:center;
}

.callout3{
	font-family: 'adobe-caslon-pro'; serif;
	font-weight:400;
	font-size:32px;
	line-height:32px;
	padding:20px 0 10px 0;
	margin-bottom: 0px;
	text-align:left;
	color:#414142;
	font-style:italic;
}

.proj_details{
	font-size:20px;
	padding:0 0 10px 0;
	text-align:left;
	font-family: "franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
    color:#414142;
}

.stbox{
	padding:5px 0 0 0;
}
.projbox_main{
	margin-bottom:20px;
	max-height:450px;
}
.ebox{
	padding: 0 0 0 0;
}
.accordtitle{
	font-family: "franklin-gothic-urw", sans-serif;
	font-weight:700;
	color:#000;
	font-size:24px;
}
.accordtitle2{
	font-family: "franklin-gothic-urw", sans-serif;
	font-weight:700;
	color:#00abfe;
	font-size:18px;
}
.textwrap{
	float:right;
	padding: 3px;
	border: 1px dotted #414142;
	margin: 0 0 15px 15px;
}
.textwrap2{
	float:left;
	padding: 3px;
	margin: 0 15px 5px 0;
}
.grfbio{
	font-family: "franklin-gothic-urw", sans-serif;
	font-weight:700;
	color:#000;
	font-size:22px;
	margin-bottom:10px;
	margin-top:30px;
	color:#FFF;
}
.grfbio2{
	font-family: "franklin-gothic-urw", sans-serif;
	font-weight:500;
	color:#000;
	font-size:16px;
	margin-bottom:10px;
	color:#fff;
}
.grfbiography{
	padding:0 30px 0 0;
	color:#777;
}
.grfbiography2{
	padding:0 0 0 30px;
	color:#777;
}
.biomail{
	padding-top:10px;
}
.biomail_left{
	float:left;
	padding: 0 20px 0 0;
}
.biomail_right{
	float:left;
	border-left:1px dotted #414142;
	padding: 0 20px 5px 20px;
}
.sbar{
	background-color:#333;
}
.mlist{
	width:100%;
}
.grfnav{
	background-color:#333;
	text-align:left;
	width:600px;
}
.grfnav_inner{
	background-color:#222;
	float:left;
}
.press_reviews {
	color:#777;
	margin-bottom:20px;
}
.press_reviews_header {
	font-family: 'franklin-gothic-urw', sans-serif;
	font-weight:700;
	font-style:normal;
	color:#fff;
	font-size:18px;
	line-height:22px;
}
.projvidbox{
	margin-bottom:20px;
}
.projvidbox_inner{
	margin-top:10px;
	background-color:#ccc;
}
.projtagline{
	background-color:#edeae8;
	border:none;
	padding:20px;
	font-style:italic;
	color:#414142;
	font-size:18px;
	text-align:center;
	font-family: 'abril-display', serif;
	margin-bottom:30px;
	border-bottom:5px solid #f2a311;
	border-top:5px solid #f2a311;
}
.emailbar{
	width:100%;
	background-color:#edeae8;
	border-top:3px solid #ccc;
}
.socright{
	height:50px;
	width:50%
}
.socleft{
	height:50px;
	width:50%;
}
.number{
	padding:15px 5px 15px 8px;
	background-color:#414142;
	color:#fff;
	width:50px;
	height:50px;
	font-size:22px;
	text-align:center;
	font-family: 'franklin-gothic-urw', sans-serif;
	font-weight:300;
}
.bottomImage { position: absolute; bottom: 0; }
.theboxhost{
	padding: 10px 0 0 0;
}
#map {
    width: 100%    !important;
  height: auto   !important;
    }
.wewant{
	color:#414142;
	font-family: 'adobe-caslon-pro', sans-serif;
	font-weight:300;
	font-style:italic;
	font-size:42px;
	line-height:40px;
	padding-bottom:20px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.itunesbox{
	padding-top:20px;
}
.cs
{
	font-family:'franklin-gothic-urw';
	font-style:italic;
}