/*
Theme Name: OfficeSpace
Theme URI: http://www.colibri-interactive.com/themes/officespace
Author: Colibri Interactive
Author URI: http://www.colibri-interactive.com/
Description: OfficeSpace WordPress Theme by Colibri Interactive
Version: 1.3
License:
License URI: license.txt
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/

/* RESET - START */
* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
	width: 100%;
}
img {
	border: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	zoom: 1;
	border: 0;
}
.wp-caption,
.bypostauthor,
.wp-caption-text,
.sticky,
.gallery-caption {}

/* RESET - END */

/* DEFAULT - START */
.ci-clear {
	clear: both;
}
.ci-error {
    color: #f00;
}
.ci-fielderror {
    border: 1px solid #f00;
    background-color: #fff6f6;
}
.ci-hide,
.assistive-text {
	display: none;
}
.ci-last {
	margin: 0;
}
.ci-last {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.alignleft {
    float: left;
}
.aligncenter {
    width: 100%;
    margin: 0 auto;
}
.alignright {
    float: right;
}
body,
th,
td {
	font-size: 12px;
	color: #999;
	line-height: 17px;
}
body,
th,
td,
.ci-quotes .author,
.alert,
input,
textarea {
	font-family:  "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.page {
	text-align: center;
}
.ci-pagebg {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    left: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
}

.ci-content-container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: left;
}
body .mobile-menu-active {
    display: block !important;
}
.ci-content-positioner {
    padding: 50px 40px 40px;
}
.ci-content-positioner-no-top {
    padding-top: 0;
}
.ci-content-positioner-no-bottom {
    padding-bottom: 0;
}
#branding .ci-content-positioner {
    margin-bottom: 20px;
    padding: 65px 0 40px;
}
.page-template-template_homepage-php #branding .ci-content-positioner,
.page-template-template_area1-php #branding .ci-content-positioner,
.page-template-template_area2-php #branding .ci-content-positioner {
    padding-bottom: 0;
}
a,
.ci-sidebar .sub-menu a {
	text-decoration: none;
	color: #999;
}
#branding {
	width: 100%;
	position: relative;
	text-align: center;
}
#branding .ci-content-positioner {
	text-align: center;
}

.ci-sitecontent-container {
    background: #fff;
    box-shadow:  0px 0px 25px 0px rgba(0, 0, 0, 0.32);
        -webkit-box-shadow:  0px 0px 25px 0px rgba(0, 0, 0, 0.32);
}
.page-template-template_sitemap-php .ci-sitecontent-container,
.page-template-template_contact-php .ci-sitecontent-container {
    margin-top: 50px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #282828;
    font-family: 'Open-Sans', 'Helvetica-Neue', Helvetica, sans-serif;
}
h1 {
    font-size: 36px;
    line-height: 44px;
}
h2 {
    font-size: 30px;
    line-height: 34px;
}
h3 {
    margin: 14px 0;
    font-size: 19px;
    line-height: 25px;
}
h4 {
    font-size: 16px;
    line-height: 20px;
}
h5 {
    font-size: 13px;
    line-height: 18px;
}
h6 {
    font-size: 11px;
    line-height: 16px;
}
h4{
    font-size:1em;
    font-weight:bold;
    color:#b0c541;
}
li{
    list-style-position: inside!important;
}
.page li {
    list-style-position: outside;
}
.comment-text ul li {
    list-style-type: disc;
}
.comment-text ol li {
    list-style-type: decimal;
}
.ci-searchterm {
    font-style: italic;
    font-weigth: normal;
}
.ci-pagehl {
    margin-top: 0;
}
.single-portfolio .ci-pagehl {
    width: 90%;
    float: left;
    display: inline;
    vertical-align: top;
}
.ci-subheadline {
    margin: 18px 0 0 0;
    font-size: 20px;
    font-weight: 500;
    color: #a7a7a7;
}
.ci-separator-1 {
    width: 100%;
    height: 3px;
    display: block;
    border-top: 3px solid #333;
    border-bottom: 1px solid #e2e2e2;
}
.single-portfolio .ci-separator-1 {
    margin-top: 20px;
}
.ci-separator-2 {
    width: 100%;
    height: 7px;
    margin: 20px 0;
    display: block;
    background: url(images/system/separator2_bg.gif) 0 0 repeat;
}
.ci-separator-3 {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    display: block;
    border-top: 1px dashed #c6c6c6;
}
#ci-search-btn {
    cursor: pointer;
}

#cboxLoadedContent img {
    max-width: 960px !important;
    height: auto !important;
}
/* DEFAULT - END */


/* HEADER - START */


.tinynav {
    display: none;
}
.ci-hgroup {
    display: inline;
}
h1#ci-site-title,
h2#ci-site-description {
    margin: 0;
    float: left;
    font-size: 14px;
    line-height: 19px;
    color: #333;
}
h2#site-description {
    display: none;
}
#ci-primary-navigation {
    float: right;
    text-align: right;
    display: inline;
}
/*IE8 fix */
.ci-shaped-cover,
.ci-cover {
    display /*\**/: none\9
}

ul#ci-mainmenu li {
    display: inline;
    padding-right: 12px;
}

