/*  
Theme Name: CuteCake
Theme URI: http://www.highthemes.com/themes/cutecake
Description: Responsive One Page Wordpress Theme by Highthemes 
Author: Highthemes
Author URI: http://www.highthemes.com
Version: 1.2.8
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, theme-options, post-formats, featured-images
Text Domain: highthemes


Fallow us on Twitter: http://twitter.com/theHighthemes

    TABLE OF CONTENTS
    --------------------
    0.  CSS Reset
    1.  Global Classes
    2.  General
    3.  Header
    4.  Slideshow
    5.  Services
    6.  Testimonials
    7.  Works
    8.  Team
    9.  Skills
    10. Pricing
    11. Conatact Us
    12. Google Map
    13. Blog + Widgets + Commnets
    14. Footer
    15. Media Query
*/


/*  0.  CSS Reset
/*-----------------------------------------------------------------------------------*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0; 
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400;
}
ol, ul, li {
    list-style: none;
}
caption, th {
    text-align: left;
}
q:before, q:after {
    content: '';
}
* {
    outline: none;
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
a img {
    border: none;
}
.screen-reader-text{}

/* clearfix */
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
    display: block;
}
/* End hide from IE Mac */
.none {
    display: none;
}
.clear {
    clear: both;
}
/* End Clearfix */

cite, q {font-style: italic; font-family: georgia, serif;}
/*  1.  Global Classes
/*-----------------------------------------------------------------------------------*/
.fl {
    float: left;
}
.fr {
    float: right;
}
.center { text-align: center }

