/*
	Name: Svensonart
	Version: 1.0
*/

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

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


}

/* Headings */
h1 { font-size: 20px; }
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 .post-title { font-family: 'Open Sans Condensed', sans-serif; }

::-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:15px; margin-top:6px; 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:20px 0 10px 0;  }
#logo h1 { margin-bottom:0; margin-top:15px; line-height:100%; }
#logo p { margin:1px 0 7px 0; }
#logo img { height:108px; float:left; margin-right:16px; width:580px;}
#logo a:hover { text-decoration:none; background:none; }

/* NAV MENU */

#nav { margin-top:65px; float:right; }
#nav ul { background-color:#D42426 ;}
#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; text-align:center; font-size:13px; font-weight:400; z-index:300; }
#nav li a:hover, #nav li a.selected:hover, #nav li a.current { text-decoration:none;}
#nav li.active, #nav > li:hover, #nav ul li { background-color: #D42426;}

/* sub menu */
#nav ul { display:none; position:relative; width:160px; z-index:310; margin:0; position:absolute; top:52px; left:0; padding: 10px 0 0 0;

		 background-image:url(../img/background/nav-dropdown.png); background-position:18px 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; }

/* social links */
.social { clear:right; float:right; list-style:none; margin:-105px 14px 10px 0; }
.footer .social { float:none; }
.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;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.social li:first-child a { margin-left:0; }
.social li a:hover { border-top-left-radius:0px; }
.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; }


/* FOOTER
----------------------------------------------------------*/
.footer { padding-top:30px; padding-bottom:40px; maring-right: 50px; }
.footer h3, .blog-part h3 { clear:left; margin-bottom:20px; font-size:14px;  }
.text-widget .logo { width:56px; float:left; margin:0 15px 10px 0; }
.footer a { font-style:italic; }

/* 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%; }
#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:20px; }

/* SLIDER
----------------------------------------------------------*/
.main-slider { margin-bottom:50px !important; }
.main-slider-narrow .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; }
.main-slider-narrow:hover .flex-direction-nav li a { opacity:1; }
.main-slider-narrow .flex-direction-nav li .next { right:0px; background-position:-32px -32px; }
.main-slider-narrow:hover .flex-direction-nav li .next { right:20px; }
.main-slider-narrow .flex-direction-nav li .next:hover { background-position:0 -32px; }
.main-slider-narrow .flex-direction-nav li .prev { left:auto; right:72px; background-position:0 0; }
.main-slider-narrow:hover .flex-direction-nav li .prev { right:52px; }
.main-slider-narrow .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:30%; margin-left:5%; margin-top:3%; font-size:12px; font-weight:500; line-height:100%; }

.media-box .mask a {
	display: block;

    overflow: hidden; /* sets overflow outsid ethe element to hidden */
    white-space: nowrap; /* prevent line breaks (text wrapping) */
    text-indent: 100%; /* indents text outside the viewable area */
    /*background: url(http://placekitten.com/200/150) no-repeat; /* set background image */
}

/* aside */
.aside h2 { margin-bottom:15px; font-size:32px; font-weight:300; line-height:120%; text-transform:lowercase; }

/* homepage parts */
.blog-part, .blog-post, .service { padding-top:34px; margin-bottom:30px; }
.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:600; padding-bottom:10px; margin-bottom:12px; }
.blog-part div p:last-child { margin-bottom:10px; }

/* latest portfolio items */
.latest-portfolio { margin-top:34px; margin-bottom:30px; }
.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; }

/* serrvices */
.services { clear:left; text-align:center; margin-top:20px; margin-bottom:10px; }
.services .item { margin-top:10px; margin-bottom:10px; }
.services img { display:block; margin:10px auto; width:64px; height:64px; }
.services h3 { font-weight:700; font-size:14px; }
.services .item h3 { font-weight:400; }
.services p { text-align:justify; }
.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:30px; margin-bottom:30px; }
.clients .client { height:64px; margin-top:10px; margin-bottom:10px; 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, .page-header small { margin-left:12px; margin-top:6px; }
h1 small, .page-header 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); }

/* hero unit */
.hero-unit { text-align:center; margin:50px 0; padding:20px 50px 10px 50px; }
.hero-unit h1 { font-size: 40px; line-height:140%; }
.hero-unit p { font-size: 15px; margin-bottom:12px; margin-top:3px; }

.intro { font-size:17px; line-height:160%; }
.intro:first-letter {  font-size:300%;  font-weight:bold; line-height:100%; float:left; padding:10px 16px 5px 0; font-family:Georgia, "Times New Roman", Times, serif; }

