/* GLOBAL   
----------------------------------------------------------*/

/* Body */
html, body { width:100%; height:100%; }
body { font-size: 13px; line-height: 1.429; text-align: left;}

/* Headings */
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }	
h4 { font-size: 14px; }	
h5 { font-size: 12px; }	
h6 { font-size: 11px }		
h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 150%; margin-bottom: 10px; }

/* Anchors */
a { outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited {  }
a:hover, a:active { text-decoration:none; }
strong, b { font-weight:800; }
p b, p strong { font-weight:600; }
p { margin-bottom:20px; line-height:22px; }
.alert strong { font-weight:700; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }

/* FONTS */
.btn, .alert, input, textarea, label, select, p, body, .post .category { font-family: 'Open Sans', sans-serif; }
i, blockquote p, .comment-meta a, .comment-reply-link, blockquote small, .post .info, .post .tags { font-family: Georgia, "Times New Roman", Times, serif; }
.media-box .mask .title, .post { font-family: 'Open Sans Condensed', sans-serif; }
.post-title {font-family: 'Open Sans', sans-serif;, cursive; font-size:24px !important; }

::-moz-selection { background: #000; color: #fff; text-shadow:none; }
::selection { background: #000; color: #fff; text-shadow:none; }

/* Helpers */
.clear { clear:both; }
.center { text-align:center; margin:30px auto;}
img.center { margin: 10px 0 20px 100px !important; }
.left { float:left; }
.right { float:right; }
img.right, figure.right { float: right; margin: 0 0 2em 2em; }
img.left, figure.left { float: right; margin: 0 0 2em 2em; }
.align-left { float:left; margin-right:20px; margin-bottom:10px; }
.align-right { float:right; margin-left:20px; margin-bottom:10px; }
.align-center { text-align:center; }
.no-display { display:none; }
.no-border { border:none !important; }
.no-bg { background:none !important ; }
.text-justify { text-align:justify; }
.no-margin { margin:0 !important; }
.visible { display:block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.easing,.clients .client, .featured-posts .item a, #nav li ul li a, .social li a, #flickr_badge_wrapper img, .main-slider-narrow .flex-direction-nav li a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .pagination a, .category a, ul.categories li a, .archives .list a, .tags a, .post .info a, input, textarea { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }


/* HEADER   
----------------------------------------------------------*/
.header-wrap { padding-bottom:10px; }
.header .menu { display:none; margin-bottom:22px; margin-top:10px; height:auto; width:100%;  padding: 5px 10px; font-weight:800; text-transform:uppercase; outline:0; -webkit-appearance: none; -moz-appearance: none; background-image: url(../img/background/select-bg.png); background-position: right center; background-repeat: no-repeat; }

/* LOGO */
#logo { padding:40px 0 20px 0; }
#logo h1 { margin-bottom:0; margin-top:15px; line-height:100%; }
#logo p { margin:1px 0 7px 0; }
#logo img { max-height:70px; float:left; margin-right:16px; }
#logo a:hover { text-decoration:none; background:none; }

/* NAV MENU */
#nav { margin-top:0px; float:right; } 
#nav li { position:relative; display:inline-block; margin:0 4px; } 
#nav > li:last-child { margin-right:0px; }  
#nav li a { position:relative; display:block; padding:17px; min-width:40px; line-height: 18px; text-align:center; font-size:14px; z-index:300; }
#nav li a:hover, #nav li a.selected:hover, #nav li a.current { text-decoration:none;}

/* sub menu */
#nav ul { display:none; position:relative; width:160px; z-index:310; margin:0; position:absolute; top:35px; left:0; padding: 10px 0 0 0; background-image:url(../img/background/nav-dropdown.png); background-position:0px 4px; background-repeat:no-repeat; }
#nav ul li { display:block; padding:0; margin:0; text-align:center; }
#nav ul li a { text-align:left; padding:10px 18px; font-size:12px; }
#nav ul li:first-child a { border-top:none; }
#nav ul li:last-child a { border-bottom:none; }

/* menu level 3 */
#nav ul ul { top:0; right:auto; left:160px; padding:0 8px 8px; 0; background:url(../img/background/nav-dropdown-left.png) 16px 160px no-repeat; }


/* social links */
.social { clear:right; float:right; list-style:none; margin:34px 0 10px 0; }
.footer .social { float:none; }
.footer .social li a { margin:0 5px 8px 0; }
.social li { display:inline-block; text-indent:-999em; }
.social li a { display:block; width:32px; height:32px; margin-left:5px; background-image:url(../img/background/social.png); background-repeat:no-repeat;}
.social li:first-child a { margin-left:0; } 
.social li a:hover { border-top-left-radius:16px; border-bottom-right-radius:16px; border-top-right-radius:16px; border-bottom-left-radius:16px; background-image:url(../img/background/social2.png);}
.social li a.facebook:hover { background-color:#3c5fac;}
.social li a.twitter { background-position:-32px 0; }
.social li a.twitter:hover { background-color:#5ec3df; }
.social li a.flickr { background-position:-64px 0; }
.social li a.flickr:hover { background-color:#FF0084;}
.social li a.rss { background-position:-96px 0; }
.social li a.rss:hover { background-color:#ff9900;}
.social li a.dribble { background-position:-128px 0; }
.social li a.dribble:hover { background-color:#EA4C89;}
.social li a.lastfm { background-position:-160px 0; }
.social li a.lastfm:hover { background-color:#D51007;}
.social li a.linkedin { background-position:-192px 0; }
.social li a.linkedin:hover { background-color:#2089b5;}
.social li a.vimeo { background-position:-224px 0; }
.social li a.vimeo:hover { background-color:#0dadd6;}
.social li a.google { background-position:-256px 0; }
.social li a.google:hover { background-color:#c63d2d;}
.social li a.forrst { background-position:-288px 0; }
.social li a.forrst:hover{ background-color:#5b9a68;}
.social li a.skype { background-position:-320px 0; }
.social li a.skype:hover { background-color:#00aff0;}
.social li a.picassa { background-position:-352px 0; }
.social li a.picassa:hover { background-color:#ffd34e;}
.social li a.youtube { background-position:-384px 0; }
.social li a.youtube:hover { background-color:#c8312b;}



/* FOOTER   
----------------------------------------------------------*/
.footer {color:#39393A; padding-top:10px; padding-bottom:20px; margin-left: auto; margin-right: auto; }
.footer h3, .blog-part h3 { clear:left; margin-top:15px; margin-bottom:10px; font-size:20px;  border-bottom-width:1px; -moz-border-image: url(../img/background/doubleborder.png) 1 0; -webkit-border-image: url(../img/background/doubleborder.png) 1 0; -o-border-image: url(../img/background/doubleborder.png) 1 0 ; border-image: url(../img/background/doubleborder.png) 1 0;}
.footer .widget { min-height:1px;  }
.text-widget .logo { width:56px; float:left; margin:0 15px 10px 0; }
.footer a { font-style:italic; }
.copy-text p { padding-top:10px; margin-bottom:0; text-align:right; font-size:11px; }

/* FLICKR WIDGET */
#flickr_badge_wrapper img { float: left; width: 40px; height: 40px; margin: 0 14px 14px 0; }

/* TWITTER WIDGET */
#twitter-list ul{ margin-left:0; list-style:none; }
#twitter-list ul li { margin-bottom:40px; margin-right:10px; padding-left:28px; background:url(../img/background/twitter.png) left 12px no-repeat; }
#twitter-list ul li span { display:block; padding:10px 16px; line-height:158%; word-wrap:break-word; }
#twitter-list ul li a { float:right; margin-top:2px; }
#twitter-list ul li span a { float:none; margin-top:0; }


/* MIDDLE   
----------------------------------------------------------*/
.middle { padding-bottom:60px; }
.main-slider, .aside { margin-top:1px; }
.content .main-slider { margin-top:4px; }

/* SLIDER   
----------------------------------------------------------*/
.main-slider { margin-bottom:40px !important; }
.flex-container .flex-direction-nav li a { top:auto; bottom:6%; width:32px; height:32px; opacity:0; background-image: url(../img/background/slider-arrows.png); background-position: 0 0; background-repeat: no-repeat; }
.flex-container:hover .flex-direction-nav li a { opacity:1; }
.flex-container .flex-direction-nav li .next { left:72px; background-position:-32px -32px; }
.flex-container:hover .flex-direction-nav li .next { left:52px; }
.flex-container .flex-direction-nav li .next:hover { background-position:0 -32px; } 
.flex-container .flex-direction-nav li .prev { right:auto; left:0px; background-position:0 0; }
.flex-container:hover .flex-direction-nav li .prev { left:20px; }
.flex-container .flex-direction-nav li .prev:hover { background-position:-32px 0; }


/* MAINPAGE BOXES   
----------------------------------------------------------*/
/* media boxes */
.media-box { position:relative; }
.media-box img { display:block; }
.media-box .mask { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.media-box .mask .ico { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-position: 90% 10%; background-repeat:no-repeat; }
.media-box .mask .ico.image { background-image:url(../img/background/media-box-image.png); }
.media-box .mask .ico.video { background-image:url(../img/background/media-box-video.png); }
.media-box .mask .ico.link { background-image:url(../img/background/media-box-link.png); }
.media-box .mask .title { width:40%; margin-left:5%; margin-top:5%; font-size:20px; font-weight:800; line-height:100%; }


/* aside */
.aside h2 { margin-bottom:10px; font-size:24px; color:#333333 !important; font-weight:normal; line-height:32px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.aside p { font-size:13px; word-spacing:0px; color:#666666; font-weight:normal; line-height:24px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; }

/* homepage parts */
.blog-part, .blog-post, .service { padding-top:14px; margin-bottom:10px; }
.blog-part div { padding: 0 20px 0 0px; }
.blog-post h3, .service h3 { font-size:15px; font-weight:400; margin-top:16px; margin-bottom:0px; }
.blog-post h3 { margin-bottom:8px; }
.blog-part h3 { font-weight:800; padding-bottom:10px; margin-bottom:8px; }
.blog-part div p:last-child { margin-bottom:10px; }

/* latest portfolio items */
.latest-portfolio { margin-top:14px; margin-bottom:0px; }
.latest-portfolio .service { margin-top:0; padding-top:0; margin-bottom:40px; }
.latest-portfolio .service h3 { float:left; line-height:100%; }
.latest-portfolio .service span { margin-top:10px; margin-left:6px; font-size:11px; font-weight:600; text-transform:uppercase; }
.latest-part { padding-top:14px; margin-bottom:15px; }
.latest-part p { float:left; text-align:justify; }
.latest-part span { padding-left:10px; font-size:13px; font-style:italic; text-transform:lowercase; color:#666666; font-weight:400; font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.latest-part h3 { padding-left:10px; font-size:24px; color:#333333 !important; font-weight:800; line-height:32px; font-family: 'Open Sans Condensed',sans-serif; }

/* services */
.services { clear:left; text-align:center; margin-top:14px; margin-bottom:1px; }
.services .item { background-image:url(../img/background/hash-light.png); margin-top:14px; margin-bottom:15px; }
.services img { padding-top:7px; display:inline-block; margin:5px auto; width:64px; height:64px; }
.services h3 { padding-left:10px; font-size:24px; color:#333333 !important; font-weight:800; line-height:32px; font-family: 'Open Sans Condensed',sans-serif; }
.services h3 span { padding-left:10px; font-size:13px; font-style:italic; text-transform:lowercase; color:#666666; font-weight:400; font-family: 'Open Sans',Helvetica,Arial,sans-serif; padding-right:10px; }
.services .item h3 { font-size:20px; color:#333333 !important; font-weight:800; line-height:32px; font-family: 'Open Sans Condensed',sans-serif;}
.services p {padding-left:10px; padding-right:10px; float:left; text-align:justify; font-size:13px; word-spacing:0px; color:#666666; font-weight:normal; line-height:24px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.service-title { text-align:left; padding-top:0px !important; margin-bottom:0 !important; }
.service-title span { float: right; font-size: 14px; }

/* clients */
.clients { margin-top:10px; margin-bottom:1px; }
.clients .client { margin-top:20px; margin-bottom:1px; text-align:center; opacity:.5; }
.clients .client:hover { opacity:1; }
.clients img { max-height:100%; }

/* CONTENT TYPOGRAPHY STYLES  
----------------------------------------------------------*/
.content h2, .content h3, .content h4, .content h5, .content h6 { clear:left; font-weight:400; }
.content h2 { padding-top:10px; padding-bottom:4px; margin-bottom:20px; }
.content h3 { font-weight:600; padding-top:8px; margin-bottom:12px; }
.content h6 { font-weight:600; }

/* page header */
.page-header { margin-bottom:30px !important; margin-top:18px !important; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { margin-left:12px; margin-top:6px; }
h1 small { font-size:15px; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; }

/* inline labels */
.label { font-size: 12px; text-transform:none; text-shadow:0 1px 0 rgba(0,0,0,.5); }

/* list styles */
.content ul.list, .content ol.list { margin-bottom:20px; padding-left:8px; }
.content ul.list li, .content ol.list li { line-height:140%; margin:0 0 6px 0; }
ul.arrow li { list-style-image:url(../img/background/list-arrow.png); }
ul.check li { list-style-image:url(../img/background/list-check.png); }
ul.plus li { list-style-image:url(../img/background/list-plus.png); }
ul.cube li { list-style-image:url(../img/background/list-cube.png); }

/* table */
.table th { font-weight:600; }

/* featured text + button */
.featured { padding:20px 0; margin-bottom:30px; }
.featured h3 { margin:4px 20px 0 26px; font-weight:800; font-family: 'Open Sans Condensed',sans-serif; font-size:20px; }
.featured .featured-btn {text-align:right; } 
.featured .featured-btn .btn { margin-right:30px; }

/* blockquotes */
blockquote { margin:20px 30px 20px 0; margin-left:0 !important; font-style:italic; padding-left:70px; padding-top:20px; border:0; background:url(../img/background/quotes.png) left top no-repeat; }
blockquote.well { padding-left:70px; padding-top:20px; background-position:10px 10px; }
blockquote p { margin-bottom:12px; line-height:140%; }

/* tagline */
.tagline { padding-top:14px; padding-bottom:16px; margin-bottom:24px !important; text-align:center; }
.content .tagline { margin-top:38px; }
.tagline h3 { padding:0 80px; margin-bottom:14px; font-size:25px; line-height:134%; font-weight:300; }
.tagline p { font-size:15px; }
.tagline *:first-child { padding-top:0; margin-top:0; }
.tagline *:last-child { padding-bottom:0; margin-bottom:0; }

/* tabs */
.nav-tabs > li > a { padding-top: 15px; padding-bottom: 15px; }
.nav-tabs > li > a, .nav-pills > li > a { padding-right: 15px; padding-left: 20px; margin-right: 6px; }
.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { margin-bottom: 5px; }
.nav-tabs > li { margin-bottom:0; }
.nav-tabs > li > a { border:0; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { border:0; font-weight:800; }
.tab-content > .tab-pane, .pill-content > .pill-pane { padding:10px 20px; }
.tabs-left .nav-tabs > li:last-child > a, .tabs-right .nav-tabs > li:last-child > a { margin-bottom: 0; }
.tabs-left .nav-tabs > li > a { margin-right: 0px; }

/* accordion */
.accordion-group { border:0; }
.accordion-heading .accordion-toggle { padding:12px 15px; font-size:13px; font-weight:400; cursor:pointer; }
.accordion-heading .accordion-toggle:hover { text-decoration:none; }
.accordion-group .accordion-heading .accordion-toggle { font-weight:600; border-radius:4px; }
.accordion-group.active .accordion-heading .accordion-toggle { font-weight:800; }
.accordion-body { display:none; padding:0; margin:0; }
.accordion-body .accordion-inner { margin:0; padding:20px; line-height:160%; }
.accordion-body p { margin-bottom:0; }

/* toggles */
.toggle.accordion { margin-bottom:0; }
.accordion-group .accordion-heading .accordion-toggle i { margin-right:10px; }
.accordion-group .accordion-heading .accordion-toggle i.icon-active { display:none; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-active { display:inline-block; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-passive { display:none; }

/* lightbox titles */
div.pp_default .pp_description { margin-top:8px !important; font-size:14px !important; font-weight:600 !important; }


/* CONTACT PAGE 
----------------------------------------------------------*/
.map { margin:30px 0; }
.contact-form { margin-top:30px; margin-bottom:30px; }
.contact-form label { display:block; }
.contact-form .text { width:94%; padding:10px; margin-bottom:20px; }
.contact-form textarea.text { min-height:100px; }
.contact-form .btn { margin-top:10px; padding:10px 60px; font-size:18px; font-weight:700; }
.contact-info { margin-top:28px; }
.contact-info p { line-height:100%; margin-bottom:10px; }
.contact-info b { min-width:60px; display:inline-block; }
.contact-info i { margin-right:10px; margin-top:3px; }
.contact-alert { margin-top:30px; }
.submit-area.loading { background-image:url(../img/background/loading.gif); background-position:right bottom; background-repeat:no-repeat; }

/* validation */
label.error { display:none !important; } 
input, textarea { outline:3px solid #fff; }

/* SIDEBAR 
----------------------------------------------------------*/
.sidebar { padding-bottom: 30px; }
.sidebar .widget { margin-top:50px; margin-bottom:20px; }
.sidebar .widget p:last-child { margin-bottom:0; }
.sidebar .featured-posts p:last-child { margin-bottom:8px; }
.sidebar h3 { padding-top:0px; margin-bottom:12px !important; font-size:14px; }
.sidebar .search-widget { height: 74px;  margin-bottom: 20px; }
.search-widget input { padding:6px !important; height:auto !important; width:80%; max-width:220px; background-image:url(../img/background/search_bg.png); background-position:right bottom; background-repeat:no-repeat; }
.search-widget .send { display:none; }
.search-widget .input-append { padding-top:22px; }
.input-append .add-on, .input-append .send { margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; }
.sidebar .search-widget, .sidebar .widget { margin-left:30px; }

/* sidebar list */
.sidebar ul.list { margin-left:10px; }
.sidebar ul.categories li { width:40%; margin-right:5%; float:left; }

/* featured posts */
.featured-posts h3 { margin-bottom:16px !important; }
.featured-posts .item { position:relative; min-height:60px; margin-top:5px; margin-bottom:12px; }
.featured-posts .item:last-child { border-bottom:0; }
.featured-posts .item a.image-box:hover { opacity:.6; }
.featured-posts img { position:absolute; top:0; left:0; width:70px; }
.featured-posts .info { margin-left:88px; } 
.featured-posts .info * { clear:none; padding:0; margin:0; }
.featured-posts .info h4 { line-height:100%; margin-bottom:6px; }
.featured-posts .info p { margin-bottom:10px !important; font-size:12px; line-height:120%; }


/* BLOG   
----------------------------------------------------------*/
.post-list { padding:30px 0; }
.post { margin-bottom:76px; }
.post .post-title { padding-top:0; margin-top:-4px; margin-bottom:6px; font-size:21px; text-shadow: 0.5px 0.5px 0px #ddd, 1px 1px 0px #999; }
.post .info, .post .tags { padding-bottom:10px; font-size:13px; margin-bottom:12px; font-style:italic; }
.post .category { float:right; font-size:12px; text-transform:uppercase; font-weight:600; text-shadow: 0px 0px 0px #ddd, 0px 0px 0px #999;}
.post .category:hover { background:none; }
.post .tags { padding-top:6px; margin-top:10px; }
.post .media-box  { margin-bottom:20px; }
.post-single .media-box  { padding-top:10px; padding-bottom:30px; }
.post-single .info, .post .tags { padding-bottom:0; margin-bottom:0; }
.post-single .info .category { font-style:normal; }
.post-single { padding-top:22px; }
.post-single .info { padding-bottom:6px; }
.post-single .tags { margin-top:50px; }
.pagination { font-style:italic;}
.post-info { margin-bottom:6px; text-align:right; }
.post-content { padding-top:14px; }

/* Comment Form */
.respond { margin-top:60px;  margin-bottom:30px; }
.respond-wrap { padding-top:20px; }
.respond-wrap .title, .respond-wrap p { padding-left:30px; padding-right:30px; }
.respond .title { font-size:24px; text-transform:uppercase; font-weight:800; }
.respond .input {  height:30px; }
.respond textarea.input { height:160px; }

/* Comments */
h3.comments-title { font-size:28px; margin-top:50px; margin-bottom:20px; text-transform:uppercase; border-bottom:0; }
ol.commentlist{	list-style-type: none; margin: 0 0 15px; }
ol.commentlist ul, ol.commentlist ol { list-style:none; }
.comment-author.vcard { font-size:18px; }
.comment-meta a{ font-style:italic; }
.commentlist .comment-body .avatar { left: 20px; position: absolute; right: auto; top: 20px; width:60px; }
.commentlist .comment-body { margin-bottom: 16px; min-height: 80px; overflow: hidden; position: relative; min-height: 90px; padding: 20px 20px 4px 96px; }
.commentlist .comment-body p { margin-top:10px; }
.comment-reply-link { position:absolute; top:20px; right:20px; font-style:italic; }
.commentlist .children > li { padding-bottom: 10px; padding-left: 30px; margin-bottom: 10px; }
.commentlist .children li > .comment-body { margin-bottom: 10px;  background:none; }
.commentlist .highlighted > .comment-body { border: medium none; padding: 1px !important;}


/* PORTFOLIO   
----------------------------------------------------------*/
#portfolio { margin-left:-30px; margin-right:-8px; }
#portfolio .item { float:left; width:210px; margin-left:30px; margin-bottom:40px; }
#portfolio .item  h3.project-title { margin:13px 0 0 0; text-align:center; font-size:14px; line-height: 126%; font-weight:400;}
.portfolio-items .title { font-size:20px !important; width:60% !important; text-align:center !important; margin:20% 20% !important; }
#portfolio .item  .category { margin-top:3px; margin-bottom:12px; line-height: 134%; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; }
#portfolio .item img { -moz-box-shadow: 0 0 3px #888;
-webkit-box-shadow: 0 0 3px #888;
box-shadow: 0 0 3px #888; }

/* Portfolio Filters */
#filters { list-style:none; margin:60px 0 40px 0; text-align:center; }
#filters li { display:inline-block; margin:0 10px; }
#filters a { font-size:20px; font-weight:300; }
#filters .current a { font-weight:700; }

/* Isotope Filtering */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }


/* PORTFOLIO SINGLE  
----------------------------------------------------------*/
.page-header h1 .back { font-size:15px; float:right; margin-top:11px; }
.portfolio-single, .portfolio-sidebar { margin-top:24px; margin-bottom:30px; }
.portfolio-sidebar strong { display:block; }
.portfolio-sidebar p { margin-bottom:18px; }
.portfolio-sidebar p.launch { padding-top:20px; } 

/* portfolio single - gallery */
.post-slider { min-height:100px; }
.post-slider .flex-direction-nav { display:none; }
.post-slider.with-arrow .flex-direction-nav { display:block; }
.post-slider .flex-direction-nav li a { top:36px; bottom:auto; }

/* portfolio single - video */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* GRID PAGE
----------------------------------------------------------*/
.show-grid [class*="span"] { margin-bottom: 20px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 30px; line-height: 40px; }


/* 404 PAGE
----------------------------------------------------------*/
.not-found { text-align:center; }
.not-found h2 { margin-bottom:4px; line-height:110%; font-size:160px }
.not-found h3 small { font-size:17px; font-weight:300; }

/* ARCHIVES PAGE
----------------------------------------------------------*/
.archives { padding-top:20px; }
.archives h3 { font-size:14px; }
.archives ul.list { margin-top:8px; margin-bottom:30px; margin-left:16px; }
.archives ul.list li { margin-bottom:6px; }
.archives ul.list ul li { margin-bottom:4px; }
.archives ul.list li span { margin-left:10px; font-size:12px; }
.archives ul.list li ul { margin-top:6px; margin-bottom:8px; }


/* COLOR SPECIFIC STYLES GROUPED FOR EASY TEMPLATING
----------------------------------------------------------*/
/* text-colors */
body { color:#666; }
#nav li a, .portfolio-sidebar strong { color:#000; }
h1, h2, h3, h4, h5, h6 , h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #portfolio .item h3.project-title, .table th, .contact-info b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter, #filters .current a, address strong { color:#333; }
.nav > li > a:hover { color:#FF5D00; }
#logo h1 a, .intro, ul.categories li a, .accordion-group.active .accordion-heading .accordion-toggle, .tagline h3 { color:#555; }
blockquote p, .accordion-group .accordion-heading .accordion-toggle, .post .tags a, .pagination a, .archives .list a { color:#777; }
.nav > li > a, #logo p, .accordion-heading .accordion-toggle, .header .menu, .tagline p, .comment-meta a, .page-header h1 .back, .featured-posts .info p { color:#999; }
#nav ul li a, #portfolio .item  .category, #filters a, .post .info, .post .tags, .post .category a, .latest-portfolio .service span, .service-title span, .post-info, .archives .list li span, .copy-text p { color: #bbb; }
#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub { color:#22AAEE; }
.media-box .mask .title { color:#fff; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .category a:hover, ul.categories li a:hover, .archives .list a:hover, .tags a:hover, .post .info a:hover { text-decoration:none; color:#333; background-color:#FFFFA8; }

/* text-shadows */
/*h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter { text-shadow: 1px 1px 0px #fff, 2px 2px 0px #ddd, 3px 3px 0px #aaa; }*/
.media-box .mask .title { text-shadow:1px 1px 1px rgba(0,0,0,.5); }

/* backgrounds */
body { background:#fff; }
input:focus, textarea:focus, .flex-container .flex-direction-nav li a, .input-append .send { background-color: #fff; }
.flex-container .flex-direction-nav li a:hover { background-color:#222; }
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th,   input, textarea, .commentlist .comment-body, #portfolio .item, pre, .well,  { background-color: #fafafa; }
.accordion-group.active .accordion-heading .accordion-toggle, .accordion-group .accordion-heading .accordion-toggle:hover,
.accordion-group .accordion-heading .accordion-toggle, .nav-tabs > .active > a, .nav-tabs >
.active > a:hover { background-color: #fafafa; }
#nav ul li { background:#fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
#nav ul li a:hover { background:#F5F5F5; }
.media-box .mask { background:#22AAEE; background: rgba(34, 170, 238, .5); }
.commentlist .highlighted > .comment-body { background-color: #98BAB1; }
#twitter-list ul li span { background:#ddd; background:rgba(255,255,255,.3); }
.social li a { background-color:#FCFCFC; }
.show-grid [class*="span"] { background-color: #EEE; }
input.error, textarea.error { background-color:#FFF4F4; }

/* border styles */
.header-wrap, .content h2, .tagline, .services .item, .blog-part h3, .latest-part h3, .search-widget, .post .tags, .post-single .media-box, .author-info, .commentlist .children > li, #portfolio .item, .header .menu, #twitter-list ul li span,  .featured-posts .item { border-width: 1px 0px; -moz-border-image: url(../img/background/doubleborder.png) 1 0; -webkit-border-image: url(../img/background/doubleborder.png) 1 0; -o-border-image: url(../img/background/doubleborder.png) 1 0 ; border-image: url(../img/background/doubleborder.png) 1 0; }
.nav-tabs, #flickr_badge_wrapper img, .featured-posts img { border-style:solid;  }
.tagline { border-style:dashed; }

/* border-widths */
.content .post .tags, .author-info{ border-width:1px 0 0 0; }
.header-wrap,.services .item, .page-header, .content h2, .blog-part h3, .latest-part h3, .search-widget, .post-single .media-box, .featured-posts .item { border-width:0 0 1px 0; }
.tagline { border-width:0 0 1px 0; }
.commentlist .children > li { border-width:0 0 0 1px; }
.content .tagline { border-width:0 0 1px 0; }
.header .menu, #twitter-list ul li span { border-width:1px; }
.nav-tabs { border-width:0 0 5px 0; }
#flickr_badge_wrapper img { border-width:3px; }
.featured-posts img { border-width:2px; }

/* border colors */
.header-wrap,.services .item, .page-header, .content h2, .tagline, .blog-part h3, .latest-part h3, .content .tagline, .search-widget, .post .tags, .post-single .media-box { border-color:#ddd; }
.author-info, .author-bio .author-name, #portfolio .item, .header .menu, #twitter-list ul li span, #flickr_badge_wrapper img, .featured-posts .item { border-color:#ddd; }
.well, pre, .table th, .table td, .commentlist .children > li, input, textarea, .featured-posts img { border-color:#eee; }
.nav-tabs { border-color:#fff; }
#flickr_badge_wrapper img:hover { border-color:#22AAEE; }
.input-append .send:hover { border-color: #ccc; }
input:focus, textarea:focus { border-color:#ccc; outline-color:#eee; background-color:#fff; }
 

/* MEDIA QUERIES - RESPONSIVE LAYOUT  
----------------------------------------------------------*/
@media (min-width: 1200px) {
	#portfolio { margin-left:-27px; }
	#portfolio .item { margin-left:27px; margin-bottom:50px; }
}
@media (min-width: 768px) and (max-width: 980px) {
	#portfolio { margin-left:-44px; }
	#portfolio .item { margin-left:44px; }
}
@media (max-width: 768px) {
	#nav li a { padding: 17px 14px; }
	.main-slider-narrow, .aside { float: none; clear:left; display: block; width: auto; }
	.main-slider-narrow:hover .flex-direction-nav { display:none; }
	.aside { text-align:center; margin:20px 0; }
	.sidebar ul.categories li { width: 90%; margin-right: 0; float: none; }
}
@media (max-width: 767px) {
	.header { text-align:center; width:100%; }
	#logo img { float:none; }
	#logo h1 { margin-top:6px; }
	#logo p { margin-top:6px; font-size:17px; }
	#nav { float:none; margin-top:26px; }
	.header .social { float:none; margin-top:36px; }
	#nav > li a { font-size:15px; }
	#twitter-list ul li { float:left; width:40%; }
	#portfolio .item { ; margin-bottom:40px; }
	#logo { padding:24px 0 12px 0; }
	.aside { padding:12px 0 0 0; }
	.tagline h3 { padding: 0 10px; }
	.sidebar .search-widget, .sidebar .widget { margin-left:0px; }
	.search-widget input { display:block; padding:8px !important; margin:0 auto; width:90%; max-width:90%; }
	.pagination { text-align:center; }
}
@media (max-width: 720px) {
	.services, .clients, .blog-part, .latest-part, .featured { margin-top:26px !important; }
	.latest-portfolio .service { margin-bottom:50px !important; }
	.portfolio-single { margin-bottom:32px !important; }
	.portfolio-single.post-slider { margin-bottom:62px !important; }
	.blog-post h3, .service h3 { margin-top:8px; }
	.portfolio-part { margin-top:0 !important; margin-bottom:30px !important; }
	.post-list { padding-top:0; }
	.featured .featured-btn { text-align: center; }
	.featured .featured-btn .btn { margin-right: 0px; margin-top:14px; }
	.footer .widget { margin-bottom:50px !important; }
	#portfolio { margin:0; margin-right:-20px; }
	#portfolio .item { width:44%; margin-right:16px; margin-left:0px; margin-bottom:20px; }
	#portfolio .item h3 { margin-top:8px; }
	#portfolio .item .category { margin-top:2px; margin-bottom:10px; }
	#filters { list-style:none; margin:20px 0; }
	.search-widget .input-append, .featured h3 { text-align:center; }
	.featured h3 { margin-top:0; margin-right:26px; }
	.input-append input, .input-append .uneditable-input { float:none !important; }
	.page-header h1 .back { display:block;  float:none; margin-top:2px; text-align:right; }
	.contact-info { margin-top:12px; }
}
@media (max-width: 480px) {
	.content p { font-size:15px; line-height:24px; }
	.flexslider { min-height: 100px !important; }
	#logo { padding-top:26px; }
	#nav { display:none; }
	.header .social { margin-top:0; }
	.header .menu { display:inline-block; }
	.commentlist .comment-body { padding-left:20px; }
	.commentlist .comment-body .avatar { position:relative; float:left; left:auto; top:auto; margin-right:20px; }
	#twitter-list ul li { float:none; width:auto; }
	.page-header { padding-bottom:2px; }
	.page-header { margin-top:12px !important; }
	.page-header h1 small { font-size:13px; margin-left:0; }
	.reply { margin:10px 0; }
	.comment-reply-link { position:inherit; }
	.service-title span { float:none; margin-left:10px; }
	.media-box .mask .title { font-size:18px !important; width:90%; margin-top:18% !important; }
	.search-widget input { width:100%; max-width:100%; }
}