/* alignment */
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
a, 
a:active {
    text-decoration: none;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    outline: none !important;
    color: #645F54;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #444;
}
*, 
*:before, 
*:after {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
body {
    font: normal 18px/30px 'Istok Web', Helvetica, Arial, sans-serif;
    color: #bebcb7;
}
p {
    padding-bottom: 20px;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    line-height: 1.3em;
    padding-bottom: 10px;
    font-weight: 400;
    font-family: 'Lobster', Helvetica, Arial, sans-serif;
}
h1 { 
    font-size: 52px; 
}
h2 { 
    font-size: 48px; 
}
h3 { 
    font-size: 30px;
}
h4 { 
    font-size: 28px; 
}
h5 { 
    font-size: 24px;
}
h6 { 
    font-size: 18px; 
}

.one_half {
    width: 48%;
}
.one_third {
    width: 30.66%;
}
.two_third {
    width: 65.33%;
}
.one_fourth {
    width: 22%;
}
.three_fourth {
    width: 74%;
}
.one_fifth {
    width: 16.8%;
}
.two_fifth {
    width: 37.6%;
}
.three_fifth {
    width: 58.4%;
}
.four_fifth {
    width: 67.2%;
}
.one_sixth {
    width: 13.33%;
}
.five_sixth {
    width: 82.67%;
}
.one_half.with-margin {
    margin-bottom: 20px;
    width: 50%;
}
.one_third.with-margin {
    margin-bottom: 20px;
    width: 33.3333%;
}
.two_third.with-margin {
    margin-bottom: 20px;
    width: 66.6667%;
}
.one_fourth.with-margin {
    margin-bottom: 20px;
    width: 25%;
}
.three_fourth.with-margin {
    margin-bottom: 20px;
    width: 75%;
}
.one_fifth.with-margin {
    margin-bottom: 20px;
    width: 20%;
}
.two_fifth.with-margin {
    margin-bottom: 20px;
    width: 40%;
}
.three_fifth.with-margin {
    margin-bottom: 20px;
    width: 60%;
}
.four_fifth.with-margin {
    margin-bottom: 20px;
    width: 80%;
}
.one_sixth.with-margin {
    margin-bottom: 20px;
    width: 16.6667%;
}
.five_sixth.with-margin {
    margin-bottom: 20px;
    width: 83.3333%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    float: left;
    margin-right: 4%;
    position: relative;
}
.last {
    margin-right: 0 !important;
}
.gap { 
    clear: both; 
}
.dark p, 
.dark h1, 
.dark h2,
.dark h3, 
.dark h4, 
.dark h5, 
.dark h6, 
.dark {
    color: #fff; 
}
.home-section.slideshow-container, body > section {
    position: relative;
    top: -18px;
    z-index: 1;
}
body > section {
    overflow: hidden;
}

/*  2.  General
/*-----------------------------------------------------------------------------------*/
/* section title */
.section-title {
    padding: 68px 0 90px;
    text-align: center;
    width: 100%;
}
.section-title h2 {
    font-size: 72px;
    color: #645f54;
    text-shadow: 0 5px #d5d4d4;
    padding-bottom: 30px;
}
.dark .section-title h2 {
    text-shadow: 0 5px rgba(255,255,255,0.3);
}
.section-title-dotted {
    font: 25px/25px 'Lobster', Helvetica, Arial, sans-serif;;
    color: #b0a999;
}
section.dark .section-title h2,
section.dark .section-title-dotted {
    color: #fff;
}
/* double dashed line */
.double-dashed-line {
    background: url('images/double-dashed-line.png') repeat-x;
    height: 11px;
    width: 100%;
}
.double-dashed-line.slider-line {
  background: url("images/double-dashed-line.png") repeat-x ;
  height: 11px;
  margin-top: -20px;
  position: relative;
  top: 9px;
  width: 100%;
  z-index: 100;
}
/* button */
.button a,
.button a:active {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    font-weight: bold;
    padding: 12px 50px;
    border: 2px solid #fff;
}
.button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
}
.button a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.button a.accent {
    background-color: #f8a288;
    color: #fff;
    -webkit-box-shadow: 0px 2px 0px 0px #f8a288;
    -moz-box-shadow: 0px 2px 0px 0px #f8a288;
    box-shadow: 0px 2px 0px 0px #f8a288;
}
.button a.accent:hover {
    background-color: #8a5e3b;
    color: #fff;
    -webkit-box-shadow: 0px 2px 0px 0px #8a5e3b;
    -moz-box-shadow: 0px 2px 0px 0px #8a5e3b;
    box-shadow: 0px 2px 0px 0px #8a5e3b;
}
.button a.white {
    background-color: #fff;
    color: #999;
    -webkit-box-shadow: 0px 4px 0px 0px #dedede;
    -moz-box-shadow: 0px 4px 0px 0px #dedede;
    box-shadow: 0px 4px 0px 0px #dedede;    
} 
.button a.white:hover {
    background-color: #ffd65d;
    color: #fff;    
    -webkit-box-shadow: 0px 2px 0px 0px #ffd65d;
    -moz-box-shadow: 0px 2px 0px 0px #ffd65d;
    box-shadow: 0px 2px 0px 0px #ffd65d;
}
/* section pattern */
.section-pattern {
    background: url('images/section_pat.jpg') repeat;
}
/* Go to top */
#arrow-back-top {
    background: url("images/arrow_top.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 50px;
    position: fixed;
    width: 50px;
    z-index: 100;
    bottom: 20px;
    right: 20px;
    display: none;
}
#arrow-back-top:hover {
    background-position: left bottom;
}
/* page */
.page .container {
    padding-bottom: 30px;
}
/* wp caption */
.wp-caption img {
    float: left;
    margin: 0;
}
.wp-caption p.wp-caption-text {
    text-align: center;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-size: 11px;
}
.wp-caption.alignleft {
    float: left;
    margin: 0 30px 25px 0;
}
.wp-caption.alignright {
    float: right;
    margin: 0 0 25px 30px;
}
/* gallery caption */
.gallery-caption {
    color: #fff;
    padding: 0 4px;
}
.post-entry.sticky {     
    -webkit-box-shadow: 0px 4px 0px 0px #6a8b4a; 
    box-shadow: 0px 4px 0px 0px #6a8b4a; 
}
/* alignment */
.alignright {
    float: right;
    margin: 10px 10px 10px 16px;
}
.alignleft {
    float: left;
    margin: 10px 16px 10px 0;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/*  3.  Header
/*-----------------------------------------------------------------------------------*/
#navigation {
    background: url('images/header_bg.png') repeat-x;
    height: 256px;
    position: relative;
    z-index: 10;
}
.menu-navigation {
    padding-top: 110px;
    font: 24px 'Lobster', Helvetica, Arial, sans-serif;;
    text-shadow: 0 2px #fff;
}
#navigation-left ul li {
    float: left;
    padding-right: 25px;
}
#navigation-right ul li {
    float: left;
    padding-left: 25px;
}
.menu-navigation ul li,
.menu-navigation ul li a,
.menu-navigation ul li a:active {
    color: #645f54;
}
.menu-navigation ul li a:hover {
    color: #969184;
}
/* Mobile Navigation */
#mobile-navigation { 
    background-color: #645F54;
    width: 300px;
    margin: 0 auto;
    padding: 20px 20px 0;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    position: relative;
    z-index: 999;
    font-weight: bold;
    color: #fff;
    top: 15px;
    display: none;    
}
#mobile-navigation a,
#mobile-navigation a:active {
    color: #fff;
}
#mobile-navigation ul li {
    padding-bottom: 20px;
}
.mobile-nav-mark {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #645F54;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -10px;
}
a.mobile-nav-toggle {
    margin: -20px auto 0;
    width: 20px;
    display: block; 
    color: #645F54;  
    display: none;
}
a.mobile-nav-toggle i {
    font-size: 24px;
}
/* logo */
#logo {
    margin-top: 31px;
}
#logo a {
    display: block;
}

/*  4.  Slideshow
/*-----------------------------------------------------------------------------------*/
#slideshow {
    height: 667px;
    margin-top: -10px;
    background-color: #3f4a56;
}
.tp-leftarrow.default {
    background: url("images/left_arrow.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 50px;
    position: relative;
    width: 50px;
    z-index: 100;
}
.tp-rightarrow.default {
    background: url("images/right_arrow.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 50px;
    position: relative;
    width: 50px;
    z-index: 100;
}
.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: left bottom;
}
/*  = Flex Slider
/*-----------------------------------------------------------------------------------*/
.wpb_gallery_slides.flexslider {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    border-radius: none !important;
}
.wpb_gallery_slides .flex-control-nav li { padding: 0 !important; }
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles */ 
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    display: block;
    width: 100%
}
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider {
    background: #fff;
    position: relative;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px }