pre { padding:14px 20px; margin-bottom:20px; }

/* 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.light li { list-style-image:url(../img/background/list-light.png); }
ul.check li { list-style-image:url(../img/background/list-check.png); }
ul.simple li { list-style-image:url(../img/background/list-simple.png); }
ul.line li { list-style-image:url(../img/background/list-line.png); }
ul.plus li { list-style-image:url(../img/background/list-plus.png); }
ul.minus li { list-style-image:url(../img/background/list-minus.png); }
ul.cube li { list-style-image:url(../img/background/list-cube.png); }
ul.dots li { list-style-image:url(../img/background/list-dots.png); }
ul.slash li { list-style-image:url(../img/background/list-slash.png); }

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

/* featured text + button */
.featured { padding:20px 0; margin-bottom:30px; }
.featured h3 { margin:10px 20px 0 26px; font-weight:400; }
.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:12px; padding-bottom:16px; margin-bottom:24px !important; text-align:left; }
.content .tagline { margin-top:32px; }
.tagline h3 { padding:0 0px; margin-bottom:4px;
	font-size:14px;
	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; }
.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; }
.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; }
.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:90px; }*/

/* About the Author */
.author-bio { margin-top:50px; margin-bottom:60px; }
.author-bio .title { font-size:13px; text-align:right; }
.author-bio .author-name { padding-top: 6px; text-transform:uppercase; }

/* 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:13px; line-height: 126%; font-weight:400;}
.portfolio-items .title { font-size:17px !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; font-style:italic; }
#portfolio .item img {  }


#portfolio ul.list {
    list-style-type: none;
}

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

ul#sort-direction {
    list-style-type: none;
    float:left;

}
ul#sort-direction li {
    display: inline;
}
ul#sort-direction li a:active ,ul#sort-direction li a:focus {
    font-weight: bold;
}

/* PORTFOLIO SINGLE
----------------------------------------------------------*/
.page-header h1 .back , .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; }
.page-header h3 .back { font-size:15px; float:right; margin-top:11px; }

/* 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:#3E365E; font-weight: 600;}
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, .nav > li > a:hover, .contact-info b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter, #filters .current a, address strong { color:#3E365E; }
#logo h1 a, .intro, ul.categories li a, .accordion-group.active .accordion-heading .accordion-toggle, .tagline h3 { color:#555; }
.aside p ,blockquote p, .accordion-group .accordion-heading .accordion-toggle, .post .tags a, .pagination a, .archives .list a { color:#777; }
.nav > li > a, .aside h2, #logo p, .accordion-heading .accordion-toggle, .header .menu, .tagline p, .comment-meta a, .page-header h1 .back,.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 { 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, .media-box .mask .title { color:#fff; text-shadow:0 1px 0 #000; }
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; }*/
#nav ul li a { text-shadow:0 1px 0 #000; }
.media-box .mask .title { text-shadow:0 1px 0 rgba(0,0,0,.0); color: white;}

