/*******************
    GENERAL
*******************/

@font-face {
    font-family: "snackws";
    src: url('fonts/snackws.eot?') format('embedded-opentype'),
    url("fonts/snackws.ttf") format("truetype");
}

@font-face {
    font-family: "social";
    src: url('fonts/social.eot?') format('embedded-opentype'),
    url("fonts/social.ttf") format("truetype");
}

/* * { margin: 0;}*/
html {overflow-y: scroll; overflow-x: hidden;}
html, body { height: 100%; -webkit-text-size-adjust:100%; margin: 0; padding: 0;}
#wrapper { min-height: 100%; margin: 0 auto -30px; overflow-x: hidden; width: 100%;}
.push { height: 30px; clear: both;}
.clear {clear : both;}
a {cursor: pointer;}
a img {border: 0;}
br {clear : both;}
h1,  h2,  h4 { height: auto; margin-top : 0px; margin-bottom: 0px;}
.clear {clear : both;}
table {border-collapse: collapse; border-spacing: 0;}
body > iframe {display: none;}


#global_background { position: fixed; overflow: hidden; height: 100%; z-index: -1; }
.unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/*******************
    MENU
*******************/


/* top bar */
#top_bar {background: #ffffce; padding: 10px 0; color: #2c2c2c}
#top_bar div {max-width: 980px; text-align: center; margin: 0 auto;}
#top_bar a {color: #017BE3; text-decoration: none;}
#top_bar a:hover {text-decoration: underline;}
#top_bar {background: #ffffce; padding: 10px 0; color: #2c2c2c}
#top_bar div {max-width: 980px; text-align: center; margin: 0 auto;}
#top_bar a {color: #017BE3; text-decoration: none;}
#top_bar a:hover {text-decoration: underline;}

/* header */
#header {width: 100%;}
#header_holder {width: 100%; height: auto; margin: 0 auto;}
#header_content {width: 100%; height: auto; overflow: hidden;}
#header img {display: inline-block; vertical-align:bottom}

/*main menu*/
#menu_container { height: auto; width: 100%; font-family: Arial, sans-serif;  font-size: 14px; line-height: 50px; position: relative;}
#menu_items { height: auto; width : auto; max-width: 980px; margin: auto;}

#menu_user_picture { position: relative; float:left; margin-right: 10px; width: auto; height: 50px; overflow: hidden; cursor: pointer;}
#menu_user_name { float: left; padding-right: 10px; margin-right: 20px; padding-left: 10px; cursor: pointer; font-size: 17px; max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#menu_snack_logo { padding-left: 10px; width: auto;}
#menu_snack_logo .l {float: left}
#menu_snack_logo div {float: left; padding: 0;}
#shortUrl {padding: 0;}
#menu_snack_logo .r {float: left; padding-left: 18px; font-size: 12px; padding-top: 1px;}
#menu_snack_logo a:hover {text-decoration: underline}
#menu_snack_logo a:hover:first-of-type {text-decoration: none;}
#snack { font-family: "snackws";  font-size : 14px; line-height : 28px; padding-left : 2px; margin-left : -2px;}
#footer #menu_snack_logo { padding-left: 0px;}
#menu_container a { text-decoration: none !important; }
.twitter {height: 24px; border-style: none; width: 63px}

