/* --
Theme Name: Energized WP
Theme URL: http://themeforest.net/user/DanyDuchaine/portfolio
Description: A Premium Responsive Corporate Theme
Author: Dany Duchaine
Author URI: http://themeforest.net/user/DanyDuchaine/portfolio
License URI: http://www.gnu.org/licenses/gpl-3.0.html
License:
Version: 1.02

All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-- */


* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 24px;
    background: #FCFCFC;
}

.boxed {
    background: #fff;
    width: 1015px;
    margin: 0 auto;
    padding-bottom: 19px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
}

header {
    padding: 40px 0 20px 0 !important;

}

/* #Images */

.content-img {
	margin-top: 20px;
	-webkit-box-shadow: none !important;
    -moz-box-shadow:none !important;
    box-shadow: none !important;
}

img {
    max-width: 100%;
    height: auto;
}
.zuperSlider img {
    max-width: none;
    height: inherit;
}
.page-content img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
}

.alignleft {
    float: left;
    width: 50%;
    margin: 10px 30px 10px 0 !important;
}
.alignright {
    float: right;
    width: 50%;
    margin: 10px 0 10px 30px !important;
}


/* #Typography */

h2, h3, h4, h5, h6 {
    border-bottom: 1px solid #dadada;
    padding: 20px;
    font-family: 'Noticia Text', serif;
    font-weight: normal;
    font-style: italic;  
    background: #fbfbfb;
    color: #222;
    margin: 20px 0 25px 0;
}

.ei-title h2 {
    background: none;
    border: none;
    padding: none;
    margin: none;
}
.heading_link a {
    float: right;
    font-family: 'Noticia Text', serif;
    font-weight: normal;
    font-style: italic;
    opacity: 0.7;
    font-size: 13px;
    letter-spacing: normal;
    text-decoration: none;
}
.tagline h4 {
    padding: 10px 30px;
     border-bottom: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 23px;
    background: none;
    border-top: none;
    margin: 0;
    font-style: none;
}
.tagline p {
    float: left;
    line-height: 25px;
    font-family: 'Noticia Text', serif;
    font-weight: normal;
    font-style: italic;
    opacity: 0.7;
    letter-spacing: 0;
    margin-top: 10px;
    font-size: 17px;
}
.page-title {
    text-decoration: none;
    font-style: italic;
    font-weight: 600 !important;
    float: left;
    letter-spacing: -0.08em;
    color: #444;
}

.logo a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 26px;
    font-style: italic;
    font-weight: 800;
    text-decoration: none;
    color: #181818;
    letter-spacing: -0.08em;
    display: block;
}
.logo h2 {
    border: none;
    padding: 0;
    background: none;
    margin: 0;
 
line-height: 22px;
float: left;
font-size: 42px;
}
.logo h1 {
    margin: 0;
    line-height: 22px;
    float: left;
}
.blog_info h1 a {
    padding: 0;
    border-bottom: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 25px;
    background: none;
    border-top: none;
    margin: 0;
    color: #222;
    font-style: italic;
    text-decoration: none;
}
.blog_info h1 {
        line-height: 28px;
}
.blog_info h1 a:hover {
    text-decoration: underline;
    color: #000;
}
.logo span {
    font-family: 'Noticia Text', serif;
    font-weight: normal;
    font-style: italic;
    opacity: 0.7;
    font-size: 13px;
    display: block;
    margin-top: 4px;
    letter-spacing: normal;
}
blockquote p {
    margin-top: 0;
}

/* #Social Icons Styling */

#social {
    margin-top: 7px;
    float: right;
}
#social a {
   display:inline-block;
    margin: 0 3px;
    text-indent: -999999px;
    -webkit-border-radius: 99px;
    -moz-border-radius:99px;;
    border-radius: 99px;
}
#social a:hover {
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
    box-shadow: inset 0 10px 20px rgba(255,255,255, 0.15);
}
#social a:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
    box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
}
.vimeo {
    background: url(images/social/icon-vimeo.png) #5b98bf;
    width: 33px;
    height: 33px;
    display: block;
    text-indent: -9999px;
}
.youtube {
    background: url(images/social/icon-youtube.png) #c7322c;
    width: 33px;
    height: 33px;
    display: block;
    text-indent: -9999px;
}
.dribbble {
    background: url(images/social/icon-dribbble.png) #d2567c;
    width: 33px;
    height: 33px;
    display: block;
    text-indent: -9999px;
}
.twitter2 {
    background: url(images/social/icon-twitter.png) #5ba9bf;
    width: 33px;
    height: 33px;
    display: block;
    text-indent: -9999px;
}
.facebook2 {
    background: url(images/social/icon-facebook.png) #2162ab;
    width: 33px;
    height: 33px;
    display: block;
    text-indent: -9999px;
}
.linkedin {
    background: url(images/social/icon-linkedin.png) #2184ab;
    width: 33px;
    height: 33px;
    display: block;
    text-indent: -9999px;
}

