/*-------------------------------------------------- SOCIAL-BOOKMARKS ---------------------------------------------------*/
@font-face { font-family: 'fontello'; src: url("../font/fontello.eot?3546776"); src: url("../font/fontello.eot?3546776#iefix") format("embedded-opentype"), url("../font/fontello.woff?3546776") format("woff"), url("../font/fontello.ttf?3546776") format("truetype"), url("../font/fontello.svg?3546776#social") format("svg"); font-weight: normal; font-style: normal; }

[class^="social-"]:before, [class*=" social-"]:before { font-family: "fontello"; font-size: 16px; line-height: 35px; font-style: normal; font-weight: normal; speak: none; font-variant: normal; text-transform: none; float: left; text-align: center; width: 35px; color: #999; -moz-transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; border: 1px solid #ccc; }

[class^="social-"]:hover:before, [class*=" social-"]:hover:before { color: #fff; border: none; }

.social-bookmarks { padding: 0; margin: 0; list-style-type: none; }

.section-title .social-bookmarks { float: right; }

.social-bookmarks li, .widget .social-bookmarks li { display: inline-block; height: 100%; padding: 0; margin: 0 5px 5px 0; -moz-transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; }

.social-bookmarks li a { height: 100%; margin: 0; padding: 0; z-index: 2; display: inline-block; }

.rounded [class^="social-"]:before, .rounded [class*=" social-"]:before { border-radius: 20px 20px 20px 20px; }

.rectangle [class^="social-"]:before, .rectangle [class*=" social-"]:before { border-radius: 3px 3px 3px 3px; }

.social-bookmarks.transparent [class^="social-"]:before { border: none; }

.color [class^="social-"]:before, .color [class*=" social-"]:before { border: 1px solid #f5f5f5; background-color: #f5f5f5; }

.social-acrobat:before { content: '\e832'; }

.social-acrobat:hover:before { background-color: #ff0000; border: 1px solid #ff0000; }

.social-aim:before { content: '\e803'; }

.social-aim:hover:before { background-color: #e95a00; border: 1px solid #e95a00; }

.social-amazon:before { content: '\e833'; }

.social-amazon:hover:before { background-color: #f79b34; border: 1px solid #f79b34; }

.social-appstore:before { content: '\e814'; }

.social-appstore:hover:before { background-color: #76797c; border: 1px solid #76797c; }

.social-blogger:before { content: '\e813'; }

.social-blogger:hover:before { background-color: #fb913f; border: 1px solid #fb913f; }

.social-box:before { content: '\e801'; }

.social-box:hover:before { background-color: #74b1e1; border: 1px solid #74b1e1; }

.social-cloudapp:before { content: '\e831'; }

.social-cloudapp:hover:before { background-color: #2c2c2c; border: 1px solid #2c2c2c; }

.social-delicious:before { content: '\e804'; }

.social-delicious:hover:before { background-color: #3274d1; border: 1px solid #3274d1; }

.social-deviantart:before { content: '\f316'; }

.social-deviantart:hover:before { background-color: #d0de21; border: 1px solid #d0de21; }

.social-diigo:before { content: '\e802'; }

.social-diigo:hover:before { background-color: #2e8fdd; border: 1px solid #2e8fdd; }

.social-digg:before { content: '\e817'; }

.social-digg:hover:before { background-color: #2882c6; border: 1px solid #2882c6; }

.social-dribbble:before { content: '\e812'; }

.social-dribbble:hover:before { background-color: #ef5b92; border: 1px solid #ef5b92; }

.social-dropbox:before { content: '\e830'; }

.social-dropbox:hover:before { background-color: #1e89da; border: 1px solid #1e89da; }

.social-drupal:before { content: '\e82c'; }

.social-drupal:hover:before { background-color: #0073ba; border: 1px solid #0073ba; }

.social-email:before { content: '\e82d'; }

.social-email:hover:before { background-color: #f96e5b; border: 1px solid #f96e5b; }

.social-evernote:before { content: '\e811'; }

.social-evernote:hover:before { background-color: #77ba2f; border: 1px solid #77ba2f; }

.social-facebook:before { content: '\e829'; }

.social-facebook:hover:before { background-color: #3b5998; border: 1px solid #3b5998; }

.social-flickr:before { content: '\e80f'; }

.social-flickr:hover:before { background-color: #f1628b; border: 1px solid #f1628b; }

.social-foursquare:before { content: '\e80d'; }

.social-foursquare:hover:before { background-color: #3fa1d2; border: 1px solid #3fa1d2; }

.social-forrst:before { content: '\e818'; }

.social-forrst:hover:before { background-color: #5b9a68; border: 1px solid #5b9a68; }

.social-friendfeed:before { content: '\e800'; }

.social-friendfeed:hover:before { background-color: #4983cd; border: 1px solid #4983cd; }

.social-github:before { content: '\e828'; }

.social-github:hover:before { background-color: #7292a2; border: 1px solid #7292a2; }

.social-github-circled:before { content: '\e827'; }

.social-github-circled:hover:before { background-color: #7292a2; border: 1px solid #7292a2; }

.social-gmail:before { content: '\e80a'; }

.social-gmail:hover:before { background-color: #d90909; border: 1px solid #d90909; }

.social-gplus:before { content: '\e807'; }

.social-gplus:hover:before { background-color: #dd4b39; border: 1px solid #dd4b39; }

.social-google:before { content: '\e810'; }

.social-google:hover:before { background-color: #3089c3; border: 1px solid #3089c3; }

.social-gowalla:before { content: '\e815'; }

.social-gowalla:hover:before { background-color: #ff920d; border: 1px solid #ff920d; }

.social-grooveshark:before { content: '\e819'; }

.social-grooveshark:hover:before { background-color: #f88e00; border: 1px solid #f88e00; }

.social-html5:before { content: '\e80e'; }

.social-html5:hover:before { background-color: #f3642c; border: 1px solid #f3642c; }

.social-instagram:before { content: '\f31f'; }

.social-instagram:hover:before { background-color: #fb913f; border: 1px solid #fb913f; }

.social-lanyrd:before { content: '\e809'; }

.social-lanyrd:hover:before { background-color: #074a68; border: 1px solid #074a68; }

.social-lastfm:before { content: '\e825'; }

.social-lastfm:hover:before { background-color: #d21309; border: 1px solid #d21309; }

.social-linkedin:before { content: '\e81a'; }

.social-linkedin:hover:before { background-color: #71b2d0; border: 1px solid #71b2d0; }

.social-meetup:before { content: '\e82f'; }

.social-meetup:hover:before { background-color: #E51937; border: 1px solid #E51937; }

.social-myspace:before { content: '\e821'; }

.social-myspace:hover:before { background-color: #003398; border: 1px solid #003398; }

.social-paypal:before { content: '\e805'; }

.social-paypal:hover:before { background-color: #32689a; border: 1px solid #32689a; }

.social-picasa:before { content: '\f31c'; }

.social-picasa:hover:before { background-color: #444; border: 1px solid #444; }

.social-pinterest:before { content: '\e80b'; }

.social-pinterest:hover:before { background-color: #cb2027; border: 1px solid #cb2027; }

.social-plurk:before { content: '\e826'; }

.social-plurk:hover:before { background-color: #f35b36; border: 1px solid #f35b36; }

.social-posterous:before { content: '\e82a'; }

.social-posterous:hover:before { background-color: #f9d560; border: 1px solid #f9d560; }

.social-reddit:before { content: '\e816'; }

.social-reddit:hover:before { background-color: #bfd0e2; border: 1px solid #bfd0e2; }

.social-rss:before { content: '\e81b'; }

.social-rss:hover:before { background-color: #fe9900; border: 1px solid #fe9900; }

.social-skype:before { content: '\e81c'; }

.social-skype:hover:before { background-color: #18b7f1; border: 1px solid #18b7f1; }

.social-smashmag:before { content: '\e806'; }

.social-smashmag:hover:before { background-color: #ef4c36; border: 1px solid #ef4c36; }

.social-soundcloud:before { content: '\e824'; }

.social-soundcloud:hover:before { background-color: #FF3300; border: 1px solid #FF3300; }

.social-spotify:before { content: '\e835'; }

.social-spotify:hover:before { background-color: #ef4c36; border: 1px solid #ef4c36; }

.social-steam:before { content: '\e82e'; }

.social-steam:hover:before { background-color: #333; border: 1px solid #333; }

.social-stumbleupon:before { content: '\e02a'; }

.social-stumbleupon:hover:before { background-color: #eb4924; border: 1px solid #eb4924; }

.social-tumblr:before { content: '\e823'; }

.social-tumblr:hover:before { background-color: #3a5976; border: 1px solid #3a5976; }

.social-twitter:before { content: '\e81d'; }

.social-twitter:hover:before { background-color: #48c4d2; border: 1px solid #48c4d2; }

.social-vimeo:before { content: '\e81f'; }

.social-vimeo:hover:before { background-color: #62a0ad; border: 1px solid #62a0ad; }

.social-w3c:before { content: '\e80c'; }

.social-w3c:hover:before { background-color: #005a9c; border: 1px solid #005a9c; }

.social-wikipedia:before { content: '\e808'; }

.social-wikipedia:hover:before { background-color: #464646; border: 1px solid #464646; }

.social-wordpress:before { content: '\e82b'; }

.social-wordpress:hover:before { background-color: #22759b; border: 1px solid #22759b; }

.social-xing:before { content: '\e834'; }

.social-xing:hover:before { background-color: #015a60; border: 1px solid #015a60; }

.social-yahoo:before { content: '\e820'; }

.social-yahoo:hover:before { background-color: #ab64bc; border: 1px solid #ab64bc; }

.social-yelp:before { content: '\e822'; }

.social-yelp:hover:before { background-color: #c41200; border: 1px solid #c41200; }

.social-youtube:before { content: '\e81e'; }

.social-youtube:hover:before { background-color: #f45750; border: 1px solid #f45750; }

.social-bookmarks.full-color [class^="social-"]:before { border: none; color: #fff; }

.social-bookmarks.full-color [class^="social-"]:hover:before { background-color: #444; color: #fff; }

.full-color .social-acrobat:before { background-color: #ff0000; }

.full-color .social-aim:before { background-color: #e95a00; }

.full-color .social-amazon:before { background-color: #f79b34; }

.full-color .social-appstore:before { background-color: #76797c; }

.full-color .social-blogger:before { background-color: #fb913f; }

.full-color .social-box:before { background-color: #74b1e1; }

.full-color .social-cloudapp:before { background-color: #2c2c2c; }

.full-color .social-delicious:before { background-color: #3274d1; }

.full-color .social-deviantart:before { background-color: #d0de21; }

.full-color .social-diigo:before { background-color: #2e8fdd; }

.full-color .social-digg:before { background-color: #2882c6; }

.full-color .social-dribbble:before { background-color: #ef5b92; }

.full-color .social-dropbox:before { background-color: #1e89da; }

.full-color .social-drupal:before { background-color: #0073ba; }

.full-color .social-email:before { background-color: #f96e5b; }

.full-color .social-evernote:before { background-color: #77ba2f; }

.full-color .social-facebook:before { background-color: #3b5998; }

.full-color .social-flickr:before { background-color: #f1628b; }

.full-color .social-foursquare:before { background-color: #3fa1d2; }

.full-color .social-forrst:before { background-color: #5b9a68; }

.full-color .social-friendfeed:before { background-color: #4983cd; }

.full-color .social-github:before { background-color: #7292a2; }

.full-color .social-github-circled:before { background-color: #7292a2; }

.full-color .social-gmail:before { background-color: #d90909; }

.full-color .social-gplus:before { background-color: #dd4b39; }

.full-color .social-google:before { background-color: #3089c3; }

.full-color .social-gowalla:before { background-color: #ff920d; }

.full-color .social-grooveshark:before { background-color: #f88e00; }

.full-color .social-html5:before { background-color: #f3642c; }

.full-color .social-instagram:before { background-color: #fb913f; }

.full-color .social-lanyrd:before { background-color: #074a68; }

.full-color .social-lastfm:before { background-color: #d21309; }

.full-color .social-linkedin:before { background-color: #71b2d0; }

.full-color .social-meetup:before { background-color: #E51937; }

.full-color .social-myspace:before { background-color: #003398; }

.full-color .social-paypal:before { background-color: #32689a; }

.full-color .social-picasa:before { background-color: #444; }

.full-color .social-pinterest:before { background-color: #cb2027; }

.full-color .social-plurk:before { background-color: #f35b36; }

.full-color .social-posterous:before { background-color: #f9d560; }

.full-color .social-reddit:before { background-color: #bfd0e2; }

.full-color .social-rss:before { background-color: #fe9900; }

.full-color .social-skype:before { background-color: #18b7f1; }

.full-color .social-smashmag:before { background-color: #ef4c36; }

.full-color .social-soundcloud:before { background-color: #FF3300; }

.full-color .social-spotify:before { background-color: #ef4c36; }

.full-color .social-steam:before { background-color: #333; }

.full-color .social-stumbleupon:before { background-color: #eb4924; }

.full-color .social-tumblr:before { background-color: #3a5976; }

.full-color .social-twitter:before { background-color: #48c4d2; }

.full-color .social-vimeo:before { background-color: #62a0ad; }

.full-color .social-w3c:before { background-color: #005a9c; }

.full-color .social-wikipedia:before { background-color: #464646; }

.full-color .social-wordpress:before { background-color: #22759b; }

.full-color .social-xing:before { background-color: #015a60; }

.full-color .social-yahoo:before { background-color: #ab64bc; }

.full-color .social-yelp:before { background-color: #c41200; }

.full-color .social-youtube:before { background-color: #f45750; }

/*------------------------------------------------------

CSS overview: 

	1. RESET
	2. SCROLL TO TOP
	2. MAIN CONTENT
	3. PRIMARY MENU 
	4. SECTION TITLE
	5. FOOTER
	6. TWITTER
	7. PHOTOSTREAM
	8. COLUMNS
	9. TEAM
	10. GRID VIEW
	11. BUTTONS
	12. HIGHLIGHTS
	13. DROPCAPS
	14. DIFFERENT UL STYLES
	15. TOGGLE
	16. ACCORDION
	17. PORTFOLIO
	18. PORTFOLIO THUMBNAIL HOVER
	19. SHAPED STYLE ITEM
	20. HEXAGON STYLE
	21. CIRCLE STYLE
	22. TRIANGLE STYLE
	23. PORTFOLIO FILTERABLE NAVIGATION
	24. ITEM NAVIGATION
	25. CONTACT MODAL WINDOW
	26. CONTACT
	
---------------------------------------------------------*/
/*-------------------------------------------------- RESET ---------------------------------------------------*/
pre, code { font-family: "Times New Roman", Times, serif; white-space: pre; padding: 20px; letter-spacing: 0.1em; }

pre { padding: 5px; }

code { border-radius: 3px 3px 3px 3px; background: #f4f7f8; font-size: 0.85em; color: #666666; padding: 3px; padding-left: 10px; background-color: #f5f5f5; }

.clear:after { clear: both; content: ""; display: block; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; border-collapse: separate; border-spacing: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; text-decoration: none; }

html, body { height: 100%; width: 100%; }

*::-moz-selection { color: #f5f5f5; background: #444; }

*::selection { color: #f5f5f5; background: #444; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-size: 13px; line-height: 20px; font-weight: normal; color: #676767; background: #f5f5f5; }

body { overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-weight: 300; margin-bottom: 14px; }

h1 { font-size: 42px; line-height: 44px; }

h2 { font-size: 40px; line-height: 42px; }

h3 { font-size: 21px; line-height: 29px; }

h4 { font-size: 20px; line-height: 25px; }

h5 { font-size: 16px; line-height: 21px; }

h6 { font-size: 14px; line-height: 17px; }

h1.title, h2.title, h3.title, h4.title, h5.title, h6.title { font-size: 26px; line-height: 30px; font-weight: 300; letter-spacing: -0.5px; }

ul, ol { display: block; padding: 0px; margin: 0 0 14px 17px; }

blockquote { float: left; width: 60%; margin: 10px 20px 10px 0; }

blockquote:before { content: "'"; float: left; font-size: 45px; font-weight: bold; line-height: 40px; }

blockquote.dark { background: #444; color: #f5f5f5; }

blockquote.light { background: #f5f5f5; color: #aaa; }

blockquote.color { color: #fff; }

blockquote.dark, blockquote.light, blockquote.color { padding: 20px; }

blockquote p { font: 16px/21px Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; padding-left: 25px; text-align: left; }

blockquote small { font-weight: bold; padding-top: 10px; text-transform: uppercase; }

p { margin-bottom: 14px; }

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

em, dfn, cite { font-style: italic; }

strong, b { font-weight: bold; }

small { font-size: 11px; }

input, textarea, select { outline: medium none; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #bbb; border: 1px solid #ddd; border-radius: 3px 3px 3px 3px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; background-color: #fff; padding: 10px; }

input:focus, textarea:focus, select:focus { border: 1px solid #8DC5C5; color: #676767; box-shadow: 0 0 4px rgba(82, 168, 236, 0.5); }

input.submit, input.submit:focus, input.submit:active { cursor: pointer; color: #fff; text-decoration: none !important; border: none; box-shadow: 0 0 0; }

a { -moz-transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; outline: none; }

a:hover { color: #aaa; }

.title, .title a { text-decoration: none; }

img { max-width: 100%; }

.radius-200 { border-radius: 200px 200px 200px 200px; }

.border { border: 2px solid #444; border-radius: 20px 20px 20px 20px; padding: 5px; }

.alignleft { float: left; margin: 0 20px 0 0; }

.alignright { float: right; margin: 0 0 0 20px; }

.aligncenter { display: block; margin: 10px auto; float: none; }

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

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

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

.uppercase { text-transform: uppercase; }

.divider { float: left; width: 100%; height: 70px; }

.divider-border { border-top: 2px solid #eee; float: left; width: 100%; margin: 40px 0; }

#footer .divider-border { border-top-color: #ddd; }

/*-------------------------------------------------- SCROLL TO TOP ---------------------------------------------------*/
#back-top { display: none; }

#back-top { position: fixed; right: 0; bottom: 0; z-index: 1000; width: 40px; height: 40px; background: url(../images/sprite.png) no-repeat scroll 0 -89px transparent; text-indent: -9999px; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; }

#back-top:hover { background-position: 0 -129px; }

/*-------------------------------------------------- MAIN CONTENT ---------------------------------------------------*/
#wrapper { position: relative; z-index: 2; padding-bottom: 80px; background-color: #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 3px 0 -1px white, 0 3px 1px 0 rgba(0, 0, 0, 0.15), 0 6px 0 -2px white, 0 6px 2px -1px rgba(0, 0, 0, 0.15); /* The third layer shadow */ }

#header-wrapper { width: 100%; margin: 0 auto; padding: 0; z-index: 9999; background-color: #3b3d3d; padding: 20px 0; transition-duration: 0.35s; }

#header-wrapper.sticky { position: fixed; left: 0; right: 0; top: 0; padding: 20px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.09); }

#header-wrapper.alternate { width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.09); }

#header-wrapper.sticky.alternate { box-shadow: 0 0 5px rgba(0, 0, 0, 0.09); }

.header { padding: 0; margin: 0 auto; width: 1130px; }

#logo, #logo a { float: left; line-height: 10px; }

.content { margin: 0 auto; padding: 0; }

.section { width: 1130px; margin: 0 auto; padding: 50px 0; overflow: hidden; }

.section .holder { width: 1130px; margin: 0 auto; z-index: 999; position: relative; }

.section.alternate { width: 100%; }

.section.alternate { background: #f5f5f5; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; }

.section.alternate.dark { background: #444; color: #ccc; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6) inset; }

.section.alternate.color { color: #FFF; }

.section:last-child { padding-bottom: 0; }

.section.alternate:last-child, .section.alternate.dark:last-child, .section.alternate.color:last-child, .section.parallax-background:last-child { margin-bottom: -80px; }

.parallax-background { position: relative; }

.parallax-background { width: 100%; background-position: 50% 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; box-shadow: 0 0 3px rgba(0, 0, 0, 0.09) inset; }

.parallax-background .holder { padding: 0; }

.parallax-background.color .item-mask { opacity: 0.7; filter: alpha(opacity=70); }

.parallax-background.dark .item-mask { background: rgba(92, 92, 92, 0.7); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; }

.parallax-background.light .item-mask { background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.07) inset; }

.parallax-background .item-mask { z-index: 1; position: absolute; left: 0; top: 0; right: 0; height: 100%; }

#index { background-image: url(../images/paralax.jpg); color: #fff; padding: 100px 0; }

#about { background-image: url(http://placehold.it/1130x840); color: #fff; padding: 100px 0; }

#about2 { background-image: url(http://placehold.it/1130x840); padding: 200px 0; color: #fff; }

#blog { background-image: url(http://placehold.it/1130x840); color: #fff; padding: 250px 0; }

#portfolio { background-image: url(http://placehold.it/1130x840); color: #fff; padding: 250px 0; }

#portfolio2 { background-image: url(http://placehold.it/1130x840); color: #fff; padding: 250px 0; }

#clients-testimonials { background-image: url(http://placehold.it/1130x840); color: #fff; padding: 70px 0; }

#contact { background-image: url(http://placehold.it/1130x840); color: #000; padding: 200px 0; }

/*-------------------------------------------------- PRIMARY MENU  ---------------------------------------------------*/
#primary-menu { float: right; margin: 0; padding: 0; }

#primary-menu select { display: none; }

#primary-menu select { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #eee; cursor: pointer; width: 100%; padding: 7px; margin: 0 0 0 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0); color: #676767; }

.menu { margin: 0; padding: 0; list-style-type: none; float: right; }

.menu li:hover { visibility: inherit; }

.menu li { position: relative; display: inline; float: left; }

.menu li:after { content: "\2022"; color: #999; }

.menu li:last-child:after { content: ""; }

.menu li a { text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: 500; color: #fff; margin: 0 0 10px 0; padding: 0 20px; display: block; float: left; }

.menu li:last-child a { padding-right: 0; }

.menu li a.current { color: #888; }

.menu li ul { position: absolute; top: -9999em; width: 200px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.97); border-radius: 1px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); z-index: 9999; }

.menu li li { width: 100%; }

.menu li li:after { content: ""; }

.menu li:hover ul { left: 15px; top: 100%; }

.menu li:hover li ul { top: -9999em; }

.menu li li:hover ul { left: 201px; top: 0; visibility: visible; z-index: 9999; }

.menu li ul { margin: 0; }

.menu li ul li { margin: 0; background: none; padding: 0 25px; }

.menu li ul li:last-child { border-bottom: none; }

.menu li ul li a, .menu il ul li:last-child a, .menu il ul li:first-child a, .menu li ul li:first-child ul li a { font-size: 11px; padding: 12px 0; word-spacing: 2px; border-bottom: 1px solid #f2f2f2; }

.menu li ul li:first-child a, .menu li ul li:last-child ul li:first-child a, .menu li ul li:first-child ul li:first-child a { padding: 22px 0 12px 0; }

.menu li ul li:last-child a, .menu li ul li:last-child ul li:last-child a, .menu li ul li:first-child ul li:last-child a { padding: 12px 0 22px 0; border-bottom: none; }

.menu li ul li:last-child ul li a { border-bottom: 1px solid #f2f2f2; padding: 12px 0; }

.menu li:hover ul li a, .menu li li:hover ul li a { color: #888; border-top: none; margin: 0; width: 100%; }

/*-------------------------------------------------- MOBILE MENU ---------------------------------------------------*/
#three-lines-menu { display: none; float: right; }

#three-lines-menu a { background: #333; color: #fff; font-size: 20px; line-height: 35px; text-transform: uppercase; border-radius: 2px 2px 2px 2px; padding: 3px 7px !important; }

#three-lines-menu a:hover { color: #fff; }

#mobile-menu { display: none; background: #f5f5f5; width: 100%; padding: 0 0 10px 0; margin: 0; /*	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);*/ }

#mobile-menu ul { list-style-type: none; margin: 0 auto; padding: 0; }

#mobile-menu ul li { border-top: 1px dotted #ccc; }

#mobile-menu ul li:first-child { border-top: none; }

#mobile-menu ul li a { color: #888; font-size: 11px; text-transform: uppercase; display: block; position: relative; padding: 15px 0 !important; }

#mobile-menu ul li ul { padding: 0 0 0 30px; border-top: 1px dotted #ccc; }

#mobile-menu ul li ul li:first-child { border-top: none; }

@media only screen and (min-width: 1px) and (max-width: 959px) { #three-lines-menu { display: block !important; } li a .sf-sub-indicator { right: 0 !important; position: absolute; left: auto !important; top: 0 !important; height: 50px; width: 50px; text-align: right; } li a .sf-sub-indicator:after, li.open li a .sf-sub-indicator:after, li.open li.open li a .sf-sub-indicator:after { content: "+"; font-size: 16px; line-height: 45px; margin: 0 5px 0 0; } li.open a .sf-sub-indicator:after, li.open li.open a .sf-sub-indicator:after, li.open li.open li.open a .sf-sub-indicator:after { content: "-"; font-size: 23px; margin: 0 7px 0 0; line-height: 40px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { height: 0px; position: absolute; visibility: hidden !important; overflow: hidden; } .sf-menu li ul.mobile-open { height: auto !important; display: block !important; position: relative; visibility: visible !important; } }

/*-------------------------------------------------- PAGE HEADER ---------------------------------------------------*/
.page-header { overflow: hidden; margin: 0 auto; padding: 30px 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; width: 1130px; }

.page-header .title, .page-header .title a { margin-bottom: 0; }

.page-header .subtitle { font: 400 13px/23px 'Open Sans',Helvetica,Arial,sans-serif; margin-bottom: 0; }

.page-header.fullwidth { background: #f5f5f5; width: 100%; border-bottom: none; border-top: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; }

.page-header .holder { width: 1130px; margin: 0 auto; z-index: 999; position: relative; }

.page-header.fullwidth .filterable { padding-top: 7px; padding-bottom: 0; }

/*-------------------------------------------------- FOOTER ---------------------------------------------------*/
#footer { width: 100%; z-index: 1; background: #f5f5f5; color: #999; float: left; }

#footer.fixed { position: fixed; bottom: 0; left: 0; }

#footer .section:last-child { padding-bottom: 50px; }

#footer .section.alternate { background-color: #eee; box-shadow: 0 0 3px rgba(0, 0, 0, 0) inset; color: #676767; }

#footer h3 { text-transform: uppercase; font-size: 11px; line-height: 17px; font-weight: 500; display: block; }

#footer ul li { margin-bottom: 15px; }

#footer ul li span.date { text-transform: uppercase; font-size: 10px; display: block; }

#footer a { color: #333; }

#footer .button a { font: 11px/17px Helvetica, Arial, sans-serif; color: #fff; }

#footer ul { list-style-type: none; padding: 0; margin: 0; }

#footer .social-bookmarks, #footer .social-bookmarks li { float: none; }

#footer .social-bookmarks li a { float: none; display: inline-block; margin: 0 0 0 15px; }

#footer .social-bookmarks li:first-child a { margin: 0; }

/*-------------------------------------------------- TWITTER ---------------------------------------------------*/
.twitter-feed { overflow: hidden; min-height: 100px; }

.bra_tweets, #footer .bra_tweets { overflow: hidden; max-height: 570px; }

#footer .bra_tweets { min-height: 70px; }

.bra_tweets ul, #footer .bra_tweets ul { list-style-type: none; padding: 0; margin: 0; }

.bra_tweets li, #footer .bra_tweets li { margin-bottom: 30px; word-wrap: break-word; display: block; max-height: 570px; }

.bra_tweets li:last-child, #footer .bra_tweets li:last-child { margin-bottom: 10px; }

.bra_tweets .tweet_text, #footer .bra_tweets .tweet_text { list-style-type: none; display: block; }

.bra_tweets .tweet_text a, #footer .bra_tweets .tweet_text a { display: inline; }

.bra_tweets .tweet_text a:hover, #footer .bra_tweets .tweet_text a:hover { color: #999; }

.bra_tweets .twitter_time { margin-top: 5px; }

.bra_tweets a.twitter_time, #footer .bra_tweets a.twitter_time { font: normal 11px/20px Helvetica,Arial,sans-serif; font-weight: bold; padding: 5px 0; text-transform: uppercase; color: #999; }

#footer .twitter-feed.extended { list-style-type: none; padding: 0; font-size: 16px; line-height: 23px; font-weight: 400; color: #676767; }

/*-------------------------------------------------- PHOTOSTREAM ---------------------------------------------------*/
.photostream-wrapper, #footer .photostream-wrapper { float: left; }

.photostream ul, #footer .photostream ul, .widget .photostream ul { list-style-type: none; padding: 0; margin: 0; }

.photostream ul li, #footer .photostream ul li, .widget .photostream ul li { width: auto; float: left; margin: 0 5px 5px 0; }

.photostream a, #footer .photostream a, .photostream img, #footer .photostream img { height: 70px; width: 70px; border-radius: 3px 3px 3px 3px; opacity: 0.9; filter: alpha(opacity=90); }

.photostream a, #footer .photostream a { display: block; position: relative; }

.photostream a .item-mask { position: absolute; left: 0; top: 0; z-index: 99; height: 70px; width: 70px; -moz-transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; border-radius: 3px 3px 3px 3px; }

.photostream a .item-mask:hover { opacity: 0.7; filter: alpha(opacity=70); }

/*-------------------------------------------------- COLUMNS ---------------------------------------------------*/
.one, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth { float: left; position: relative; margin-right: 4%; }

.one { width: 100%; margin-right: 0; }

.one-half { width: 48%; }

.one-third { width: 30.66%; }

.two-third { width: 65.33%; }

.one-fourth { width: 22%; }

.three-fourth { width: 74%; }

.one-fifth { width: 16.8%; }

.last { margin-right: 0 !important; }

.one.aligncenter, .one-half.aligncenter, .one-third.aligncenter, .two-third.aligncenter, .one-fourth.aligncenter, .three-fourth.aligncenter, .one-fifth.aligncenter { float: none; }

/*-------------------------------------------------- TEAM ---------------------------------------------------*/
.team { position: relative; overflow: hidden; background-color: #f5f5f5; }

.alternate .team { background-color: #fff; }

.alternate.dark .team { background-color: #555; }

.alternate.color .team { background: #555; color: #FFF; }

.team-member-info { padding: 30px; float: left; }

.team ul { margin: 0; padding: 0; list-style-type: none; }

.team li { display: inline; }

.team h2 { font-size: 15px; line-height: 20px; text-transform: uppercase; }

.team h3 { font-size: 11px; line-height: 17px; }

.team p { margin-top: 13px; }

.team img { width: 100%; float: left; }

.team img.radius-200 { border-radius: 200px 200px 200px 200px; margin-bottom: 20px; }

.team h2, .team h3, .team p { margin-bottom: 0; }

.team .social-personal { margin-top: 13px; padding-top: 13px; border-top: 2px solid #eee; }

.team .social-personal li:after { content: "\2022"; color: #999; }

.team .social-personal li:last-child:after { content: ""; }

.team .social-personal li a { padding: 0 5px; font-size: 11px; color: #999; text-transform: uppercase; float: none; }

/*-------------------------------------------------- SKILLS GRAPH ---------------------------------------------------*/
.skills-graph { display: block; margin: 0; padding: 0; list-style-type: none; }

.skills-graph li span, .skills-graph li div { border-radius: 300px 300px 300px 300px; }

.skills-graph li { margin-bottom: 10px; font-size: 11px; text-transform: uppercase; }

.skills-graph li p { margin-bottom: 0; }

.skills-graph li strong { margin-left: 5px; color: #444; }

.skills-graph li span, .skills-graph li div { height: 13px; line-height: 18px; }

.skills-graph li div { background-color: #eee; background-color: #f5f5f5; }

/*-------------------------------------------------- PIE CHART ---------------------------------------------------*/
.chart-list { margin: 0 auto; padding: 0; }

.chart-list li { float: left; display: inline; }

.chart { display: inline-block; text-align: center; margin-bottom: 35px; }

.chart:first-child { margin-left: 0; }

.chart span { font-size: 22px; }

.chart .label { margin: 15px 0; text-transform: uppercase; text-align: center; font-weight: bold; }

.easyPieChart { margin: 0 auto; position: relative; }

.easyPieChart canvas { position: absolute; top: 0; left: 0; }

/*-------------------------------------------------- GRID VIEW ---------------------------------------------------*/
.grid { width: 100%; }

.grid div { float: left; margin-bottom: 0.5%; margin-right: 0.5%; }

.grid.row3 div { width: 33%; }

.grid.row3 div:nth-child(3n+3) { margin-right: 0; }

.grid.row4 div { width: 24.61%; }

.grid.row4 div:nth-child(4n+4) { margin-right: 0; }

.grid.row5 div { width: 19.60%; }

.grid.row5 div:nth-child(5n+5) { margin-right: 0; }

.grid.row6 div { width: 16.25%; }

.grid.row6 div:nth-child(6n+6) { margin-right: 0; }

.grid img { display: block; margin: 0 auto; }

.clients div { background-color: #f5f5f5; }

.clients div:hover { background-color: #F9F9F9; }

.alternate .clients div { background-color: #eee; }

.alternate.dark .clients div { background-color: #555; }

.clients img { -moz-transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; opacity: 0.65; filter: alpha(opacity=65); }

.clients div:hover img { opacity: 1; filter: alpha(opacity=100); }

/*-------------------------------------------------- BUTTONS ---------------------------------------------------*/
.button { cursor: pointer; text-align: center; display: inline-block; margin-bottom: 5px; border-radius: 4px 4px 4px 4px; font-weight: 700; letter-spacing: 0.5px; }

.button, .button:hover, #footer .button, #footer .button:hover { color: #FFFFFF; text-transform: uppercase; }

.button:hover { background-color: #444; }

.button + .button { margin-left: 30px; }

.outline, #footer .outline { box-shadow: 0 0 0 2px #444 inset; color: #444; background-color: transparent; }

.outline:hover { color: #fff; }

.outline.black { box-shadow: 0 0 0 2px #444 inset; color: #444; }

.outline.black:hover { color: #fff; background-color: #444; }

.outline.white { box-shadow: 0 0 0 2px #FFFFFF inset; color: #444; }

.outline.white:hover { color: #444; background-color: #fff; }

.small { padding: 0 12px 0 12px !important; font-size: 10px; }

.medium { font-size: 11px; padding: 9px 18px !important; }

.large { padding: 12px 29px !important; font-size: 12px; }

.rounded { border-radius: 30px 30px 30px 30px; }

.grey { background-color: #444; }

.grey:hover { color: #FFFFFF; }

.yellow { background-color: #FEEB43; color: #707070; }

.white { background-color: #fff; color: #444; }

.orange { background-color: #f96e5b; }

.white.outline { box-shadow: 0 0 0 2px #FFFFFF inset; color: #fff; background-color: transparent; }

.green { background-color: #78d18b; }

.tealgreen { background-color: #3ea9a1; }

.blue { background-color: #7CC0CB; }

.navyblue { background-color: #657383; }

.purple { background-color: #9a86a2; }

.magenta { background-color: #C25283; }

.pink { background-color: #F9A7B0; }

.red { background-color: #b72f25; }

.cream { background-color: #C9C299; }

.button-group { margin: 0 auto; overflow: hidden; position: relative; }

.button-group .button { font-size: 18px; overflow: hidden; padding: 25px 0; text-align: center; text-transform: uppercase; width: 50%; margin: 0; float: left; letter-spacing: -1px; }

.button-group .or { background-color: #fff; display: block; font-size: 12px; text-transform: uppercase; line-height: 42px; text-align: center; margin-left: -23px; margin-top: -20px; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; z-index: 99; font-weight: bold; }

.button-group .title { display: block; }

.button-group .subtitle { font-size: 11px; font-weight: 400; line-height: 15px; letter-spacing: 0; }

.button-group .button:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: 1px solid #fff; }

.button-group .button:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-top-left-radius: 0; }

/*-------------------------------------------------- HIGHLIGHTS ---------------------------------------------------*/
.highlight1 { color: #FFFFFF; padding: 0 2px; }

.highlight2 { background-color: #444; color: #FFFFFF; padding: 0 2px; }

.highlight3 { border-bottom: 1px solid; }

/*-------------------------------------------------- DROPCAPS ---------------------------------------------------*/
.dropcap1 { float: left; font-size: 53px; line-height: 50px; color: #444; margin: 0 8px 0 0; font-weight: bold; }

.dropcap { font-size: 24px; text-transform: uppercase; text-align: center; display: block; float: left; margin: 6px 8px 0 0; }

.dropcap.rectangle { border-radius: 2px 2px 2px 2px; }

.dropcap.round { border-radius: 55px 55px 55px 55px; }

.dropcap.border { border: 1px solid #444; color: #444; padding: 9px 13px; }

.dropcap.dark { background-color: #444; color: #FFFFFF; padding: 11px 15px; }

.dropcap.light { background-color: #f5f5f5; color: #676767; padding: 11px 15px; }

.dropcap.color { background-color: #f96e5b; color: #FFFFFF; padding: 11px 15px; }

/*-------------------------------------------------- DIFFERENT UL STYLES ---------------------------------------------------*/
.icon-star { font-size: 10px; }

.icon-caret-right { font-size: 14px; }

.border-list { list-style: none; margin: 0; padding: 0; }

.border-list li { border-bottom: 2px solid #eee; padding: 12px 0; }

.border-list li:first-child { padding-top: 0; }

.border-list li:last-child { border-bottom: none; }

ul.colored-counter-list { counter-reset: li; margin-left: 0; padding-left: 0; }

ul.colored-counter-list > li { position: relative; list-style: none; padding-left: 35px; margin-bottom: 13px; }

ul.colored-counter-list > li:before { content: counter(li); counter-increment: li; position: absolute; top: 0; left: 0; margin-right: 8px; padding: 0 7px; text-align: center; border-radius: 20px 20px 20px 20px; background-color: #444; color: #fff; font-size: 11px; font-weight: bold; }

/*-------------------------------------------------- TOGGLE ---------------------------------------------------*/
.toggle-wrap { float: left; width: 100%; margin-bottom: 6px; }

.trigger a { display: block; padding: 15px; text-decoration: none; font-weight: bold; color: #676767; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; background: #f5f5f5; }

.toggle-container { overflow: hidden; float: left; padding: 25px; }

.trigger a:before { content: "+"; float: right; font-weight: bold; font-size: 16px; line-height: 20px; }

.trigger.active a:before { content: "-"; font-size: 22px; line-height: 12px; }

/*-------------------------------------------------- ACCORDION ---------------------------------------------------*/
.trigger-button { font-weight: bold; float: left; width: 100%; padding: 15px 0; margin-bottom: 6px; text-decoration: none; background: #f5f5f5; cursor: pointer; }

.trigger-button:before { content: "+"; float: right; font-weight: bold; font-size: 16px; line-height: 20px; margin-right: 15px; }

.trigger-button.active:before { content: "-"; font-size: 22px; line-height: 12px; }

.trigger-button:first-child { margin-top: 0; }

.trigger-button span { padding-left: 15px; }

.accordion { float: left; padding: 25px; margin-bottom: 6px; }

/*-------------------------------------------------- TABS ---------------------------------------------------*/
ul.tabs { padding: 0; list-style: none; width: 100%; margin: 0; float: left; }

ul.tabs li { overflow: hidden; position: relative; float: left; }

ul.tabs li a { background: #f5f5f5; border: 1px solid #ddd; color: #999; font-weight: bold; display: block; padding: 5px 20px; margin-right: -1px; }

.tabs li:last-child a { border-right: 2px solid #ddd; }

.tabs li a:hover, .tabs li.active a { color: #676767; }

.tabs li.active a { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }

.tab_container { float: left; width: 100%; }

.tab_container { margin: 0px; padding: 0px; float: left; }

.tab_content { padding: 20px; border: 1px solid #ddd; margin: -1px 0 0 0; }

ul.tabs.vertical { width: 30%; float: left; }

ul.tabs.vertical li { width: 100%; margin-right: 0; margin-bottom: 0; }

ul.tabs.vertical li a { width: 100%; padding: 10px 15px; margin-bottom: -1px; }

.tabs.vertical li:last-child a { border-bottom: 2px solid #ddd; border-right: 1px solid #ddd; }

.tabs.vertical li.active a { background: #FFFFFF; border-right: 1px solid #FFFFFF; }

.tab_container.vertical { float: right; width: 70%; }

.tab_container.vertical .tab_content { margin: 0 0 0 -1px; }

/*-------------------------------------------------- PORTFOLIO ---------------------------------------------------*/
.portfolio-grid ul li a.hide { display: none; }

.portfolio-grid { width: 101%; margin: 0 0 0 -1%; padding: 0; float: left; }

.portfolio-grid ul { list-style-type: none; margin: 0; padding: 0; }

.portfolio-grid ul li { background: #f8f8f8; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); float: left; margin: 0 0 1% 1%; padding: 0; }

.isotope-item { z-index: 1; }

.isotope-hidden { z-index: 0; }

.col2 li { width: 48.98%; }

.col3 li { width: 32.25%; }

.col4 li { width: 23.92%; }

.portfolio-grid ul li img { float: left; width: 100%; }

.item-info { padding: 20px; color: #444; float: left; }

.item-info h3.title, .item-info-overlay h3.title { font-size: 17px; line-height: 21px; margin-bottom: 0; }

.item-info h3.title, .item-info h3.title a { color: #676767; }

.item-info h4, .item-info-overlay h4 { font-size: 10px; line-height: 17px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 0; color: #fff; }

.item-info-overlay a.overlay-link { height: 100%; position: absolute; width: 100%; z-index: -1; left: 0; top: 0; }

/*-------------------------------------------------- PORTFOLIO THUMBNAIL HOVER ---------------------------------------------------*/
.item-info-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 120; background: rgba(33, 33, 33, 0.99); text-align: center; }

.item-info-overlay div { margin: 0 9%; }

.item-info-overlay h3.title { margin: 9% 9% 0 9%; }

.item-info-overlay h3.title a:hover { color: #fff; }

.item-info-overlay p { color: #999; font-size: 12px; }

.item-info-overlay p:before { content: "_"; width: 100%; text-align: center; float: left; margin-bottom: 18px; }

.item-info-overlay .outline { box-shadow: 0 0 0 1px #999 inset; color: #999; line-height: 16px; }

.item-info-overlay .outline:hover { color: #fff; }

.item-info-overlay .button + .button { margin-left: 5px; }

/*-------------------------------------------------- SHAPED STYLE ITEM ---------------------------------------------------*/
.portfolio-grid ul.shaped li { background-color: transparent; box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

.shaped li { margin: 0 0 10px 10px; }

.shaped .item-container { display: block; position: relative; }

.shaped .item-mask { position: absolute; left: 0; top: 0; z-index: 99; }

.shaped .item-container img { z-index: 9; }

.shaped .item-info-overlay { text-align: center; }

/*-------------------------------------------------- HEXAGON STYLE ---------------------------------------------------*/
.hexagon.col3 { margin: 0 0 0 60px; }

.hexagon.col3 li { width: 300px; margin: 0 0 33px 33px; }

.hexagon.col3 .item-mask { background: url(../images/mask-hexagon-col3.png) no-repeat 0 0 transparent; }

.hexagon.col3 .item-info-overlay { background: url(../images/mask-hexagon-col3.png) no-repeat 0 0 rgba(33, 33, 33, 0.99); }

.hexagon.col3 li, .hexagon.col3 .item-container img, .hexagon.col3 .item-mask { height: 338px; }

.hexagon.col4 .item-mask { background: url(../images/mask-hexagon-col4.png) no-repeat 0 0 transparent; }

.hexagon.col4 .item-info-overlay { background: url(../images/mask-hexagon-col4.png) no-repeat 0 0 rgba(33, 33, 33, 0.99); }

.hexagon.col4 li, .hexagon.col4 .item-container img, .hexagon.col4 .item-mask { width: 273px; height: 307px; }

.hexagon .item-mask { width: 100%; height: 100%; }

.hexagon.col3 .item-info-overlay div { margin: 25% 8% 0 8%; }

.hexagon.col4 .item-info-overlay div { margin: 25% 5% 0 5%; }

/*-------------------------------------------------- CIRCLE STYLE ---------------------------------------------------*/
.circle.col3 li { width: 338px; height: 338px; margin: 0 0 30px 35px; }

.circle.col3 .item-container img { height: 338px; }

.circle.col4 li { width: 273px; height: 273px; }

.circle.col4 .item-container img { height: 273px; }

.circle .item-info-overlay, .circle li .item-container img { border-radius: 300px 300px 300px 300px; }

.circle .item-info-overlay { width: 100%; height: 100%; }

.circle .item-container img { height: 100%; }

.circle .item-info-overlay { background: rgba(33, 33, 33, 0.99); }

.circle .item-info-overlay div { margin: 14% 9% 0 9%; }

/*-------------------------------------------------- FILTERABLE NAVIGATION ---------------------------------------------------*/
.filterable { width: 100%; padding-bottom: 25px; }

.filterable ul { display: inline-block; margin: 0; padding: 0; }

.filterable li { background: none; display: inline; float: left; }

.filterable li:last-child a { margin: 0 0 0 7px; }

.filterable li:after { content: "\2022"; color: #999; }

.filterable li:last-child:after { content: ""; }

.filterable li a { font-size: 11px; color: #aaa; text-transform: uppercase; text-decoration: none; float: left; margin: 0 5px; padding: 0 5px; }

.filterable li a:hover { color: #222; }

/*-------------------------------------------------- GALLERY ---------------------------------------------------*/
.gallery { margin: 0 auto; list-style: none; text-align: center; }

.gallery li { text-align: left; position: relative; }

.gallery div { margin: 0; position: relative; }

.gallery div img { position: relative; width: 100%; }

.gallery div img:hover { position: relative; }

.gallery .caption { position: absolute; top: 0; left: 0; padding: 20px; background-color: #292929; color: #fff; }

.gallery .caption h3.title { padding: 9% 9% 5px 9%; font-size: 19px; line-height: 23px; margin: 0; padding: 0; }

.gallery .caption h3.title a:hover { color: #fff; }

.gallery .caption h4 { font-size: 10px; letter-spacing: 0; line-height: 17px; text-transform: uppercase; margin-bottom: 0; display: inline; }

.gallery.overlay { background-color: rgba(254, 235, 67, 0.85); }

/* Style 3 */
.style-3 div { overflow: hidden; }

.style-3 div img { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

.no-touch .style-3 div:hover img, .style-3 div.cs-hover img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }

.style-3 .caption { width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.1s 0.3s; transition: transform 0.3s, opacity 0.1s 0.3s; }

.no-touch .style-3 div:hover .caption, .style-3 div.cs-hover .caption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s; -moz-transition: -moz-transform 0.3s, opacity 0.1s; transition: transform 0.3s, opacity 0.1s; }

.style-3 .caption a { bottom: 20px; right: 20px; }

/*-------------------------------------------------- PORTFOLIO ITEM NAVIGATION ---------------------------------------------------*/
ul.item-nav { list-style-type: none; margin: 0; padding: 0; }

ul.item-nav li { display: inline-block; -webkit-transition: all 0.14s ease 0s; -moz-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; background: #444; border-radius: 2px 2px 2px 2px; }

ul.item-nav li a { background: url(../images/sprite.png) no-repeat scroll 0 0 transparent; display: block; height: 35px; width: 35px; text-indent: -9999px; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; }

ul.item-nav li.prev a { background-position: 12px 12px; }

ul.item-nav li.next a { background-position: 12px -48px; }

ul.item-nav li.all a { background-position: 12px -18px; }

/*-------------------------------------------------- CONTACT ---------------------------------------------------*/
.google-map { height: 250px; }

.google-map-2 { height: 350px; }

.google-map-3 { height: 450px; }

.form, .contact-success { overflow: hidden; }

.contact-success { padding: 20px; color: #fff; width: 75%; margin-bottom: 20px; border-radius: 2px 2px 2px 2px; }

.form label { font-weight: bold; }

.form input, .form textarea, .form label { width: 75%; display: block; }

.form textarea { width: 100%; height: 150px; }

.form input.submit { width: 110px; }

.form p { position: relative; overflow: hidden; margin-bottom: 0; padding-bottom: 16px; }

.form em { color: #aaaaaa; display: inline; font-size: 11px; font-style: normal; font-weight: bold; }

.form .contact-error { color: #f96e5b; font-size: 11px; font-weight: bold; position: absolute; top: 0; width: 75%; text-align: right; }

.contact-info { list-style-type: none; padding: 0; margin: 0; }

/*-------------------------------------------------- STYLED ARROWS ---------------------------------------------------*/
.arrow-down-transparent { height: 20px; margin: 0 auto; position: absolute; bottom: 0; width: 100%; }

.arrow-down-transparent:after, .arrow-down-transparent:before { -moz-box-sizing: border-box; border-bottom: 20px solid #fff; content: ""; height: 0; position: absolute; bottom: 0; }

.arrow-down-transparent:after { border-left: 20px solid transparent; right: 0; width: 50%; }

.arrow-down-transparent:before { border-right: 20px solid transparent; left: 0; width: 50%; }

.arrow-down { height: 20px; margin: 0 auto; position: absolute; top: 0; width: 100%; }

.arrow-down:after, .arrow-down:before { -moz-box-sizing: border-box; border-bottom: 20px solid transparent; content: ""; height: 20px; position: absolute; top: 0; }

.arrow-down:after { border-left: 20px solid #fff; right: 0; width: 50%; }

.arrow-down:before { border-right: 20px solid #fff; left: 0; width: 50%; }

.arrow-up-transparent { height: 20px; margin: 0 auto; position: absolute; top: 0; width: 100%; }

.arrow-up-transparent:after, .arrow-up-transparent:before { -moz-box-sizing: border-box; border-top: 20px solid #fff; content: ""; height: 0; position: absolute; bottom: 0; }

.arrow-up-transparent:after { border-left: 20px solid transparent; right: 0; width: 50%; }

.arrow-up-transparent:before { border-right: 20px solid transparent; left: 0; width: 50%; }

.arrow-up { height: 20px; margin: 0 auto; position: absolute; bottom: 0; width: 100%; }

.arrow-up:after, .arrow-up:before { -moz-box-sizing: border-box; border-top: 20px solid transparent; content: ""; height: 20px; position: absolute; bottom: 0; }

.arrow-up:after { border-left: 20px solid #fff; right: 0; width: 50%; }

.arrow-up:before { border-right: 20px solid #fff; left: 0; width: 50%; }

/*-------------------------------------------------- SHARE ---------------------------------------------------*/
.share ul { list-style-type: none; display: inline-block; margin: 0; padding: 0; }

.share li { float: left; width: 100px; text-align: left; }

.share li.google, .share li.pinterest { width: 90px; }

/*-------------------------------------------------- TAGCLOUD ---------------------------------------------------*/
.tagcloud a { background-color: #f5f5f5; border-radius: 2px 2px 2px 2px; display: inline; float: left; font-size: 10px !important; line-height: 16px; color: #676767; text-transform: uppercase; margin: 0 4px 4px 0; padding: 4px 12px; }

.tagcloud a:hover { color: #FFFFFF !important; }

/*------------------------------------------------------

CSS overview: 

	1. RESET
	2. WIDGET
	3. POST
	4. POST CONTENT
	6. POST INFO
	7. SHARE
	8. COMMENTS
	9. COMMENT FORM
	10. WP-PAGINATION 
	
---------------------------------------------------------*/
/*-------------------------------------------------- RESET ---------------------------------------------------*/
#inner-content { width: 800px; float: left; }

#sidebar { width: 270px; float: right; }

/*-------------------------------------------------- WIDGET ---------------------------------------------------*/
.widget { margin-bottom: 50px; float: left; width: 100%; }

.widget .title { font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; display: block; padding: 0; margin: 0 0 15px 0; color: #676767; }

.widget ul { padding: 0; margin: 0; list-style-type: none; }

.widget ul li { padding: 0; margin: 0 0 5px 0; width: 100%; }

.widget ul li:last-child { margin: 0; }

.widget ul li a { color: #676767; }

.widget ul li span.date { color: #aaa; display: block; font-size: 11px; text-transform: uppercase; }

.widget img.alignleft { margin: 5px 15px 0 0; }

.widget .bra_recent_entries li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #eee; }

.widget .bra_recent_entries li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.widget .bra_recent_entries a { text-transform: none; font-weight: 600; }

.widget .photostream li:last-child { margin: 0 0 5px 5px; }

/*-------------------------------------------------- POST  ---------------------------------------------------*/
.post { border-bottom: 2px solid #eee; margin: 0 0 60px 0; padding: 0 0 60px 0; overflow: hidden; }

.post:last-child { border-bottom: none; margin: 0; padding: 0; }

/*-------------------------------------------------- POST CONTENT ---------------------------------------------------*/
.blog1 { float: none; width: 100%; }

.blog1.content { padding: 0; }

.blog1 .post { width: 100%; margin: 0; padding: 80px 0; border-bottom: none; }

.blog1 .post:first-child { padding-top: 50px; }

.blog1 .post:nth-child(2n+2) { background-color: #f5f5f5; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.blog1 .post-media, .blog1 .post-content { margin: 0 auto; }

.blog1 .post-media { width: 1130px; margin-bottom: 30px; }

.blog1 .post-content { width: 760px; }

.blog1 .post-date { display: block; }

.blog1 .post-date, .blog1 .post-title, .blog1 .post-meta { text-align: center; }

.blog1 .wp-pagenavi { float: none; margin: 0 auto; margin-top: 30px; }

.blog1.two-half .post-holder { width: 1130px; margin: 0 auto; }

.blog1.two-half .post-media { width: 45%; float: right; margin-bottom: 0; margin-left: 5%; }

.blog1.two-half .post:nth-child(2n+2) .post-media { width: 45%; float: left; margin-right: 5%; margin-left: 0; }

.blog1.two-half .post-content { width: 50%; float: left; text-align: left; }

.blog1.two-half .format-quote .post-content, .blog1.two-half .format-quote .post-media { width: 100%; float: left; text-align: left; }

.blog1.two-half .post-date, .blog1.two-half .post-title, .blog1.two-half .post-meta { text-align: left; }

.blog3 .post-media { width: 50%; float: left; margin-right: 5%; margin-bottom: 0; }

.blog3 .post-content { width: 45%; float: left; }

.blog-holder { width: 105%; margin-left: -3%; margin-bottom: 30px; float: left; }

.blog-holder.blog5 .post, .blog-holder.blog6 .post, .blog-holder.blog7 .post { float: left; margin-left: 3%; margin-bottom: 3%; padding: 0; background-color: #f5f5f5; border-bottom: none; }

.blog-holder.blog5 .post, .blog-holder.blog7 .post { width: 46%; }

.blog-holder.blog6 .post { width: 29.63%; }

.blog-holder.blog5 .post-content, .blog-holder.blog6 .post-content, .blog-holder.blog7 .post-content { padding: 20px; overflow: hidden; }

.post-media.featured-image { position: relative; }

.post-media.featured-image .player { position: absolute; left: 5%; bottom: 5%; width: 90%; }

/*-------------------------------------------------- TIMELINE STYLE BLOG POST ---------------------------------------------------*/
.timeline { margin: 0; padding: 0; list-style: none; position: relative; }

.timeline:before { content: ""; position: absolute; top: 0; bottom: 0; width: 5px; background: #f5f5f5; left: 21%; margin-left: -5px; }

.timeline .post { margin: 0 0 40px 0; padding: 0; position: relative; border: none; }

.timeline .post-info { display: block; width: 21%; position: absolute; text-align: right; font-size: 11px; text-transform: uppercase; font-weight: bold; }

.timeline .post-info strong { color: #999999; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: none; }

.timeline .post-info:after { border: 5px solid #fff; content: ""; height: 9px; width: 9px; position: absolute; top: 10px; right: -7px; background-color: #ccc; border-radius: 30px 30px 30px 30px; }

.timeline .post-info, .timeline .post-info li { display: block; }

.timeline .post-info ul { margin: 0 30px 0 0; padding: 0; }

.timeline .post-info li { margin-right: 0; margin-bottom: 5px; }

.timeline .post-info li:after { content: ""; margin-left: 0; }

.timeline .post-info li a { color: #676767; }

.timeline .post-info li.comments a:hover { color: #676767; }

.timeline .post-content { margin: 0 0 0 25%; background: #f5f5f5; padding: 20px; position: relative; border-radius: 2px; width: 75%; }

.timeline .post-title { overflow: hidden; }

.timeline .post-content:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #f5f5f5; border-width: 10px; top: 10px; }

.timeline .round .post-date { float: right; width: 100px; margin: 0 25px 0 0; }

.timeline .round .post-title, .timeline .round .post-meta, .timeline .round .post-entry { padding-left: 0; }

@media only screen and (min-width: 320px) and (max-width: 959px) { .timeline:before { display: none; } .timeline .post-info { width: 100%; position: relative; padding: 0; text-align: left; float: left; } .timeline .post-info:after { display: none; } .timeline .post-info ul { margin: 0 0 0 7px; padding: 0; } .timeline .post-info li { display: inline; float: left; } .timeline .post-info li:after { content: "\2022"; color: #999; margin: 0 7px; } .timeline .post-info li:first-child:after, .timeline .post-info li:last-child:after { content: ""; } .timeline .post-info li { margin: 15px 0 0 0; } .timeline .post-info li.avatar { margin: 0 15px 0 5px; } .timeline .post-info li.avatar img { width: 30px; display: block; } .timeline .post-content { margin: 0 0 30px 0; float: left; } .timeline .post-content:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #f5f5f5; top: -20px; } }

/*-------------------------------------------------- POST META ---------------------------------------------------*/
.post-media, .post-title, .post-meta { display: block; }

.post-title h2.title, .post-title h2.title a { font: 300 26px/30px 'Open Sans',Helvetica,Arial,sans-serif; text-transform: uppercase; margin: 0; }

.post-title h2.title a:hover { color: #676767; }

.post-title blockquote { padding: 0; margin: 0; width: 100%; color: #aaa; }

.post-title blockquote:before { content: ""; }

.post-title blockquote p { font: 300 26px/32px 'Open Sans',Helvetica,Arial,sans-serif; font-style: normal; padding-left: 0; }

.post-meta { margin: 5px 0 20px 0; padding: 0; font-size: 11px; text-transform: uppercase; color: #aaa; font-weight: 300; }

.post-meta ul { margin: 0; padding: 0; list-style: none; }

.post-meta li { display: inline; margin-right: 5px; }

.post-meta li:last-child { margin-right: 0; }

.post-meta li:after { content: "\2022"; }

.post-meta li:last-child:after { content: ""; }

.post-meta span { padding-right: 7px; }

.post-meta a { color: #aaa; display: inline-block; }

.post-meta a:hover { color: #676767; }

.post-entry .button { margin-top: 14px; }

/*-------------------------------------------------- POST MEDIA ---------------------------------------------------*/
.format-video iframe, .format-video object, .format-video embed { /*	position: absolute;            top: 0;                       left: 0;                         width: 100%;                     height: 100%;*/ }

.post-media { margin-bottom: 20px; position: relative; }

.post-media img { display: block; width: 100%; }

.responsive-video-div > div { position: relative; }

.responsive-video-div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.responsive-video-vimeo { max-width: 1130px; }

.responsive-video-vimeo > div { padding-top: 56.26506%; }

.responsive-video-youtube { max-width: 1130px; }

.responsive-video-youtube > div { padding-top: 56.271981%; }

/*-------------------------------------------------- POST DATE ---------------------------------------------------*/
.post-date { color: #676767; text-transform: uppercase; font: 700 11px/17px 'Open Sans',Helvetica,Arial,sans-serif; margin-bottom: 15px; }

.post-date ul { margin: 0; padding: 0; }

.post-date li { display: inline; margin-right: 5px; }

.post-date li:last-child { margin-right: 0; }

.post-date span.day:after { content: ","; }

.post-date li:after { content: "/"; margin-left: 7px; }

.post-date li:last-child:after { content: ""; margin-left: 0; }

/*-------------------------------------------------- POST DATE ROUNDED ---------------------------------------------------*/
.round .post-date { float: left; width: 100px; }

.round .post-title, .round .post-meta, .round .post-entry { padding-left: 100px; }

.round .post-date ul { list-style-type: none; display: inline-block; margin: 0; padding: 0; }

.round .post-date li:after { content: ""; }

.round .post-date li { width: 75px; height: 75px; text-align: center; text-transform: uppercase; border-radius: 90px 90px 90px 90px; font-weight: 600; margin: 0; display: block; }

.round .post-date span { padding-right: 0; display: block; }

.round .post-date .date { color: #aaa; padding: 0; background-color: #eee; }

.round .post-date .date span { display: block; font-size: 11px; line-height: 14px; letter-spacing: 1px; }

.round .post-date .date span.day { font-size: 27px; line-height: 25px; }

.round .post-date span.day:after { content: ""; }

.round .post-date .date span.month { padding-top: 10px; }

.round .post-date li.comments { border: 2px solid #eee; margin-top: -10px; }

.round .post-date li.comments a { color: #aaa; cursor: pointer; font-size: 10px; letter-spacing: -0.1em; }

.round .post-date li.comments a:hover { color: #676767; }

.round .post-date li.comments a span { font-size: 22px; letter-spacing: 0; display: block; margin-top: 17px; }

/*-------------------------------------------------- WP-PAGINATION  ---------------------------------------------------*/
.wp-pagenavi { width: 100%; }

.wp-pagenavi span.pages { margin: 7px 30px 0 0; padding: 0; background-color: transparent; }

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span { display: inline-block; color: #676767; font-size: 11px; text-decoration: none; font-weight: bold; margin: 0 0 0 4px; padding: 5px 12px; text-transform: uppercase; border-radius: 22px 22px 22px 22px; border: 1px solid #fff; -moz-transition: all 0.14s ease 0s; -webkit-transition: all 0.14s ease 0s; -o-transition: all 0.14s ease 0s; }

.wp-pagenavi a:hover { color: #fff; background-color: #444; border: 1px solid #444; }

.wp-pagenavi span.current { color: #444; border: 1px solid #444; }

.wp-pagenavi.aligncenter { float: none; margin: 0 auto; text-align: center; }

/*-------------------------------------------------- BLOG SINGLE NO SIDEBAR ---------------------------------------------------*/
.blog-single .post { border-top: none; border-bottom: none; margin: 0; padding: 0; }

.blog-single .post-media { width: 1130px; margin: 50px auto 30px auto; }

.blog-single .post-content { width: 760px; margin: 0 auto; border-bottom: 2px solid #eee; padding: 50px 0; text-align: justify; overflow: hidden; }

.blog-single .post:last-child .post-content { border-bottom: none; padding-bottom: 0; }

.blog-single .post:first-child .post-content { padding: 0 0 50px 0; }

.blog-single .post-date, .blog-single .post-title, .blog-single .post-meta { text-align: center; }

/*-------------------------------------------------- ARTICLE NAVIGATION ---------------------------------------------------*/
.post-nav ul { list-style-type: none; margin: 0; padding: 0; }

.post-nav li { width: 50%; float: left; padding: 0 4%; }

.post-nav li.prev { padding-left: 0; text-align: right; }

.post-nav li.next { padding-right: 0; text-align: left; }

.post-nav li:first-child { border-right: 2px solid #eee; }

.post-nav li small { font-weight: bold; text-transform: uppercase; }

.post-nav li small.date { color: #aaa; }

.post-nav li .title { margin-bottom: 0; margin-top: 10px; font-size: 24px; line-height: 28px; font-weight: 300; }

/*-------------------------------------------------- COMMENTS ---------------------------------------------------*/
.comment-list { margin: 0; padding: 15px 0 0 0; }

.comment { list-style-type: none; margin: 15px 0 0 0; }

.comment:first-child { border-top: none; margin-top: 0; }

.comment div { margin: 0; overflow: hidden; background-color: #f5f5f5; padding: 25px; position: relative; }

.comment .avatar { margin: 0; padding: 0; width: 44px; height: 44px; float: left; z-index: 1; }

.avatar h2 { margin-bottom: 0px; }

.comment .avatar img { border-radius: 20px 20px 20px 20px; width: 44px; height: 44px; }

.comment .comment-meta, .comment .comment-wrap { width: 91.5%; padding: 0; float: right; }

.comment .comment-meta { font-size: 11px; }

.comment .author, .comment .author a { color: #676767; margin: 0; font-weight: bold; font-size: 12px; text-transform: uppercase; }

.comment .date { color: #aaa; font-size: 10px; text-transform: uppercase; margin: 0 0 5px 0; }

.comment .reply { padding: 1px 5px; border-radius: 3px 3px 3px 3px; background-color: #444; color: #fff; }

.comment .reply:hover { color: #fff; }

.comment .comment-wrap { margin-top: 15px; }

.comment .children { padding: 0 0 0 35px; margin: 15px 0 0 15px; border-left: 2px solid #eee; background: url(../images/sprite.png) no-repeat 0 -379px transparent; }

.comment .children div { background-color: #444; color: #f5f5f5; }

.comment .children .comment-meta .reply { background-color: #fff; color: #444; }

.comment .children .comment-meta .reply:hover { color: #fff; }

.comment .children .author, .comment .children .author a { color: #fff; }

.comment .children .date { color: #999999; }

.comment .children .comment { list-style-type: none; }

.comment div { margin: 0; overflow: hidden; background-color: #f5f5f5; padding: 25px; }

.comment .children .comment { margin: 15px 0 0 0; padding: 0 0 0 0; position: relative; }

.comment .children .comment:first-child { margin-top: 0; }

.comment .children .comment-wrap, .comment .children .comment-meta { width: 91%; }

.comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 90%; }

.comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 89.5%; }

.comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 89%; }

.comment .children .children .children .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 88.5%; }

/*-------------------------------------------------- COMMENT FORM ---------------------------------------------------*/
.comment-form { width: 90%; }

.comment-form p { position: relative; overflow: hidden; margin-bottom: 0; padding-bottom: 20px; text-align: left; }

.comment-form label { display: inline; font-size: 11px; font-weight: bold; line-height: 36px; }

.comment-form .comment-form-comment label { display: none; }

.comment-form input { width: 60%; float: left; margin-right: 15px; }

.comment-form textarea { width: 96%; height: 150px; }

.comment-form input.submit { width: 140px; }

/*-------------------------------------------------- POST-TIMELINE ---------------------------------------------------*/
.archive { list-style-type: circle; color: #aaa; }

.archive li { padding: 0 0 10px 3px; margin: 0 0 0 10px; }

.archive a { text-transform: capitalize; font-size: 14px; }

.archive a:hover { color: #676767; text-decoration: underline; }

/*-------------------------------------------------- POST-TIMELINE FULLWIDTH ---------------------------------------------------*/
.archive.fullwidth { list-style-type: none; margin: 0; padding: 0; border: none; }

.archive.fullwidth li { border-bottom: 1px solid #eee; padding: 30px 0; margin: 0; }

.archive.fullwidth li:last-child { border: none; }

.archive.fullwidth div { position: relative; margin: 0 auto; text-transform: capitalize; width: 1130px; display: block; }

.archive.fullwidth li:hover { background-color: #444; }

.archive.fullwidth .title { margin: 0 0 5px 0; }

.archive.fullwidth .title a { font-size: 26px; line-height: 30px; font-weight: 300; letter-spacing: -0.5px; word-spacing: 5px; color: #676767; }

.archive.fullwidth li:hover .title a:hover { color: #fff; text-decoration: none; }

.archive.fullwidth p.meta { margin: 0; padding: 0; font-size: 11px; text-transform: uppercase; font-weight: 300; color: #aaa; }

.archive.fullwidth span { font-weight: bold; }

/*-------------------------------------------------- ARCHIVE LIST ---------------------------------------------------*/
.archive-nav { width: 100%; overflow: hidden; background-color: #333; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; }

.archive-nav div { display: none; width: 1130px; margin: 0 auto; padding: 30px 0; overflow: hidden; }

.archive-nav ul { width: 25%; float: left; margin: 0; padding: 0; list-style-type: none; }

.archive-nav ul:last-child { margin-right: 0; }

.archive-nav ul li { display: block; margin: 0 5% 5px 0; }

.archive-nav strong { display: block; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 2px solid #888; color: #fff; font-style: italic; }

.archive-nav a { color: #888; font-size: 11px; font-weight: bold; text-transform: uppercase; }

.archive-nav .tagcloud a { background-color: #444; color: #999; }

.archive-nav .tagcloud a:hover { color: #FFFFFF !important; }

.archive-nav a:hover { color: #fff; }

.archive-nav ul li a span { margin-left: 5px; font-style: italic; font-weight: normal; }

/*---------------960 Screen size---------------*/
@media only screen and (min-width: 959px) and (max-width: 1170px) { .header, #mobile-menu ul, .page-header, .page-header .holder, .section, .section .holder { width: 900px; } #three-lines-menu { display: none; } .alternate, .parallax-background { width: 100%; } .item-info { padding: 15px; } .hexagon.col3 { margin: 0 0 0 115px; } .hexagon.col3 li { margin: 0 0 30px 30px; } .hexagon.col4 { margin: 0; } .hexagon.col4 li { margin: 0 0 25px 25px; } .circle.col3, .circle.col4 { margin: 0; } .circle.col3 li, .circle.col4 li { width: 290px; height: 290px; margin: 0 0 10px 12px; } .circle.col3 .item-container img, .circle.col4 .item-container img { height: 290px; } .circle.col3 li .item-info-overlay p, .circle.col4 li .item-info-overlay p, .col4 li .item-info-overlay p { line-height: 16px; font-size: 11px; margin-top: 8px; } .col4 .item-info-overlay p { line-height: 20px; font-size: 12px; } .circle.col4 li .item-info-overlay p:before, .col4 li .item-info-overlay p:before { display: none; } .gallery.col4 figcaption { padding: 10px; } }

/*---------------iPad landscape---------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .parallax-background { background-attachment: scroll; } .alternate, .parallax-background { width: 100%; } }

/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { .header, #mobile-menu ul, .page-header, .page-header .holder, .section, .section .holder { width: 650px; } .alternate, .parallax-background { width: 100%; } #header-wrapper { position: relative; } #header-wrapper { padding: 30px 0; } #primary-menu { display: none; } .three-fourth, .one-fourth { width: 48%; } .one-fourth:nth-child(2n+2) { margin-right: 0; margin-bottom: 25px; } .button-group { width: 80%; } .col2 li, .col3 li, .col4 li { width: 48.88%; } .shaped li .item-info-overlay p { line-height: 20px; font-size: 13px; } .item-info { padding: 15px; } .hexagon.col3 { margin: 0; } .hexagon.col3 li { margin: 0 0 30px 20px; } .hexagon.col4 { margin: 0 0 0 14px; } .hexagon.col4 li { margin: 0 0 30px 30px; } .circle.col3, .circle.col4 { margin: 0; } .circle.col3 li, .circle.col4 li { width: 300px; height: 300px; margin: 0 0 20px 20px; } .circle.col3 .item-container img, .circle.col4 .item-container img { height: 300px; } .circle.col3 li .item-info-overlay p, .circle.col4 li .item-info-overlay p { line-height: 16px; font-size: 11px; } .circle.col3 li .item-info-overlay p:before, .circle.col4 li .item-info-overlay p:before { margin-bottom: 8px; } .grid.row3 div, .grid.row4 div, .grid.row5 div, .grid.row6 div { width: 33%; } .grid.row4 div:nth-child(4n+4), .grid.row5 div:nth-child(5n+5), .grid.row6 div:nth-child(6n+6) { margin-right: 0.5%; } .grid.row4 div:nth-child(3n+3), .grid.row5 div:nth-child(3n+3), .grid.row6 div:nth-child(3n+3) { margin-right: 0; } .google-map, .google-map-2, .google-map-3 { height: 400px; } .form input, .form .contact-error, .contact-success { width: 100%; } .contact-button { margin-top: 0; } .parallax-background { background-attachment: scroll; } }

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) { .header, #mobile-menu ul, .page-header, .page-header .holder, .section, .section .holder { width: 420px; } .alternate, .parallax-background { width: 100%; } #primary-menu { display: none; } .page-header div { width: 100%; } .page-header .alignright { float: left; } .page-header div:last-child { margin-bottom: 0; } .one, .one-half, .two-third, .one-third, .one-fourth, .three-fourth, .one-fifth { float: left; position: relative; width: 100%; margin-right: 0; margin-bottom: 25px; } .button-group { width: 100%; } .button-group .button { font-size: 15px; } .portfolio-grid { width: 100%; margin: 0; } .portfolio-grid ul li { margin: 0 0 15px 0; } .col2 li, .col3 li, .col4 li { width: 100%; } .item-info { padding: 15px; } .shaped li .item-info-overlay p { line-height: 20px; font-size: 13px; } .hexagon.col3 { margin: 0 0 0 60px; } .hexagon.col3 li { margin: 0 0 30px 0; } .hexagon.col4 { margin: 0 0 0 73px; } .hexagon.col4 li { margin: 0 0 30px 0; } .circle.col3 li, .circle.col4 li { width: 320px; height: 320px; margin: 0 0 20px 50px; } .circle.col3 .item-container img, .circle.col4 .item-container img { height: 320px; } .circle.col3 li .item-info-overlay p, .circle.col4 li .item-info-overlay p { line-height: 16px; font-size: 11px; margin-top: 8px; } .circle .item-info-overlay div { margin: 22% 9% 0 9%; } .grid.row3 div, .grid.row4 div, .grid.row5 div, .grid.row6 div { width: 49.5%; } .grid.row3 div:nth-child(3n+3), .grid.row4 div:nth-child(4n+4), .grid.row5 div:nth-child(5n+5), .grid.row6 div:nth-child(6n+6) { margin-right: 0.5%; } .grid.row3 div:nth-child(2n+2), .grid.row4 div:nth-child(2n+2), .grid.row5 div:nth-child(2n+2), .grid.row6 div:nth-child(2n+2) { margin-right: 0; } .google-map, .google-map-2, .google-map-3 { height: 300px; } .form input, .form .contact-error, .contact-success { width: 100%; } .contact-button { margin-top: 0; } .parallax-background { background-attachment: scroll; } .parallax-background h2 { font-size: 26px; line-height: 30px; } .parallax-background h3 { font-size: 18px; line-height: 22px; } }

/*--------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) { .header, #mobile-menu ul, .page-header, .page-header .holder, .section, .section .holder { width: 300px; } .alternate, .parallax-background { width: 100%; } #primary-menu { display: none; } .page-header div { width: 100%; } .page-header .alignright { float: left; } .page-header div:last-child { margin-bottom: 0; } .one, .one-half, .two-third, .one-third, .one-fourth, .three-fourth, .one-fifth { float: left; position: relative; width: 100%; margin-right: 0; margin-bottom: 25px; } .button-group { width: 100%; } .button-group .button { font-size: 15px; } .portfolio-grid { width: 100%; margin: 0; } .portfolio-grid ul li { margin: 0 0 15px 0; } .col2 li, .col3 li, .col4 li { width: 100%; } .item-info { padding: 15px; } .shaped li .item-info-overlay p { line-height: 20px; font-size: 13px; } .hexagon.col3, .hexagon.col3 li { margin: 0 0 20px 0; } .hexagon.col4 li { margin: 0 0 20px 14px; } .circle.col3 li, .circle.col4 li { width: 300px; height: 300px; margin: 0 0 20px 0; } .circle.col3 .item-container img, .circle.col4 .item-container img { height: 300px; } .circle .item-info-overlay div { margin: 20% 9% 0 9%; } .grid.row3 div, .grid.row4 div, .grid.row5 div, .grid.row6 div { width: 100%; margin-bottom: 5px; } .grid.row3 div:nth-child(3n+3), .grid.row4 div:nth-child(4n+4), .grid.row5 div:nth-child(5n+5), .grid.row6 div:nth-child(6n+6) { margin-right: 0; } .google-map, .google-map-2, .google-map-3 { height: 200px; } .form input, .form .contact-error, .contact-success { width: 100%; } .contact-button { margin-top: 0; } .flexslider.fullwidth { height: 360px; margin-bottom: -2px; } .button-group .button { width: 100%; } .button-group .button:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-botom-right-radius: 0; border-bottom: 1px solid #fff; border-right: none; } .button-group .button:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; } .parallax-background { background-attachment: scroll; } .parallax-background h2 { font-size: 26px; line-height: 30px; } .parallax-background h3 { font-size: 18px; line-height: 22px; } }

/*---------------Blog Responsive CSS---------------*/
/*---------------960 Screen size---------------*/
@media only screen and (min-width: 959px) and (max-width: 1170px) { #inner-content { width: 650px; } #sidebar { width: 200px; } .blog1 .post { padding: 50px 0; } .blog1 .post-media { width: 900px; } .blog1 .post-content { width: 650px; } .blog1.two-half .post-holder { width: 900px; } .blog-holder { width: 103%; margin: 0 0 0 -3%; } .blog-holder.blog5 .post, .blog-holder.blog6 .post { width: 46.89%; margin: 0 0 3% 3%; } .blog-holder.blog7 { width: 100%; margin: 0; } .blog-holder.blog7 .post { width: 100%; margin: 0 0 5% 0; } .blog-single .post-media { width: 900px; } .blog-single .post-content { width: 650px; } #comment-form.form input { width: 75%; } #comment-form, #comment-form.form textarea { width: 100%; } .comment .comment-wrap, .comment .comment-meta { width: 85.4%; } .comment .children .comment-wrap, .comment .children .comment-meta { width: 83%; } .comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 79.8%; } .comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 75%; } .comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; } .comment .children .children .children .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 100%; } .archive-nav div, .archive.fullwidth div { width: 900px; } }

/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { #inner-content, #sidebar { width: 650px; } #inner-content { width: 650px; border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; } .blog1 .post { padding: 50px 0; } .blog1 .post-media { width: 650px; } .blog1 .post-content { width: 500px; } .blog1.two-half .post-holder { width: 650px; } .blog3 .post-media { margin-bottom: 20px; } .blog-holder { width: 103%; margin: 0 0 0 -3%; } .blog-holder.blog5 .post, .blog-holder.blog6 .post { width: 46.89%; margin: 0 0 3% 3%; } .blog-holder.blog7 { width: 100%; margin: 0; } .blog-holder.blog7 .post { width: 100%; margin: 0 0 5% 0; } .timeline .post-content { width: 100%; } .blog-single .post-media { width: 650px; } .blog-single .post-content { width: 500px; } #comment-form.form input { width: 75%; } #comment-form, #comment-form.form textarea { width: 100%; } .comment .comment-wrap, .comment .comment-meta { width: 85.4%; } .comment .children .comment-wrap, .comment .children .comment-meta { width: 83%; } .comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 79.8%; } .comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 75%; } .comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; } .comment .children .children .children .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 100%; } .archive-nav div, .archive.fullwidth div { width: 650px; } }

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) { #inner-content, #sidebar { width: 420px; } #inner-content { border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; } .blog1 .post { padding: 50px 0; } .blog1 .post-media, .blog1 .post-content { width: 420px; } .blog1.two-half .post-holder, .blog1.two-half .post-media, .blog1.two-half .post-media.right, .blog1.two-half .post-content, .blog1.two-half .post:nth-child(2n+2) .post-media { width: 420px; } .blog1.two-half .post-media { margin-bottom: 20px; } .blog3 .post-media, .blog3 .post-content { width: 100%; margin: 0; } .blog3 .post-media { margin-bottom: 20px; } .blog-holder { width: 100%; margin: 0; } .blog-holder.blog5 .post, .blog-holder.blog6 .post, .blog-holder.blog7 .post { width: 100%; margin: 0 0 30px 0; } .timeline .post-content { width: 100%; } .blog-single .post-media, .blog-single .post-content { width: 420px; } #comment-form.form input { width: 75%; } #comment-form, #comment-form.form textarea { width: 100%; } .comment .comment-wrap, .comment .comment-meta { width: 85.4%; } .comment .children .comment-wrap, .comment .children .comment-meta { width: 83%; } .comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 79.8%; } .comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 75%; } .comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; } .comment .children .children .children .children .children .comment-wrap, .comment .children .children .children .children .children .comment-meta { width: 100%; } .archive-nav div, .archive.fullwidth div { width: 420px; } .archive-nav ul { width: 50%; } }

/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) { #inner-content, #sidebar { width: 300px; } #inner-content { border-bottom: 2px solid #eee; margin: 0 0 40px 0; padding: 0 0 40px 0; } .blog1 .post { padding: 50px 0; } .blog1 .post-media, .blog1 .post-content { width: 300px; } .blog1.two-half .post-holder, .blog1.two-half .post-media, .blog1.two-half .post-media.right, .blog1.two-half .post-content { width: 300px; } .blog1.two-half .post-media { margin-bottom: 20px; } .blog3 .post-media, .blog3 .post-content { width: 100%; margin: 0; } .blog3 .post-media { margin-bottom: 20px; } .blog-holder { width: 100%; margin: 0; } .blog-holder.blog5 .post, .blog-holder.blog6 .post, .blog-holder.blog7 .post { width: 100%; margin: 0 0 30px 0; } .timeline .post-content { width: 100%; } .blog-single .post-media, .blog-single .post-content { width: 300px; } #comment-form.form input { width: 75%; } #comment-form, #comment-form.form textarea { width: 100%; } .comment .comment-wrap, .comment .comment-meta { width: 100%; } .comment .children .comment-wrap, .comment .children .comment-meta { width: 100%; } .comment .children .children .comment-wrap, .comment .children .children .comment-meta { width: 100%; } .comment .children .children .children .comment-wrap, .comment .children .children .children .comment-meta { width: 100%; } .comment .children .children .children .children .comment-wrap, .comment .children .children .children .children .comment-meta { width: 100%; } .archive-nav div, .archive.fullwidth div { width: 300px; } .archive-nav ul { width: 100%; } .archive-nav ul li { margin: 0 0 5px 0; } .post-nav li { width: 100%; padding: 0 0 15px 0; margin: 0 0 15px 0; } .post-nav li.prev { text-align: left; } .post-nav li:first-child { border-bottom: 2px solid #eee; border-right: none; } .post-nav li:last-child { padding: 0; margin: 0; } }

a { color: #b72f25; }

blockquote.color { background: #b72f25; }

.dropcap.color { background-color: #b72f25; }

.parallax-background.color .item-mask { background: #b72f25; }

.section.alternate.color { background: #b72f25; }

.menu li a:hover, .menu li.sfHover a, .menu li:hover ul li a:hover, .menu li li:hover ul li a:hover, .menu li ul li.sfHover a { color: #b72f25; }

#three-lines-menu a:hover { background: #b72f25; }

#mobile-menu ul li a.active { background: #b72f25; }

#mobile-menu ul li a:hover { color: #b72f25; }

#footer a:hover { color: #b72f25; }

.bra_tweets .tweet_text a, #footer .bra_tweets .tweet_text a { color: #b72f25; }

.bra_tweets a:hover, #footer .bra_tweets a:hover, .bra_tweets a.twitter_time:hover, #footer .bra_tweets a.twitter_time:hover { color: #b72f25; }

.photostream a .item-mask:hover { background-color: #b72f25; }

.team h2 { color: #b72f25; }

.team .social-personal li a:hover { color: #b72f25; }

.skills-graph li span { background-color: #b72f25; }

.grey:hover { background-color: #b72f25; }

.highlight1 { background-color: #b72f25; }

.item-info-overlay h3.title, .item-info-overlay h3.title a { color: #b72f25; }

.item-info-overlay .outline:hover { box-shadow: 0 0 0 1px #b72f25 inset; background-color: #b72f25; }

.filterable li.current a { color: #b72f25; }

ul.item-nav li:hover { background: #b72f25; }

.contact-success { background-color: #b72f25; }

.tagcloud a:hover { background-color: #b72f25; }

.widget a:hover { color: #b72f25; }

.timeline .post-info a:hover { color: #b72f25; }

.timeline .post-info li.comments a { color: #b72f25; }

.post-title h2.title, .post-title h2.title a { color: #b72f25; }

.comment .author a:hover, .comment .children .author a:hover { color: #b72f25; }

.comment .reply:hover { background-color: #b72f25; }

.comment .children .comment-meta .reply:hover { background-color: #b72f25; }

.archive.fullwidth li:hover .title a { color: #b72f25; }

.archive-nav .tagcloud a:hover { background-color: #b72f25; }

#archive-nav a.active { color: #b72f25; }

.flex-direction-nav a:hover { background-color: #b72f25; }

.fwslider nav span:hover { background-color: #b72f25; }

.cbp-fwdots span:hover { border: 2px solid #b72f25; background-color: #b72f25; }

.cbp-fwdots span.cbp-fwcurrent { border: 2px solid #b72f25; }

.bx-wrapper .bx-pager.bx-default-pager a:hover { border: 2px solid #b72f25; background-color: #b72f25; }

.bx-wrapper .bx-pager.bx-default-pager a.active { border: 2px solid #b72f25; }

.section.alternate.dark .bx-wrapper .bx-pager.bx-default-pager a:hover { border: 2px solid #b72f25; background-color: #b72f25; }

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { background-color: #b72f25; }

div.jp-play-bar { background-color: #b72f25; }

div.jp-volume-bar-value { background-color: #b72f25; }

/* overrides for style.css */
#primary-menu { margin-top: 52px; }

.menu li:after { content: "|"; color: #999; }

.menu li:last-child:after { content: ""; }

.item-info h4, .item-info-overlay h4 { font-size: 12px; }

.filterable li a { font-size: 16px; }

.gallery .caption h4 { font-size: 12px; }

.portfolio-grid_img:hover { cursor: pointer; }

/*# sourceMappingURL=manifest.css.map */