ul#ci-mainmenu .sub-menu li {
    text-transform: none;
}
ul#ci-mainmenu li a,
ul#ci-mainmenu li .sub-navi a {
    height: 30px;
    line-height:  30px;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 1px;
}
ul#ci-mainmenu li a:hover,
.ci-area-navigation li a:hover,
#mobile-menu-wrap a:hover {
    border: 0;
}
.ci-nav-bar .sub-menu a {
    color: #fff !important;
}
.ci-sidebar .sub-menu {
    background: transparent none !important;
}
.ci-nav-bar {
    width: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 9000;
}
.ci-subnavi {
    float: left;
}
.ci-subnavi .ci-content-positioner {
    padding-top: 0;
    padding-bottom: 0;
}
.ci-subnavi ul li {
    display: inline;
    padding-right: 14px;
    text-transform: uppercase;
}
.ci-subnavi a {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}
.ci-subnavi a:hover,
.ci-subnavi .current_page_item a {
    font-weight: bold;
    color: #fff !important;
    border: 0 !important;
}
.ci-area-navigation .sub-menu {
    margin-left: 10px;
    display: none;
}
.ci-area-navigation .current-menu-item .sub-menu,
.ci-area-navigation .current-page-ancestor .sub-menu {
    display: block;
}
.ci-headertext {
    width: 300px;
    float: left;
    text-align: left;
    height: 30px;
    line-height:  30px;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 1px;
    color: #fff;
}
#ci-mainmenu ul {
	position: absolute;
	top: -999px;
}
#ci-mainmenu li {
	float: left;
	position: relative;
}
#ci-mainmenu a {
	display: block;
	color: #fff;
	position: relative;
}
#ci-mainmenu ul li {
	width: 100%;
    text-align: left;
}
#ci-mainmenu ul li a,
#ci-mainmenu ul li a:hover {
	border-bottom: 1px solid #e0e0e0;
    margin: 0 14px;
}
#ci-mainmenu .sub-menu li.ci-last a {
	border-bottom: 0;
}
#ci-mainmenu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#ci-mainmenu li:hover ul,
#ci-mainmenu li.sfHover ul {
	left: 0;
	top: 29px; /* match top ul list item height */
	z-index: 99;
	zoom: 1;
	display: block;
	position: absolute;
}
.menu>.sub-menu {
    border-top: 1px solid #fff;
}
ul#ci-mainmenu li:hover li ul,
ul#ci-mainmenu li.sfHover li ul {
	top: -999px;
}
ul#ci-mainmenu li li:hover ul,
ul#ci-mainmenu li li.sfHover ul {
	left: 214px; /* match ul width */
	top: -1px;
}
ul#ci-mainmenu li li:hover li ul,
ul#ci-mainmenu li li.sfHover li ul {
	top: -999px;
}
ul#ci-mainmenu li li li:hover ul,
ul#ci-mainmenu li li li.sfHover ul {
	left: 10px; /* match ul width */
	top: 0;
}
.ci-nav-bar .sub-menu {
    opacity: .9;
    border-top: 1px solid #fff;
}

.ci-socialnetworks-container {
    float: right;
    padding: 6px 40px 6px 0;
}
.ci-socialnetworks-container .icon {
    float: left;
}
.ci-search-container {
    float: right;
}
.ci-search-container form {
    float: left;
}
.ci-search-container form input,
.ci-search-container form input:focus {
    width: 120px;
    margin-right: 10px;
    padding: 3px;
    color: #A7A7A7;
    font-size: 11px;
    border: 1px solid #A7A7A7 !important;
    background: transparent;
}
.ci-ico {
    width: 22px;
    height: 22px;
    float: left;
}
.ci-magnifyingglass {
    background: url(images/system/ico_magnifying-glas.png) center center no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
   .ci-magnifyingglass {
       background: url(images/system/ico_magnifying-glas@2x.png) center center no-repeat;
	   background-size: 21px 22px;
	}
}


.ci-contentheader .ci-area1-container,
.ci-contentheader .ci-area2-container {
    width: 480px;
    background: transparent none 0 0 no-repeat;
}
.ci-contentheader .ci-area1-container {
    float: left;
}
.ci-contentheader .ci-area2-container {
    float: right;
}
.ci-contentheader.ci-area1 .ci-area1-container,
.ci-contentheader.ci-area2 .ci-area2-container {
    width: 960px;
    background: transparent none 0 0 no-repeat;
}


.ci-area-hl {
    margin: 0;
    padding: 20px 40px;
    display: block !important;
}
.ci-areaarrow {
    height: 1px;
    display: inline; /*IE float-margin fix*/
    float: left;
    margin-top: 6px;
    padding-right: 10px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #000;
}
.ci-area-navigation {
    margin: 10px 40px 0;
    padding: 20px;
}
.ci-area-navigation li {
    list-style-type: none;
}
.ci-area-navigation li a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
/* HEADER - END */


/* SIDEBAR - START */
.ci-contentstyle-sidebar-right .ci-maincontent,
.ci-contentstyle-sidebar-right .ci-sidebar {
    float: left;
}
.ci-contentstyle-sidebar-left .ci-maincontent,
.ci-contentstyle-sidebar-left .ci-sidebar {
    float: left;
}
.ci-contentstyle-sidebar-right .ci-maincontent,
.ci-contentstyle-sidebar-left .ci-maincontent  {
    width: 660px;
    margin-right: 20px;
}

.ci-contentstyle-sidebar-left .ci-maincontent {
    margin-right: 0;
    margin-left: 20px;
}
.ci-contentstyle-sidebar-right .ci-sidebar,
.ci-contentstyle-sidebar-left .ci-sidebar {
    width: 200px;
/*     padding-top: 10px; */
}
.ci-sidebar li {
    list-style-type: circle;
    list-style-position: inside;
    list-style-color: #f0f;
}
.ci-sidebar .widget-headline,
.comment-author {
    margin-bottom: 15px;
    background: url(images/system/separator2_bg.gif) 0 center repeat-x;
}
.comment-author {
    background-position: 0 6px;
}
.ci-sidebar h3.widget-title,
h3.ci-comment-title {
    padding: 2px 5px 2px 0;
    display: inline;
    font-size: 12px;
    line-height: 12px;
    background: #fff;
}
li.widget {
    list-style-type: none;
    margin-bottom: 30px;
}
/* SIDEBAR - END */


/* STANDARD CONTENT - START */
.ci-link-read-more {
    float: right;
    text-align: right;
}
.ci-post-text,
.ci-widgetarea-startpage {
    font-size: 13px;
    line-height: 21px;
    color: #6f6f6f;
}