/* #Tooltips Styling */

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}

/* #Header Form Styling */

#searcharea label, #searchsubmit, .sidebar .widget_search label {
    display: none;
}
#searchform  {
    margin: 7px 0 0 0;

}
.sidebar .widget_search  {
    margin: 20px 0 0 0;

}
#s {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
        -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0, 0.04);
            -moz-box-shadow: inset 0 2px 3px rgba(0,0,0, 0.04);
                box-shadow: inset 0 2px 3px rgba(0,0,0, 0.04);
    background: url(images/mag.png) 11px 11px no-repeat #fff;
    padding: 8px 0 8px 30px;
    color: #888;
    border: 1px solid #dadada;
    margin: 0;
}

/* #Navigation Styling */

nav select {
    display: none;
    width: 100%;
    padding: 7px;
}
.main {
    margin: 20px 0;
}
.main ul {
    margin: 0;
       border-top: 1px solid #dadada;
   border-bottom: 1px solid #dadada; 
      background: #fff;
}
.main ul li {
    display: inline;
    float: left;
    text-align: center;
    margin: 0;
}
.main .title {
       text-transform: uppercase;
}
.main ul li a {
   padding: 20px 30px;
   display: block;
   position: relative;
   text-decoration: none;
   font-family: 'Open Sans', sans-serif;
   font-size: 12px;
   font-weight: 800;
   color: #777;
   letter-spacing: -0.08px;
   border-right: 1px solid #dadada;
   margin-top: 1px;
}
.sub-menu li a {
    border: none !important;
    text-align: left;
    padding: 0 !important;
}
.sub-menu li {
    border: none !important;
      padding: 20px 20px 0 20px !important;
}
.sub-menu .current-menu-item a {
    margin-top: 1px !important;
}
.sub-menu, .sub-menu li, .sub-menu li a { z-index: 9999 !important; }
.sub-menu {
    margin: 0;
    padding: 0;
    z-index: 9999 !important;
    padding-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0, 0.15),0 1px 7px rgba(0,0,0, 0.2), 0 1px 1px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0, 0.15),0 1px 7px rgba(0,0,0, 0.2), 0 1px 1px rgba(0,0,0, 0.1);
    box-shadow: 0 1px 4px rgba(0,0,0, 0.15),0 1px 7px rgba(0,0,0, 0.2), 0 1px 1px rgba(0,0,0, 0.1);
     border: none !important;
}
.main .sub-menu li a:hover, .main ul .current-menu-item .sub-menu a {
     margin-top: 1px !important;
}
.main ul li a:hover, .current_page_item a, .hover  {
    color: #222;
    padding: 20px 30px;
    margin-top: -1px !important;
}
.hover  {
    color: #222 !important;
}
.current_page_item .sub-menu li a, .current-menu-item .sub-menu li a {
    color: #777 !important;
}
.current_page_item .sub-menu li a:hover, .current-menu-item .sub-menu li a:hover {
    color: #222 !important;
}
.main ul li:last-child a {
    border-right: none;
}
.main ul li a .description {
    display: block;
    font-family: 'Noticia Text', serif;
    font-weight: normal;
    font-style: italic;
    opacity: 0.7;
    font-size: 13px;
    margin-top: 3px;
}
.main ul .current-menu-item  a {
    color: #222;
    padding: 20px 30px;
    margin-top: -1px;
}


/* #Widgets */