.menu_item_text { width : auto; float: left; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#nav ul .menu_item_text { width : 100%; float: left;  padding: 0 10px;}
#nav .menu_expand { font-family: "snackws"; line-height: 74px; font-size: 14px; position: relative; float : left; padding: 0px 10px 0px 0px;}
#nav ul .menu_expand { line-height: 50px; }

#nav { position: relative; float: left; width: 100%; height: auto;}
#menu_container ul {padding:0; margin:0; list-style:none; height:auto;  position:relative; z-index:500; }

/*top menu*/
#nav li {  position: relative; float: left; cursor: pointer; width : auto;}
#nav > li { float: right;}

/*submenu*/
#nav li ul{ position: absolute;  display: none;  top : 100%;  width : auto;  left : 0px; height: auto; max-width: 300px;}
#nav li ul a .menu_item_text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
#nav li ul{ -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);  box-shadow: 0 0 1px 1px rgba(0,0,0,0.3); }
#nav li.can_expand.hover ul{display: block;}

/*submenu items*/
#nav li.can_expand.hover ul li{  position : relative; float: left; width : 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#nav li.can_expand.hover ul li ul{ position: absolute; display: none; top : 0px;left : 243px; width :auto;}
#nav li.can_expand.hover ul li ul{ -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);  box-shadow: 0 0 1px 1px rgba(0,0,0,0.3); }
#nav li.can_expand.hover ul li.can_expand.hover ul{ display: block;}
#nav li.can_expand.hover ul li.can_expand.hover ul{ -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);  box-shadow: 0 0 1px 1px rgba(0,0,0,0.3); }
#nav li ul .menu_expand { width : 9px; height: 13px; position: absolute; right : 15px;}

/*sticky footer*/

#footer { width: 100%; font-family: Arial, sans-serif; font-size :13px; line-height : 30px; bottom : 0px; overflow: hidden; text-shadow: none !important}
#footer .footer-item {font-size : 12px; line-height : 30px; cursor: default;}
#footer a {margin-right: 15px;}
#footer a:last-of-type {margin-right: 0px;}
.short-text, .share-btn  {font-size: 11px;  border-radius: 3px;background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); height: 18px; padding: 0; width: 80px; color: #fff; text-align: center; line-height: 18px;}
#footer .short-text, #footer .share-btn  {margin-top: 6px; }
.short-text {padding-bottom: 2px; height: 16px; cursor: text; text-align : left; padding-left: 6px;}
#page_content .short-text, .page_content .short-text {position: relative; float: left; padding-bottom: 1px; padding-top: 1px; background-color: #ffffff; color: #333333; border: 1px solid #C1C1C1; vertical-align: text-top;}
#footer .share-btn {cursor: pointer; min-width: 60px; margin-left: 5px; margin-top: 6px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22FFFFFF', endColorstr='#22000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.1))); /* for webkit browsers */
    background: -moz-linear-gradient(top,  rgba(255, 255, 255, 0.1),  rgba(0, 0, 0, 0.1)); /* for firefox 3.6+ */
}
#footer .share-btn:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44FFFFFF', endColorstr='#44000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(0, 0, 0, 0.25))); /* for webkit browsers */
    background: -moz-linear-gradient(top,  rgba(255, 255, 255, 0.25),  rgba(0, 0, 0, 0.25)); /* for firefox 3.6+ */
}

#bottom_menu_items { height : auto; clear: both;  max-width: 980px; margin: auto; position: relative;}
.footer-item { height : 30px; overflow: hidden;}
#page-shortlink, .page-shortlink {font-family: Arial, sans-serif !important; font-size :12px !important;}
.page-shortlink {position:relative; float: left; margin-top: 3px;}

#shortUrl div{padding : 0px !important; }
#by-sws {float:right !important;}

#footer_info_text {
    line-height: 1.4;
    color: #b2b2b2;
    font-size: 11px;
    margin: auto;
}
#footer_info_text a {
    color: #FFF;
    text-decoration: none;
    margin-right: 0;
}
#footer_info_text a:hover {
    text-decoration: underline;
}
#footer_info_text .footer-info-text-cont{
    padding: 6px 0;
    max-width: 980px;
    margin: auto;
}

#bottom_menu_text {
    background: transparent;
    background-color: rgba(0, 0, 0, 0.5);
}

/*******************
    HOME
*******************/

#main_container { height: auto; width: 100%; max-width: 1060px; margin: auto;}

.page_content{ position : relative; height: auto; width : 100%; max-width: 980px; }
.page_info h1, .page_info h2, .page_info h4 { float: left;}
.cat_items h1, .cat_items h2, .cat_items h4 { float: left;}
#contact_info h1, #contact_info h2, #contact_info h4 { float: left;}
.page_content p, #header p { margin-top : 0px; margin-bottom: 0px;}

.page_content .content {float: left; margin-top : 20px; width: 100%;}
.page_content.full .content {clear: both; margin-top : 0px;}
.page_content .content br {clear:none;}

.page_info { float: left; margin-top: 0px; margin-bottom: 10px;}
#home_image { overflow: hidden; float: left; margin-right: 20px; margin-bottom: 10px;}
#home_content { margin-top : 10px; float : left;}
#home_services { margin-top : 25px; margin-bottom: -15px; height: auto; width: 100%; float:left;}