/* Direction Nav */
.flex-direction-nav a {
    margin: -20px 0 0;
    display: block;
    padding: 8px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    opacity: 0;
}
.flex-direction-nav a i { font-size: 45px; line-height: 45px;color: #fff !important; }
.flex-direction-nav a:hover i { color: #FFF !important; }

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 8px;
}
.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 8px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover { opacity: 0.8; }
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    cursor: default;
}
/* Control Nav */
.flex-control-nav {
    position: absolute;
    text-align: center;
    right: 20px;
    bottom: 10px;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
}
.flex-control-paging li a {
    background-color: #BDBEC4;
    width: 8px;
    height: 8px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.m-thumb .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background-color: #696969;
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

/*  5.  Services
/*-----------------------------------------------------------------------------------*/
.service-item {
    text-align: center;
    margin-bottom: 45px;
}
.service-item .description {
    padding-bottom: 20px;
    font-size: 17px;
    line-height: 27px;
}
.service-item img {
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    border-radius: 200px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    margin-bottom: 35px;
    width: 171px;
    height: 171px;
}
.service-item img:hover {
    padding: 10px;
    border: 1px solid #e4e4e4;
     -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;   
}
.service-item h3 {
    font-size: 30px;
    color: #645f54;
    text-shadow: 0 2px #fff;
}

/*  6.  Testimonials
/*-----------------------------------------------------------------------------------*/
.testimonial .img-rounded {
    -webkit-border-radius: 195px;
    -moz-border-radius: 195px;
    border-radius: 195px;
    width: 195px;
    height: 195px;
    position: relative;    
    margin-right: 45px;
    border: 5px solid rgba(255,255,255,0.5);
    background-color: #fff;
    float: left;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.testimonial img {
    -webkit-border-radius: 195px;
    -moz-border-radius: 195px;
    border-radius: 195px;
    width: 155px;
    height: 155px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -78px;
    margin-top: -78px;
}
.testimonial .description{
    padding-bottom: 20px;
    line-height: 27px;
    font-size: 17px;
}
.testimonial {
    margin-bottom: 45px;
}
.testimonials {
    color: #fff;
    margin-bottom: 45px;
}

/*  7.  Works
/*-----------------------------------------------------------------------------------*/
.folio-box {
    width: 19.98%;
    position: relative;
}
.folio-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(235,170,150,0.25);
}
.folio-overlay-over {
    width: 100%;
    height: 100%;
    padding-top: 5%;
    padding-left: 5%;
    padding-right:5%;
    background-color: rgba(253,136,86,.8);
    border: 7px solid #fd8856;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffe1c2;
    -moz-box-shadow: inset 0px 0px 0px 2px #ffe1c2;
    box-shadow: inset 0px 0px 0px 2px #ffe1c2;
    color: #fff;
    text-align: center; 
    display: none;
}
.folio-overlay-over > p {
  font-size: 16px;
  line-height: 27px;
}
a.folio-link {
    display: table;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto; 
    width: 60px;
    height: 60px;    
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;  
}
a.folio-link:hover {
    padding: 4px;
    border: 1px solid #ffe1c2;
}
a.folio-link i {
    color: #fd8856;
    background-color: #fff;
    font-size: 30px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.single-folio-title {
    padding: 20px 30px 0;
    font-size: 34px;
    font-weight: normal;
    color: #4e4e4e;
}
.single-folio-content {
    padding: 20px 30px;
    font-size: 15px;
    line-height: 1.6em;
}
.project-details .project-details-title {
    color: #8a8a8a;
    font-size: 27px;
}
.project-details {
    color: #8a8a8a;
    font-size: 13px;
}
.project-details .info-block {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.project-details .info-block:last-child {
    border-bottom: none;
}
.project-details .info-label {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Open Sans", arial, sans-serif;
}
.project-details .info-details {
    margin-top: -10px;
}
/* filter */
.filter {
    margin-bottom: 75px;
    text-align: center;
}
.filter .button a {
    text-transform: uppercase;
    margin: 0 5px;
    padding: 12px 30px;
    margin-bottom: 20px;
}   
.filter .button a.current {
    background-color: #ffd65d;
    color: #fff;    
    -webkit-box-shadow: 0px 2px 0px 0px #ffd65d;
    -moz-box-shadow: 0px 2px 0px 0px #ffd65d;
    box-shadow: 0px 2px 0px 0px #ffd65d;
}
/* isotope */
.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;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/*  8.  Team
/*-----------------------------------------------------------------------------------*/
.team {
    margin-bottom: 90px;
}
.member {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cacaca;
    margin-bottom: 50px;
    padding: 30px 45px 30px 30px;
    position: relative;
    z-index: 8;
} 
.member .img-rounded {
    -webkit-border-radius: 177px;
    -moz-border-radius: 177px;
    border-radius: 177px;
    width: 177px;
    height: 177px;
    position: relative;    
    float: left;
    border: 1px solid #e9e9e9;
    padding: 10px; 
    margin-right: 30px;
    -webkit-box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 4px 3px rgba(0,0,0,0.1); 
}
.member img {
    -webkit-border-radius: 177px;
    -moz-border-radius: 177px;
    border-radius: 177px; 
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -77px;
    margin-left: -77px; 
    width: 155px;
    height: 155px;
}
.member .face-over {
    background: rgba(255,158,116,.7);
    position: absolute;
    top: 42px;
    left: 41px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 155px;
    height: 155px;
    color: #fff;
    font-size: 72px;
    text-align: center;
    display: none;    
    z-index: 9;
}
.member h3 {
    color: #645f54;
}
.member-outer-1,
.member-outer-2 {
    content: '';
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    background-color: #f7f7f7;
    border: 1px solid #cacaca;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 45px;
    z-index: 3;
}
.member-outer-2 {
    bottom: 40px;
    z-index: 2;
}
.member p {
    color: #bebcb7;
}
ul.member-socails {
    width: 40px;
    height: 220px;
    background-color: #87cbaf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    padding-top: 20px;
    display: none;
}
ul.member-socails li {
    padding-bottom: 20px;
}
ul.member-socails li a {
    color: #fff;
    font-size: 30px;
}

/*  9.  Skills
/*-----------------------------------------------------------------------------------*/
.chart h3 {
    color: #645f54;
    width: 200px;
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: -100px;    
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;  
}
.chart canvas {
    left: 0;
    position: absolute;
    top: 0;
}
.chart {
    position: relative;
    text-align: center;
    height: 200px;
    width: 200px;
    color: #fff;   
    -webkit-box-shadow: 0 -2px 0 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 -2px 0 1px rgba(0,0,0,0.1);
    box-shadow: 0 -2px 0 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;  
    margin: 0 auto 150px auto; 
}
.chart:hover h3 {
    opacity: 0.7;
}
.chart .pie-center {
    border: 10px solid #fff;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
}

/*  10.  Pricing
/*-----------------------------------------------------------------------------------*/
.pricing-col {
    background-color: #fff;
    text-align: center;
    margin: 80px 0 110px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
}
.pricing-head-logo {
    margin-top: -88px;   
    padding-bottom: 18px; 
    position: relative;
    top: 0;
}
.pricing-col h5 {
    color: #645f54;
    padding: 15px 0 0;
    line-height: 18px;
}
.pricing-col h2 {
    color: #f8a288;
    padding: 0;
}
.pricing-col .price-content p {
    font-size: 16px;
    color: #bebcb7;
    padding: 10px 30px;
    line-height: 26px;
}
.pricing-col ul li {
    padding-bottom: 10px;
    font-size: 16px;
    color: #645f54;
}
.pricing-col .pricing-dashed-line {
    border-top: 1px dashed #f8a288;
    height: 2px;
}
.pricing-col .pricing-solid-line {
    border-bottom: 1px solid #d9d9d9;
    height: 1px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pricing-col .button {
    margin: 17px 0;
}

/*  11.  Contact Us
/*-----------------------------------------------------------------------------------*/
.circle-social i {
    font-size: 48px;
    margin-top: 62px;
}
.circle-social a,
.circle-social a:active {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
.circle-social {
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    border-radius: 200px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 171px;
    height: 171px;
    float: left;
    margin: 30px auto 100px;
    text-align: center;
    border: 4px solid rgba(255,255,255,0.5);
}
.circle-social.twitter {
    background-color: #6cdbff;
}
.circle-social.facebook {
    background-color: #0787d4;
}
.circle-social.pinterest {
    background-color: #f26d7d;
}
.circle-social.tumblr {
    background-color: #686d80;
}
.circle-social.dribbble {
    background-color: #ea4c89;
}
.circle-social.flickr {
    background-color: #ca3788;
}
.circle-social.youtube {
    background-color: #cc3541;
}
.circle-social.instagram {
    background-color: #316188;
}
.circle-social.google-plus {
    background-color: #bf4c48;
}
.circle-social.linkedin {
    background-color: #1985bc;
}
.circle-social.xing {
    background-color: #006464;
}
.circle-social.skype {
    background-color: #00acec;
}
.circle-social.twitter:hover {
    -webkit-box-shadow: 0px 0px 0 10px #6cdbff;
    -moz-box-shadow: 0px 0px 0 10px #6cdbff;
    box-shadow: 0px 0px 0 10px #6cdbff;
}
.circle-social.facebook:hover {
    -webkit-box-shadow: 0px 0px 0 10px #0787d4;
    -moz-box-shadow: 0px 0px 0 10px #0787d4;
    box-shadow: 0px 0px 0 10px #0787d4;
}
.circle-social.pinterest:hover {
    -webkit-box-shadow: 0px 0px 0 10px #f26d7d;
    -moz-box-shadow: 0px 0px 0 10px #f26d7d;
    box-shadow: 0px 0px 0 10px #f26d7d;
}
.circle-social.tumblr:hover {
    -webkit-box-shadow: 0px 0px 0 10px #686d80;
    -moz-box-shadow: 0px 0px 0 10px #686d80;
    box-shadow: 0px 0px 0 10px #686d80;
}
.circle-social.dribbble:hover {
    -webkit-box-shadow: 0px 0px 0 10px #ea4c89;
    -moz-box-shadow: 0px 0px 0 10px #ea4c89;
    box-shadow: 0px 0px 0 10px #ea4c89;    
}
.circle-social.flickr:hover {
    -webkit-box-shadow: 0px 0px 0 10px #ca3788;
    -moz-box-shadow: 0px 0px 0 10px #ca3788;
    box-shadow: 0px 0px 0 10px #ca3788;        
}
.circle-social.youtube:hover {
    -webkit-box-shadow: 0px 0px 0 10px #cc3541;
    -moz-box-shadow: 0px 0px 0 10px #cc3541;
    box-shadow: 0px 0px 0 10px #cc3541;        
}
.circle-social.instagram:hover {
    -webkit-box-shadow: 0px 0px 0 10px #316188;
    -moz-box-shadow: 0px 0px 0 10px #316188;
    box-shadow: 0px 0px 0 10px #316188;        
}
.circle-social.google-plus:hover {
    background-color: #bf4c48;
    -webkit-box-shadow: 0px 0px 0 10px #ea4c89;
    -moz-box-shadow: 0px 0px 0 10px #ea4c89;
    box-shadow: 0px 0px 0 10px #ea4c89;        
}
.circle-social.linkedin:hover {
    -webkit-box-shadow: 0px 0px 0 10px #1985bc;
    -moz-box-shadow: 0px 0px 0 10px #1985bc;
    box-shadow: 0px 0px 0 10px #1985bc;        
}
.circle-social.xing:hover {
    -webkit-box-shadow: 0px 0px 0 10px #006464;
    -moz-box-shadow: 0px 0px 0 10px #006464;
    box-shadow: 0px 0px 0 10px #006464;        
}
.circle-social.skype:hover {
    -webkit-box-shadow: 0px 0px 0 10px #00acec;
    -moz-box-shadow: 0px 0px 0 10px #00acec;
    box-shadow: 0px 0px 0 10px #00acec;        
}

/*  12.  Google Map
/*-----------------------------------------------------------------------------------*/
.googlemap-container {
    position: relative;
}
.googlemap-container .double-dashed-line,
.googlemap-container .section-title {
    position: absolute;
    top: 0;
    z-index: 3;
}
.googlemap-container .section-title h2 {
    text-shadow: 0 3px 0 rgba(0,0,0,0.3);
    color: #fff;
}
.googlemap-container .section-title p {
    color: #fff;
    font-size: 22px;
}
.google-map {
    width: 100%;
    height:463px;
}
.googlemap-overlay {
    background: url('images/green_transparency_bg.png') repeat-x;
    height:463px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

/*  13.  Blog + Widgets + Commnets
/*-----------------------------------------------------------------------------------*/
.post-entry {
    background-color: #fff;
    margin-bottom: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 0px 0px #d9d8d7; 
    box-shadow: 0px 4px 0px 0px #d9d8d7;
}
.post-entry .post-title {
    padding: 20px 30px;
    font-size: 34px;
    font-weight: normal;
}
.post-entry .post-title a,
.post-entry .post-title a:active {
    color: #645F54;
}
.post-entry .post-title a:hover {
    color: #888;
}
.post-entry .featured-image {
    margin-bottom: 30px; 
}
.post-entry .post-meta {
    clear: both;
    overflow: hidden;
    padding: 10px 30px;
    border-bottom: 1px solid #d8d8d8;
    font: 13px "open sans", arial, helvetica, sans-serif;
}
.post-entry .post-meta > span {
    margin-right: 5px;
}
.post-entry .post-content {
    padding: 20px 30px;
    font-size: 15px;
    line-height: 1.6em;
}
.post-entry .post-content ul,
.post-entry .post-content ol,
.page-entry ul,
.page-entry ol,
.showcomments .comment-text ul,
.showcomments .comment-text ol {
    margin: 10px 0 10px 30px;
}
.post-entry .post-content ul li,
.page-entry ul li,
.showcomments .comment-text ul li,
.single-folio-content ul li{
    list-style-type: circle;
    padding-bottom: 10px;
}
.post-entry .post-content ol li,
.page-entry ol li,
.showcomments .comment-text ol li,
.single-folio-content ol li{
    list-style-type: decimal;
    padding-bottom: 10px;
}
.single-folio-content ol , .single-folio-content ul {
    list-style-position: inside;
    margin-left: 15px;
    margin-bottom: 20px;
}
.post-entry .post-content blockquote,
.page-entry blockquote,
.showcomments blockquote {
    margin: 20px;
}
.post-entry .post-content blockquote p, 
.page-entry blockquote p, 
.showcomments blockquote p {
    padding: 5px 20px;
    font-family: Georgia, serif;
    font-style: italic;
    line-height: 25px;
}
.post-entry table, 
.page-entry table, 
.showcomments table {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
    border-collapse:collapse;
    margin-bottom: 20px;
}
.post-entry table td, 
.post-entry table th,
.page-entry table td, 
.page-entry table th,
.showcomments table td, 
.showcomments table th {
    font-size:1em;
    border:1px solid #ddd;
    padding:3px 7px 2px 7px;
}
.post-entry table th, 
.page-entry table th, 
.showcomments table th {
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#eee;
    color:#444;
}
.post-entry table tr.alt td,
.page-entry table tr.alt td {
    color:#000000;
    background-color:#fff;
}
.post-entry dt,
.page-entry dt,
.showcomments dt {
    font-weight: bold;
}
.post-entry dd,
.page-entry dd,
.showcomments dd {
    background:none no-repeat left top;
    padding-left: 50px;
    margin-bottom: 10px;

}
/* wp-pagenavi */
.navi {
    clear: both;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 30px;
    overflow: hidden;
}
.navi a, 
.navi a:link, 
.navi a:visited, 
.navi a:active, 
.navi span.extend, 
.navi span.current {
    margin: 0 3px 5px;
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    color: #bebcb7;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 2px solid #d9d8d7;
}
.navi span.current,
.navi a:hover {
    color: #777;
    background-color: #efefef;
}
.navi a.first, 
.navi a.last {
    color: #bebcb7;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 2px solid #d9d8d7;
}
.navi .pages {
    float: right;
    padding: 6px 10px;
    color: #bebcb7;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 2px solid #d9d8d7;
}
/*  widgets */
.sidebar .widget {
    margin-bottom: 40px;
    clear: both;
    font: 14px Tahoma, sans-serif;
    color: #777;
}
.sidebar .google-map {
    width: 100%;
    height: 100px;
}
.sidebar .widget h3.widget-title { 
    font-size: 24px; 
    margin-bottom: 10px;
}
.sidebar ul li { 
    padding: 10px 0;  
    font: 14px "Open sans", Arial, sans-serif; 
    border-bottom: 1px solid #e8e7e6;
}
.sidebar ul li a, 
.sidebar ul li a:visited {
    color: #535353;
}
.sidebar ul li a:active, 
.sidebar ul li a:hover {
    color: #111;
}
/* tag cloud */
.widget_tag_cloud .tagcloud a,
.widget_tag_cloud .tagcloud a:visited { 
    background-color: #dfdfdf;
    color: #444;
    font-size: 13px !important;
    padding: 5px 7px;
    margin-bottom: 5px;
    display: inline-block;
}
/* thumbnail list for popular and recent posts */
.sidebar .thumb-list { 
    margin: 0; 
}
.sidebar .thumb-list li {
    overflow: hidden;
    display: block;
    background: none;
    padding: 10px 0 10px 0;
}
.sidebar .thumb-details { 
    overflow: hidden; 
}
.sidebar .thumb-list li img {
    display: block;
    vertical-align: bottom;
    margin-top: 2px;
}
.sidebar .post-format-icons {
    color: #666;
    display: table;
}
.sidebar .post-format-icons i {
    border: 2px solid #ddd;
    display: block;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    width: 56px;
    height: 56px;
    display: table-cell;
}
.sidebar .thumb-list .date {
    color: #999;
    display: block;
    font-size: 12px;
}
.sidebar .thumb-list a.fl {
    margin: 0 13px 5px 0;
    float: left;
}
.sidebar .recent-tweets li span.twitterTime a { 
    padding-top: 5px; 
}
.sidebar .thumb-list li a,
.sidebar .thumb-list li a:visited {
    background: none;
    display: inline;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
}
/* recent tweets */
.sidebar .recent-tweets li i { 
    font-size: 22px; 
}
.recent-tweets li {
    display: block;
    padding: 0 0 20px 35px !important;
    margin-bottom: 20px !important;
    position: relative;
}
.recent-tweets li i {
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 25px;
    color: #289fcf;
}
.recent-tweets ul li a,
.recent-tweets ul li a:visited {
    display: inline;
    padding: 5px;
    text-decoration: underline;
}
.recent-tweets li a.twitterTime {
    display: block;
    padding: 5px 0 0;
}
.recent-tweets li { 
    margin-bottom: 0; 
}
.image-separator .recent-tweets li {
    font-size: 23px;
    color: #fff;
    padding: 15px 0 30px 45px !important;
}
.image-separator .recent-tweets li i {
    font-size: 40px;
    color: #fff;
    left: -15px;
}
.image-separator .recent-tweets ul li a,
.image-separator .recent-tweets ul li a:visited { color: #fff; }
/* text widget */
.widget .textwidget { 
    line-height: 26px; 
}
/* ads */
.sidebar .ads-banner ul { 
    margin: 0; 
}
.sidebar .ads-banner ul li {
    float: left;
    margin: 0 12px 12px 0;
    background: none;
    padding: 0;
    border: none;
    list-style: none;
}
.sidebar .ads-banner ul li a { 
    display: block; 
}
/* wp-calendar */
#wp-calendar { 
    width: 100%; 
}
.widget_calendar table { 
    margin: 0 !important; 
}
#wp-calendar caption {
    text-align: center;
    font-weight: bold;
    line-height: 23px;
    font-size: 11px;
    padding-top: 10px;
}
#wp-calendar td,
#wp-calendar th {
    border: 1px solid #e6e6e6;
    text-align: center;
    padding: 3px;
}
#wp-calendar th {
    background: #eee;
    font-weight: 700;
}
#wp-calendar td:hover {
    background: #eee;
    color: #444;
    cursor: pointer;
}
#wp-calendar tfoot td { 
    background: #eee; 
}
/* contact details widget */
#contact-area .info-box-wrapper {
    padding: 10px 20px;
    margin-bottom: 15px;
}
.contact-details ul {
    margin: 0;
    list-style: none;
}
.contact-details ul li i {
    font-size: 16px;
    margin-right: 15px;
}
.contact-details p {
    font-style: italic;
    padding: 0 15px 15px;
    line-height: 25px;
}
/* flickr widget */
.flickr .wrap {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}
.flickr a {
    display: inline-block;
    padding: 0 !important;
}
.flickr a img { 
    float: left; 
}
.flickr div.flickr_badge_image {
    float: left;
    margin: 0 5px 10px;
    width: 74px;
    height: 74px;
    display: inline;
    padding: 0;
}
/* search widget */
.search-box button { display: none; }
.search-box fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
.search-box input.search-field {
  border: 1px solid #FFFFFF;
  color: #777777;
  height: auto;
  padding: 11px 8px;
  width: 100%;
}

