html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block;
 }

 body {
     line-height: 1;
 }

 ol,
 ul {
     list-style: none;
 }

 blockquote,
 q {
     quotes: none;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: '';
     content: none;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 code {
     padding: 3px 6px;
     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
     background: #fcfcfc;
     border: 1px solid #e4e4e4;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #3f8faf;
 }

 .wp-caption {
     background: #2c2c2c;
 }

 .wp-caption .wp-caption-text {
     color: #999;
 }

 .wp-caption .wp-caption-text:before {
     color: #999;
 }

 .sticky {
     background: #f2f7fc;
     border-top: 4px solid #000;
     margin-left: -20px;
     margin-right: -20px;
     padding: 18px 20px;
 }

 .gallery-caption {
     color: #666;
     font-family: Georgia, serif;
     font-size: 14px;
 }

 .bypostauthor {}

 body {
     background: url("../images/body_bg.jpg") cover fixed 50% 0 #333;
     font: 14px Arial, sans-serif;
     color: #777777;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     overflow-x: hidden;
 }

 .bodywrapper {
     background: #fff;
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
     width: 1100px;
     margin: 30px auto;
 }

 .logo h1 {
     float: left;
     margin-bottom: 0;
 }

 h1 a {
     color: #333 !important;
     display: block;
     padding-top: 20px;
     width: 126px;
 }

 h1 a:hover {
     color: #666 !important;
 }

 ::selection {
     background: #2996c9;
     color: #FFF;
 }

 ::-moz-selection {
     background: #2996c9;
     color: #FFF;
 }

 strong,
 strong a {
     font-size: 14px;
     font-family: 'Open Sans', Arial;
     font-weight: 700;
 }

 strong a:hover {
     color: #000;
     text-decoration: underline;
 }

 .strong-1 a {
     color: #969696;
 }

 .clear {
     clear: both;
     line-height: 0;
     font-size: 0;
     overflow: hidden;
     height: 0;
     width: 100%;
 }

 .wrapper {
     width: 100%;
     overflow: hidden;
     position: relative;
 }

 .extra-wrap {
     overflow: hidden;
     display: block;
 }

 .fleft {
     float: left;
 }

 .fright {
     float: right;
 }

 .aligncenter {
     text-align: center;
 }

 .middle {
     text-align: center;
 }

 .middle img {
     margin: 0 auto;
 }

 .alignmiddle * {
     vertical-align: middle;
 }

 img.center {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 .sub-heading {
     color: #999;
     font: 12px 'Open Sans', Arial;
     font-weight: 300;
     padding-top: 8px;
     text-shadow: 1px 1px 0 #FFFFFF;
     text-transform: lowercase;
     display: block;
 }

 .ident-bot-0 {
     margin-bottom: 0;
 }

 .ident-bot-1 {
     margin-bottom: 10px;
 }

 .ident-bot-2 {
     margin-bottom: 20px;
 }

 .ident-bot-3 {
     margin-bottom: 25px;
 }

 .ident-bot-4 {
     margin-bottom: 30px;
 }

 .ident-right-1 {
     margin-right: 18px;
 }

 .ident-right-2 {
     margin-right: 15px;
 }

 .columns img,
 .column img {
     display: block;
     max-width: 100%;
     height: auto;
 }

 .content img {
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #EEEEEE;
     display: inline-block;
     float: left;
     margin: 0 15px 15px 0;
     padding: 5px;
 }

 .image-border {
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #EEEEEE;
     display: inline-block;
     float: left;
     margin: 0 15px 15px 0;
     padding: 5px;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
 }

 .img-border-bg {
     background: none repeat scroll 0 0 #FFFFFF;
     display: block;
     overflow: hidden;
     padding: 5px 5px 3px 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 0 0 0 1px #e7e7e7 inset;
     -moz-box-shadow: 0 0 0 1px #e7e7e7 inset;
     box-shadow: 0 0 0 1px #e7e7e7 inset;
 }

 img,
 object,
 video {
     max-width: 100%;
     height: auto;
     display: block;
 }

 img {
     width: auto;
     max-width: 100%;
     border: 0;
     -ms-interpolation-mode: bicubic;
 }

 .embed {
     position: relative;
     padding: 0px;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
 }

 .embed iframe,
 .embed object,
 .embed embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .clearfix {
     content: ".";
     display: block;
     height: 0px;
     clear: both;
     visibility: hidden;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #444;
     font-family: 'Bitter', serif;
     font-weight: bold;
 }

 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     font-weight: inherit;
 }

 h1 {
     font-size: 28px;
     line-height: 50px;
     text-align: left;
 }

 h2 {
     font-size: 22px;
     line-height: 30px;
 }

 h3 {
     font-size: 18px;
     line-height: 34px;
 }

 h4 {
     font-size: 16px;
     line-height: 30px;
 }

 h5 {
     font-size: 14px;
     line-height: 24px;
 }

 h6 {
     font-size: 12px;
     line-height: 21px;
 }

 .subheader {
     color: #777;
 }

 p {
     margin: 0 0 15px 0;
     line-height: 20px;
 }

 p img {
     margin: 0;
 }

 p.lead {
     font-size: 21px;
     line-height: 27px;
     color: #777;
 }

 em {
     font-style: italic;
 }

 strong {
     font-weight: bold;
     color: #333;
 }

 small {
     font-size: 80%;
 }

 hr {
     border: solid #ddd;
     border-width: 1px 0 0;
     clear: both;
     margin: 10px 0 30px;
     height: 0;
 }

 a,
 a:visited {
     color: #2996c9;
     text-decoration: none;
     outline: 0;
     -webkit-transition: color 0.1s ease-in-out;
     -moz-transition: color 0.1s ease-in-out;
     -o-transition: color 0.1s ease-in-out;
     -transition: color 0.1s ease-in-out;
 }

 a:hover,
 a:focus {
     color: #888;
 }

 p a,
 p a:visited {
     line-height: inherit;
 }

 ul,
 ol {
     margin: 0;
 }

 ul {
     list-style: none outside;
 }

 ol {
     list-style: decimal;
 }

 ol,
 ul.square,
 ul.circle,
 ul.disc {
     margin-left: 30px;
 }

 ul.square {
     list-style: square outside;
 }

 ul.circle {
     list-style: circle outside;
 }

 ul.disc {
     list-style: disc outside;
 }

 ul ul,
 ul ol,
 ol ol,
 ol ul {}

 ul ul li,
 ul ol li,
 ol ol li,
 ol ul li {}

 li {
     line-height: 18px;
 }

 ul.large li {
     line-height: 21px;
 }

 li p {
     line-height: 21px;
 }

 img.scale-with-grid {
     max-width: 100%;
     height: auto;
 }

 .row-1 {
     background: none repeat scroll 0 0 #FFFFFF;
 }

 .row-3 {
     background: none repeat scroll 0 0 #303030;
     min-height: 41px;
     padding: 10px;
 }

 .row-4 {
     background: url('../images/row-4-bg.jpg') repeat-x;
     height: 5px;
 }

 nav {
     float: left;
 }

 .login {
     float: right;
     padding-top: 28px;
     margin-right: 2px;
 }

 .login li {
     float: left;
     padding-left: 9px;
     background: url('../images/slogan-border.jpg') no-repeat 0 2px;
 }

 .login li:first-child {
     padding-right: 9px;
     background: none;
 }

 .login li a {
     color: #fff;
     font-size: 11px;
     line-height: 12px;
     font-family: 'OpenSansRegular', Arial;
     text-transform: uppercase;
     text-shadow: rgba(0, 0, 0, 0.27) 1px 1px 1px;
 }

 .login li a:hover {
     text-decoration: underline;
 }

 .header-social {
     float: right;
     font-size: 14px;
     font-weight: 700;
     padding: 30px 0;
     position: relative;
     text-decoration: none;
 }

 #content {
     padding: 42px 0 65px 0;
     border-bottom: 5px solid #f1f0ed;
 }

 #page1 #content {
     padding: 60px 0 40px;
 }

 .block-ident-1 {
     padding-right: 20px;
 }

 .date {
     line-height: 18px;
 }

 .link-name {
     font: 14px/21px 'Bitter', serif;
     text-transform: uppercase;
 }

 a.link-name {
     color: #2996c9 !important;
     font-weight: 400;
 }

 .link-name:hover {
     color: #000;
     text-decoration: underline;
 }