.ci-social-icons-container {
    float: right;
}
.ci-social-icons-container a span {
    background-color: #cecece;
}
#ci-widgetarea-startpage li.widget,
#ci-widgetarea-footer li.widget  {
    width: 430px;
    margin-right: 20px;
    float: left;
    list-style-type: none;
}
#ci-widgetarea-footer li.widget  {
        width: 280px;
}
#ci-widgetarea-startpage li,
#ci-widgetarea-footer li {
    list-style-position: inside;
}
.ci-footer-widget-container {
    width: 100%;
    background: #2d2e2e;
}
.ci-footer-widget-container ul#footer-widgets {
    padding-top: 20px;
    padding-bottom: 20px;
}
.ci-footer-text {
    width: 100%;
    font-size: 11px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #202222;
}
.ci-footercontent-positioner {
    padding: 10px 40px;
    font-size: 12px;
}
#ci-widgetarea-footer li li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    list-style-type: none;
    border-bottom: 1px dashed #3E3E3E;
}
.ci-footercontent-positioner h3 {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

/* STANDARD CONTENT - END */

.widget_calendar table {
    width: 100%;
}



/* CONTENT STYLES - START */
blockquote {
	margin: 20px 0 ;
	padding: 15px;
	font-style: italic;
	color: #1a1a1a;
	line-height: 17px;
	border: 1px dashed #d9d9d9;
	border-left: 2px solid #272727;
	background: #fafafa;
}
.ci-content ul,
.ci-post-text ul {
	margin: 0 16px;
}
.ci-content ol,
.ci-post-text ol {
	margin: 0 21px;
}
pre,
code {
	margin: 10px 0;
	padding: 20px;
	display: block;
	overflow: auto;
	font: 12px/18px Consolas,"Andale Mono",Courier,"Courier New",monospace;
	color: #777;
	border: 1px dashed #929292;
	background: #f6f6f6;
}
p {
	margin: 10px 0 15px;
}
img.alignright,
img.alignleft {
    display: block;
}
img.alignright {
	float: right;
	display: inline;
	margin: 20px 0 20px 20px;
}
img.alignnone {
	margin: 20px 20px 20px 0;
}
img.alignleft {
	float: left;
	display: inline;
	margin: 20px 20px 20px 0;
}
img.aligncenter {
	margin: 0 auto;
	display: block;
}

/* CONTENT STYLES - END */


/* PORTFOLIO OVERVIEW - START */
.ci-portfolio-overview {
    padding: 0 0 20px 40px;
}
.ci-portfolio-overview li {
    width: 280px;
    height: 160px;
    float: left;
    list-style-type: none;
}
#ci-skilltypes {
    padding: 10px 0;
    border-bottom: 1px dashed #e2e2e2;
}
#ci-skilltypes li {
    padding-right: 10px;
    list-style-type: none;
    display: inline;
}
#ci-skilltypes li a {
    color: #999;
}
img.ci-keyimage {
    width: 100%;
    height: 100%;
}
li.ci-portfolio-entry {
    margin: 0 20px 20px 0;
}

.ci-portfolioshape-rectangular-no-space li.ci-portfolio-entry {
    width: 293px;
    height: 180px;
    margin: 0;
}
.ci-portfolioshape-triangular li.ci-portfolio-entry {
    width: 260px;
    height: 240px;
    margin: 0 40px 40px 0;
}
.ci-portfolioshape-circular li.ci-portfolio-entry {
    width: 200px;
    height: 200px;
    margin: 0 25px 25px 0;
}
.ci-shaped-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.ci-portfolioshape-triangular .ci-shaped-cover {
    background: url(images/system/cover-triangular.png) center center no-repeat;
}
.ci-portfolioshape-circular .ci-shaped-cover {
    background: url(images/system/cover-circular.png) center center no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
   .ci-portfolioshape-triangular .ci-shaped-cover {
        background: url(images/system/cover-triangular@2x.png) center center no-repeat;
        background-size: 260px 240px;
    }
    .ci-portfolioshape-circular .ci-shaped-cover {
        background: url(images/system/cover-circular@2x.png) center center no-repeat;
        background-size: 200px 200px;
    }
}

.ci-portfolio-entry {
    position: relative;
}
.ci-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.ci-zoom-cover {
    background: url(images/system/thumb_magnifyingglass.png) center center no-repeat;
}
.ci-detailpage-cover {
    background: url(images/system/thumb_link.png) center center no-repeat;
}
.ci-portfolio-entry h2 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weigth: bold;
}
.ci-portfolioshape-triangular .ci-cover h2 {
    margin: 208px 12px 0
}
/* PORTFOLIO OVERVIEW - END */

/* PORTFOLIO SINGLE - START */
.ci-portfolio-single {
    padding-top: 20px;
}
.ci-portfolio-single .ci-detailimg-container,
.ci-portfolio-single .ci-videocontainer,
.ci-portfolio-single .ci-audiocontainer {
    width: 580px;
    height: auto !important;
    float: left;
    position: relative;
}
.ci-portfolio-single .ci-videocontainer {
    background: #111;
}
.ci-portfolio-single .ci-detailimg-container img {
    width: 580px;
}
#slides,
.flex-direction-nav {
    list-style-type: none;
}


.ci-slidesimg-environment #slide,
.ci-slidesimg-environment ul#slides {
    height: auto !important;
    display: block !important;
}
.ci-slidesimg-environment #slide {
    clear: both;
}


.flex-direction-nav {
    position: absolute;
    top: 10px;
    right: 20px;
}
.ci-slidesimg-environment {
    position: relative;
}
#slides li,
#quoteslides li  {
    display: none;
}
a.flex-prev,
a .ci-prev,
a.flex-next,
a .ci-next  {
    display: inline;
    background: #333;
    border-radius: 50%;
    background-image: url(images/system/icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: .75;
    border: 0;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
    a.flex-prev,
    a .ci-prev,
    a.flex-next,
    a .ci-next  {
        background-image: url(images/system/icons@2x.png);
        background-size: 80px 1680px;
	}
}
a.flex-prev,
a.flex-next {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50;
    padding: 15px 0 0 29px;
    background-color: #333;
    background-position: 3px -76px;
/*     background-position: 13px -51px; */
}
a.flex-prev {
    right: 35px;
    background-position: 3px -756px;
/*     background-position: 10px -21px; */
}
.home a.flex-prev {
    top: 10px;
    right: 55px;
}
.home a.flex-next {
    top: 10px;
    right: 20px;
}
a .ci-prev,
a .ci-next  {
/*     padding: 11px 0 0 23px; */
    padding: 18px 0 0 29px;
    background-color: #333;
}
.single-portfolio h1.ci-pagehl {
    display: inline;
    padding-right: 20px;
}
.single-portfolio .ci-switch-projects {
    line-height: 44px;
    float: right;
    text-align: right;
}
.ci-portfolio-single .ci-detailimg-container a .ci-text {
    display: none;
}
a.prev,
a .ci-prev  {
    left: 510px;
    background-position: 3px -756px;
}
a.next,
a .ci-next {
    left: 545px;
    background-position: 3px -76px;
}
.ci-switch-projects a {
    position: relative;
}
.ci-switch-projects a .ci-prev,
.ci-switch-projects a .ci-next {
    left: 0;
}
.ci-slide .ci-detailtext {
    text-align: right;
    font-style: italic;
}
.ci-project-specs {
    width: 260px;
    margin-left: 40px;
    display: inline;
    float: left;
}
.ci-fullwidth-project-specs {
    width: 880px;
    margin-left: 0;
}

/* PORTFOLIO SINGLE - END */

#quoteslide {
    position: relative;
}
#quoteslides {
    padding: 0 50px;
}
.ci-quotes {
    width: 100%;
    list-style-type: none;
    text-align: center;
    font-size: 18px;
    font-family: Baskerville,​Georgia,​serif;
    font-style: italic;
    font-weight: 200;
}
.ci-quotes .author {
    padding-top: 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #999;
}
#quoteslide .flex-direction-nav {
    width: 100%;
    right: auto;
    left: auto;
}
#quoteslide a.flex-prev,
#quoteslide a.flex-next {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    background-color: #ccc;
}
#quoteslide a.flex-prev {
    float: left;
}
#quoteslide a.flex-next {
    float: right;
}