.widget {
    list-style: none;
    margin-bottom: 30px;
}
.widget h3 {
    text-align: left;
    font-size: 16px;
    padding: 10px 20px;
}
.widgets li {
    margin: 20px 0;
}
.widget_text {
    margin: 20px 0;
}
.widget_text, .widget_portfolio_item {
    background: #fff;
    text-align: center;
    padding-bottom: 10px;
    -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
}

.widget_text img {
    margin-top: -1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
}
footer .widget_text p, .widget_portfolio_item p, .sidebar .widget_text p, .widget_portfolio_item p { text-align: left !important; }
.widget_text p, .widget_portfolio_item p {
    padding: 0 20px !important;
    text-align: center !important;
    font-size: 12px;
    text-align: left;
}
footer .textwidget p {
    padding: 5px 0 !important;
}
.widget_text h5 {
    margin-bottom: 0;
}
.tagline {
    margin: 20px 0;
}
.tagline span {
    font-weight: bold;
    font-style: italic;
}
.tagline a {
    text-decoration: none;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -0.08em;
    color: #444;
}
.widget_portfolio_item .title {
   display: block;
   position: relative;
   text-decoration: none;
   font-family: 'Open Sans', sans-serif;
   font-size: 12px;
   font-weight: 800;
   color: #555;
   letter-spacing: -0.08px;
   margin-top: 1px;
   padding: 20px 10px !important;
   padding-bottom: 13px;
}
.widget_portfolio_item .title:hover {
    color: #222;
}
.widget_portfolio_item .description {
    font-family: 'Noticia Text', serif;
    font-weight: normal;
    font-style: italic;
    opacity: 0.7;
    font-size: 13px;
    display: block;
    margin-top: 4px;
    letter-spacing: normal;
}
.footer .widget_text {
    background: none;
    padding: 0;
    margin: 0;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.footer .widget_text:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.footer .widget ul {
    margin: 0;
}
.widget_text p {
    padding: 0;
}
.footer h5 {
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    color: #fff;
    border-bottom: 1px solid #444;
padding-bottom: 15px;
}
.widget_links ul, .widget_links ul li, .widget_pages ul, .widget_pages ul li {
    margin: 0;
    padding: 0;
}
.widget_pages a {
     border: none !important;
}
.widget_links ul, .widget_pages ul {
    margin-top: 15px;
}
.widget_links ul li, .widget_pages ul li {
    margin: 10px 0;
}
.sidebar .dd_tweet_widget, .sidebar .widget_recent_entries, .sidebar .widget_pages, .sidebar .widget_meta, .sidebar .widget_links, .sidebar .widget_categories, .sidebar .widget_archive, .sidebar .widget_calendar {
    -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
    box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
}
.sidebar #twitter-slides, .sidebar .widget_recent_entries ul, .sidebar .widget_pages ul, .sidebar .widget_meta ul, .sidebar .widget_links ul, .sidebar .widget_categories ul, .sidebar .widget_archive ul, #calendar_wrap {
    margin-top: 0;
    background: #fff;
    padding: 25px 20px 15px 20px;

}
#wp-calendar {
    width: 108%;
}
#wp-calendar #prev {
    text-align: left;
    
    padding-top: 5px;
 
}
#wp-calendar #next {
    text-align: right;
    padding-right: 30px;
    padding-top: 5px;
 
}
#wp-calendar a {
    font-weight: bold;
}
#wp-calendar caption {
    margin-bottom: 10px;
}
#wp-calendar thead th {
    text-align: left;
}
.sidebar .testimonial-name {
    color: #555;
}
.sidebar .twitter-meta {
    margin-bottom: 15px;
}
.sidebar .dd_tweet_widget h3, .sidebar .widget_recent_entries h3, .sidebar .widget_pages h3, .sidebar .widget_meta h3, .sidebar .widget_links h3, .sidebar .widget_categories h3, .sidebar .widget_archive h3, .sidebar .widget_calendar h3 {
    margin-bottom: 0;
}
.testimonial-avatar, .twitter-avatar {
    float: left;
    width: 50px;
}
.testimonial-website span {
    font-size: 9px;
}
.testimonial-avatar img, .twitter-avatar img {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    position: relative;
}
.testimonial-info, .twitter-info  {
    padding: 7px 0 0 15px;
    float: left;
}
.testimonial-name, .testimonial-website, .twitter-name, .twitter-website {
    display: block;

}
.testimonial-name, .twitter-name {
    color: #d8d5a3;
    font-weight: bold;
    font-style: italic;
    font-family: 'Istok Web', sans-serif;
}
.testimonial-website, .twitter-website {
    color: #9e9e9e;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Droid Serif', serif;
}
.testimonial-website:hover, .twitter-website:hover {
    color: #fff;
    text-decoration: none;
}
.tweet_list {
    margin: 0;
    font-size: 12px !important;
}
#twitter-slides {
    margin-top: 15px;
}
.cta_module {
    background: #222;
    margin: 20px 0 36px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}