#home_services a { text-decoration: none !important; }
#home_services div{ font-family: "social"; cursor: pointer; line-height: 34px; text-align: center; vertical-align: middle; color : #ffffff; font-size: 30px; width: 34px; height: 34px; margin-right: 15px; margin-bottom: 15px; float: left; }

#home_links { position: relative; float:left; margin-top : 22px; margin-bottom: -5px}
#home_links p{ position: relative; float : left;  margin: 0; padding: 0;}

.sws-social-par { margin-top: 20px; margin-bottom: -20px; float: left;}
.sws-social div, .sws-social iframe {margin-bottom: 10px; height: 20px;}

.navigation{ margin-top: 22px;}
.navigation a{line-height: 28px !important;}
.tags{  margin-top: 12px;}
.next_page_btn, .prev_page_btn { font-family: "snackws"; width : 28px; height : 28px; border: 1px solid; text-align: center; float : left; }
.previous_page { cursor: pointer; position: relative; float: left; width : auto; line-height: 28px; }
.next_page { cursor: pointer; position: relative; float: right; width : auto; line-height: 28px; }

.navigation span { float: left; }
#expand_button { font-family: "snackws"; float: right; height : 40px; line-height: 40px; text-align: center; color : #ffffff; cursor : pointer; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.fb-comments{ position : relative; height: auto;}
.fb-like span{ vertical-align : text-top !important;}

.page_content .fb-like, #page_content .fb-like{ position : relative; height: auto; padding: 10px 0px; }

/*
Contact
*/

#contact_message { margin-top: 20px; }
#contact_info { float : left; min-width: 200px; width: 50%; margin-top: 22px; }

#map_canvas { float : left; min-width: 200px; width : 50%; height : 214px; margin-top: 22px; }

#contact_form { }
#contact_form input, #contact_form textarea { border: none; margin-top :20px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px 0px 0px 8px; }

#contact_form input { height : 30px; }
#submit_button { line-height : 30px; cursor : pointer; width : 80px !important; height : 30px; padding: 0px 0px 3px 0px !important; }
#feedback { display : none; margin-left: 20px; padding: 0px 2px; background-color: #ffffff; }
.cat_items * { margin: 0; padding: 0; }
.cat_items { position: relative; float: left; width: 100%; height: auto; margin-top: 10px; }
.item { position: relative; float: left; width: 100%; height: auto; cursor : pointer; }
.item_info { position: relative; float: left; }
.item_title, .item_description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.item_thumbs { position: relative; float: left; margin-top: 12px; overflow: hidden; }
.item_thumb { position: relative; float: right; overflow: hidden; margin-right: 10px; }
.item_thumb img { margin: 0px; }
.category_expand { font-family: "snackws"; font-size: 17px; position: relative; float: left; margin: 12px 0px 0px 8px;}

.page_navigation { position: relative; float: left; width: 100%; height: auto; margin-top: 30px; }
.pages a{ text-decoration: none; float : left;}
.page_navigation .pages{ position: relative; float: left; margin: 0px 10px; }
.page_navigation .pages div{ position: relative; float: left; margin: 0px 5px; width: auto; height : 30px; line-height: 30px; vertical-align: middle; cursor: pointer; }
.hidden { display: none; }

/*
Photos
*/
#photo_gallery_sws * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.font_light_sws { font-weight:300; }

/*controlbar*/
#counter_sws { font-family: sans-serif; font-size: 16px; width:80px; text-align:center; overflow:hidden; }
#counter_sws, .control_sws { height:40px; line-height:40px; }
#controls_sws { position:fixed; bottom:0; height:40px; min-width:168px; }

.control_sws { width:42px; cursor:pointer;  font-family:"snackws"; text-align:center; }
.control_sws.cleft_sws, #counter_sws { float:left; }
.control_sws.cright_sws { float:right; }