/* TWITTER WIDGET - START */
ul.ci-twitter-list {
	margin: 0 !important;
}
ul.ci-twitter-list li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-type: none;
	border-bottom: 1px dashed #e2e2e2;
}
ul.ci-twitter-list li:first-child {
	padding-top: 0;
}
.ci-tweet-time {
	padding-left: 15px;
	font-size: 11px;
	color: #fff !important;
	text-decoration: none;
	white-space: nowrap;
	background: url(images/system/ico-tweety-white.png) 0 2px no-repeat;
}
.ci-sidebar a.ci-tweet-time {
    color: #333 !important;
	background: url(images/system/ico-tweety-dark.png) 0 2px no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
    .ci-tweet-time {
        background: url(images/system/ico-tweety-white@2x.png) 0 2px no-repeat;
        background-size: 12px 9px;
	}
    .ci-sidebar a.ci-tweet-time {
        background: url(images/system/ico-tweety-dark@2x.png) 0 2px no-repeat;
        background-size: 12px 9px;
	}
}


.ci-followme-container {
    padding: 10px 0;
    display: block;
}
/* TWITTER WIDGET - END*/

/* FLICKR WIDGET - START */
.flickr_badge_image {
	display: inline;
	margin: 0 3px 3px 0;
}
.flickr_badge_image a {}
.flickr_badge_image img {
	width: 60px;
	height: 60px;
	border: 3px solid #3e3e3e;
}
/* FLICKR WIDGET - END */

/* VIDEO WIDGET - START */
.widget_ci_video_widget,
.widget_ci_video_widget iframe {
	width: 430px;
}

/* VIDEO WIDGET - END */

/* Columns */
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

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

/* Tabs */
.ui-widget-content,
.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-default a {
	border: 0;
	background: transparent none;
}
.ui-tabs .ui-tabs-panel,
li.ui-state-active,
li.ui-state-active a {
	background: #e6e6e6;
}

.ui-tabs .ui-tabs-nav {
    height: 30px;
	padding: 0;
}
.ui-tabs .ui-tabs-panel {
	width: 94% !important;
	padding: 10px 3% !important;
}



/* Buttons */