/*  comments */
ul.showcomments { 
    margin: 0; 
    color: #777; 
    font-size: 14px
}
ul.showcomments li.comment {
    margin: 0 0 20px 0;
    min-height: 110px;
    list-style: none !important;
}
ul.showcomments .media-heading {
    font-weight: normal;
    color: #777;
    font-size: 23px;
     text-shadow: 1px 1px #fff;
}
ul.showcomments li.comment > div { 
    padding-bottom: 30px; 
}
ul.showcomments li.bypostauthor > div { 
    border-bottom: 2px solid #f2f2f2; 
}
ul.showcomments ul.children,
ul.showcomments ul.children .children { 
    padding-left: 110px; 
}
ul.showcomments li.admin-comment h4.entry-title i {
    color: #FFF;
    background: #1ABC9C;
    padding: 1px 6px;
    margin: 0 0 0 8px;
}
ul.showcomments .reply {
    position: relative;
    bottom: -5px;
    left: 0;
    font-size: 11px;
    text-align: center;
}
ul.showcomments .reply a,
#respond {
    margin-bottom: 30px;
}
#respond h3 {
    padding-bottom: 30px;
    color: #777;
}
ul.showcomments .reply a:hover {
    color: #444;
}
#respond p {
    font-size: 13px;
    padding: 0;
}
ul.showcomments .thumb {
    float: left;
    margin: 0 15px 0 0;
}
ul.showcomments span.date {
    padding: 0 0 0 10px;
    font-size: 16px;
    color: #ccc;
    background: none;
    font-weight: normal;
    text-transform: none;
}
ul.showcomments .entry-meta {
    font-style: italic;
    font-size: 11px;
    margin: 0 0 6px 0;
}
ul.showcomments .social {
    margin-top: -8px;
    float: right;
}
ul.showcomments .comment p { 
    overflow: hidden;  
    text-shadow: 1px 1px #fff;
}
.commnet-title h4 {
    color: #777;
    margin-bottom: 20px;
}
#commentform input {
    color: #666;
    display: block;
    width: 100%;
    border: 1px solid #EAEAEA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px;
    line-height: 24px;
    height: 34px;
    background: #F7F7F7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#commentform input:focus {
    background: #fff;
    border-width: 1px;
    border-style: solid;
}
#commentform textarea {
    color: #666;
    font-family: arial, helvetica, sans-serif;
    width: 100%;
    padding: 10px;
    background: #F7F7F7;
    border: 1px solid #EAEAEA;
    margin: 20px 0 20px 0 !important;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#commentform textarea:focus {
    background: #fff;
    border-width: 1px;
    border-style: solid;
}
#commentform .send-message {
    float: left;
    max-width: 140px;
    position: relative;
    padding: 5px 10px;
    background: #fff;
    color: #747474;
    padding: 2px 8px;
    margin: 0 0px 4px 0;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -border-radius: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#commentform .send-message:hover {
    background: #555;
    color: #fff;
}