/* backgrounds */
body {
	background:#fff;
	background: url(../img/background_kubus.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment:fixed; /* Provide background image from scrolling down  */
}

input:focus, textarea:focus, .main-slider-narrow .flex-direction-nav li a, .input-append .send { background-color: #fff; }
.main-slider-narrow .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, .nav > li > a:hover, .accordion-group.active .accordion-heading .accordion-toggle, .accordion-group .accordion-heading .accordion-toggle:hover, input, textarea, .commentlist .comment-body, #portfolio .item, pre, .well, .accordion-group .accordion-heading .accordion-toggle, .nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #fafafa; }

.media-box .mask { background:#000; background: rgba(0, 0, 0, .3); }
.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:#bbb; }
.show-grid [class*="span"] { background-color: #EEE; }
input.error, textarea.error { background-color:#FFF4F4; }

/* border styles */
.header-wrap, .page-header, .content h2, .tagline, .blog-part h3, .footer, .search-widget, .post .tags, .post-single .media-box, .author-info, .commentlist .children > li, #portfolio .item, .header .menu, #twitter-list ul li span, #nav ul li a, .featured-posts .item { border-style:dashed; }
.nav-tabs, #flickr_badge_wrapper img, .featured-posts img { border-style:solid; }

/* border-widths */
.content .footer, .post .tags, .author-info, #nav ul li a { border-width:1px 0 0 0; }
/*.footer { border-width:2px 0 0 0; }*/
.header-wrap, .page-header, .content h2, .blog-part h3, .search-widget, .post-single .media-box, .tagline, .featured-posts .item { border-width:0 0 1px 0; }
.commentlist .children > li { border-width:0 0 0 4px; }
.content .tagline { border-width: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:4px; }
.featured-posts img { border-width:3px; }

/* border colors */
.header-wrap, .page-header, .content h2, .tagline, .blog-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, .footer, pre, .table th, .table td, .commentlist .children > li, input, textarea, .featured-posts img { border-color:#eee; }
#nav ul li a  { border-color:#777; }
.nav-tabs { border-color:#fff; }
#flickr_badge_wrapper img:hover { border-color:#D90632; }
.input-append .send:hover { border-color: #ccc; }
input:focus, textarea:focus { border-color:#ccc; outline-color:#eee; background-color:#fff; }


/* Artist list */

.artist_list {list-style:; margin:10px 14px 5px 0;}
.artist_list li { padding: 10px 0 0 0;}

/* Share buttons */

.share { clear:right; list-style:none; }
.share li { display:inline-block;  }

/* language */
#language {
	position: absolute;
	display: block;
	float:left;
	list-style: none;
	margin-left: -500px;
	margin-top: 5px;
}


/* Contact Info home page*/
.contact_details_list {
	padding: 10px 0 0 0;
	margin:  9px !important;
}

.contact_details_list li {
	font-size: 14px;
	list-style: none;
	display: block;
	min-height: 36px;
	/*border-bottom: #e8e8e8 1px solid;*/
	position: relative;
	padding: 0 0 0 45px;
	margin: 0 0 12px 0;
}

.contact_details_list_dark li {
	border-bottom: 1px solid;
}

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

.contact_details_list .phone_list:before,
.contact_details_list .fax_list:before,
.contact_details_list .email_list:before,
.contact_details_list .address_list:before {
	content:'';
	width: 36px;
	height: 36px;
	display: block;
	border-radius: 99%;
	position: absolute;
	top: -10px;
	left: 0;
}

.contact_details_list .phone_list:before {
	background-image: url(../img/list_phone.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contact_details_list .fax_list:before {
	background-image: url(../img/list_fax.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contact_details_list .email_list:before {
	background-image: url(../img/list_email.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contact_details_list .address_list:before {
	background-image: url(../img/list_map.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contact_details_list_dark .phone_list:before {
	background-image: url(../img/list_phone_dark.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contact_details_list_dark .fax_list:before {
	background: url(../img/list_fax_dark.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contact_details_list_dark .email_list:before {
	background: url(../img/list_email_dark.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contact_details_list_dark li strong {
	font-weight: normal;
}

.contact_details_list .phone_list:before,
.contact_details_list .fax_list:before,
.contact_details_list .email_list:before,
.contact_details_list .address_list:before {
	/*background-color: #3E365E;*/
	background-color: #263c94;
}

/* SPINNER */

#loading {
	position: relative;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
	width:100%;
	height:100%;
	display: none;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* 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) {
	.header { text-align:center; width:100%; }
	#logo img { float:none; height:100px; }
	#logo h1 { margin-top:6px; }
	#logo p { margin-top:6px; font-size:17px; }
	.header .social, #nav { margin:10px 0 20px 0; float:none; }
	#nav { margin-bottom:20px; }
	#nav > li a { font-size:17px; }
	#twitter-list ul li { float:left; width:40%; }
	#portfolio .item { ; margin-bottom:40px; }
	#logo { padding: 24px 0 2px 0; }
}
@media (max-width: 720px) {
	.services, .clients, .blog-part, .featured { margin-top:26px !important; }
	.latest-portfolio .service { margin-bottom:50px !important; }
	.portfolio-single { margin-bottom:32px !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, .back { display:block;  float:none; margin-top:2px; text-align:right; }
	.contact-info { margin-top:12px; }
	body { background:#fff;background-image: none;}
}
@media (max-width: 480px) {
	.content p { font-size:15px; line-height:24px; }
	.flexslider { min-height: 100px !important; }
	#logo { padding-top:20px; }
	#nav { display:none; }
	.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, .page-header small { font-size:13px; margin-left:0; }
	.input-append input, .input-append .uneditable-input { float:left !important; }
	.input-prepend input[class*="span"], .input-append input[class*="span"] { width: 86%; max-width:86%; }
	.reply { margin:10px 0; }
	.comment-reply-link { position:inherit; }
	.service-title span { float:none; margin-left:10px; }
	.media-box .mask .title { font-size:15px !important; width:90%; margin-top:18% !important; }
	body { background:#fff;background-image: none;}
}

@media (max-width: 1450px) {
	#skin-select { display: none;}
	#skin-select ul { display: none;}
}