button.button,
input#submit,
a.button {
	height: 20px;
	display: inline-block;
	margin: 0 5px 20px 5px;
	padding: 8px 10px 0 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff !important;
	line-height: 12px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	border: 0;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

a.button.big {
	height: 24px;
	padding: 11px 10px 0 10px;
	font-size: 14px;
	line-height: 14px;
}
body #main button:hover.button,
body #main input:hover#submit,
body #main a:hover.button,
body #main a:hover.button.small,
body #main a:hover.button.large {
	color: #fff !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    		box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}


a.button.white,
a.button.lightgray,
a.button.darkgray,
a.button.yellow,
body #main a:hover.button.white,
body #main a:hover.button.lightgray,
body #main a:hover.button.darkgray,
body #main a:hover.button.yellow {
	color: #404040 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}


a.button.white,
a.button.large.white {
	background: #f7f7f7;
}
a:hover.button.white {
	background: #f0f0f0;
}
a.button.lightgray,
a.button.large.lightgray {
	background: #d1d1d1;
}
a:hover.button.lightgray {
	background: #ccc;
}
a.button.darkgray,
a.button.large.darkgray {
	background: #adadad;
}
a:hover.button.darkgray {
	background: #a1a1a1;
}
a.button.black,
a.button.large.black {
	background: #3d3d3d;
}
a:hover.button.black {
	background: #383838;
}
a.button.brown,
a.button.large.brown {
	background: #ba8336;
}
a:hover.button.brown {
	background: #c48a39;
}
a.button.red,
a.button.large.red {
	background: #f77979;
}
a:hover.button.red {
	background: #f07575;
}
a.button.orange,
a.button.large.orange {
	background: #ff3f22;
}
a:hover.button.orange {
	background: #ff6b54;
}
a.button.yellow,
a.button.large.yellow {
	background: #ffce22;
}
a:hover.button.yellow {
	background: #ffda54;
}
a.button.green,
a.button.large.green {
	background: #5aa037;
}
a:hover.button.green {
	background: #70a158;
}
a.button.blue,
a.button.large.blue {
	background: #79cdf7;
}
a:hover.button.blue {
	background: #76c7f0;
}
a.button.purple,
a.button.large.purple {
	background: #c270e6;
}
a:hover.button.purple {
	background: #bd6dde;
}

/* Alerts  - Start */

.alert {
  padding: 12px 5% 12px 5%;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 20px 0;
}
.alert.white {
  background: #fafafa;
  border: 1px solid #c4c4c4;
  color: #292929;
}
.alert.red {
  background: #ffd0d1;
  border: 1px solid #ea8080;
  color: #dc5252;
}
.alert.orange {
  background: #fdceaf;
  border: 1px solid #f18238;
  color: #d46b02;
}
.alert.blue {
  background: #b2e1f9;
  border: 1px solid #43a3d3;
  color: #0485c6;
}
.alert.green {
  background: #cdffc0;
  border: 1px solid #66df47;
  color: #72bd5f;
}

/* Alerts  - End */


/* Separator - Start */

.ci-separator {
	width: 100%;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}
.ci-separator.ci-separator-size1px {border-bottom-width: 1px;}
.ci-separator.ci-separator-size2px {border-bottom-width: 2px;}
.ci-separator.ci-separator-size3px {border-bottom-width: 3px;}
.ci-separator.ci-separator-size4px {border-bottom-width: 4px;}

.ci-separator.ci-separator-solid {border-bottom-style: solid;}
.ci-separator.ci-separator-dashed {border-bottom-style: dashed;}
.ci-separator.ci-separator-dotted {border-bottom-style: dotted;}
.ci-separator.ci-separator-double {border-bottom-style: double;}

.ci-separator.ci-separator-white {border-bottom-color: #fff;}
.ci-separator.ci-separator-lightgray {border-bottom-color: #b2b2b2;}
.ci-separator.ci-separator-darkgray {border-bottom-color: #8f8f8f;}
.ci-separator.ci-separator-brown {border-bottom-color: #84591e;}
.ci-separator.ci-separator-red {border-bottom-color: #db5858;}
.ci-separator.ci-separator-orange {border-bottom-color: #db8f58;}
.ci-separator.ci-separator-yellow {border-bottom-color: #dbbf58;}
.ci-separator.ci-separator-green {border-bottom-color: #70c34f;}
.ci-separator.ci-separator-blue {border-bottom-color: #57afdb;}
.ci-separator.ci-separator-black {border-bottom-color: #000;}
.ci-separator.ci-separator-purple {border-bottom-color: #9f4ec2;}

/* Separator - End */

/* ICONS - START */
/*
.icon {
    display: inline;
    padding: 0 0 0 14px;
    background-image: url(images/system/icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
   .icon {
       background-image: url(images/system/icons@2x.png);
       background-size: 250px 250px;
	}
}
*/
.icon {
    display: inline;
    padding: 11px 0 0 23px;
    line-height: 36px;
    background: #333;
    border-radius: 50%;
    background-image: url(images/system/icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
   .icon {
       background-image: url(images/system/icons@2x.png);
       background-size: 80px 1680px;
	}
}


.ci-nav-bar .icon {
    line-height: 17px;
}
.ico-arrowright  { background-position: 0 5px; }

.ico-info  { background-position: 0 0; }
.ico-quote  { background-position: 0 -40px; }
.ico-arrowright  { background-position: 0 -80px; }
.ico-cross  { background-position: 0 -120px; }
.ico-location  { background-position: 0 -160px; }
.ico-file  { background-position: 0 -200px; }
.ico-tag  { background-position: 0 -240px; }
.ico-bubble  { background-position: 0 -280px; }
.ico-magnifyingglass  { background-position: 0 -320px; }
.ico-sound  { background-position: 0 -360px; }
.ico-film  { background-position: 0 -400px; }
.ico-danger  { background-position: 0 -440px; }
.ico-plus  { background-position: 0 -480px; }
.ico-minus  { background-position: 0 -520px; }
.ico-plan  { background-position: 0 -560px; }
.ico-design  { background-position: 0 -600px; }
.ico-develop  { background-position: 0 -640px; }
.ico-tools  { background-position: 0 -680px; }
.ico-check  { background-position: 0 -720px; }
.ico-arrowleft  { background-position: 0 -760px; }
.ico-menu  { background-position: 0 -800px; }
.ico-twitter  { background-position: 0 -840px; }
.ico-facebook  { background-position: 0 -880px; }
.ico-dribbble  { background-position: 0 -920px; }
.ico-lastfm  { background-position: 0 -960px; }
.ico-youtube  { background-position: 0 -1000px; }
.ico-vimeo  { background-position: 0 -1040px; }
.ico-pinterest  { background-position: 0 -1080px; }
.ico-googleplus  { background-position: 0 -1120px }
.ico-flickr  { background-position: 0 -1160px; }
.ico-linkedin  { background-position: 0 -1200px; }

/* ICONS - END */


/* AD WIDGET - START */
img.ci-adsize-155x155,
img.ci-adsize-234x175,
img.ci-adsize-orignal {
	display: block;
}
img.ci-adsize-155x155 {
	width: 155px;
	height: 155px;
}
img.ci-adsize-234x175 {
	width: 234px;
	height: 175px;
}
/* AD WIDGET - END */

/* CALENDAR WIDGET - START */
#ci-widgetarea-sidebar .widget_calendar table {
	width: 100%;
}
#ci-widgetarea-sidebar .widget_calendar thead th,
#ci-widgetarea-sidebar .widget_calendar tbody td {
	text-align: right;
}
/* CALENDAR WIDGET - END */

/* AUDIO- + VIDEOPLAYER - START */
.ci-videocontainer,
.ci-audiocontainer {
	margin-bottom: 40px;
}
.jp-jplayer {
    margin: 0 auto;
}
.jp-video {
	width: 580px;
}
.jp-gui {
	height: 32px;
	background: url(images/system/mediaplayer_gui_bg.gif) 0 0 repeat-x;
}
.ci-videocontainer .jp-gui {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
}
.ci-audiocontainer .jp-gui {
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}
.jp-progress {
	width: 240px;
	height: 11px;
	position: absolute;
	top: 10px;
	left: 80px;
	background: #2a2a2a;
	border: 1px solid #2a2a2a;
	border-right: 1px solid #414141;
	border-bottom: 1px solid #414141;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}
.jp-seek-bar {
	height: 100%;
	background: #323232;
	border-radius: 1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
}
.jp-play-bar {
	height: 100%;
	background: #3cbdf0 url(images/system/mediaplayer_gui_glossy.png) 0 center repeat-x;
	border-radius: 1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
}
.jp-title,
.jp-duration,
.jp-current-time,
.jp-repeat,
.jp-volume-max,
.jp-full-screen,
.jp-video-play,
.jp-no-solution,
.jp-toggles {
	display: none !important;
}
ul.jp-controls,
ul.jp-controls li {
	margin: 0;
	padding: 0;
}
ul.jp-toggles li,
ul.jp-controls li {
	display: inline;
	list-style-type: none;
}
.jp-interface {
	position: relative;
}
.jp-interface a.jp-play,
.jp-interface a.jp-pause,
.jp-interface a.jp-stop,
.jp-interface a.jp-volume-bar,
.jp-interface a.jp-full-screen,
.jp-interface a.jp-mute,
.jp-interface a.jp-unmute {
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	background-image: url(images/system/mediaplayer_gui_controls.png);
	background-position: 6px 0;
	background-repeat: no-repeat;
}
.jp-interface a.jp-play {
	left: 0;
	background-position: 11px 10px;
	border-right: 1px solid #3b3b3b;
}
.jp-controls-holder a.jp-pause {
	left: 0;
	background-position: 11px -20px;
	border-right: 1px solid #3b3b3b;
}
.jp-controls-holder a.jp-stop {
	left: 33px;
	background-position: 11px -49px;
	border-right: 1px solid #3b3b3b;
	border-left: 1px solid #505050;
}
.jp-controls-holder a.jp-volume-bar {
	left: 80px;
	background-position: 11px -79px;
}
.jp-controls-holder a.jp-mute {
	right: 215px;
	background-position: 6px -81px;
}
.jp-controls-holder a.jp-unmute {
	right: 215px;
	background-position: 6px -111px;
}
.jp-volume-bar {
	width: 200px;
	height: 11px;
	display: block;
	position: absolute;
	top: 10px;
	right: 11px;
	background: #2a2a2a;
	border: 1px solid #2a2a2a;
	border-right: 1px solid #414141;
	border-bottom: 1px solid #414141;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}
.jp-volume-bar-value {
	height: 11px;
	position: absolute;
	top: 0;
	left: 0;
	background: #3cbdf0 url(images/system/mediaplayer_gui_glossy.png) 0 center repeat-x;
	border-radius: 1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
}
jp-controls-holder a.jp-full-screen {
	display: none !important;
	right: 10px;
	background-position: 2px -119px;
}
img.ci-audioposter {
	display: block;
}
/* AUDIO- + VIDEOPLAYER - END */



/* BLOG - START */
.ci-blog-overview,
.ci-blog-details {
    padding-top: 40px;
}
.ci-blog-overview .ci-sidebar {
    padding-top: 0;
}
.ci-blog-overview h3.ci-postheadline,
.ci-blog-overview h3.ci-postheadline a {
    margin-top: 0;
}
.ci-blogpost-date-container,
.ci-postthumb-link {
    width: 80px;
    display: inline;
    margin-right: 20px;
    float: left;
}
a.ci-postthumb-link {
    width: 560px;
    margin: 0;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
}
a.ci-postthumb-link img {
    display: block;
}
.ci-thumb-cover {
    width: 200px;
    height: 150%;
    position: absolute;
    top: -40px;
    right: -240px;
    opacity: 0;
}
.ci-continue-symbols,
.ci-continue-text {
    opacity: 0;
}
a.ci-postthumb-link:hover .ci-thumb-cover {
    opacity: .8;
    right: -100px;
    z-index: 20;
    -moz-transform-origin:0 0;
    -moz-transform: rotate(15deg);
    -moz-transition:-moz-transform 0.2s ease-in-out;
    -webkit-transform-origin:0 0;
    -webkit-transform: rotate(15deg);
    -webkit-transition:-webkit-transform 0.2s ease-in-out;
    -o-transform-origin:0 0;
    -o-transform: rotate(15deg);
    -o-transition:-o-transform 0.2s ease-in-out;
    -ms-transform-origin:0 0;
    -ms-transform: rotate(15deg);
    -ms-transition:-ms-transform 0.2s ease-in-out;
}
a.ci-postthumb-link:hover .ci-continue-symbols,
a.ci-postthumb-link:hover .ci-continue-text {
    opacity: 1;
}
.ci-continue-symbols {
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50;
    background: url(images/system/ico_next.png) center center no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
   .ci-continue-symbols {
       background: url(images/system/ico_next@2x.png) center center no-repeat;
	   background-size: 27px 42px;
	}
}
/* IE8 Hack to disable the 'reade more' at the posts image due to lack of transition and opacity support */
a.ci-postthumb-link .ci-thumb-cover,
a.ci-postthumb-link .ci-continue-text,
a.ci-postthumb-link .ci-continue-symbols {
    display /*\**/: none\9
}



.ci-continue-text {
    width: 150px;
    height: 20px;
    position: absolute;
    bottom: 12px;
    right: 0;
    z-index: 60;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.ci-blogpost-date {
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    color: #e1e1e1;
    font-size: 10px;
    font-style: italic;
}
.ci-blogpost-date .ci-month {
    padding-top: 8px;
}
.ci-blogpost-date .ci-day {
    font-size: 30px;
    color: #fff;
    line-height: 30px;
}
#blog .ci-posttext-container {
    width: 560px;
    margin-left: 100px;
}

.ci-blog-overview .post {
    padding-bottom: 20px;
}
.ci-postoptions-container {
    width: 80px;
    float: left;
    display: inline;
    margin-right: 20px;
    font-size: 11px;
}
.ci-postoptions-container .ci-blogpost-date-container {
    margin-bottom: 20px;
    clear: left;
}
.ci-postoptions-container .ci-postoptions {
    list-style-type: none;
}
.ci-postoptions-container .ci-postoptions li {
    padding-bottom: 10px;
}
.ci-postoptions-container .ci-postoptions .ci-addthis-container {
    padding-top: 6px;
}
.ci-postcomments-container .ci-avatar {
    float: left;
    padding-right: 20px;
    display: inline;
    background: #fff;
}
.ci-postcomments-container img.avatar {
    border-radius: 50%;
}
.ci-postcomments-container .ci-comment-content {
    float: left;
}
.depth-1 .ci-comment-content {
    width: 600px;
}
.depth-2 .ci-comment-content {
    width: 540px;
}
.depth-3 .ci-comment-content {
    width: 480px;
}
h3.ci-comment-title {
}
.ci-comment-headline {
    width: 100%;
    float: left;
}

.ci-postcomments-container {
	width: 660px;
}
.commentlist a {
	color: #5a606a;
	font-weight: 200;
	text-decoration: none;
}
.commentlist li {
	list-style-type: none;
}
.ci-reply,
.edit-link,
.ci-dot {
    padding: 0 0 0 5px;
    float: right;
    background: #fff;
}
.commentlist article {
	padding: 20px 0 0;
}
#blog #respond {
    margin-left: 100px;
    margin-bottom: 15px;
    padding: 10px 0 15px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.ci-authorname,
.ci-authorname a,
.commentlist .comment-content,
.commentlist .reply,
.comment-author time,
.comment-author .says,
.comment-author .edit-link {
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
.ci-authorname,
.ci-authorname a {
	font-size: 15px;
	color: #272727;
	text-decoration: none;
	font-weight: bold;
}
.commentlist .comment-content,
.commentlist .reply {
	padding: 20px 0 0 60px;
}
.commentlist .comment-text {
    padding-top: 20px;
}
.ci-postcomments-container ul.children {
	padding-left: 60px;
}
#commentform label {
    width: 55px;
    float: left;
}
#commentform label,
.required {
    padding-right: 5px;
}
#commentform span.required {
    display: none;
}
input,
textarea {
    padding: 2px 4px;
    border: 1px solid #999;
    font-size: 12px;
    box-shadow: inset 0px 0px 2px rgba(0,0,0,.2);
    background: #fafafa;
}
textarea {
    width: 590px;
}
textarea {
    width: 590px;
}
#respond textarea {
    width: 480px;
}
.children #respond textarea {
    width: 430px;
}
.children .children #respond textarea {
    width: 370px;
}

input:focus,
textarea:focus {
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0,0,0,.2);
}
/* BLOG - END */

/* SEARCH - START */

.ci-search .ci-posttext-container {
    width: 100%;
    margin: 0;
}

/* SEARCH - END */


/* CONTACT - START */

#contactForm label {
    padding: 15px 0 5px;
    display: block;
}
#contactForm input.ci-inputfield {
    width: 40%;
}
#contactForm textarea {
    width: 90%;
}
button,
input#submit {
    height: auto !important;
    margin: 15px 0 !important;
    padding: 8px 10px !important;
    color: #fff;
    border: 0;
}
button:hover,
input#submit {
    cursor: pointer;
}

.ci-pagination-container {
    clear: both;
    padding: 30px 0;
    position: relative;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    border-top: 1px solid #E2E2E2;
}
.ci-pagination-container span,
.ci-pagination-container a {
    width: auto;
    font-size: 12px;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    color: #5F5F5F;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
}
.ci-pagination-container a:hover {
    background: #fff;
}
.ci-pagination-container .current {
    color: #fff !important;
}
/* CONTACT - END */

/* MOBILE MENU - START */
#dropdown-trigger {
    width: 748px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 999;
    margin: 0;
    margin-left: -374px;
    padding: 0;
    border-radius: 0;
    background: #333 url(images/system/ico-mobile-menu.png) center center no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
   #dropdown-trigger {
	   background: #333 url(images/system/ico-mobile-menu@2x.png) center center no-repeat;
	   background-size: 16px 16px;
	}
}
#mobile-menu-wrap {
    background: #333;
}
#mobile-menu,
#mobile-menu2,
#mobile-menu3 {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 20px;
}