.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;
}

 .img-border {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     width: 100%;
     behavior: url(js/PIE.htc);
 }

 .img-border-1 {
     border: 1px solid #fff;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
     behavior: url(js/PIE.htc);
 }

 .img-border-2 {
     display: inline-block;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30);
     behavior: url(js/PIE.htc);
 }

 .link-1 {
     color: #969696;
 }

 .link-1:hover {}

 p:empty {
     display: none;
 }

 .alignleft {
     border: 1px solid #DEDEDE;
     float: left;
     margin: 0 15px 8px 0;
     padding: 3px;
 }

 .alignright {
     border: 1px solid #DEDEDE;
     float: right;
     margin: 0 0 8px 15px;
     padding: 3px;
 }

 .headline {
     display: block;
     border-bottom: 1px solid #e7e7e7;
     padding: 0 0 10px 0;
     margin: 0 0 20px 0;
 }

 .headline span {
     color: #888;
     font-weight: normal;
     font-size: 14px;
     float: right;
 }

 .headline2 {
     display: block;
     margin: 20px 0 20px 0;
 }

 .headline3 {
     display: block;
     margin: 0 0 20px 0;
 }

 .sub-title {
     color: #2996c9 !important;
     display: block;
     font-family: 'Bitter', serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 14px;
     padding-bottom: 8px;
 }

 h5.headline {
     padding: 0 0 8px 0;
     margin: 0px 0 12px 0;
 }

 .portfolio-content h4.headline {
     padding: 0 0 8px 0;
     margin: 0px 0 12px 0
 }

 .sub-heading {
     color: #999;
     font: 12px 'OpenSansSemibold', Arial;
     padding-top: 8px;
     text-shadow: 1px 1px 0 #FFFFFF;
     text-transform: lowercase;
     display: block;
 }

 #page-title {
     border: 1px solid #e2e2e2;
     border-left: none;
     border-right: none;
     margin-top: -1px;
     background-image: linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
     background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
     background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
     background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
     background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FCFCFC 100%);
     background-color: #fafafa;
 }

 #page-title h2 {
     font-weight: normal;
     font-size: 22px;
     padding: 21px 0;
 }

 #page-title h2 a:visited,
 #page-title h2 a {
     #444
 }

 #page-title span {
     color: #a0a0a0;
 }

 .item-img img {
     width: 100%;
     height: auto;
 }

 .item-img,
 .post-img {
     position: relative;
     border: 1px solid #EEEEEE;
     border-radius: 3px 3px 3px 3px;
     margin: 0 0 15px;
     padding: 5px;
 }

 #portfolio-wrapper .item-img,
 .post-img {
     margin: 0;
 }

 .overlay {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 1;
     z-index: 40;
     opacity: 0;
     -moz-opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: opacity 180ms ease-in-out;
     -moz-transition: opacity 180ms ease-in-out;
     -o-transition: opacity 180ms ease-in-out;
     transition: opacity 180ms ease-in-out;
 }

 .overlay.zoom {
     background: url(../images/icons/overlay.png) no-repeat center center, url(../images/overlay_bg.png) center center;
 }

 .overlay:hover {
     opacity: 1;
     -moz-opacity: 1;
     filter: alpha(opacity=100);
 }

 .toggle-trigger {
     text-decoration: none;
     color: #444;
     font-weight: bold;
     padding: 5px 10px 5px 25px;
     cursor: pointer;
     border: 1px solid #ccc;
     background: #f1f1f1 url(../images/toggle.png) no-repeat 5px 7px;
 }

 .toggle-trigger.active {
     border-bottom: 1px solid #ccc;
     background: #f8f5f2 url(../images/toggle.png) no-repeat 5px -78px;
 }

 .toggle-trigger:hover {
     background-color: #f8f5f2;
 }

 .toggle-container {
     margin-bottom: 0px;
     padding: 5px 10px;
     border-bottom: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-left: 1px solid #ccc;
 }

 .tagcloud {
     float: left;
 }

 .tagcloud a:link,
 .tagcloud a:visited {
     background-color: rgba(0, 0, 0, 0.17);
     border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     color: #969696;
     font-size: 14px;
     line-height: 1.8em;
     display: inline-block;
     margin-bottom: 3px;
     padding: 2px 6px;
     text-shadow: 0 1px 1px #000;
     behavior: url(../js/PIE.htc);
 }

 .tagcloud a:hover {
     background: url("../images/hash.png") repeat scroll left top #AF242C;
     color: #fff;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.0);
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.0);
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.0);
 }

 .error-page h2 {
     font-size: 41px;
     line-height: 64px;
 }

 .error-page strong {
     font-family: 'Bitter', serif;
     font-size: 17px;
 }

 .error-page img {
     margin: 0 auto;
 }

 #header {
     min-height: 80px;
 }

 #logo-image {
     width: auto;
     height: auto;
 }

 .features {
     margin: 0 0 0 0;
 }

 .feature {
     margin: 0 0 10px 0;
 }

 .feature-description {
     margin-left: 45px;
 }

 .feature h4 {
     font-weight: 400;
 }

 .feature-circle {
     display: inline-block;
     width: 24px;
     height: 24px;
     text-align: center;
     padding: 6px;
     color: #fff;
     -moz-border-radius: 50px;
     -webkit-border-radius: 50px;
     border-radius: 50px;
     float: left;
     margin-top: 10px;
 }

 .feature-circle i {
     margin-top: 4px;
 }

 .feature-circle.gray {
     background-color: #464646 !important;
     background-image: -ms-linear-gradient(bottom, #464646 0%, #656565 100%) !important;
 }

 .feature-circle.red {
     background-color: #C74039 !important;
     background-image: -ms-linear-gradient(bottom, #C74039 0%, #E35752 100% !important);
 }

 .feature-circle.blue {
     background-color: #2778C8 !important;
     background-image: -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%) !important;
 }

 .feature-circle.green {
     background-color: #8DA046 !important;
     background-image: -ms-linear-gradient(bottom, #8DA046 0%, #A3B951 100%) !important;
 }

 .feature-circle.orange {
     background-color: #F9854E !important;
     background-image: -ms-linear-gradient(bottom, #F9854E 0%, #F9A54E 100%) !important;
 }

 .faq {}

 .faq-description {}

 .faq h4 {
     background: url("../images/q.png") no-repeat scroll left 3px transparent;
     border-bottom: 1px solid #EEEEEE;
     font-weight: 400;
     padding: 0 0 5px 30px;
 }

 .faq p {
     background: url("../images/icons/a.png") no-repeat scroll left 12px transparent;
     border-top: 1px solid #F9F9F9;
     line-height: 24px;
     padding: 10px 0 0 30px;
 }

 .home .portfolio-item {
     margin-bottom: 0px;
 }

 .portfolio-item {
     margin-bottom: 20px;
 }

 .portfolio-item-meta h5 {
     line-height: 16px;
     padding: 12px 0 8px 0;
     margin: 0 0 8px 0;
     border-bottom: 1px solid #e7e7e7;
     letter-spacing: 0;
 }

 .portfolio-item-meta h5 a {
     font-size: 14px;
     font-weight: 400;
     line-height: 34px;
 }

 .portfolio-item-meta h5 span {
     display: block;
     color: #888;
     font-weight: normal;
     margin-top: 3px;
 }

 .portfolio-item-meta a {
     color: #444;
 }

 .portfolio-item-meta a:hover {
     color: #888;
 }

 .portfolio-item-meta p {
     color: #555;
 }

 .info-box {
     background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #e4e4e4;
     padding: 18px 25px;
     margin: 0 0 20px 0;
 }

 .info-box p {
     margin: 0;
 }

 .info-box h4 {
     line-height: 24px;
     margin-bottom: 7px
 }

 .info-box a {
     margin: 7px 0 0 0;
 }

 .info-content {
     float: left;
 }

 .post .info-box p {
     margin: 0px
 }

 #filters {
     float: left;
     margin-top: 25px;
     padding-bottom: 15px;
     border-bottom: 1px solid #e7e7e7;
     display: block;
     width: 100%;
     margin-bottom: 20px;
     line-height: 24px;
 }

 #filters ul li {
     display: inline;
     padding: 0 10px 0 0;
     background: url(../images/filter_divider.png) no-repeat 97% 50%;
 }

 #filters ul li:last-child {
     background: none;
 }

 #filters a {
     color: #777;
     font-size: 14px;
     -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     -ms-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
     padding: 4px 8px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
 }

 #filters a:hover {
     color: #fff;
     background: #333;
 }

 #filters .selected {
     background: none repeat scroll 0 0 #333;
     color: #FFFFFF !important;
 }

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

 .isotope-hidden.isotope-item {
     pointer-events: none;
     z-index: 1;
 }

 .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: -ms-transform, opacity;
     -o-transition-property: top, left, opacity;
     transition-property: transform, opacity;
 }

 .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;
 }

 .isotope.infinite-scrolling {
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
     transition: none;
 }

 .prev,
 .next {
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     width: 21px;
     height: 21px;
     display: block;
     text-indent: -9999px
 }

 .prev {
     background: url(../images/icons/pagination_prev.png) no-repeat 50% 50%;
     background-color: #606060;
     float: left;
 }

 .next {
     background: url(../images/icons/pagination_next.png) no-repeat 50% 50%;
     background-color: #606060;
     float: right;
 }

 .project-nav .next:hover,
 .project-nav .prev:hover,
 .prev:hover,
 .next:hover {
     background-color: #000;
 }

 .project-nav .prev.off,
 .project-nav .next.off,
 .prev.off,
 .next.off {
     background-color: #ccc;
 }

 .pagination .prev,
 .pagination .prev.off,
 .pagination .next,
 .pagination .prev.off {
     margin-top: -3px;
 }

 .pagination {}

 .pages {
     text-align: center;
 }

 .pages a {
     color: #888;
     padding: 25px 8px;
 }

 .pages a:hover {
     color: #444;
 }

 a.current-page {
     color: #444;
     border-top: 3px solid #555;
 }

 .pages ul li {
     display: inline;
     padding: 0 2px;
 }

 .project-nav {
     margin-top: -57px;
     float: right;
 }

 .project-nav .next {
     float: left;
     margin-right: 3px;
     background: url(../images/icons/pagination_prev.png) no-repeat 50% 50% #606060;
 }

 .project-nav .prev {
     float: right;
     background: url(../images/icons/pagination_next.png) no-repeat 50% 50% #606060;
 }

 #loginContainer {
     position: relative;
     float: right;
     font-size: 14px;
 }

 #loginButton {
     display: inline-block;
     float: right;
     background: #eee url(../images/buttonbg.png) repeat-x;
     border: 1px solid #ccc;
     border-radius: 3px;
     -moz-border-radius: 3px;
     position: relative;
     z-index: 30;
     cursor: pointer;
 }

 #loginButton span {
     color: #445058;
     font-size: 14px;
     font-weight: bold;
     text-shadow: 1px 1px #fff;
     padding: 7px 29px 9px 10px;
     background: url(../images/icons/loginArrow.png) no-repeat 53px 7px;
     display: block
 }

 #loginButton:hover {
     background: url(../images/buttonbgHover.png) repeat-x;
 }

 #loginBox {
     position: absolute;
     top: 34px;
     right: 0;
     display: none;
     z-index: 29;
 }

 #loginButton.active {
     border-radius: 3px 3px 0 0;
 }

 #loginButton.active span {
     background-position: 53px -76px;
 }

 #loginButton.active em {
     position: absolute;
     width: 100%;
     height: 1px;
     background: #dedede;
     bottom: -1px;
 }

 #loginForm {
     width: 248px;
     border: 1px solid #ccc;
     border-radius: 3px 0 3px 3px;
     -moz-border-radius: 3px 0 3px 3px;
     margin-top: -1px;
     background: #dedede;
     padding: 6px;
 }

 #loginForm fieldset {
     margin: 0 0 12px 0;
     display: block;
     border: 0;
     padding: 0;
 }

 fieldset#body {
     background: #fff;
     border-radius: 3px;
     -moz-border-radius: 3px;
     padding: 10px 13px;
     margin: 0;
 }

 #loginForm #checkbox {
     width: auto;
     margin: 1px 9px 0 0;
     float: left;
     padding: 0;
     border: 0;
     *margin: -3px 9px 0 0;
 }

 #body label {
     color: #333;
     margin: 9px 0 0 0;
     display: block;
     float: left;
 }

 #loginForm #body fieldset label {
     display: block;
     float: none;
     margin: 0 0 6px 0;
 }

 #loginForm input {
     width: 92%;
     border: 1px solid #888;
     border-radius: 3px;
     -moz-border-radius: 3px;
     color: #333;
     font-weight: bold;
     padding: 8px 8px;
     box-shadow: inset 0px 1px 3px #bbb;
     -webkit-box-shadow: inset 0px 1px 3px #bbb;
     -moz-box-shadow: inset 0px 1px 3px #bbb;
     font-size: 14px;
 }

 #loginForm #login {
     width: auto;
     float: left;
     background: #339cdf url(../images/loginbuttonbg.png) repeat-x;
     color: #fff;
     padding: 7px 10px 8px 10px;
     text-shadow: 0px -1px #278db8;
     border: 1px solid #339cdf;
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     margin: 0 12px 0 0;
     cursor: pointer;
     *padding: 7px 2px 8px 2px;
 }

 #loginForm span {
     text-align: center;
     display: block;
     padding: 7px 0 4px 0;
 }

 #loginForm span a {
     color: #333;
     text-shadow: 1px 1px #fff;
     font-size: 14px;
 }

 input:focus {
     outline: none;
 }

 #searchForm {
     margin-bottom: 0;
     float: right;
 }

 #searchForm fieldset {
     width: 240px;
     position: absolute;
     right: 20px;
     top: 10px;
     display: block;
     margin: 0;
 }

 div.input {
     width: 120px !important;
     padding: 11px 15px;
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #3A3A3A;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
     float: right;
     background: #000;
 }

 div.input.focus {
     border: 1px solid #000;
     box-shadow: 0 0 6px #666, inset 0 1px 2px rgba(0, 0, 0, 0.08);
 }

 input#s {
     font-family: 'Open Sans', Arial;
     width: 100%;
     border: 0;
     background: transparent;
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
     height: 16px;
     color: #EEEEEE;
     margin: 0;
     padding: 0;
 }

 input#s:focus {
     outline: none
 }

 input#searchSubmit {
     width: 19px;
     height: 19px;
     text-indent: -9999px;
     overflow: hidden;
     background: url(../images/icons/search-icon.png) no-repeat;
     border: 0;
     position: absolute;
     top: 10px;
     right: 13px;
     z-index: 5;
     display: none;
     cursor: pointer;
 }

 .sidebar-ident-right {
     display: block;
     padding-left: 35px;
 }

 .blog-sidebar,
 .sidebar {
     margin: 30px 0 0 0;
 }

 .widget {
     clear: both;
     margin: 0 0 25px 0;
     line-height: 20px;
 }

 .widget h5 {
     font-weight: 100;
 }

 #footer .widget {
     margin: 0px;
 }

 .widget h5 {
     padding-bottom: 10px;
     border-bottom: 1px solid #e7e7e7;
 }

 .search input {
     width: 84%;
     padding-left: 30px;
     color: #888;
     background: url(../images/icons/search_ico.png) no-repeat 4% 54%
 }

 .search:focus {
     border: 1px solid #ddd;
 }

 .social-blog {
     margin: 5px 0 5px 0;
     float: left;
 }

 .social-blog:first-child {
     margin-right: 30px;
 }

 .feed img {
     float: left;
 }

 .feed p {
     line-height: 14px;
     float: left;
     margin: 2px 0 0 7px;
 }

 a.feed {
     display: inline-block;
     font-size: 11px;
     color: #444;
     font-weight: bold;
 }

 a.feed span {
     color: #888;
     font-weight: normal;
 }

 .our-sponsors a {
     display: inline-block;
     margin: 0 3px 10px;
 }

 .widget li a {
     color: #888
 }

 .widget #twitter-blog a {
     color: #3F8FAF
 }

 .widget li {
     color: #888;
     display: block;
     padding: 7px 0;
     padding-left: 12px;
     border-bottom: 1px solid #e7e7e7;
     background: url(../images/icons/link_list_arrow_02.png) no-repeat left 47%;
 }

 .widget.widget_categories li a {
     display: block;
 }

 #footer .widget li {
     border-bottom: 1px solid #444444;
     color: #A4A4A4
 }

 #footer .widget li:last-child {
     border-bottom: 0px
 }

 #footer .widget li a {
     color: #A4A4A4
 }

 .widget .flickr-widget-blog li {
     display: inline;
     padding: 0px;
     border: 0px;
     background: none
 }

 .widget.social {
     overflow: hidden;
 }

 .widget.widget_recent_comments li {
     margin: 7px 0px
 }

 .widget.widget_recent_comments li a {
     background: none;
 }

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

 .widget li a:hover {
     color: #444;
 }

 .sidenav-post-tab .tab-content {
     padding: 20px 10px 0;
 }

 .latest-post-blog {
     border-bottom: 1px dashed #EEEEEE;
     display: inline-block;
     margin: 0 0 12px;
     width: 100%
 }

 .latest-post-blog:last-child {
     margin-bottom: 5px;
 }

 .latest-post-blog p,
 .latest-post-blog a {
     margin: 0;
     color: #606060;
     line-height: 18px;
 }

 .latest-post-blog span {
     color: #888;
     margin: 3px 0 0 0;
     display: block;
 }

 .latest-post-blog img {
     float: left;
     margin: 0 10px 10px 0;
     border: 1px solid #dedede;
     padding: 3px;
     height: 49px;
     width: 49px;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }

 .flickr-widget-blog {
     margin-right: -12px;
     margin-top: 15px;
     overflow: hidden;
 }

 .flickr-widget-blog img {
     display: block;
     width: 100%;
 }

 .flickr-widget-blog a {
     float: left;
     width: 53px;
     height: 53px;
     margin-right: 12px;
     margin-bottom: 12px;
     border: 1px solid #dedede;
     padding: 3px;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }

 .contact-details li {
     margin: 0 0 15px 0;
 }

 .contact-details p {
     margin: -5px 0 0 20px;
     line-height: 18px;
 }

 .contact-details li em,
 .contact-details li i {
     float: left;
     margin: 2px 0 0 0;
 }

 .teamwrap-img img {
     border: 1px solid #EEEEEE;
     box-shadow: 0 1px 0 #EEEEEE;
     left: -6px;
     max-width: 100%;
     padding: 5px;
     position: relative;
     top: 1px;
     width: auto;
 }

 .teamwrap {
     background: none repeat scroll 0 0 #FEFEFE;
     border: 1px solid #F7F7F7;
     margin-bottom: 20px;
     padding: 0 15px;
     text-align: center;
     border 1px solid #e4e4e4;
     border-radius: 0 0 3px 3px;
 }

 .team-name {
     text-align: center;
     padding: 15px 0;
 }

 .team-name h5 {
     border-bottom: 1px solid #F3F3F3;
     font-size: 15px;
     font-weight: 700;
     margin-bottom: 0;
     padding-bottom: 10px;
     text-transform: uppercase;
 }

 .post .team-name p {
     margin: 0px
 }

 .post .team-about p {
     font-size: 14px;
     margin: 0 0 15px;
 }

 .team-name span {
     border-bottom: 1px solid #F3F3F3;
     display: block;
     font-size: 14px;
     font-weight: 100;
     color: #F3930A;
     font-family: 'Bitter', serif;
     padding: 10px 0;
 }

 .team-contact-info {
     border-left: 1px dashed rgb(204, 204, 204);
     display: inline-block;
     padding-left: 20px;
 }

 .team-contact-info ul {
     display: block;
     width: 100%;
 }

 .team-contact-info li em {
     float: left;
     width: 54px;
 }

 .team-text {}

 .team-text h3 {
     display: inline-block;
     font-size: 18px;
     font-weight: 300;
     line-height: 28px;
     margin-bottom: 10px;
 }

 .team-text a {
     float: left;
 }

 .team-text p {
     float: left;
 }

 .team-contact-info .progress {
     margin-bottom: 13px;
 }

 .testimonials {
     background: #fff;
     border: 1px solid #ddd;
     padding: 20px;
     line-height: 21px;
 }

 .testimonials_bg {
     background: url(../images/testimonials_bg.png) no-repeat;
     margin-top: -1px;
     display: block;
     width: 200px;
     height: 30px;
 }

 .testimonials_author {
     color: #3f8faf;
     float: right;
     display: block;
     margin-top: -23px;
     margin-bottom: 20px;
 }

 .testimonials_author span {
     color: #a0a0a0
 }

 .carousel-disabled,
 .mr-rotato-disabled {
     height: 21px;
     width: 21px;
     background-color: #ccc !important;
     display: block;
     position: absolute;
 }

 .mr-rotato-next {
     height: 21px;
     width: 21px;
     background: url(../images/icons/pagination_next.png) no-repeat 50% 50%;
     background-color: #606060;
     display: block;
     position: absolute;
     right: 10px;
 }

 .mr-rotato-prev {
     height: 21px;
     width: 21px;
     background: url(../images/icons/pagination_prev.png) no-repeat 50% 50%;
     background-color: #606060;
     display: block;
     right: 33px;
     position: absolute;
 }

 .mr-rotato-prev,
 .mr-rotato-next,
 .mr-rotato-disabled {
     margin-top: -55px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }

 .mr-rotato-prev:hover,
 .mr-rotato-next:hover {
     background-color: #2da0ce;
 }

 #footer {
     background: #383838;
     color: #a4a4a4;
     padding: 0 0 10px 0;
     margin: 30px 0 0 0;
 }

 #footer h5 {
     color: #fff;
     border-bottom: 1px solid #444444;
     padding: 25px 0 8px 0;
     margin: 0 0 15px 0;
 }

 .widget_links li a {
     display: block;
 }

 #footer .widget li a:hover,
 .widget_links li a:hover {
     color: #fff
 }

 .widget_links li:first-child {
     margin: -12px 0 0 0;
 }

 #footer .gritoo-twitter.widget li {
     border-bottom: 0px;
 }

 #footer #twitter-blog li {
     margin: 0 0 22px 0;
     padding: 0 0 0 25px;
     background: url(../images/icons/twitter_widget_ico_01.png) no-repeat left 5%;
 }

 #footer #twitter-blog a {
     color: #fff;
 }

 #footer #twitter-blog b a {
     color: #707070;
     font-weight: normal;
 }

 #footer-bottom {
     background: #2c2c2c;
     min-height: 60px;
 }

 #copyright {
     color: #777;
     float: left;
     line-height: 32px;
 }

 #copyright a,
 #copyright span {
     color: #bbb;
 }

 .tagline {
     background: none repeat scroll 0 0 #FCFCFC;
     border: 1px solid #E4E4E4;
     border-radius: 3px 3px 3px 3px;
     margin: 20px 0;
     padding: 20px 20px;
     text-align: center;
 }

 .tagline h1 {
     font-size: 24px;
     line-height: 28px;
     margin-bottom: 10px;
     font-weight: 100;
 }

 .tagline a {
     margin-bottom: 5px;
 }

 .tagline p {
     margin-bottom: 15px;
 }

 .text-color-red {
     color: #F3930A;
 }

 .tagline2 {
     margin: 0;
     padding: 0 10px 0;
     text-align: center;
 }

 .tagline2 h1 {
     font-size: 24px;
     line-height: 28px;
     margin-bottom: 10px;
     font-weight: 100;
 }

 .tagline2 p {
     margin-bottom: 15px;
 }

 .text-color-red {
     color: #F3930A;
 }

 .text-color-blue {
     color: #F3930A;
 }

 .post-border-right {}

 .post-holder {
     position: relative;
 }

 .post-holder .time {
     display: inline-block;
 }

 .post-holder .entry-title,
 .post-holder .entry-title a {
     font-weight: 500;
     color: #444;
     text-transform: capitalize;
 }

 .post-holder .entry-title a:hover {}

 .post-meta {
     border-top: 1px solid #F7F7F7;
     border-bottom: 1px solid #F7F7F7;
     display: inline-block;
     padding: 10px 0;
     width: 100%;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .post-meta a {
     color: #777;
     text-decoration: none;
 }

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

 .post-holder .date {
     border: 1px solid #d78208;
     background-color: #f8ad42;
     text-shadow: 1px 1px 0px #ffc26b;
     position: relative;
     left: 0;
     top: -7px;
     font-family: Bitter, serif;
     float: left;
     width: 49px;
     height: 41px;
     margin-right: 10px;
     margin-bottom: 10px;
     color: #fff;
     text-align: center;
     background-image: -ms-linear-gradient(bottom, #f3930a 0%, #ffcc84 100%);
 }

 .post-holder .date span {
     display: block;
     text-transform: lowercase;
 }

 .post-holder .date .day {
     color: #fff;
     font-size: 18px;
     line-height: 1em;
     padding: 5px 0 0 0;
 }

 .post-holder .date .month {
     background: none repeat scroll 0 0 #F3930A;
     color: #FFFFFF;
     font-size: 10px;
     margin-top: 0;
     text-shadow: 0 0 0;
     text-transform: uppercase;
 }

 .comments-link {
     display: block;
     color: #fff !important;
     width: 32px;
     height: 35px;
     background: url("../images/comments-bg.png") 0 0 no-repeat;
     font-family: 'Open Sans', Arial, Tahoma, sans-serif;
     font-size: 14px;
     color: #fff;
     text-align: center;
     line-height: 28px;
     text-decoration: none;
     position: relative;
 }

 .comments-link:hover {
     color: #000 !important;
 }

 .parent {
     background: none repeat scroll 0 0 #FFFFFF;
     box-shadow: 0 0 1px #CCCCCC;
     margin-bottom: 30px;
     padding: 20px;
     position: relative;
 }

 .parent-sub-img {
     background: url("../images/post-sub.png") no-repeat scroll 0 0 transparent;
     display: inline-block;
     height: 70px;
     left: -22px;
     position: absolute;
     top: -30px;
     width: 19px;
 }

 .parent h5 {
     margin-bottom: 2px !important;
 }

 .parent h5 a:link,
 .parent h5 a:visited {
     color: #333333;
     font: 100 14px 'Bitter', serif;
 }

 .parent img {
     float: left;
 }

 .parent span {
     font: italic 12px 'georgia';
 }

 .parent a.reply:link,
 .parent a.reply:visited {
     background: none repeat scroll 0 0 #000;
     color: #FFFFFF;
     font-size: 10px;
     font-weight: bold;
     margin-left: 20px;
     padding: 2px 6px;
     text-transform: uppercase;
 }

 .parent a.reply:hover {
     background: none repeat scroll 0 0 #777;
 }

 .parent p {
     margin-top: 10px;
     overflow: hidden;
 }

 .child {
     margin-left: 40px;
 }

 .subchild {
     margin-left: 80px;
 }

 .addthis_button_google_plusone {
     position: relative;
     top: -13px;
 }

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

 .addthis_toolbox.addthis_pill_combo a {
     margin-top: 2px;
 }

 .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
 .addthis_toolbox.addthis_pill_combo a.addthis_counter {
     margin-top: 2px;
 }

 .addthis_button_compact .at15t_compact {
     float: left;
     margin-right: 4px;
 }

 .addthis_button_google_plusone iframe {
     width: 80px !important;
 }

 .addthis_button_tweet iframe {
     width: 98px !important;
 }

 .addthis_button_facebook_like iframe {
     width: 98px !important;
 }

 .sidebar-blog-video iframe {
     width: 630px;
     height: 342px;
 }

 .fulwidthl-blog-video iframe {
     width: 930px;
     height: 341px;
 }

 .three-col-blog-video iframe {
     width: 450px;
     height: 262px;
 }

 .small-sidebar-blog-video iframe {
     width: 290px;
     height: 290px;
 }

 .small-three-col-blog-video iframe {
     width: 210px;
     height: 204px;
 }

 .addthis_button_google_plusone {
     position: relative;
     top: 0;
 }

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

 .addthis_toolbox.addthis_pill_combo a {
     margin-top: 2px;
 }

 .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
 .addthis_toolbox.addthis_pill_combo a.addthis_counter {
     margin-top: 2px;
 }

 .addthis_button_compact .at15t_compact {
     float: left;
     margin-right: 4px;
 }

 .addthis_button_google_plusone iframe {
     width: 80px !important;
 }

 .addthis_button_tweet iframe {
     position: relative;
     top: 0;
     width: 98px !important;
 }

 .addthis_button_facebook_like iframe {
     position: relative;
     top: 5px;
     width: 98px !important;
 }

 .layout-box {
     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
     border: 1px solid #e8e8e8;
     border-radius: 3px 3px 3px 3px;
     margin-bottom: 20px;
     padding: 5px;
     text-align: center;
     color: #666;
 }

 .layout-box:hover {
     background: none repeat scroll 0 0 #777777;
     border: 1px solid #333;
     color: #fff;
 }

 .separator:before {
     background: none repeat scroll 0 0 #F9F9F9;
     bottom: 0;
     content: "";
     height: 5px;
     left: 0;
     position: absolute;
     width: 100%;
     border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px 3px 3px 3px;
     -webkit-border-radius: 3px 3px 3px 3px;
     box-shadow: 0 -1px 0 #EEEEEE;
     -moz-box-shadow: 0 -1px 0 #EEEEEE;
     -webkit-box-shadow: 0 -1px 0 #EEEEEE;
     behavior: url(js/PIE.htc);
 }

 .separator {
     margin-bottom: 35px;
     padding-bottom: 30px;
     position: relative;
 }

 .separator2:before {
     background: none repeat scroll 0 0 #F9F9F9;
     bottom: 0;
     content: "";
     height: 5px;
     left: 0;
     position: absolute;
     width: 100%;
     border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px 3px 3px 3px;
     -webkit-border-radius: 3px 3px 3px 3px;
     box-shadow: 0 -1px 0 #EEEEEE;
     -moz-box-shadow: 0 -1px 0 #EEEEEE;
     -webkit-box-shadow: 0 -1px 0 #EEEEEE;
     behavior: url(js/PIE.htc);
 }

 .separator2 {
     margin-bottom: 20px;
     padding-bottom: 30px;
     position: relative;
 }

 .separator-sidebar:before {
     background: none repeat scroll 0 0 #F9F9F9;
     bottom: 0;
     content: "";
     height: 10px;
     left: 0;
     position: absolute;
     width: 100%;
     border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px 3px 3px 3px;
     -webkit-border-radius: 3px 3px 3px 3px;
     box-shadow: 0 -1px 0 #EEEEEE;
     -moz-box-shadow: 0 -1px 0 #EEEEEE;
     -webkit-box-shadow: 0 -1px 0 #EEEEEE;
     behavior: url(js/PIE.htc);
 }

 .separator-sidebar {
     margin-bottom: 30px;
     padding-bottom: 20px;
     position: relative;
 }

 .footer-separator:before {
     background: url("../images/footer-tail.png") repeat-x scroll 0 0 transparent;
     bottom: 0;
     content: "";
     height: 2px;
     left: 0;
     position: absolute;
     width: 100%;
 }

 .footer-separator {
     margin-bottom: 20px;
     padding-bottom: 10px;
     position: relative;
 }

 .notify {
     background: #fff;
     border: 1px solid #eee;
     display: inline-block;
     position: relative;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     padding: 20px 0;
     margin: 0 10px 20px 10px;
     width: 940px;
     behavior: url(js/PIE.htc);
 }

 .notify .icon-nf {
     background: none repeat scroll 0 0 #DDDDDD;
     left: 25px;
     position: absolute;
     top: 20px;
     box-shadow: 0 0 10px #DDDDDD;
     -webkit-box-shadow: 0 0 10px #DDDDDD;
     -moz-box-shadow: 0 0 10px #DDDDDD;
     behavior: url(js/PIE.htc);
 }

 .notify h2 {
     color: #505C70;
     float: left;
     font: 20px 'OpenSansLight', Arial;
     margin: 0 10px 0 155px;
     text-shadow: 0 1px 1px #FFFFFF;
     width: 465px;
 }

 .notify h2 .sub-heading {
     color: #aaa;
     display: block;
     font: 12px 'OpenSans', Arial;
     padding-top: 6px;
     text-shadow: 1px 1px 0 #FFFFFF;
     text-transform: lowercase;
 }

 .notify-wrapper em {
     color: #777777;
     font-size: 14px;
     line-height: 51px;
     margin: 0 5px;
 }

 .notify-wrapper {
     display: inline-block;
     float: right;
     margin: 0 20px 0 0;
 }

 .breadcrumbs {
     background: none repeat scroll 0 0 #FAFAFA;
     border-bottom: 1px solid #EEEEEE;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     height: 26px;
     margin: 30px 0 40px;
     overflow: hidden;
     position: relative;
     behavior: url(js/PIE.htc);
 }

 .breadcrumbs span.bread-home a {
     background-image: url("../images/icons/home-icon.png"), url("../images/breads.png");
     background-position: left 4px, right 0;
     background-repeat: no-repeat;
     color: transparent;
     display: inline-block;
     margin: 0 10px;
     padding: 2px 46px 0 0;
     text-indent: -9999px;
     text-shadow: none;
 }

 .breadcrumbs span.bread-home a:hover {
     background-position: left -30px, right 0;
 }

 .breadcrumbs span.bread-home {
     text-indent: -9999px;
 }

 .breadcrumbs a {
     background: url("../images/breads.png") no-repeat scroll right 0 transparent;
     color: #7E7E7E;
     float: left;
     font-size: 110%;
     height: auto;
     margin: 0 10px 1px 0;
     padding: 0 34px 0 0;
     text-decoration: none;
     text-shadow: none;
 }

 .breadcrumbs a:hover {
     opacity: 1;
     text-decoration: none;
 }

 .breadcrumbs p {
     display: inline;
     font-family: 'Bitter', serif;
     line-height: 2.2em;
     margin: 0;
     text-shadow: none;
     text-transform: uppercase;
 }

 .donate-button {
     float: right;
     color: #fff;
     padding: 0 18px;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 }

 .donate-button:hover {
     color: #fff;
 }

 .newsletter-button {
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #E8E8E8;
     border-radius: 4px 4px 4px 4px;
     color: #828387;
     display: inline-block;
     padding: 3px 20px 5px;
 }

 .newsletter-button:hover {
     background: none repeat scroll 0 0 #F3930A;
     border: 1px solid #AF242C;
     color: #FFFFFF;
     text-decoration: none;
 }

 .features {
     display: inline-block;
 }

 .features ul li ul li {
     background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     border: 1px solid #E4E4E4;
     float: left;
     margin: 0 10px 20px;
     padding: 5px;
     width: 288px;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     behavior: url(js/PIE.htc);
 }

 .features-inner {
     display: inline-block;
 }

 .features-inner ul li ul li {
     background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     border: 1px solid #F3F3F3;
     float: left;
     margin: 0 10px 20px;
     padding: 10px 10px 0;
     width: 278px;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     behavior: url(js/PIE.htc);
 }

 .features-inner ul li ul li:first-child {
     margin-left: 0;
 }

 .features-inner ul li ul li:last-child {
     margin-right: 0;
 }

 .product-inner {
     display: inline-block;
 }

 .product-inner ul li ul li {
     float: left;
     margin: 0 10px 20px;
     width: 300px;
 }

 .product-inner ul li ul li:first-child {
     margin-left: 0;
 }

 .product-inner ul li ul li:last-child {
     margin-right: 0;
 }

 .box1 {
     text-align: center;
 }

 .imgs {
     width: 88px;
     height: 88px;
     margin: 0 auto;
     position: relative;
     z-index: 2;
 }

 .imgs img {
     position: absolute;
     top: 0;
     left: 0;
 }

 .img-2 {
     opacity: 0;
     z-index: 2;
 }

 .box1 h3 {
     padding: 20px 0;
     line-height: 23px;
 }

 .box1 p {
     color: #777;
     font-size: 13px;
     line-height: 18px;
     font-family: Arial, Helvetica, sans-serif;
     padding: 0 10px;
 }

 .box1:hover {}

 .box1:hover .img-2 {
     opacity: 1;
     z-index: 2;
 }

 .box1:hover .img-1 {
     opacity: 0;
 }

 .box1:hover h3 {
     color: #000;
 }

 .box1:hover p {
     color: #777;
 }

 .box2 {
     background: #fff;
     border: 1px solid #e8e8e8;
     border-radius: 5px;
     margin: 0 0 20px 0;
     padding: 20px 0 20px 26px;
     position: relative;
     overflow: hidden;
 }

 .box_2 {
     background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
     background-color: #fafafa;
     padding: 15px;
     margin-bottom: 20px;
     border-radius: 7px 7px 7px 7px;
     position: relative;
     box-shadow: 0px 0px 1px rgb(204, 204, 204) inset;
 }

 .box_2 h2 {
     display: block;
     font-size: 23px;
     line-height: 23px;
     margin-bottom: 6px;
 }

 .box_2 em {
     margin-bottom: 12px;
     display: block;
 }

 .box_2 img {
     margin-bottom: 15px;
     width: 100%;
 }

 .box_2 strong {
     font-weight: 600;
     margin-bottom: 6px;
     display: block;
 }

 .quotes {
     width: 592px;
     height: 52px;
     position: relative;
     float: left;
     border-right: 1px solid #d7d7d7;
     padding-top: 6px;
 }

 .quotes blockquote {
     font-size: 14px;
     line-height: 22px;
     font-family: 'OpenSansItalic', Arial;
     color: #828387;
     background: url(../images/icons/quotes.png) 0 3px no-repeat;
     padding: 0 50px 0 64px;
 }

 .quotes .flex-control-nav {
     position: relative;
     overflow: hidden;
     list-style: none;
     position: absolute;
     right: 19px;
     bottom: 1px;
 }

 .quotes .flex-control-nav li {
     float: left;
     margin-right: 3px;
 }

 .quotes .flex-control-nav li a {
     display: block;
     background: none repeat scroll 0 0 #ccc;
     width: 10px;
     height: 10px;
     text-indent: -5000px;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     behavior: url(js/PIE.htc);
 }

 .quotes .flex-control-nav li a:hover,
 .quotes .flex-control-nav li a.active {
     background: none repeat scroll 0 0 #F3930A;
 }

 .search-ft {
     float: left;
     padding: 10px 0 0 20px;
     width: 280px;
 }

 #search-ft {
     padding: 4px 0 0;
 }

 #search-ft input {
     background: url("../images/icons/input-mail.jpg") no-repeat scroll 6px 8px #FBFBFC;
     border: 1px solid #E7E7E7;
     color: #A5A4A4;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-style: italic;
     font-weight: normal;
     margin: 0;
     outline: medium none;
     padding: 7px 5px 7px 28px;
     vertical-align: middle;
     width: 163px;
 }

 #search-ft .button {
     padding: 3px 18px 5px;
 }

 #search-ft input {
     width: 162px;
 }

 .search {
     float: left;
     padding: 10px 0 0 0;
     width: 100%;
 }

 .footer-1 h5 {
     color: #fff;
     text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555;
     margin-bottom: 25px;
 }

 .tags,
 .tweet {
     float: left;
 }

 .tags a:link,
 .tags a:visited {
     background-color: rgba(0, 0, 0, 0.17);
     border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     display: inline-block;
     margin-bottom: 3px;
     padding: 2px 6px;
     text-shadow: 0 1px 1px #000;
     behavior: url(js/PIE.htc);
 }

 .tags a:hover {
     background: url("../images/hash.png") repeat scroll left top #AF242C;
     color: #fff;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.0);
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.0);
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.0);
 }

 .about-brief {}

 .tweets {
     width: 100%;
     padding: 0;
     font-size: 14px;
     line-height: 16px;
     overflow: hidden;
 }

 .tweets ul li,
 .tweets p {
     font-size: 14px;
     line-height: 16px;
 }

 .tweets ul li {
     background: url(../images/icons/bird-small.png) 8px 12px no-repeat rgba(0, 0, 0, 0.2);
     padding: 10px 10px 10px 35px;
     margin: 0 0 15px 0;
     box-shadow: 0 0 1px #666 inset;
     -moz-box-shadow: 0 0 1px #666 inset;
     -webkit-box-shadow: 0 0 1px #666 inset;
     behavior: url(js/PIE.htc);
 }

 .tweets ul li a {
     font-style: italic;
     font-weight: bold;
     font-size: 14px;
     color: #EB4D3A;
 }

 .footer-1 .flickr {
     background: none;
 }

 .flickr div img {
     background-color: rgba(0, 0, 0, 0.17);
     border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
     height: 48px;
     width: 48px;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
     float: left;
     padding: 6px;
     behavior: url(js/PIE.htc);
 }

 .flickr div {
     margin: 0;
     padding: 0;
     position: relative;
     border: 0 none;
     border-radius: 0;
 }

 .flickr div {
     float: left;
     margin: 0 15px 15px 0;
 }

 #toTop {
     display: none;
     text-decoration: none;
     position: fixed;
     right: 50%;
     bottom: 31px;
     overflow: hidden;
     width: 47px;
     height: 47px;
     border: none;
     text-indent: -999px;
     z-index: 20;
     background: url(../images/icons/ui.totop.png) no-repeat 0 0 rgba(0, 0, 0, 0.3);
     border-radius: 50% 50% 50% 50%;
     -moz-border-radius: 50% 50% 50% 50%;
     -webkit-border-radius: 50% 50% 50% 50%;
     box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
     behavior: url(js/PIE.htc);
 }

 #toTop:hover {
     background: url(../images/icons/ui.totop.png) no-repeat 0 -57px rgba(255, 255, 255, 0.7);
 }

 #toTop:active,
 #toTop:focus {
     outline: none;
 }

 .social-links {
     float: right;
 }

 .social-links-about {
     border-top: 1px solid #F3F3F3;
     padding: 15px 0 0;
     display: inline-block;
     float: left;
     width: 100%;
     margin: 0 auto 10px;
 }

 .social-links li:first-child,
 .social-links-about li:first-child {
     margin-left: 0;
 }

 .social-links li {
     display: inline;
     list-style: none;
     opacity: 0.4;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     text-indent: -9999px;
     margin-left: 15px;
     float: left;
 }

 .social-links-about li {
     display: inline;
     list-style: none;
     opacity: 0.4;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     text-indent: -9999px;
     margin-right: 10px;
     margin-bottom: 10px;
     float: left;
 }

 .social-links a,
 .social-links-about a {
     background-repeat: no-repeat;
     background-position: 0 -16px;
     display: block;
     height: 32px;
     width: 32px;
 }

 .social-links li:hover,
 .social-links-about li:hover {
     opacity: 1;
 }

 .twitter {
     background: url(../images/social_icons/twitter.png) no-repeat;
 }

 .facebook {
     background: url(../images/social_icons/facebook.png) no-repeat;
 }

 .flickr {
     background: url(../images/social_icons/flickr.png) no-repeat;
 }

 .rss {
     background: url(../images/social_icons/rss.png) no-repeat;
 }

 .technorati {
     background: url(../images/social_icons/technorati.png) no-repeat;
 }

 footer {
     background: none repeat scroll 0 0 #2D2D2D;
     margin-top: 40px;
 }

 .footer-1 {
     padding: 36px 0 40px;
 }

 .footer-2 {
     text-align: center;
     padding: 20px 0;
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
     background: none repeat scroll 0 0 rgba(35, 35, 35, 0.4);
 }

 dl {
     display: block;
     width: 211px;
     margin-bottom: 10px;
 }

 dd {
     line-height: 1.8em;
 }

 dd span {
     float: right;
 }

 dd a {
     float: right;
 }

 dd a:visited {
     color: #969696;
 }

 dl strong {
     display: block;
 }

 .map iframe {
     width: 100%;
     height: 250px;
     margin: 0;
 }

 .map {
     width: 100%;
     height: 250px;
 }

 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .bodywrapper {
         background: #fff;
         box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
         width: 100%;
         margin: 0 auto;
     }
     .features ul li ul li {
         width: 224px;
     }
     .features-inner ul li ul li {
         width: 214px;
     }
     .product-inner ul li li {
         width: 236px;
     }
     .notify {
         width: 748px;
     }
     .notify h2 {
         line-height: 26px;
         width: 273px;
     }
     .notify strong {
         display: none;
     }
     .quotes {
         width: 460px;
     }
     .search-ft {
         width: 200px;
     }
     #search-ft input {
         width: 90px;
     }
     .teamwrap-img img {
         border: 0px solid #EEEEEE;
         box-shadow: 0 0 0 #EEEEEE;
         left: 0;
         max-width: 100%;
         padding: 0;
         position: relative;
         top: 0;
         width: auto;
     }
     .sidebar-blog-video iframe {
         width: 498px;
         height: 269px;
     }
 }

 @media only screen and (max-width: 767px) {
     .bodywrapper {
         background: #fff;
         box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
         width: 100%;
         margin: 0 auto;
     }
     nav {
         float: none;
         background: none;
     }
     .login {
         display: none;
     }
     #searchForm fieldset {
         width: 100px;
     }
     div.input {
         width: 70px !important;
     }
     .block-ident-1 {
         padding-right: 0;
     }
     .sidebar {
         padding-left: 0;
     }
     .sidebar-ident-right {
         display: block;
         padding-left: 0;
     }
     .features ul li ul li {
         margin: 0 0 10px 0;
         width: 288px;
     }
     .features ul .last {
         margin: 0 0 20px 0;
     }
     .features-inner ul li ul li {
         margin: 0 0 10px 0;
         width: 278px;
     }
     .notify {
         width: 297px;
         margin: 0 0 20px;
     }
     .notify {
         text-align: center;
     }
     .notify .icon-nf {
         display: none;
     }
     .notify-wrapper {
         display: inline-block;
         float: none;
         margin: 0;
     }
     .notify h2 {
         width: 240px;
         margin: 0 30px 20px;
         text-align: center;
     }
     .notify span {
         float: none;
     }
     a.button-demo:link,
     a.button-demo:visited,
     a.button-buy:link,
     a.button-buy:visited {
         font: 12px 'Open Sans';
         font-weight: 300;
     }
     .notify em {
         font-size: 17px;
         line-height: 27px;
         padding: 0 0;
     }
     .search {
         width: 270px;
         padding: 10px 0 0 0px;
     }
     .search-ft {
         width: 229px;
     }
     #search-ft input {
         width: 102px;
     }
     .quotes {
         width: 270px;
         border: none;
         height: 110px;
     }
     .quotes blockquote {
         padding: 0 20px 0 64px;
     }
     .teamwrap-img img {
         border: 0px solid #EEEEEE;
         box-shadow: 0 0 0 #EEEEEE;
         left: 0;
         max-width: 100%;
         padding: 0;
         position: relative;
         top: 0;
         width: auto;
     }
     .sidebar-blog-video iframe {
         width: 290px;
         height: 160px;
     }
     #toTop {
         display: none !important;
     }
 }

 @media only screen and (min-width: 480px) and (max-width: 767px) {
     .bodywrapper {
         background: #fff;
         box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
         width: 100%;
         margin: 0 auto;
     }
     .features ul li ul li {
         margin: 0 0 10px 0;
         width: 408px;
     }
     .features ul .last {
         margin: 0 0 20px 0;
     }
     .features-inner ul li ul li {
         margin: 0 0 10px 0;
         width: 398px;
     }
     .product-inner ul li li {
         margin: 0 0 10px 0;
         width: 378px;
     }
     .notify {
         width: 417px;
         margin: 0 0 20px;
     }
     .notify h2 {
         width: 360px;
     }
     .search-ft {
         width: 335px;
     }
     #search-ft input {
         width: 223px;
     }
     .quotes {
         width: 370px;
         height: 80px;
     }
     .search {
         width: 370px;
     }
     .teamwrap-img img {
         border: 0px solid #EEEEEE;
         box-shadow: 0 0 0 #EEEEEE;
         left: 0;
         max-width: 100%;
         padding: 0;
         position: relative;
         top: 0;
         width: auto;
     }
     .sidebar-blog-video iframe {
         width: 410px;
         height: 243px;
     }
 }