.inner_content, .inner_button {
    padding: 25px 30px 20px 30px;
}
.inner_content {
    width: 70%;
    float: left;
}
.inner_button {
    width: 30%;
    float: right;
    padding-top: 47px;
}
.eight .inner_content {
    width: 55%;
}
.eight .inner_button {
    width: 45%;
}
.one-third .inner_content, .one-third .inner_button,.four .inner_content, .four .inner_button, .two-thirds .inner_content, .two-thirds .inner_button,.eight .inner_content, .eight .inner_button  {
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
}

.one-third .inner_button, .two-thirds .inner_button, .four .inner_button, .eight .inner_button  {
    padding: 0 20px 10px 20px !important;
    
}
.four .inner_button {
  padding-top: 0;
  padding-right: 20px;
}
.four .cta_arrow {
    left: 44%;
}
.cta_module h4 {
    background: none;
    border: none;
    color: #fff;
    padding: 0;
    margin: 0;
}
.cta_module p {
    color: #aaa;
}
.cta_arrow {
    background: url(images/modules/cta_arrow.png) no-repeat;
    position: absolute;
    bottom: -16px;
    left: 47%;
    width: 32px;
    height: 16px;
    display: block;
}
.blog_module_1, .blog_module_2 {
        margin: 20px 0 0 0;
}
.blog_module_2 .blog_thumb,.blog_module_2 .blog_info {
    width: 100%;
}
.blog_module_2 .blog_thumb {
    margin-bottom: 20px;
}
.blog_content {
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #DADADA;
    line-height: 24px;
}

.blog_thumb {
    width: 23.2%;
    margin-bottom: 20px;
    float: left;
}
.blog_thumb img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 1px 2px rgba(0,0,0, 0.15);
}
.four .blog_thumb, .four .blog_info, .one-third .blog_thumb, .one-third .blog_info { width: 100%; }
.four .blog_thumb, .one-third .blog_thumb { margin-bottom: 20px; }

.blog_info {
    width: 73%;
    float: right;
}
.blog_articles {
    margin-bottom: 0;
}
.blog_article {
    padding-bottom: 7px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dadada;
}
.blog_article:last-child {
    border: none;
    margin-bottom: 0;
}
.blog_meta a {
    margin-right: 5px;
}
.blog_meta {
    font-family: 'Noticia Text', serif;
font-weight: normal;
font-style: italic;
opacity: 0.7;
font-size: 13px;
display: block;
margin-top: 4px;
letter-spacing: normal;
color: #181818;
}

.portfolio_module h1, .dribbble_module h1 {
    padding: 0;
border-bottom: none;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 25px;
background: none;
border-top: none;
margin: 0;
color: #222;
font-style: italic;
text-decoration: none;
line-height: 28px;
}
.alternate_h1 {
    padding: 0;
border-bottom: none;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 25px;
background: none;
border-top: none;
margin: 0;
margin-top: 20px;
color: #222;
font-style: italic;
text-decoration: none;
line-height: 28px;
}
.portfolio_module p, .dribbble_module p {
    font-size: 12px;
}
.portfolio_item_title {
    margin: 0;
    font-family: 'Noticia Text', serif;
    font-size: 14px;
    letter-spacing: -0.08px;
    text-align: center;
    padding: 20px 15px;
    border-bottom: none;
    text-decoration: none;
    color: #555 !important;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #fff;
    display: block;
    text-align: center;
    line-height: 22px;
}