#mobile-menu-wrap .sub-menu {
    padding-left: 20px;
    background: transparent none !important;
}
#mobile-menu-wrap li {
    border-top: 1px solid #fff;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}
#mobile-menu-wrap a,
#cloneHL1,
#cloneHL2 {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
}
#mobile-menu .sub-menu a {
    color: #fff;
    font-weight: normal;
}
#dropdown-trigger {
    display: none;
}
#cloneHL1,
#cloneHL2 {
    width: 80%;
    height: 15px !important;
    margin: 0 auto;
    font-size: 14px;
}
/* MOBILE MENU - END */


@media screen and (max-width: 479px) {

    #ci-primary-navigation {
        display: none;
    }
    #dropdown-trigger {
        display: block;
    }
}



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

@media screen and (max-width: 960px) {
    #page {
        padding-top: 40px;
        overflow: hidden;
    }

    #dropdown-trigger {
        width: 460px;
        margin-left: -230px;
    }
    .ci-contentheader .ci-area1-container,
    .ci-contentheader .ci-area2-container {
        width: 374px;
    }
    .ci-contentheader.ci-area1 .ci-area1-container,
    .ci-contentheader.ci-area2 .ci-area2-container {
        width: 748px;
    }
    .ci-contentheader .ci-area1-container,
    .ci-contentheader .ci-area2-container {
        background-position: right 0 !important;
    }
    .ci-contentstyle-sidebar-right .ci-sidebar,
    .ci-contentstyle-sidebar-left .ci-sidebar,
    .ci-footercontent-positioner {
        width: 100%;
    }
    .ci-footercontent-positioner {
        padding: 0;
    }
    .ci-footercontent-positioner #footer-widgets {
        padding: 20px 40px;
    }
    .ci-footer-text .ci-footercontent-positioner {
        width: auto;
        padding: 16px 40px;
    }
    .ci-sidebar li.widget,
    #ci-widgetarea-startpage li.widget {
        width: 200px;
        margin-right: 30px;
        float: left;
    }
    .ci-sidebar li.widget {
        margin-right: 20px;
    }
    #ci-widgetarea-footer li.widget {
        width: 300px;
        margin-right: 30px;
    }
    .single-portfolio .ci-pagehl {
        width: 85%;
    }
    .ci-socialnetworks-container {
        width: 240px;
        float: none;
        margin: 0 auto;
        padding: 6px 0;
        text-align: center;
    }
    .ci-nav-bar .icon {
        line-height: 40px;
    }
    .ci-socialnetworks-container .icon {
        float: none;
    }
    .ci-project-specs {
        width: 100%;
        margin-left: 0;
    }
}