#thumbnails_sws {position:absolute; padding-bottom:15px; }
.thumbnail_sws { position:relative; float:left; margin-right:15px; margin-top:15px; width:109px; height:109px; background-color:#373737; }
.thumbnail_image_sws { position:absolute; visibility:hidden; }
.thumbnail_border_sws { position:absolute; width:107px; height:107px; }

#curtain_sws { position:absolute; left:50%; margin-left:-50%; width:100%; display:none;}
#curtain_sws.mobile-curtain_sws { left:0; top:0; margin-left:0; }

#photos_sws { opacity:0; position:absolute; overflow:hidden; }
.photo_sws { position:absolute; overflow:hidden; visibility:hidden; border:0; width:100%; height:100%; cursor:pointer; }
.photo_sws img.hidden_img_sws { visibility:hidden; }
.white_sws { font-weight:300; }
#info_sws { position:absolute; bottom:0; padding:33px 40px 28px 40px; }
#info_sws h2, #info_sws h4, #info_sws p { margin:0; }

#description_sws { overflow:hidden; font-weight:300; }
#posted_on_sws { margin-top:18px; }
#close_info_btn { float:right; margin-top:-33px; margin-right:-40px; }

#main_container a.control_sws { line-height:40px; text-decoration:none; }
.fourty_four { position:relative; line-height:44px; width:44px; height:44px; float:left; }
#gallery_prev_btn {  margin-left:-66px;}
#photo_timer { height:2px; position:absolute; top:0; left:0; }

/*
Photo post page
*/

#page_content.no_margin { margin-left:0; margin-right:0;}
#page_info { float:left; }
#page_info h1, #page_info h4 { margin:0 0 8px 0; }
#view_slideshow_btn { padding:0 12px 0 11px; float:right; line-height:30px; margin: 30px 0 20px 0; text-align:center; font-family: sans-serif; font-size:14px; cursor:pointer; text-decoration:none !important; }
#view_slideshow_btn span { float:left; }
.button_icon { font-family:snackws; font-size:23px; }
.button_text { margin-left:8px; }

#view_slideshow_btn.left_floater { float:left; margin-top:6px; }

.post_photo_container { position:relative; overflow:hidden; }
.post_photo { display:block; margin:0 auto; }
.post_photo.not_loaded { position:absolute; }
.post_info { position:absolute; bottom:0; padding:33px 40px 28px 40px; display:none; margin:0 40px 40px 40px; }
.post_info h2, .post_info p { margin:0;}
.post_info h2.title_sws { margin-bottom:8px;}

.description_sws { overflow:hidden; font-weight:300; }
#photo_post_navigation { margin-bottom: 22px; }
.prev_page_left { margin-left:40px; }
.next_page_right { margin-right:40px; }

#page_content .fb-comments { margin:0; width:auto; padding-bottom:0; }
.vcard img.photo { display: none !important; }

/* STANDARD PAGE */
#main_container .page-item.link a { line-height:normal; display:block; border:0; text-decoration: none; outline: none; }
#main_container .page-item.link a:active { outline: none; }
#main_container .page-item.link p { line-height:normal; display:block; word-wrap:break-word; }
.page-item { margin-bottom: 0; padding-bottom: 20px; }
.page-item.last { margin-bottom: 0; padding-bottom: 0; border:0; }
.page-item .link-text-container {width:100%;}
.page-item .link-image-container { overflow:hidden; position:relative; float:left; margin-right:20px; border:1px solid rgba(43, 43, 43, 0.8); background:#fff; }
.page-item .link-image { position:absolute; left:50%; top:50%; }
.page-item .link-title { font-weight:bold; }
.page-item.photo, .page-item.video { font-size: 0;}

#cover-container {
    overflow : hidden;
}

#sw-cover {}
.sw-cover { width: 100%; height: auto;}
.listed-content {
    -moz-box-sizing: content-box;
    -webkit-box-sizing : content-box;
    box-sizing : content-box;
    width: 100%;
    float: left;
}

.page_content.listing-content {}
.page_content.listing-content .page_info{ margin:0 !important;}
.page_content.listing-content h1 {line-height:100% !important; margin: 0 !important; width: 100%;}

#editButton {position: fixed; top: 0; right: 12px; padding: 5px 10px; font-size: 13px; color: #121212;
	background: #FFF; border-radius: 0 0 3px 3px;
	border: 1px solid #C5C5C5; border-top: 0;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
	z-index: 501;
}
#editButton:hover {padding-top: 9px;}