/*  14.  Footer
/*-----------------------------------------------------------------------------------*/
#footer {
    background: url('images/footer_bg.png') repeat-x;
    height: 437px;
    position: relative;
    z-index: 10;
    margin-top: -26px;
}
.footer-content {
    margin: 0 auto;
    text-align: center;
    color: #645f54;
    text-shadow: 0 2px #fff;
}
.footer-content img {
    margin: 80px 0 30px;
}

/*  15.  Media Query
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1170px) and (max-width: 1400px) {
    .folio-overlay-over > h3 {
        font-size: 20px;
    } 
    a.folio-link {
        width: 40px;
        height: 40px;
    } 
    a.folio-link i {
        width: 30px;
        height: 30px;
        font-size: 25px;
    } 
    .folio-overlay-over > p {
        font-size: 14px;
    }
}
@media (min-width: 1024px) and (max-width: 1169px) {
    #navigation-left ul li {
        padding-right: 20px;
        padding-bottom: 25px;
        font-size: 20px;
    }
    #navigation-right ul li {
        padding-left: 20px;
        padding-bottom: 25px;
        font-size: 20px;
    } 
    .folio-overlay-over > h3 {
        font-size: 20px;
    } 
    .folio-box {
        width: 33.31%;
        float: left;
        display: inline;          
    }        
    a.folio-link {
        width: 40px;
        height: 40px;
    } 
    a.folio-link i {
        width: 30px;
        height: 30px;
        font-size: 25px;
    } 
    .member p {
        font-size: 16px;
        line-height: 25px;
    }  
    .pricing-col h2 {
        font-size: 35px;
    }  
    .pricing-col .button a,
    .pricing-col .button a:active {
        padding: 12px 35px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) { 
    .section-title h2 {
        font-size: 45px;
    }
    .menu-navigation {
        padding-top: 70px;
    }
    #navigation-left ul li {
        padding-right: 20px;
        padding-bottom: 25px;
        font-size: 20px;
    }
    #navigation-right ul li {
        padding-left: 20px;
        padding-bottom: 25px;
        font-size: 20px;
    } 
    .testimonial .img-rounded,
    .member .img-rounded {
        margin: 0 0 20px;
        float: none;
    }
    .filter .button a {
        padding: 12px 15px;
    }
    .folio-box {
        width: 33.30%;
        float: left;
        display: inline;          
    }    
    .folio-overlay-over > h3 {
        font-size: 20px;
    }
    a.folio-link {
        width: 40px;
        height: 40px;
    } 
    a.folio-link i {
        width: 30px;
        height: 30px;
        font-size: 20px;
    } 
    .pricing-col h2 {
        font-size: 26px;
    }  
    .pricing-col .button a,
    .pricing-col .button a:active {
        padding: 12px 20px;
    } 
    .circle-social {
        width: 130px;
        height: 130px;
        -webkit-border-radius: 130px;
        -moz-border-radius: 130px;
        border-radius: 130px;
    } 
    .circle-social i {
        margin-top: 40px;
    }
    .googlemap-container .section-title h2 {
        font-size: 60px;
    } 
    .chart,
    .chart canvas {
        width: 150px !important;
        height: 150px !important;
    }
    .chart .pie-center {
        width: 90px !important;
        height: 90px !important;
        margin: -45px 0 0 -45px !important;
    }
}
@media only screen and (max-width: 767px) {
    .section-title h2 {
        font-size: 45px;
    }    
    .menu-navigation {
        display: none;
    }
    #logo {
        margin: -15px 0 0;
        text-align: center;
    }
    #mobile-navigatin,
    a.mobile-nav-toggle {
        display: block;
    } 
    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth {
        margin: 0 0 30px;
        display: block;
        width: 100% !important;
    }
    .testimonial h3 {
        margin-top: 30px;
    }
    .folio-box {
        width: 49.98%;
        float: left;
        display: inline;          
    }
    .folio-overlay-over > p {
        font-size: 14px;
        line-height: 22px;
    }   
    .folio-overlay-over > h3 {
        font-size: 25px;
    } 
    .filter .button a {
        padding: 10px 15px;
        font-size: 14px;
    }
    .member {
        margin: 0 auto 20px;
        width: 90%;
    }
    .member-outer-1, 
    .member-outer-2 {
        width: 90%;
        left: 5%;
    }
    .member-outer-1 {
        bottom: 15px;
    }
    .member-outer-2 {
        bottom: 10px;
    } 
    .chart {
        margin-bottom: 80px;
    } 
    .pricing-col {
        width: 90% !important;
        margin: 0 auto 150px !important;
    }  
    .circle-social {
        margin: 0 auto 20px;
        float: none;
        display: block;
    }
    .googlemap-container .section-title h2 {
        font-size: 50px;
    }
    #blog .blog-posts,
    #blog .sidebar,
    #portfolio .post-entry,
    #portfolio .project-details {
        margin: 0 auto;
        width: 90%;
    }
    #portfolio .project-details {
        margin: 30px auto;
    }
    #respond {
        margin-bottom: 20px;
    }
    #commentform input {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 600px) {
    .section-title h2 {
        font-size: 45px;
    }
}
@media only screen and (max-width: 480px) {
    .section-title h2 {
        font-size: 40px;
    }
    .testimonial {
        margin: 0 20px;
        text-align: center;
    }
    .testimonial .img-rounded {
        float: none;
        margin: 0 auto 20px;
    }
    .folio-box {
        width: 98.98%;
        float: none;
        display: block;          
    }  
    .filter {
        margin-bottom: 20px;
    }     
    .filter .button a {
        font-size: 12px;
        padding: 2px 10px;
    }   
    .member .img-rounded {
        float: none;
        margin-bottom: 20px;
    }  
    .googlemap-container .section-title h2 {
        font-size: 30px;
    }    
    .googlemap-container .section-title p {
        font-size: 20px;
    }
    .post-entry .post-title {
        font-size: 22px;
    }
    .post-entry .post-meta > span {
        float: none;
    }
    .post-entry .post-meta,
    .post-entry .post-content,
    .post-entry .post-title {
        padding-right: 15px;
        padding-left: 15px;
    }
}