/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 768px */
/* ----------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 960px) {
    #page,
    .home #slides img,
    .ci-nav-bar .ci-content-container {
        width: 748px;
        margin: 0 auto;
    }
    #cboxLoadedContent img {
        width: 748px !important;
        height: auto !important;
    }
    #page {
        padding-top: 40px;
        overflow: hidden;
    }
    #dropdown-trigger {
        width: 748px;
        margin-left: -374px;
    }


    .ci-portfolio-single .ci-detailimg-container,
    .ci-portfolio-single .ci-videocontainer,
    .ci-portfolio-single .ci-audiocontainer,
    .ci-detailimg-container ul#slides img,
    .ci-audioposter {
        width: 668px;
        margin-bottom: 20px;
    }
    .ci-audioposter {
        margin: 0;
    }
}

/* ----------------------------------------------------- */
/* Mobile (Portrait) */
/* ----------------------------------------------------- */
/* Width of 320px */
/* ----------------------------------------------------- */

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

    .ci-nav-bar {
        display: none;
        position: relative;
    }

    #dropdown-trigger {
        width: 300px;
        margin-left: -150px;
    }
    #cboxLoadedContent img {
        width: 300px !important;
        height: auto !important;
    }
    #page,
    .home #slides img {
        width: 300px;
        margin: 0 auto;
    }
    #page {
        overflow: hidden;
    }
    #branding .ci-content-positioner {
        padding: 25px 0 !important;
    }
    .ci-content-positioner {
        padding: 30px;
    }
    .width-smaller-480 .ci-contentheader {
        display: none;
    }
    .ci-contentheader .ci-area1-container,
    .ci-contentheader .ci-area2-container {
        width: 320px;
        margin-top: 40px;
        padding-top: 0 !important;
        background: #fff none !important;
    }
    .ci-contentheader .ci-area1-container .ci-area-navigation {
        margin-right: 10px;
    }
    .ci-contentheader .ci-area2-container .ci-area-navigation {
        margin-right: 40px;
        margin-left: 10px;
    }
    .ci-contentheader .ci-area2-container .ci-area-hl {
        margin-left: 10px;
    }

    .ci-area1-container,
    .ci-area2-container {
        display: none;
    }

    #branding .ci-content-positioner {
        text-align: center;
    }
    .ci-search-container {
        float: none;
        width: 160px;
        margin: 0 auto;
        padding: 20px 0;
    }
    .ci-contentstyle-sidebar-right .ci-maincontent,
    .ci-contentstyle-sidebar-left .ci-maincontent {
        width: 230px;
        margin-left: 0;
        margin-right: 0;
    }
    .ci-blog-overview a.ci-postthumb-link,
    .ci-blog-overview ul.ci-postoptions,
    .ci-post-thumbnail img {
        display: none;
    }
    .ci-postoptions-container,
    .ci-blogpost-date-container,
    .ci-postthumb-link {
        display: block;
        float: none;
    }
    .ci-postoptions-container,
    .ci-blogpost-date-container {
        width: 80px;
        margin-left: auto;
        margin-right: auto;
    }
    ul.ci-postoptions h6 {
        display: inline;
    }
    .ci-postoptions-container {
        width: 220px;
    }

    .single-portfolio .ci-pagehl {
        width: 65%;
    }

    h3.ci-postheadline,
    h3.ci-postheadline a {
        text-align: center;
    }
    #blog .ci-posttext-container {
        width: 220px;
        margin-left: 0;
    }
    .ci-post-thumbnail img {
        width: 140px;
        height: auto;
    }
    .ci-postcomments-container,
    .depth-1 .ci-comment-content {
        width: 220px;
    }
    .depth-2 .ci-comment-content {
        width: 180px;
    }
    .depth-3 .ci-comment-content {
        width: 120px;
    }
    #blog #respond {
        margin-left: 0;
    }
    #respond textarea {
        width: 210px;
    }
    .children #respond textarea,
    .children .children #respond textarea {
        width: 110px;
    }

    .ci-portfolio-overview {
        width: 220px;
        padding-left: 20px;
    }
    .ci-portfolio-overview li {
        float: none;
    }
    .ci-portfolio-overview li.ci-portfolio-entry {
        margin-left: auto;
        margin-right: auto;
    }


    .gallery-item {
        width: auto !important;
    }
    .ci-footercontent-positioner #footer-widgets {
        padding: 20px 40px;
    }
    .ci-footer-text .ci-footercontent-positioner {
        width: auto;
        padding: 10px 40px;
    }
    .ci-sidebar li.widget,
    #ci-widgetarea-startpage li.widget {
        width: 220px;
        margin-right: 30px;
        float: left;
    }
    .ci-sidebar li.widget {
        margin-right: 20px;
    }
    #ci-widgetarea-footer li.widget {
        width: 220px;
        margin-right: 30px;
    }
    .ci-portfolio-single .ci-detailimg-container,
    .ci-portfolio-single .ci-videocontainer,
    .ci-portfolio-single .ci-audiocontainer,
    .ci-detailimg-container ul#slides img,
    .ci-audioposter {
        width: 220px;
        margin-bottom: 20px;
    }
    .ci-audioposter {
        margin: 0;
    }

    #jquery_jplayer_video,
    #jquery_jplayer_video object {
        width: 220px !important;
    }
    .jp-progress {
        width: 60px;
    }
    .jp-controls-holder a.jp-mute {
        right: 43px;
    }
    .jp-volume-bar {
        width: 30px;
    }

    .one_half,
    .one_third,
    .two_third,
    .one_fourth,
    .three_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth { width: 100%; }
}