.portfolio_item_title:hover { 
    color: #000;
}
.portfolio_description, .dribbble_description {
    float: left;
    width: 23%;
}
.eight .portfolio_description, .eight .portfolio_items, .eight .dribbble_description, .eight #dribbble ul, 
.one-third .portfolio_description, .one-third .portfolio_items, .one-third .portfolio_item, .one-third .dribbble_description, .one-third #dribbble ul, .one-third #dribbble ul li, 
.four .portfolio_description, .four .portfolio_items, .four .portfolio_item,.four .dribbble_description, .four #dribbble ul, .four #dribbble ul li  {
    width: 100%;
}
.one-third .portfolio_item, .four .portfolio_item, .one-third #dribbble ul li, .four #dribbble ul li { margin-left: 0; margin-bottom: 25px; }
.one-third .portfolio_item img, .four .portfolio_item img { max-height: none; }
.eight .portfolio_description, .one-third .portfolio_description, .four .portfolio_description, .eight .dribbble_description, .one-third .dribbble_description, .four .dribbble_description {
    margin-bottom: 15px;
}
.eight .portfolio_item, .eight #dribbble ul li {
    width: 46.2%;
    margin-left: 0;
    margin-right: 4.1%;
    margin-bottom: 4.1%;
}
.portfolio_items, #dribbble ul  {
    float: right;
    width: 77%;
    margin-bottom: 0;
}
.portfolio_all {
    background: #555 !important;
}
.portfolio_spacer {
    height: 20px;
}
.portfolio_item {
    float: left;
    width: 30.2%;
    margin-left: 3.2%;
    margin-bottom: 3.2%;    
    -webkit-border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0, 0.12), 0 1px 1px rgba(0,0,0, 0.12);
}
#dribbble ul li {
    float: left;
    width: 30.2%;
    margin-left: 3.2%;
    margin-bottom: 3.2%;    
}

.two-thirds .portfolio_item, .two-thirds #dribbble ul li  {
    margin-left: 3.9%;
    margin-bottom: 3.9%; 
    width: 46.2%;
}
.twelve #dribbble ul li, .twelve .portfolio_item  {
    margin-left: 3.8%;
    margin-bottom: 3.8%; 
    width: 46.2%;
}
#dribbble ul img {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
    box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
}

.portfolio_item img {
    max-height: 175px;
    display: block;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.testimonial_module {
    margin: 20px 0;
   
}
.testimonial_module blockquote p {
    line-height: 30px;
        padding-left: 70px;
        margin-top: 10px;
}
.testimonial_p {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}
.testimonial_p img {
    width: 60px;
    -webkit-border-radius: 99px;
    margin-right: 20px;
}
.testimonial_module blockquote {
    background: #fff;
    border: 1px solid #DADADA;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
    box-shadow: 0 2px 4px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: none;
    padding: 12px 25px 12px 0;
    position: relative;
    margin-bottom: 0;
    font-size: 16px;
}
.testimonial_p .testimonial_author {
    font-weight: bold;
font-style: italic;
font-family: 'Istok Web', sans-serif;
}
.testimonial_location {
    display: block;
font-family: 'Noticia Text', serif;
font-weight: normal;
font-style: italic;
opacity: 0.7;
font-size: 13px;
margin-top: -3px;
}
.testimonial_avatar {
    float: left;
}
.testimonial_details {
    float: right;
    margin-top: 4px;
}
.testimonial_module blockquote:after {
    content: '"';
    position: absolute;
    font-family: 'IM Fell DW Pica SC', serif;
    top: 40px;
    display: block;
    z-index: 99;
    left: 20px;
    color: #d2d2d2;
    font-size: 50px;
    
}
/* #Footer Styles
================================================== */

.footer {
    padding: 20px 0;
}
footer a {
    color: #fff !important;
    font-weight: bold;
}

footer .footer {
    font-size: 12px !important;
     background: #222;
}
footer .small_footer {
    font-size: 11px !important;
     background: #111;
}
.small_left {
    float: left;
}
.small_right {
    float: right;
    text-align: right;
}
footer {
    color: #c2c2c2;
    margin-top: 40px;
}
.small_logo a {
  font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 26px;
    font-style: italic;
    font-weight: 800;
    text-decoration: none;
    color: #fff;
    letter-spacing: -0.08em;
    display: block;
}
.small_logo {
    margin: 0;
}
footer .vimeo, footer .twitter2, footer .dribbble, footer .facebook2, footer .linkedin, footer .youtube {
    background-color: rgba(0,0,0, 0.35);
}

/* #Page Styles
================================================== */

.home .page-content { margin-top: 0; }
.page-content {
 
}
.video_holder {
    margin: 20px 0;
}

/* #Blog Comments */

.children .comment-info:after {
    position: absolute;
    content: url(images/comment-l.png);
    top: 0;
    left: -30px;

}
.comment-info { position: relative; }
#comments {
    margin-left: 0;
}
#comment-form #comment { width: 100% !important; }
.portfolio_module, .dribbble_module {
    margin: 20px 0 0 0;
}