#toTopButton {position: fixed; bottom: 0; right: 12px; padding: 5px 10px; font-size: 13px; color: #121212;
    background: #FFF; border-radius: 3px 3px 0 0;
    border: 1px solid #C5C5C5; border-bottom: 0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
    z-index: 501;
    cursor: pointer;
}
#toTopButton:hover {padding-bottom: 9px;}


.landing-headline {width: 100%;}
.landing-headline h2 {width: 100%;}

.briefs {}
.briefs>a {text-decoration: none !important;}
.briefs h2 { margin-bottom: 0 !important;}
.brief { float: left; position: relative; overflow: hidden; line-height: 140%; max-width: 350px;}
.brief .brief-img-container {width: 100%; overflow: hidden; }
.brief-img-container img {display: block;}

.brief-description, .brief-title {line-height: 140%;}
.brief-info {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 4px; width: 100%;}


.landing-hr { height:1px; border: 0;}
.landing-quote {margin: 20px 0; line-height: 140%;}
.landing-quote td {vertical-align: top;}
.quote-img {overflow: hidden; line-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 72px; height: 72px; position: relative; float: left; margin-right: 20px;}
.quote-text {position: relative; float: left; margin-top: -7px;}
.quote-text a {line-height: 140% !important;}
.quote-content {font-style: italic; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url("../images/begin-quote.png"); background-repeat: no-repeat; padding: 0 0 0 30px;}
.quote-author {margin-left: 30px;}
.landing-form {margin-top: 30px;}
.landing-form.with-next {margin-bottom: -10px;}
#home_services.with-prev {margin-top: 10px !important;}
.landing-form-text {float: left; margin-right: 10px; margin-bottom: 20px; line-height: 30px;}
.landing-form form {display: inline; float: left; }
.landing-form-input {padding: 0px 0px 0px 8px; height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  margin-right: 10px; font-style: italic; margin-bottom: 10px;float:left;}
.landing-form-submit {height: 30px; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0px; outline: none; float:left;}
.landing-form-submit:visited, .landing-form-submit:active {outline: none;}

.custom-button {text-decoration: none; cursor: pointer; text-align: center; vertical-align: middle; height: 30px; line-height: 28px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%;}

.brief-full .brief-img-container {line-height: 0; }
.brief-img-container img { height: auto; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.brief-full .brief-info .brief-title {margin-bottom: 5px;}

.brief-condensed, .brief-image-only, .brief-image-title {overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-width: 1px;}
.brief-image-title .brief-title{margin-top : 4px; bottom: 4px; position: absolute;}
.brief-condensed, .brief-image-only, .brief-image-title {overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px; border-style: solid; border-width: 1px;}
.brief-condensed .brief-info, .brief-image-only .brief-info, .brief-image-title .brief-info { position: absolute; bottom: 0; }
.brief-condensed .brief-description, .brief-image-only .brief-description, .brief-image-title .brief-description { overflow: hidden; display: block; }
.brief-description, .brief-title {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.brief-image-only .brief-info {bottom: 4px;}

.page-header-container { height: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.page-header-container a{ text-decoration: none !important;}
.page-header-container img { height: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block;}
.left-header {position: relative; float: left; width: 58%; margin-right: 4%; overflow: hidden;}
.page-header-container iframe {max-width:100%}
.right-header {position: relative; float: left; width: 38%; overflow: hidden;}
.page-header-container .custom-button {position: relative; float: left; margin-top: 15px; cursor: pointer;}
.page-header-container .custom-button.header-button-1 { margin-right: 16px;}

.listing-no-headline {padding-bottom: 0 !important;}
.listing-no-header {padding-top: 0 !important; padding-bottom: 0 !important;}
.listing-no-header .listed-content.first-page, .listing-no-headline .listed-content.first-page {margin-top: 0 !important;}
.listing-no-headline.full {padding-top: 0 !important;}

.post-list-item {   }
.post-list-item div { overflow: hidden; float: left; border: 1px solid #d9d9d9; line-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.post-list-item p { line-height: 140% !important;}
.post-list-type-1 div{ width: 100%; }
.post-list-type-2 div, .post-list-type-3 div{ width: 196px; height: 132px; }
.post-list-type-3 div { float: right;}
.content iframe{position:relative;}

@media all and (max-width: 400px) {
    .quote-img {display: none;}
}