/* ----------------------------------------------------- */
/* Mobile (Landscape) */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #page,
    .home #slides img,
    .ci-nav-bar .ci-content-container {
        width: 460px;
        margin: 0 auto;
    }
    #page {
        overflow: hidden;
    }
    .ci-headertext {
        width: 100%;
        text-align: center;
    }
    #ci-primary-navigation {
        float: left;
    }
    #cboxLoadedContent img {
        width: 460px !important;
        height: auto !important;
    }
    .ci-contentstyle-sidebar-right .ci-maincontent,
    .ci-contentstyle-sidebar-left .ci-maincontent {
        width: 380px;
        margin-left: 0;
        margin-right: 0;
    }

    .ci-contentheader .ci-area1-container,
    .ci-contentheader .ci-area2-container {
        width: 230px;
        margin-top: 40px;
        padding-top: 0 !important;
        background: #fff none !important;
    }
    .ci-contentheader.ci-area1 .ci-area1-container,
    .ci-contentheader.ci-area2 .ci-area2-container {
        width: 460px;
    }
    .ci-contentheader .ci-area1-container .ci-area-navigation {
        margin-right: 10px;
    }
    .ci-contentheader .ci-area2-container .ci-area-navigation {
        margin-right: 40px;
        margin-left: 10px;
    }
/*
    .ci-contentheader.ci-area2 .ci-area2-container .ci-area-hl {
        margin-left: 40px;
    }
*/
    .ci-contentheader.ci-area1 .ci-area1-container .ci-area-navigation,
    .ci-contentheader.ci-area2 .ci-area2-container .ci-area-navigation {
        margin: 10px 40px 0;
    }

/*
    .ci-contentheader .ci-area2-container .ci-area-hl {
        margin-left: 10px;
    }
*/

    .single-portfolio .ci-pagehl {
        width: 75%;
    }

    .gallery-item {
        width: auto !important;
    }
    .ci-blog-overview a.ci-postthumb-link,
    .ci-blog-overview ul.ci-postoptions {
        display: none;
    }
    #blog .ci-posttext-container {
        width: 290px;
    }
    .ci-post-thumbnail img {
        width: 290px;
        height: auto;
    }
    .ci-postcomments-container,
    .depth-1 .ci-comment-content {
        width: 390px;
    }
    .depth-2 .ci-comment-content {
        width: 330px;
    }
    .depth-3 .ci-comment-content {
        width: 270px;
    }
    #blog #respond {
        margin-left: 0;
    }
    #respond textarea {
        width: 310px;
    }
    .children #respond textarea,
    .children .children #respond textarea {
        width: 260px;
    }

    .ci-portfolio-overview {
        width: 380px;
    }
    .ci-portfolio-overview li {
        float: none;
    }
    .ci-portfolio-overview li.ci-portfolio-entry {
        margin-left: auto;
        margin-right: auto;
    }

    .ci-footercontent-positioner #footer-widgets {
        padding: 20px 40px;
    }
    .ci-footer-text .ci-footercontent-positioner {
        width: auto;
        padding: 10px 40px;
    }
    .ci-sidebar li.widget,
    #ci-widgetarea-startpage li.widget {
        width: 380px;
        margin-right: 30px;
        float: left;
    }
    .ci-sidebar li.widget {
        margin-right: 20px;
    }
    #ci-widgetarea-footer li.widget {
        width: 380px;
        margin-right: 30px;
    }
    .ci-portfolio-single .ci-detailimg-container,
    .ci-portfolio-single .ci-videocontainer,
    .ci-portfolio-single .ci-audiocontainer,
    .ci-detailimg-container ul#slides img,
    .ci-audioposter {
        width: 380px;
        margin-bottom: 20px;
    }
    .ci-audioposter {
        margin: 0;
    }
    #jquery_jplayer_video,
    #jquery_jplayer_video object {
        width: 380px !important;
    }
    .jp-progress {
        width: 180px;
    }
    .jp-controls-holder a.jp-mute {
        right: 73px;
    }
    .jp-volume-bar {
        width: 60px;
    }

    .one_half,
    .one_third,
    .two_third,
    .one_fourth,
    .three_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth { width: 100%; }
}