#comment-form span {
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    font-weight: bold;
}
#textarea3 {
    width: 565px;
}
.comment-info img {
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    -o-border-radius: 99px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.comment-info {
    float: left;
}
.comment-content {
    float: right;
    width: 83%;
}
.comment-meta {
    margin-bottom: 15px;
    color: #747474;
}
.comment-meta span {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #999999;
}
.comment-meta a {
    font-family: 'Droid Serif', serif;
    font-size: 11px;
    font-style: italic;
}

.comment-author {
    float: left;
}
.comment-reply {
    float: right;
    margin-right: 10px;
}
.children li {
    margin-bottom: 0;
    margin-top: 15px;
}

#comments p { font-size: 12px !important; }
#comments li {
    margin-left: 0 !important; 
    list-style: none;
}
.leave-reply {
  padding: 3px 0;
}
.single-post .blog_article { border: none; }
/* #Portfolio Page Styles
================================================== */
.portfolio_cats br { display: none; }
.portfolio_cats { margin: 20px 0; }
.portfolio_cats a { }
.portfolio_cats span {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 800;
    color: #777;
    float: left;
    margin-right: 25px;
    letter-spacing: -0.08px;
    text-transform: uppercase;
    line-height: 38px;
}
.portfolio_cats a, .pagination a, .pagination .current, .portfolio_previous a, .portfolio_next a {
    color: rgba(255,255,255, 0.8) !important;
    font-family: 'Istok Web', sans-serif;
    line-height: 22px;
    font-weight: bold;
    padding: 14px 30px 13px;
    text-align: center;
    display: inline-block;
    margin-bottom: 18px;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    text-decoration: none;
    padding: 6px 12px 5px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pagination .current {
    background: #555;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
    box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
}
.portfolio_cats a:hover, .pagination a:hover, .portfolio_previous a:hover, .portfolio_next a:hover {
    color: rgba(255,255,255, 0.9);
    text-decoration: none;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
    box-shadow: inset 0 10px 20px rgba(255,255,255, 0.15);
}
.portfolio_cats a:active, .pagination a:active, .portfolio_previous a:active, .portfolio_next a:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
    box-shadow: inset 0 1px 2px rgba(0,0,0, 0.4), inset 0 10px 20px rgba(0,0,0, 0.08);
}
.pagination {
    float: left !important;
    margin-left: 0 !important;
    width: 100%;
}
.blog_module_1 .pagination, .blog_module_2 .pagination {
    border-top: 1px solid #DADADA;
    padding-top: 30px;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 0;
}
.pagination li {
    float: left;
    margin-bottom: 0;
}
.page-template-template-portfolio-3cols-php .portfolio_item img, .archive .portfolio_item img  {
    max-height: 235px;
}
.page-template-template-portfolio-2cols-php .portfolio_item img {
    max-height: 361px;
}
.portfolio_img_holder {
    margin: 20px 0;
}
.portfolio_previous {
    float:right;
}
.portfolio_next {
    float:right;
    margin-left: 20px;
}
.portfolio_navigation, .portfolio_content {
    margin-top: 20px;
}
.portfolio_content {
    float: left;
}
.portfolio_navigation p {
    margin: 0;
    padding: 0;
}
.portfolio_navigation a {
    margin: 0;
}
.portfolio_posts {
    float: right;
}
.portfolio_share {
    float: left;
    padding-top: 6px;
}
.share_twitter, .share_facebook, .share_google {
    float: left;
}
.share_facebook {
    width: 115px;
}

/* JS Plugins Styles 
================================================= */

.imgFake {
    display: none;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.alert br { display: none; }
.close { text-decoration: none; margin-top: 5px; }
.alert {
  padding: 8px 35px 8px 14px;
  margin: 20px 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fff8d6;
  border: 1px solid #efe7c1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}
.alert a, .alert strong {
    font-weight: bold;
  color: #c09853;
}
.alert-heading {
  color: inherit;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success a, .alert-success strong {
  font-weight: bold;
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger a, .alert-danger strong,
.alert-error a, .alert-error strong {
    font-weight: bold;
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info a, .alert-info strong {
    font-weight: bold;
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.togglebox {


	overflow: hidden;

	width: 100%;
	clear: both;
	margin-bottom:10px;
}
.accordion_module {
    margin: 20px 0;
}
.togglebox .content {
	padding: 10px;
}
.toggle_anchor {
	padding:10px;
        width: 100%;
        float: left;
        text-decoration: none;
	border: 1px solid #DADADA;
	-moz-border-radius: 3px; /* Rounder Corner */
       -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	margin-bottom:5px;
        
        padding: 15px 25px 15px 35px;
        background: #fff;
        text-transform: uppercase;

font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 800;
cursor: pointer;
color: #777 !important;
letter-spacing: -0.08px;
background: url(images/modules/toggle-plus.png) no-repeat #fff 17px 22px;
}
.toggle_anchor:hover, .anchor_active {
    color: #333 !important;
}
.anchor_active {
   background: url(images/modules/toggle-minus.png) no-repeat #fff 17px 22px;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.tabs_module {
    margin: 20px 0;
}

/* #Contact
================================================== */

.wpcf7-textarea { width: 100% !important; }

/* #Galleries
================================================== */

.gallery {
    margin: 20px 0 !important;
}
.gallery-columns-5 .gallery-item {
    margin-bottom: 15px;
}
.gallery-columns-4 .gallery-item {
    margin-bottom: 35px;
}
.four .gallery-columns-4 .gallery-item {
    margin-bottom: 0;
}
.twelve .gallery-columns-4 .gallery-item {
    margin-bottom: 20px;
}
.twelve .gallery-columns-6 .gallery-item {
    margin-bottom: 10px;
}
.twelve .gallery-columns-8 .gallery-item {
    margin-bottom: 5px;
}
.two-thirds .gallery-columns-4 .gallery-item {
    margin-bottom: 20px;
}
.two-thirds .gallery-columns-8 .gallery-item {
    margin-bottom: 5px;
}
.two-thirds .gallery-columns-7 .gallery-item {
    margin-bottom: 5px;
}
.two-thirds .gallery-columns-6 .gallery-item {
    margin-bottom: 8px;
}
.eight .gallery-columns-4 .gallery-item {
    margin-bottom: 8px;
}
.eight .gallery-columns-5 .gallery-item {
    margin-bottom: 5px;
}
.eight .gallery-columns-6 .gallery-item, .eight .gallery-columns-7 .gallery-item, .eight .gallery-columns-8 .gallery-item, .eight .gallery-columns-9 .gallery-item {
    margin-bottom: 0;
}
.one-third .gallery-columns-4 .gallery-item, .one-third .gallery-columns-5 .gallery-item {
    margin-bottom: 5px;
}
.one-third .gallery-columns-6 .gallery-item, .one-third .gallery-columns-7 .gallery-item,.four .gallery-columns-5 .gallery-item, .one-third .gallery-columns-8 .gallery-item, .one-third .gallery-columns-9 .gallery-item {
    margin-bottom: 0;
}
.eight .gallery-columns-4 .gallery-item {
    margin-bottom: 15px;
}

.gallery-item img {
    border: 5px solid #fff !important;
    box-shadow: 0 2px 3px rgba(0,0,0, 0.1), 0 1px 1px rgba(0,0,0, 0.1);
    max-width: 80% !important;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.aligncenter {}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
    .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 4.75em; }
    .container .main ul li .description { display: none; }
    .container .main ul li a { font-size: 11px; padding: 18px 23px; }
    #social a { margin: 0; }
    .boxed { width: 768px; padding: 0; margin: 0 auto; background: none !important; -webkit-box-shadow: none; }
    .portfolio_item_title { font-size: 0.9em; }
    .gallery-columns-5 .gallery-item,.gallery-columns-8 .gallery-item,.gallery-columns-7 .gallery-item,.gallery-columns-6 .gallery-item { margin-bottom: 0; }
    .gallery-columns-4 .gallery-item { margin-bottom: 20px; }
       .comment-content { width: 80%; }
	   .fivekrun {display: none;}
    
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    header { padding: 40px 0 0 0; }
    select { margin: 10px 0; }
    .footer .widget { margin: 10px 0; }
    .main ul { display: none; }
    header #social { margin-top: 25px; float: none; }
    header { text-align: center; }
    header .logo h1 { float: none; margin-bottom: 10px; }
    nav select { display: inline-block !important; }
    .boxed { width: 420px; padding: 0; margin: 0 auto; background: none !important; -webkit-box-shadow: none; }
    .inner_button { padding-top: 0; }
    .inner_content { width: 100%; }
    .inner_button { width: 100%; }
    .cta_module { text-align: center; }
    .four .cta_arrow { left: 46%; }
    .blog_thumb, .blog_info { width: 100%; }
    .blog_thumb { margin-bottom: 20px; }
    .portfolio_description,.portfolio_items, .portfolio_item, .two-thirds .portfolio_item, .eight .portfolio_item,
    .dribbble_description,#dribbble ul, #dribbble ul li, .two-thirds #dribbble ul li, .eight #dribbble ul li
    { width: 100%; }
    .portfolio_item, .two-thirds .portfolio_item,#dribbble ul li, .two-thirds #dribbble ul li  
    { margin: 20px 0 !important; }
    .portfolio_item img, #dribbble ul li img {  max-height: none; }
    .eight .portfolio_description, .eight .dribbble_description { margin-bottom: 0; }
    .portfolio_previous, .portfolio_next, .portfolio_navigation a { width: 100%; }
    .portfolio_navigation a { margin: 10px 0; padding: 10px}
    .flex_slider_thumbs_carousel, .flex-caption {display: none;}
    .page-template-template-portfolio-3cols-php .portfolio_item img, .archive .portfolio_item img  { max-height: 329px; }
     .portfolio_posts { float: none; }
     .portfolio_share { margin: 10px 0; }
     header .logo h1 { margin-bottom: 30px !important; }
     .portfolio_cats { margin-top: 20px !important; }
     .portfolio_content { margin-top: 0; }
     .gallery-columns-5 .gallery-item,.gallery-columns-8 .gallery-item,.gallery-columns-7 .gallery-item,.gallery-columns-6 .gallery-item,.gallery-columns-4 .gallery-item { margin-bottom: 0; }
     .gallery-columns-4 .gallery-item { margin-bottom: 15px; }
     .blog_module_1, .blog_module_2 { margin-top: 30px !important; }
     .comment-content { width: 77%; }
	 .fivekrun {display: none;}
	 
     
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tagline { margin: 20px 0 !important; }
    .container .widgets li { margin: 20px 0; }
    footer .medium_footer, footer .small_right, footer .small_left { text-align: center; }
    .small_left p { margin-bottom: 0; }
	.fivekrun {display: none;}

   
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {  
     .next, .prev { display: none !important; }
     .zuperSlider { width: 100% !important;}
     .boxed { width: 300px; padding: 0; margin: 0 auto; background: none; -webkit-box-shadow: none; }
    footer .medium_footer, footer .small_right, footer .small_left { text-align: center; }
    .small_left p { margin-bottom: 0; }
    body { background: #fcfcfc; }
    .tagline { margin: 20px 0 !important; }
    .container .widgets li { margin: 20px 0; }
    .ei-title { max-width: 278px;}
    .flex-caption h2, .flex-caption h2 a { display: none; }
    .comment-content { width: 65%; }
	.fivekrun {display: none;}
    
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
                Just create a "fonts" folder at the root,
                copy your FontName into code below and remove
                comment brackets */

/*	@font-face {
            font-family: 'FontName';
            src: url('../fonts/FontName.eot');
            src: url('../fonts/FontName.eot?iefix') format('eot'),
                 url('../fonts/FontName.woff') format('woff'),
                 url('../fonts/FontName.ttf') format('truetype'),
                 url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
            font-weight: normal;
            font-style: normal; }
*/

.buttons li {
    float: left;
    margin-right: 20px;
}
.buttons li a {
    margin-bottom: 10px;
}

.fivekrun {
	width: 95px;
	height: 100px;
	position: absolute;
	float: right;	
	
}