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

Theme Name: Line
Theme URI: http://deliciousthemes.com/
Description: Business / Corporate Theme
Author: Madalin Tudose
Author URI: http://deliciousthemes.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.1
*/
    /*
    Line v1.1
    http://deliciousthemes.com/

    This theme was designed and developed by Madalin Tudose 
    */
    
    /*
    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)

-----------------------------------------------------------------------------------

    1. CSS Reset & Clearfix
    2. Document Setup (body, common classes, etc)
    3. Columns
    4. Typography
        4.1. Dropcaps
        4.2. Highlighted Text
    5. Header
    6. Main Content
        6.1. Nivo Slider
        6.2. Jcarousel
        6.3. Sidebar    
        6.4. Portfolio
        6.5. Blog
            6.5.1. Comments
            6.5.2. Pagination       
        6.6. Contact
    7. Footer
        7.1. Twitter
        7.2. Flickr
        7.3. Social Icons
    8. Elements
        8.1. Slides Plugin - for Portfolio Single Page
        8.2. Buttons
        8.3. Tabs
        8.4. Toggles
        8.5. Accordions
        8.6. Tables
        8.7. Info Boxes
        8.8. Lists

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

/*--- Webfonts ---*/
@import url(https://fonts.googleapis.com/css?family=Poiret+One); /*Poiret One*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic); /*PT Sans*/


/*-----------------------------------------------------------------------------------*/
/*  1.  CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

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

.footer-widget strong {
    color:#fff;
}

blockquote, q {
    quotes: none;
}

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

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

input,textarea {
    font: 12px/20px;    
    font:inherit;
    resize:none;
}

* { _noFocusLine: expression(this.hideFocus=true); } /* Removes dotted lines around links */



/*-----------------------------------------------------------------------------------*/
/*  2.  Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/

/*
body {
    font: 12px/20px Open Sans, Helvetica, Arial, sans-serif;
    background:#efefef;
    margin:0;
    padding:0;
    color:#686868;
}
*/

#wrapper {
    margin-left:auto;
    margin-right:auto;
    box-shadow: 0px 0px 10px #dedede;
    background:#fff;
}

a {
    text-decoration:none;
    -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
    outline:none;
}

a:hover {
    color:#444;
}

p {
    margin-bottom:20px;
}

.clear {
    clear:both;
}

.aligncenter {
    text-align:center;
}

.align-center {
    text-align:center;
}

.no-page {
    width:205px;
    position:relative;
    margin:0 auto;
}

.alignleft {
    text-align:left;
}

.alignright {
    text-align:right;
}

.wp-caption {

}

.wp-caption-text {

}

.sticky {

}

.gallery-caption {

}

.bypostauthor {

}

#wrapper .gallery img {
    border:0 none;
}
 
#bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.bgwidth { 
    width: 100%; 
    height:auto;
}

.bgheight { 
    height: 100%; 
    width:auto;
}
 
 
.space {
    height:60px;
    width:100%;
    clear:both;
}

label {
    color:#7F7F7F;
    display:block;
    font-weight:normal;
}

label.error {
    color: red;
    font-style: italic;
    margin: 5px 0 10px 0;
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
    background:#FFFFFF;
    border:1px solid #EBEBEB;
}

input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    border:1px solid #EBEBEB;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
    font-family:verdana;
    font-size:12px;
    margin:5px 0;
}

input.text, input.title, select {
    padding:5%;
    width:89%;
}

input.title {
    font-size:13px;
}

textarea {
    height:130px;
    padding:2%;
    width:96%;
}

form.inline {
}

form.inline p {
    margin-bottom:0;
}



/*-----------------------------------------------------------------------------------*/
/*  3.  Columns
/*-----------------------------------------------------------------------------------*/

.one-half { width: 460px }
.one-third { width: 300px; }
.two-third { width: 620px; }
.one-fourth { width: 220px; }
.one-fifth { width: 172px; }
.three-fourth { width:800px; }
.one-sixth { width: 140px; }
.five-sixth { width: 780px }

.one-fourth, .one-half, .one-fifth, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
    position: relative;
    margin-right:20px;
    float: left;    
}

.percent-one-half { width: 48%; }
.percent-one-third { width: 30.66%; }
.percent-two-third { width: 65.33%; }
.percent-one-fourth { width: 22%; }
.percent-three-fourth { width: 74%; }
.percent-one-fifth { width: 16.8%; }
.percent-two-fifth { width: 37.6%; }
.percent-three-fifth { width: 58.4%; }
.percent-four-fifth { width: 67.2%; }
.percent-one-sixth { width: 13.33%; }
.percent-five-sixth { width: 82.67%; }

.percent-one-half,
.percent-one-third,
.percent-two-third,
.percent-three-fourth,
.percent-one-fourth,
.percent-one-fifth,
.percent-two-fifth,
.percent-three-fifth,
.percent-four-fifth,
.percent-one-sixth,
.percent-five-sixth {
    position: relative;
    margin-right: 4%;
    float: left;
}

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



/*-----------------------------------------------------------------------------------*/
/*  4.  Typography
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
    color:#1853a8;
}

h1 {
    font-size:32px;
    line-height:40px;
    margin-bottom:13px; 
}

h2 {
    font-size:25px;
    line-height:32px;
    margin:0 0 16px 0;
}

h3 {
    font-size:18px;
    line-height:24px;   
    margin-bottom:17px; 
}

h4 {
    font-size:16px;
    line-height:22px;
    margin-bottom:20px; 
}

h5 {
    font-size:14px;
    line-height:20px;
    margin-bottom:15px;
}

h6 {
    font-size:13px;
    line-height:20px;
    margin-bottom:20px;
    font-weight:600;
}   


/*--- 4.1. Dropcaps ---*/

.dropcap1 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #666666;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 36px;
    margin: 4px 10px 2px 0;
    padding: 12px 6px;
    text-shadow:0 1px 0 #fff;
}

.dropcap2 {
    float: left;
    font-size: 36px;
    line-height:26px;
    padding-right: 10px;
    padding-top: 8px;
}

.dropcap3 {
    float: left;
    font-size: 36px;
    line-height:30px;
    font-style: italic;
    padding-right: 10px;
    padding-top:8px;
}


/*--- 4.2. Hightlighted Text ---*/

.highlight {
    padding: 1px 3px;
}

.highlight.redish {
    background-color: #ffcccf;
    color: #A14A40;
}

.highlight.bluish {
    background-color: #D7E7F5;
    color: #5E6984;
}

.highlight.yellowish {
    background-color: #FFF9CC;
    color: #736B4C;
}

.highlight.greenish {
    background-color: #E2F2CE;
    color: #466840;
}

.highlight.dark {
    background: #333333;
    color:#fff;
}

pre, code {
    background-color: #F5F5F5;
    border-color: #ebebeb;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    display: block;
    font-family: monospace;
    font-size: 11px;
    padding: 10px;
}

pre, code {
    margin-bottom:10px;
}

blockquote {
    border-left: 3px solid #2569be;
    color: #787878;
    font-size: 16px;
    font-style: italic;
    line-height:24px;
    margin: 20px 50px;
    padding: 16px 21px 16px 21px;
    background-color: #ebebee;
}

blockquote p {
    margin:0;
}



/*-----------------------------------------------------------------------------------*/
/*  5.  Header
/*-----------------------------------------------------------------------------------*/

/*
#header {
    width:1040px;
    margin:0 auto;
    border-bottom:1px solid #ebebeb;
    margin-bottom:30px;
}
*/
.logo {
    position:relative;
    height:60px;
}

.logo img {
    display:block;
    position:absolute;
    bottom:0;
}

#navigation {
    float:right;
    padding-top:30px;
}

ul#mainnav {
    float:left;
    position:relative;
    display:block;
}

ul#mainnav li {
    display:inline-block;
    float:left;
    position:relative;
    z-index:1000;
}

ul#mainnav li ul li {
    border-left:1px solid #ebebeb;
}

ul#mainnav li a {
    font: 12px verdana, Arial, sans-serif;
    position:relative;
    font-weight:400;
    color:#666666;
    margin-left:35px;
    margin-bottom:0;
    margin-right:0px;
    padding:0;
    height:60px;
    line-height:34px;
    display:inline-block;
    *display:block; /* IE7 Hack */
    -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
    z-index:100;
}

ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {
    border-bottom:1px solid #ebebeb;
    margin-bottom:-1px;
}

ul#mainnav li ul li a.sf-with-ul:hover, ul#mainnav li ul li a.sf-with-ul:active {
    margin-bottom:0;
    border-bottom:1px solid #ebebeb;
}

ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li.current-menu-item a {
    color:#444;
    margin-bottom:-1px;
}

ul#mainnav li ul li.current-menu-item a {
    margin-bottom:0px;
    border-bottom:1px solid #ebebeb;
}

ul#mainnav li ul li {
    background:#fff;
    margin:0;   
    float:left;
    width:100%;
}

ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active  { /* visited pseudo selector so IE6 applies text colour*/
    height:34px;
    width:170px;
    margin:0 15px;
    display:block;
    padding:0px;
    background:#fff;
    text-decoration:none;
    border-bottom:1px solid #ebebeb;    
    z-index:1100;
    position:relative;
}
    
.nav-last-item {
    border-bottom:3px solid #515151;
}

.nav-first-item {
    z-index:1000;
    position:relative;
}

#nav ul#mainnav > li > ul > li.nav-last-item > a, #nav  ul#mainnav > li > ul > li > ul > li.nav-last-item > a {
    border-bottom:0 none;
}

ul#mainnav li ul li a:hover, ul#mainnav li ul li ul li a:hover {
    background:#fff;
    color:#333;
    margin-bottom:0px;
    border-bottom:1px solid #ebebeb;
}



/*-----------------------------------------------------------------------------------*/
/*  6.  Main Content
/*-----------------------------------------------------------------------------------*/

.services {
    overflow:hidden;
    margin-bottom:70px;
    width:960px;
}

.select-menu {
    display:none;
}

.services .percent-one-third {
    margin-right:3%;
}

.services .percent-one-fourth {
    margin-right:3.2%;
}

.services .percent-one-half {
    margin-right:1.8%;
}

.clients {
    background: #f9f9f9;    
    overflow:hidden;
    padding:5px 40px 0;
    border-top:1px solid #f1f1f1;
    text-align:center;
    clear:both;
}
.clients li {
    display:inline;
    margin:10px 10px 9px;
    text-align:center;
}

.clients li img {
    
}

.clients li a {
    opacity:0.15;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);  
    display:inline-block;   
}

.intro {
    position:relative;
    padding:55px 20px;
    text-align:center;  
    background:#f9f9f9;
    border-bottom:1px solid #e7e7e7;
    margin-bottom:10px;
}

.intro h2 {
    font-size:22px;
    text-transform:uppercase;
    font-weight:600;
}

.intro h5 {
    color:646464;
}

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

.centered-wrapper {
    width:1040px;
    margin:20px auto;
}

.page-title {
    width:1040px;
    margin:0 auto;
    clear:both;
    margin-bottom:50px;
    border-bottom:1px solid #EBEBEB;
}

.page-title h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #686868;
}

.search-form {
    float:right;
    position:relative;
    top:-7px;
}

.widget .search-form {
    float:left;
}

.search-form  input[type="text"] {
    width:180px;
    height:20px;
    line-height:20px;
    position:relative;
    padding:6px 10px;
    color:#686868;
    display:block;
}

.widget .search-form  input[type="text"] {
    width:238px;
}

.search-form  input[type="submit"] {
    background:url(images/search.png) scroll 0 0;
    width:16px;
    height:16px;
    border:0 none;
    text-indent:-9999px;
    cursor:pointer;
    position:absolute;
    top:14px;
    right:10px;
    font-size: 0; 
    display:block; 
    line-height: 0; 
}

.page-title .double-separator {
    margin:0;
}

.breadcrumbs {
    font-size:12px;
    padding:10px 0;
    width:100%;
    overflow:hidden;
}

.service-item {
    overflow:hidden;
}

.service-item p {
    margin-bottom:10px;
}

.service-item br {
    display:none;
}

.img-srv {
    width:16px;
    height:16px;
    opacity:0.6;
    margin:20px;
}

img.service-img {
    float:left;
    margin:4px 15px 15px 0;
    width:16px;
    height:auto;
}

img.service-img-center {
    text-align:center;
    margin:0 0 20px 0;
    width:60px;
    height:auto;
}

h3.service {
    font-size:16px;
    font-weight:600;
}

.separator {
    width:100%;
    height:1px;
    clear:both;
    background:#efefef;
    margin:40px 0;
    display:inline-block;
}

.double-separator {
    width:100%;
    height:1px;
    clear:both;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef;
    margin:40px 0;
}

#footer .double-separator {
    margin:50px 0;
}

.bgtitle {
    margin-bottom:20px;
    width:95%;
    background:url(images/separator.png) repeat-x;
    height:25px;    
}
.services .bgtitle {
    width:1040px;
}

.bgtitle h2 {
    font-size:13px;
    font-weight:600;
    float:left;
    height:25px;
    line-height:25px;
    background:#fff;
    padding-right:10px;
}

.team-member {
    position:relative;
    padding: 5px;
    background: white;
    margin-bottom:20px;
}

.team-member a {
    overflow: hidden;
    display: block;
    position: relative;
}

.team-avatar {
 
    height:auto;
    width:100%;
    display:block;
}

.team-text h3 {
    font-size:14px;
    font-weight:600;
    text-align:center;
    clear:both;
    padding-top:18px;
    margin-bottom:3px;
}

.team-text h6 {
    text-align:center;
    font-size:12px;
    font-weight:400;
    margin-bottom:15px;
}

.team-text p {
    padding:0 5px;
}   

.team-social {
    border-top:1px solid #efefef;
    text-align:center;
    overflow:hidden;
    clear:both;
}

.team-social a img {
    -moz-transition: all .2s ease-in-out;
    -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    opacity: .3;
    filter:alpha(opacity=30);
    transition: all .2s ease-in-out;
}

.team-social a img:hover{
    opacity: 1;
    filter:alpha(opacity=100);
}

.team-social a {
    padding:5px;
    margin-top:10px;
    display:inline-block;
}

.team-text span {
    color:#787878;
}

.team-text p {
    margin-top:10px;
}

.hide {
    display: none;
}

.testimonial-item {
    border:1px solid #efefef;
    padding:20px 15px 0;
    margin-top:3px;
    font-style:italic;
    box-shadow:0px 0px 5px #efefef;
}

.testimonial-pin {
    background:url(images/testimonial-pin.png) no-repeat scroll 0 0;
    display: block;
    width: 24px;
    height: 16px;
    position: absolute; 
    left:30px;
}

.testimonial-meta {
    font-style:normal;
    position:absolute;
    width:80%;
    font-weight:600;
    font-size:12px;
    left:20%;
    bottom:-40px;
}

.testimonial-meta p {
    margin-bottom:30px;
}

.testimonial-meta h5 {
    float:left;
    margin-right: 5px;
    font-size:12px;
    font-weight:600;
}
.testimonial-meta span {
    color:#444;
}

table#wp-calendar {
    width:100%;
    background:#fff;
}

table#wp-calendar caption {
    background: #ccc;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #787878;
    color:#323232;
}

table#wp-calendar thead {
    background: #efefef;
    height: 25px;
    line-height: 25px;
}

table#wp-calendar tbody td {
    text-align:center;
    height:25px;
    line-height:25px;
}

table#wp-calendar tbody td a {
    color:#2569be;
    font-weight:600;
    display:block;
}

table#wp-calendar tbody td a:hover {
    background:#efefef;
    display:block;
}

table#wp-calendar tfoot {
    height:25px;
    line-height:25px;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef;    
}


/*--- 6.1. Nivo Slider ---*/

.slider-wrapper {
    position:relative;
    clear:both;
}

.nivo {
    position:relative;
}

/* The Nivo Slider styles */
.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
    background:url(images/nivo-preloader.gif) no-repeat 50% 50%;    
}

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}

.nivo-main-image {
    display: block !important;
    position: relative !important; 
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}

.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}

.nivo-box img { display:block; }

.nivo-caption a {
    display:inline !important;
}

.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#efefef;
    width:100%;
    z-index:8;
    padding: 15px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.nivo-caption a.more-btn {
    display:none !important;
}

.nivo-caption h3 {
    margin-bottom:0px;
    color:#fff;
}

.nivo-caption p {
    padding:0;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}

.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    display:block;
    width:25px;
    height:25px;
    background:url(images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
    position:absolute;
    bottom:0;
    z-index: 10;
    cursor:pointer;     
}

a.nivo-nextNav {
    background-position:-25px 0;
    right:0;
    bottom:49%;
}

a.nivo-prevNav {
    left:0;
    bottom:49%;
}


a.nivo-nextNav:hover {
    background-position:-75px 0;
}

a.nivo-prevNav:hover {
    background-position:-50px 0;
}

.nivo-controlNav {
    text-align: center;
    padding: 10px 0 20px;
    position: relative;
}
.nivo-controlNav a {
    display:inline-block;
    width:20px !important;
    height:6px;
    background:url(images/pagination.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin: 0 2px;
    cursor:pointer;
}
.nivo-controlNav a.active {
    background-position:0 -14px;
}



/* styling the homepage slider */

/* Caption styles */
.home .nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#fff;
    color:#575757;
    width:390px;
    height:130px;
    z-index:8;
    padding: 0 15px 0 0;
    opacity: 1;
    overflow: hidden;
    display: none;
    -moz-opacity: 1;
    filter:alpha(opacity=10);
}

.home .nivo-caption a.more-btn {
    display:block !important;
}

.home .nivo-caption h3 {
    margin:20px 0 5px 0;
    color:#323232;  
}   

.home .nivo-caption p {
    padding:5px 0;
    margin:0;
    font-size:13px;
}


.home a.nivo-nextNav {
    background-position:-25px 0;
    right:0;
    bottom:0;
}


.home a.nivo-nextNav:hover {
    background-position:-75px 0;
}

.home a.nivo-prevNav {
    right:25px;
    bottom:0;
    left:inherit;
}

/* Control nav styles (e.g. 1,2,3...) */
.home .nivo-controlNav {
    width: 390px;
    position: absolute;
    bottom: 126px;
    z-index: 1444;
    display:block;
    padding: 0 !important;
}

.home .nivo-controlNav a {
    cursor:pointer;
    background:#f1f1f1;
    height:4px !important;
    text-indent:-9999px;    
    display:block;
    float:left;
    margin:0 !important;
}

.home .nivo-controlNav a:hover {
    background:#575757;
}

.home .nivo-controlNav a.active {
    background:#575757;
}


/*--- 6.2. Jcarousel ---*/

.jcarousel-container {
    margin-bottom:20px;
}

.jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-container-horizontal {
    width: 1040px;
    clear:both;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    width:  1040px;
    height: 200px;
}

.jcarousel-item {
    width: 288px;
    height: 188px;
    display: block;
    position: relative;
    padding:5px;
    background:#fff;
    border:1px solid #efefef;
    border-radius:2px;  
}

.jcarousel-item a {
    display: block;
    width: 100%;
    height: auto;
    position:relative;
}

a[rel="PrettyPhoto"] {
    overflow:hidden;
    display:inline-block;
    position:relative;
}

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

.jcarousel-item span {
    text-transform: uppercase;
}

.jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 20px;
    text-align:center;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #444;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: -45px;
    right: -7px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
    background-position: -25px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -25px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -50px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: -45px;
    right:18px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
    background-position: -25px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -25px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -50px 0;
}

.homepage-testimonials .jcarousel-container-horizontal, .homepage-testimonials .jcarousel-clip-horizontal {
    width:100%;
    height:auto;
}

.homepage-testimonials .jcarousel-item {
    width: 300px;
    height: auto;
    display: block;
    position: relative;
    padding: 0;
    background: inherit;
    border: 0 none;
    margin-right:0;
    text-align:left;
}

ul#testimonials-carousel .testimonial-item {
    width:260px;
    margin:3px;
    margin-bottom:43px;
    position:relative;
    font-weight:normal;
    display:block;
}

.t-page .testimonial-item {
    width:300px !important;
}

ul#testimonials-carousel .testimonial-meta {
    bottom:-45px;
    position:absolute;
    overflow:visible;
    z-index:1;
}

.homepage-testimonials .jcarousel-next-horizontal {
    right:-3px;
    top:-42px;
}

.homepage-testimonials .jcarousel-prev-horizontal {
    right:22px;
    top:-42px;
}

span.caption  {
    position:relative;
    clear:both;
    font-size:13px;
    background:#fff;
    color:#444;
    line-height:40px;
    width:100%;
    left:0;
}

span.caption a {
    color:#444;
}

a.lightbox {
    position:absolute;
    top:-25px;
    right:25px;
    width:25px;
    height:25px;
    background:url(images/lightbox.png) no-repeat scroll 0 0;
    text-indent:-9999px;
}

span.item-on-hover {
    cursor:pointer;
    display: block; 
    opacity: 0; 
    filter: alpha(opacity=0); 

    position: absolute; 
    width: 100%; 
    height: 100%; 
    background: url(images/item-on-hover.png) repeat; 
}

.item-on-hover *{
    filter:inherit;
} 

span.hover-link {
    background:url(images/link.png) no-repeat scroll 0 0;
    width:35px;
    height:35px;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;  
    position:absolute;
    display:block;
    opacity: 0; 
    filter: alpha(opacity=0);   
}

span.hover-image {
    background:url(images/lightbox.png) no-repeat scroll 0 0;
    width:35px;
    height:35px;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;  
    position:absolute;
    display:block;
    opacity: 0; 
    filter: alpha(opacity=0);   
}

span.hover-video {
    background:url(images/video.png) no-repeat scroll 0 0;
    width:35px;
    height:35px;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;  
    position:absolute;
    display:block;
    opacity: 0; 
    filter: alpha(opacity=0);   
}


/*--- 6.3. Sidebar ---*/

#sidebar {
    width:287px;
    float:right;
}

.page-template-template-left-sidebar-php #sidebar {
    float:left;
}

#sidebar h3, .widget h3, h3 {
    font-family: "PT Sans", sans-serif;
    color: #1853a8;
    font-size:14px;
    text-transform:uppercase;
    font-weight:600;
    margin-top: 0px;
}

.widget {
    overflow:hidden;
    margin-bottom:60px;
}

.widget a, .page-widget a {
    color:#444;
}

.widget ul li {
    font-size:12px;
    background:url(images/breadcrumb-arrow.png) no-repeat scroll 0 6px;
    padding:5px 0 5px 30px;
    border-bottom:1px solid #efefef;
}

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

.widget ul.children {
    margin-left:0px;
}

.sidebar-post {
    overflow:hidden;
    border-bottom:1px solid #efefef;
    margin-bottom:15px;
    padding-bottom:15px;
    position:relative;
}

#topfooter .sidebar-post {
    border-bottom: 1px dotted #6B6B6B;
    margin-bottom:10px;
    padding-bottom:10px;    
}

#topfooter .sidebar-post:last-child {
    border-bottom: 0 none;
}

.sidebar-post:last-child {
    border-bottom:0 none;   
}

.sidebar-post span {
    float:left;
    margin-left:75px;   

} 

.sidebar-post img {
    position: absolute;
    top: 3px;
    left: 0;
}

.sidebar-post span a {
    color:#686868;
}

.sidebar-post h5 {
    font-size:12px;
    font-weight:400;
    color:#444;
    margin-bottom:5px;
    float:left;
    margin-left:75px;
}

#featured-sidebar ul.menu {
    width:200px;
    float:left;
    border:1px solid #dfdfdf;
}

#featured-sidebar ul.menu li {
    background: none;
    font-size:inherit;
    border:0 none;
    padding:0;
}

#featured-sidebar ul.menu {
    border-bottom:1px solid #efefef;
}

#featured-sidebar ul.menu a{
    color:#686868;
    width:180px;
    height:36px;
    line-height:36px;
    display:block;
    font-weight:600;
    margin-left:10px;
    border-bottom:1px solid #efefef;
}

#featured-sidebar ul.menu li.current-menu-item {    
    background: url(images/featured-arrow.png) no-repeat scroll 200px 10px;
    width: 210px;
}

#featured-sidebar ul.menu li a:hover {
    color:#444;
}

#featured-sidebar ul.menu li.current-menu-item a {
    width:180px;
    height:36px;
    z-index:1000;
}

#featured-sidebar ul.menu li ul.sub-menu {
    border-bottom:0 none;
    margin-left: 15px;
}

#featured-sidebar ul.menu li ul.sub-menu li.current-menu-item { 
    background: url(images/featured-arrow.png) no-repeat scroll 185px 10px;
    width: 195px;
}
#featured-sidebar ul.menu li.current-menu-item ul.sub-menu a {
    color:#686868;
}

#featured-sidebar ul.menu li ul.sub-menu a {
    font-weight:400;
    width:165px;
    height:auto;
    line-height:20px;
    padding:8px 0;
}

#featured-sidebar ul.menu li ul.sub-menu li:last-child a {
    border-bottom:1px solid #efefef;
}

#featured-sidebar ul.menu li ul.sub-menu li:last-child {
    border-bottom:0 none;
}


/*--- 6.4. Portfolio ---*/

ul#filters {
    float:left;
    clear:both;
    margin-bottom:35px;
}

ul#filters li {
    display:inline;
    margin:0 15px 0 0;
}

ul#filters li a {
    color:#686868;
    padding:3px 10px 4px 10px;
    font-weight:600;
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;  
}

.portfolio {
    clear:both;
    overflow:hidden;
    margin-right:-20px;
}

.portfolio li {
    margin-right:20px;
    float:left;
    position:relative;
    margin-bottom:20px;
    overflow:hidden;
    background:#fff;
    padding-bottom:5px;
    text-align:center;
    border-bottom:1px solid #d9d8d7;
   -webkit-transition:background 0.3s ease-in;
   -moz-transition:background 0.3s ease-in;
   -o-transition:background 0.3s ease-in;
   transition:background 0.3s ease-in;      
}

.portfolio li:hover {
    background:#f2f2f0;
}

.portfolio h3 {
    position:relative;
    clear:both;
    font-size:13px;
    color:#444;
    line-height:22px;
    margin:15px 0 10px;
    width:100%;
    left:0; 
    font-weight:600;
    text-transform: uppercase;
}

.portfolio h3 a {
    color:#444;
}

.portfolio p {
    padding:0 7px;
}   

#portfolio-wrapper a {
    display: block;
    width: 100%;
    height: auto;
    position: relative; 
}

#portfolio-wrapper .four-columns img {
    width:233px;
    height:auto;
    display:block;
}

#portfolio-wrapper .three-columns img {
    width:321px;
    height:auto;
    display:block;
}

#portfolio-wrapper .two-columns img {
    width:448px;
    height:auto;
    display:block;
}

#portfolio-wrapper .four-columns li {
    width: 233px;
    display: block;
    position: relative;
    padding: 5px;
    background: white;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

#portfolio-wrapper .three-columns li {
    width: 321px;
    display: block;
    position: relative;
    padding: 5px;
    background: white;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

#portfolio-wrapper .two-columns li {
    width: 448px;
    display: block;
    position: relative;
    padding: 5px;
    background: white;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

.item-details li {
    margin:0;
    padding:10px 0;
    border-bottom:1px solid #efefef;
}

.item-details span {
    color:#444;
}

.portfolio-single {
    overflow:hidden;
}

.previous-post-link a, .next-post-link a {
    width:25px;
    height:25px;
    display:block;
    text-indent:-9999px;
    float:left;
    margin-top:10px;
    -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear; 
}


/*--- 6.5. Blog ---*/

#posts {
    float:left;
    position:relative;
    width:713px; /*640*/
    margin-right:40px;
    overflow:hidden;
}

.page-template-template-left-sidebar-php #posts {
    float:right;
    margin-right:0px;
    margin-left:40px;
}

.single-post .post {
    border-bottom:0;
    margin-bottom:0px;
    padding-bottom:0px;
}

h2.post-title a {
    color:#444;
}

.meta a {
    color:#c7c7c7;
}

.post-thumbnail {
    margin: -18px -18px 16px;
    display:inline-block;
    clear:both;
    position: relative;
}

.video-thumbnail {
    margin-bottom:30px;
    display:inline-block;
    clear:both;
    margin-top:0px; 
}

.post-thumbnail a {
    display:block;
    position:relative;
    vertical-align:bottom;  
}

.post-thumbnail img {
    width:630px;
    height:auto;
    background:#fff;            
}

/*
.meta {
    clear:both;
    float:left;
    margin-bottom:20px;
}

.meta span {
    padding-left:23px;
    float:left;
    margin-right:20px;
}

.meta span.post-date {
    background:url(images/calendar.png) no-repeat scroll 0 3px;
    color:#C7C7C7;
}   

.meta span.post-author {
    background:url(images/author.png) no-repeat scroll 0 3px;
    color:#C7C7C7;
}   

.meta span.post-comment {
    background:url(images/comment.png) no-repeat scroll 0 4px;
    color:#C7C7C7;
}   

.meta p {
    margin:0;
    padding:5px 0;
}
*/

.excerpt {
    width:100%;
    clear:both;
}

p.readmore {
    text-align:right;
}

.post {
    margin-bottom:50px;
    padding-bottom:20px;
    border-bottom:1px solid #efefef;
    overflow:hidden;
}

.post-content {
    clear:both;
    padding-top:40px;
}

.post-content ul {
    margin: 20px 0 20px;
    list-style-position:inside;
}
.post-content ul li {
    list-style-type: square;
    padding:0 0 10px 10px;
    line-height:22px;
}

ul.arrow {
    margin:20px 0;
}

ul.arrow li {
    font-size: 12px;
    background: url(images/breadcrumb-arrow.png) no-repeat scroll 0 6px;
    padding: 5px 0 5px 30px;
    border-bottom: 1px solid #EFEFEF;
}

.right-image, .alignright {
    float:right;
    margin:5px 0 0 20px;
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 2px; 
}

.left-image, .alignleft {
    float:left;
    margin:5px 20px 0 0;
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 2px; 
}

.aligncenter {
    display: block;   
    margin-left: auto;   
    margin-right: auto;
    clear:both;
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

#blog a[rel="PrettyPhoto"] {
    display:inline;
}

.post-image {
    margin:5px 0 20px;
}

ul.tags {
    padding:0 0 10px;
    position:relative;
    overflow:hidden;
}

ul.tags a {
    color:#c7c7c7;
}

ul.tags li {
    display:inline;
    float:left;
    height:16px;
    line-height:20px;
    margin:30px 20px 0 0;
}

.tag-title {
    background-image:none;
    float:left;
    line-height:18px;
    margin:30px 20px 0 0;
}

.author-bio {
    clear:both;
    margin:30px 0 0;
    overflow:hidden;
    padding:15px 0 15px;
    position:relative;
}

.authorp {
    float:left;
    width:82%;
}

.authorp h2 {
    color:#C7C7C7;
}
.authorp h2 a {
    color:#444;
}

.author-bio p {
    margin-bottom:0;
}   

.author-bio img {
    float:left;
    margin:0 25px 0 0;
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 3px; 
}


/*--- 6.5.1. Comments ---*/

.commentlist {
    list-style-type: none;
    margin: 30px 0 40px;
}

.comment {
    margin-top: 35px;
    position: relative;
    padding:0;
    display:inline-block;
    width:100%;
}

.comment a {
    color:#444;
}

.commentwrap {
    margin: 0 0 0 100px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #EFEFEF;
}

.author-bio .avatar {
    position:relative;
}

.avatar {
    left: 0;
    position: absolute;
    top: 0;
}

.avatar img {
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 3px;
}

.metacomment {
    margin-bottom: 10px;
    padding:0;
}

.metacomment span {
    font-weight:bold;
    margin: 0 5px 0 0;
}

ul.children {
    margin-left:100px;
}

#commentform {
    width:713px;
    position:relative;
}

#commentform label {
    display:inline;
}

#commentform fieldset {
    clear:both;
}

#commentform input[type="text"] {
    width:174px;
    padding:7px 10px;
    font-size:12px;
    height:20px;
    line-height:20px;
}

textarea#mycomment {
    width:618px;
    padding:10px;
    clear:both;
    overflow:hidden;
    float:left;
    margin-bottom:5px;
}

#commentform input[type="submit"] {
    margin-top:5px;
    border:0 none;
}

.comment #commentform {
    width:100%;
}
.comment #commentform input[type="text"] {
    width:86%;
}

#respond input[type="submit"] {
    padding:6px 11px;
}
.error_message {
    color:#ff3000;
}


/*--- 6.5.2. Pagination ---*/

.pagenav {
    text-align:center;
    vertical-align: middle;
}

#wrapper .pagenav a {
    width:auto;
    background:#fff;
    color:#686868;
    display:inline-block;
    margin:4px;
    padding:5px 12px;
    font-weight:600;
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;      
}

span.current {
    color:#fff;
    display:inline-block;
    margin:4px;
    padding:5px 12px;
}

span.pages {
    display: inline-block;
    margin: 4px;
    padding: 5px 12px;
    font-weight:600;
}


/*--- 6.6. Contact ---*/

.contact-info p,.contact-info li {
    margin:0;
    padding:7px 0;
    border-top:1px solid #efefef;
}

.contact-info p:last-child,.contact-info li:last-child  {
    border-bottom:1px solid #efefef;
}

.contact-info span {
    color:#444;
}

.contact-map {
    margin-bottom:50px;
}

.contactform label {
    clear:both;
}   

.contactform input[type=text] {
    margin-bottom:10px;
    width:98%;
    padding:1%;
    height:20px;
    line-height:20px;

}

html .contactform input[type=submit] {
    font-size:12px;
    clear:both;
    float:right;
    cursor:pointer;
    margin:0;
    margin-right:0px;
    background:#2569be;
    border:0 none;
    color: #fff;
}

.contactform input[type=submit]:hover {
    color: #fff;
    background:#53b0c5; /* #fd9602; */
}   

.contactform textarea { 
    height:130px;
    clear:both;
}

.contactform p {
    margin-bottom:0px;
}

.contact-loader {
    float: right;
    padding: 11px 11px 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*  7.  Footer
/*-----------------------------------------------------------------------------------*/

/*
#footer {
    overflow:hidden;
    clear:both;
    background:#464646;
    color:#969595;
    padding-top:60px;
    margin:0 auto;
    border-top:5px solid #efefef;
}
*/

#topfooter {
    padding:0;
    margin:0;
}

#topfooter h6 {
    margin:0;
    font-size:12px;
    font-weight:400;
}

ul#contact-widget li {
    border-bottom:1px dotted #6b6b6b;
    padding-bottom:10px;
    margin-bottom:10px;
    padding-left:30px;
}

ul#blog-widget li {
    border-bottom:1px dotted #6b6b6b;
    padding-bottom:10px;
    margin-bottom:10px; 
    position:relative;
    overflow:hidden;
}
ul#blog-widget li img {
    position:absolute;
    top:3px;
    left:0;
}

ul#blog-widget li h6{
    float:left;
    padding-left:75px;
}

ul#blog-widget li span{
    float:left;
    clear:both;
    padding-left:75px;
    width:100%;
}

.footer-widget {
    margin-left:20px;
    float:left;
    position:relative;  
}
.footer-widget:first-child {
    margin-left:0px;
}
    
ul#contact-widget li:last-child {
    border-bottom:0 none;
}

ul#blog-widget li:last-child {
    border-bottom:0 none;
}

li.address {
    background:url(images/address.png) no-repeat scroll 0 2px;
}

li.phone {
    background:url(images/phone.png) no-repeat scroll 0 2px;
}

li.email {
    background:url(images/email.png) no-repeat scroll 0 2px;
}

#footer a {
    color:#0c6142;
}

#footer a:hover {
    color:#18539e;
}

#footer h3 {
    font-size:14px;
    font-weight:600;
    color:#0C6142;
    margin-bottom: 5px;
    border-bottom: 1px dashed #0C6142;
    padding-bottom: 5px;
}

#bottomfooter {
    padding:23px 0 17px;
    position:relative;
    overflow:hidden;
    clear:both;
    margin-top:40px;
    background:#3c3c3c;
}

#bottomfooter p {
    float:left;
    margin:0;
}

.totop {
    background:url(images/top.png) no-repeat scroll 0 0;
    width:37px;
    height:42px;
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-18px;
    text-indent:-9999px;
}


/*--- 7.1. Twitter ---*/

.tweet,
.query {
    margin:0;
}

.tweet_list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}

.widget .tweet_list li {
    background:none;
    padding:0 0 10px;
}

.tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    padding:0 0 10px;
    margin-bottom:10px;
    list-style-type: none;
    border-bottom:1px solid #efefef;
    background:none;
}

.footer-widget .tweet_list li {
    border-bottom:1px dotted #6B6B6B;
}

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

.tweet_list li a {
}

.tweet_list .tweet_avatar {
    padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
    vertical-align: middle;
}


/*--- 7.2. Flickr ---*/

#flickr {
    margin: 0; 
    padding: 0; 
    overflow: hidden;   
    width:110%;
}

#flickr li { 
    list-style: none; 
    float: left; 
    margin: 0 9px 9px 0; 
    border:0 none;
    padding:0;
}

#flickr  img { 
    display: block; 
    width:45px;
    height:45px;
}

#flickr a img { 
    border: none;
}


/*--- 7.3. Social Icons ---*/

ul#social {
    float:right;
    margin-right:-5px;
}

ul#social li {
    display:inline;
}

ul#social li a {
    display:block;
    margin:0 5px;
    width:24px;
    float:left;
    height:24px;
    text-indent:-9999px;
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

a.forrst {
    background:url(images/social/forrst.png) no-repeat scroll 0 0;
}
a.dribbble {
    background:url(images/social/dribbble.png) no-repeat scroll 0 0;
}
a.vimeo {
    background:url(images/social/vimeo.png) no-repeat scroll 0 0;
}
a.linkedin {
    background:url(images/social/linkedin.png) no-repeat scroll 0 0;
}
a.google {
    background:url(images/social/google.png) no-repeat scroll 0 0;
}
a.skype {
    background:url(images/social/skype.png) no-repeat scroll 0 0;
}
a.facebook {
    background:url(images/social/facebook.png) no-repeat scroll 0 0;
}
a.twitter {
    background:url(images/social/twitter.png) no-repeat scroll 0 0;
}
a.flickr {
    background:url(images/social/flickr.png) no-repeat scroll 0 0;
}
a.rss {
    background:url(images/social/rss.png) no-repeat scroll 0 0;
}
a.stumbleupon {
    background:url(images/social/stumbleupon.png) no-repeat scroll 0 0;
}
a.youtube {
    background:url(images/social/youtube.png) no-repeat scroll 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*  8.  Elements
/*-----------------------------------------------------------------------------------*/


/*--- 8.1. Slides ---*/

.portfolio-single .percent-three-fourth {
    min-height:30px;
}

.slides_container {
    width:759px;
    display:none;
}

.slides_container div.slide {
    width:759px;
    display:block;
}

#slides {
    margin-bottom:70px;
    padding:4px;
    border:1px solid #efefef;
    border-radius:3px;
}

#slides .next, #slides .prev {
    position:absolute;
    top:40%;
    width:25px;
    height:25px;
    display:block;
    z-index:101;
}

#slides .next {
    right:5px;  
}

#slides .prev {
    left:5px;   
}

.slide img {
    width:100%;
    height:auto;
    overflow:visible;
    vertical-align:bottom;
}

.slide a {
    display:block;
    margin:0;
    padding:0;
}

#slides .next img,#slides .prev img {
    height:auto;
    width:auto;
}

.pagination {
    position:absolute;
    text-align:center;
    z-index:1000;
    width:100%;
    bottom:45px;
}

.pagination li {
    display:inline;
    margin-left:1px;
    list-style:none;
    text-align:center;
}

.pagination li a {
    display:inline-block;
    width:13px;
    height:0;
    padding-top:12px;
    background-image:url(images/pagination.png);
    background-position:0 0;
    overflow:hidden;
}

.pagination li.current a {
    background-position:0 -14px;
}

#slides .caption {
    z-index:500;
    position:absolute;
    bottom:-35px;
    left:0;
    height:30px;
    padding:5px 20px 0 20px;
    background:rgba(0,0,0,.5);
    width:540px;
    font-size:1.3em;
    line-height:1.33;
    text-shadow:none;
}

/*--- 8.2. Buttons ---*/

.button {
    cursor:pointer;
    display:inline-block;
    position:relative;
    
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear; 
}

.contactform input[type=submit] {
    cursor:pointer;
    display:inline-block;
    font-size: 12px;
    font-weight:600;
    line-height:16px;
    margin:0 10px 20px 0;
    padding: 7px 11px 7px;
    position:relative;
    
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear; 
}

.medium {
    font-size: 12px;
    line-height:16px;
    margin:0 10px 20px 0;
    padding: 7px 11px 7px;
}

.big {
    font-size: 14px;
    font-weight:600;
    line-height:18px;
    margin:0 10px 20px 0;
    padding: 11px 20px 11px;
}

.white {
    background:#eaeaea;
    color: #686868;
}

.white:hover {
    color: #686868;
    background:#d2d2d2;
}

.yellow {
    background:#ffb141;
    border:0 none;
    color: #fff;
}

.yellow:hover {
    color: #fff;
    background:#fd9602;
}

.orange {
    background:#fe7e17;
    border:0 none;
    color: #fff;
}

.orange:hover {
    color: #fff;
    background:#f77309;
}

.black {
    background:#787878;
    color: #ffffff;
}

.black:hover {
    color: #ffffff;
    background:#444;
}

.widget a.green, .page-widget a.green, .green  {
    background:#2569be;
    color: #fff;
}

.widget a.green:hover, .page-widget a.green:hover, .tp-caption a.green:hover, a.green:hover {
    color: #fff;
    background:#53b0c5;
}

.rose {
    background:#ee5051;
    color: #fff;
}

.rose:hover {
    color: #fff;
    background:#d64849;
}


/*--- 8.3. Tabs ---*/

.tabs-wrapper { 
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.tab-item {
    clear:both;
    overflow:hidden;
    padding:15px 0;
    border-bottom:1px solid #fff;
}

.tabs-container {
    float:left;
    position:relative;
    display:block;
    width:100%;
}

.tabs-wrapper .tab-content { 
    background:#fff; 
    padding:20px;
    overflow:hidden; 
    border: 1px solid #EFEFEF;
    border-radius: 0px 3px 3px 3px;
}

ul.tabs {
    float: left; 
    height: 34px; 
    width: 100%; 
    padding-left: 0 !important; 
    margin-bottom: 0 !important;
}

.tabs-container p:last-child {
    margin-bottom:0;
}

ul.tabs li { 
    float: left; 
    padding-left: 0 !important; 
    overflow: hidden; 
    padding-bottom: 0; 
    position: relative; 
    text-align:center;
    outline:none;

}

ul.tabs li a { 
    height: 34px; 
    line-height: 34px; 
    text-decoration:none; 
    font-size:12px; 
    display: block; 
    padding: 0 25px; 
    outline:none;
    border:1px solid #fff;
    color:#9a9a9a;
}

ul.tabs li:last-child {
    
}

ul.tabs li a:hover { 
    color:#444;
}

ul.tabs li.active a {
    border-top: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF; 
    border-right: 1px solid #EFEFEF;    
    border-bottom: 1px solid #fff;  
    border-radius:3px 3px 0 0;  
    color:#444;
}

ul.tabs li.active {
    z-index: 1;
}

ul.tabs li.active, ul.tabs li.active a:hover  { 
    background:#fff;
    color:#444;
}


/*--- 8.4. Toggles ---*/

#toggle-view {
    list-style:none;    
    font-size:12px;
    margin:0;
    padding:0;
    width:100%;
}

#toggle-view li {
    margin-bottom:1px;
    border-bottom: 1px solid #EFEFEF;
    position:relative;
}

#toggle-view li:hover {

}

#toggle-view h3 {
    margin:0;
    font-size:13px;
    cursor:pointer;
    padding: 12px 10px 12px 40px;
    color:#1853a8;
    font-weight:400;
}

#toggle-view h3:hover, #toggle-view h3:active {
    color:#1853a8;
}

#toggle-view span {
    position:absolute;
    left:0; top:14px;
}

#toggle-view .panel {
    display:none;
    background:#fff;
    overflow:hidden;
    padding:10px 0 20px 0;
}   

#toggle-view .panel p:last-child {
    margin-bottom:0;
}


/*--- 8.5. Accordions ---*/

.ac-btn {
    background:#fbfbfb;
    border: 1px solid #EFEFEF;
    cursor: pointer;
    font-size: 12px;
    font-weight:normal;
    padding: 7px 10px;
    margin-bottom:1px;
}

.ac-btn h3 {
    margin:0;
    font-size:12px;
    cursor:pointer;
    color:#686868;
}

.ac-btn h3:hover {
    color:#444;
}

.ac-content {
    border-top: 0;
    border: 1px solid #EFEFEF;
    display: none;
    margin-bottom: 2px;
    margin-top: -3px;
    overflow: auto;
    padding: 10px 20px;
    position: relative;
    top: 1px;
}

.on {
    background: #f7f7f7;
    color:#444;
}
    
.over {
    background: #f7f7f7;
    color:#444;
}
    

/*--- 8.6. Tables ---*/

html .table-6 {
    width:16.6%;
    float:left;
}
html .table-5 {
    width:20%;
    float:left;
}
html .table-4 {
    width:25%;
    float:left;
}
html .table-3 {
    width:33.3%;
    float:left;
}
html .table-2 {
    width:50%;
    float:left;
}

.pricing-column {
    text-align:center;
    width:235px;
    float:left;
    position:relative;
}

.first-column .package-value,  .first-column .package-features, .first-column .signup {
    border-left:1px solid #dbdbdb;
}
.package-features p {
    border-bottom: 1px solid #DBDBDB;
    padding: 20px 0;
    margin:0;
}
.package-features .button {
    margin:0;
}
.package-value, .package-features {
    border-right:1px solid #dbdbdb;
}

.package-title {
    background:#686868;
    color:#fff;
    font-size:16px;
    height:40px;
    line-height:40px;
    border-bottom:3px solid #545454;
    border-right:1px solid #545454;
}

.featured-column {
    top:-10px;
    box-shadow:0px 2px 10px #dadada;
    z-index:1;
}

.featured-column .package-title {
    height:40px;
    line-height:30px;
    position:relative;
    font-weight:600;
    box-shadow:0px -1px 10px #000;
    z-index:-1; 
}

.featured-column .column-shadow {
    height:10px;
    background:#686868;
    position:relative;
    z-index:10;
    box-shadow:0px -1px 2px #dadada;
}

.pricing-table .featured-column p {
    padding:25px 0;
}

.pricing-column .signup {
    border-bottom:1px solid #dbdbdb;
    border-right:1px solid #dbdbdb;
    padding:20px 0;
}

.pricing-column .signup .button {
    margin:0;
}

.package-value {
    background:#f9f9f9;
    height:95px;
    line-height:95px;
    border-bottom:1px solid #dbdbdb;
}

ul.package-features li {
    height:40px;
    line-height:40px;
    border-bottom:1px solid #dbdbdb;
    background:#fff;
}

ul.package-features li.alt {
    background:#f9f9f9;
}

.package-currency {
    font-size:16px;
    position:relative;
    top:-20px;
}

.package-price {
    font-size:48px;
    font-weight:600;
}

.package-time {
    font-size:16px;
}

.pricing-table, .normal-table {
    width:100%;
}

.normal-table td {
    border:1px solid #efefef;
    padding:10px 20px;
    text-align:center;
}
.normal-table tr.alt  {
    background:#fbfbfb;
}

.normal-table tr.first-column {
    background:#666666;
    color: #efefef;
}

/*--- 8.7. Info Boxes ---*/

.box-error, .box-alert, .box-notice, .box-success, .box-info {
    border: 1px solid #efefef;
    margin-bottom: 10px;
    padding: 10px;
}

.box-error, .box-alert {
    background:#fce2e3;
    border-color: #fac2c4;
    color: #e54034;
}

.box-notice {
    background:#fdf4bd;
    border-color: #fed223;
    color: #504621;
}

.box-info {
    background:#d4ebf6;
    border-color: #91c8e2;
    color: #20568f;
}

.box-success {
    background:#e5eec0;
    border-color: #c4d67e;
    color: #264509;
}


/*--- 8.8. Lists ---*/

ul.star-list li { 
    background:url(images/list-star-small.png) no-repeat scroll center left; 
}

ul.radio-list li { 
    background:url(images/list-ui-radio-button.png) no-repeat scroll center left; 
}

ul.arrow-list li { 
    background:url(images/list-arrow-small.png) no-repeat scroll center left; 
}

ul.tick-list li { 
    background:url(images/list-okay.png) no-repeat scroll center left; 
}

ul.customlist li {
    padding-left: 20px;
}


/*--- 9.0 Jules ---*/

body { background-color: #ffffff; margin: 0; padding: 0; min-width: 1040px; font-family: Verdana, Tahoma, arial, sans-serif; font-size: 12px; color:#666; line-height: 1.8em;}
#header { background: url('images/header.jpg') top center no-repeat; height: 160px; }
#header-wrap { background: url('images/header02.jpg') top center repeat-x; height: 160px; }

#page { width: 1040px; margin: 0 auto; position: relative; border-top: 1px solid #e8e8e9; padding-bottom: 30px; }

#logo {position: absolute; top: -146px; left:-2px; }

.center { text-align: center; }

#main-menu { position: absolute; width: 700px; right:0; text-align: right; top:-92px; font-family: Tahoma, arial, sans-serif; font-size: 12px; }
#main-menu .menu-item { display: inline-block; margin:0; padding:0; zoom:1; *display:inline; }
#main-menu .menu-item a { background-image: url('images/menu-sprites.png'); display: inline-block; width: 77px; padding-top:67px; vertical-align:top; text-align: center; text-decoration:none; height:21px;}
#main-menu .menu-item a:hover, #main-menu .menu-item.current-menu-item { border-bottom: 3px solid #53b0c5; }
#main-menu .home a { background-position: -20px -15px; }
#main-menu .home a:hover, #main-menu .home.current-menu-item a { background-position: -20px -148px; }
#main-menu .kilowatt a { background-position: -99px -15px; }
#main-menu .kilowatt a:hover, #main-menu .kilowatt.current-menu-item a { background-position: -99px -148px; }
#main-menu .producten a { background-position: -183px -15px; }
#main-menu .producten a:hover, #main-menu .producten.current-menu-item a { background-position: -183px -148px; }
#main-menu .realisaties a { background-position: -267px -15px; }
#main-menu .realisaties a:hover, #main-menu .realisaties.current-menu-item a { background-position: -267px -148px; }
#main-menu .nieuws a { background-position: -351px -15px; }
#main-menu .nieuws a:hover, #main-menu .nieuws.current-menu-item a { background-position: -351px -148px; }
#main-menu .subsidies a { background-position: -435px -15px; }
#main-menu .subsidies a:hover, #main-menu .subsidies.current-menu-item a { background-position: -435px -148px; }
#main-menu .off-grid a { background-position: -520px -15px; }
#main-menu .off-grid a:hover, #main-menu .off-grid.current-menu-item a { background-position: -520px -148px; }
#main-menu .contact a { background-position: -605px -15px; }
#main-menu .contact a:hover, #main-menu .contact.current-menu-item a { background-position: -605px -148px; }

.sep { display:inline-block; margin: 0 10px 0 11px; height: 30px; }
#quick-links { position: absolute; top: -135px; right: 0; width: 700px; text-align:right; height: 30px; ine-height:30px; text-transform: uppercase;  }
#quick-links .sep { border-right: 1px dashed #ffffff; vertical-align: top; }
#quick-links .item, #quick-links .item a { color:#ffffff; line-height: 30px; display:inline-block; height: 30px;}
#quick-links .phone { padding-left: 20px; background: url('images/phone-2.png') no-repeat 0 0; }
#quick-links .lang-switcher  { margin:0; padding:0; display: inline-block; }
#quick-links .lang-switcher li { list-style:none; display: inline-block; width: 30px; height:30px; line-height: 30px; text-align: center; }
#quick-links .lang-switcher li.current-lang {  border-radius: 15px; background-color:#ffffff; }
#quick-links .lang-switcher li.current-lang a { color:#91b027; }

#footer { background: url('images/footer.jpg') repeat-x top center #67AE22 !important;  margin-top: -200px; padding-top: 490px; color:#0C6142; }
#footer-content { width: 1040px; margin: 0 auto; }
#footer .hr { background-color: #46a31a; height:1px; border-bottom: 1px solid #96d335; }
#social-charter { position: absolute; bottom: -283px; left:-20px; }

.footer-email { width: 200px; }

#footer-2 { background: url('images/footer-2.png') repeat-x top center; height: 74px; overflow:hidden; color:#bbca93; font-size: 12px; }
#footer-2 a { color: #bbca93; }
#footer-2-content { width: 1040px; margin: 0 auto; }
.footer-2-line { text-align:center; height: 37px; line-height: 37px; }

#footer-2 .sep { border-right: 1px dashed #c1d5bd; vertical-align: middle; }

#content { padding-bottom: 40px; }

/* Archives */
#posts .post { position: relative; overflow:visible; margin: 8px 20px 20px 0; background-color: #ebebee; border-bottom: 4px solid #2569be; padding: 18px; }

#posts .post .meta .post-date { display:block; position: absolute; top:-8px; right:-1px; width:62px; height:59px; background: url('images/date-box.png') no-repeat 0 0; color: #ffffff; font-family: 'PT Sans', sans-serif; text-align: center; }
#posts .post .meta .post-date .day { font-size: 33px; font-weight: bold; display: block; padding-top: 8px; }
#posts .post .meta .post-date .month-year {font-size: 12px; font-style: italic; }

#posts .post .tags { margin: 0 10px 10px 0; display: inline-block; border-bottom: 1px dotted #949393; }
#posts .post .tags a { color: #949393; }
#posts h2.post-title { padding-right:46px; }

#posts.archive .post-thumbnail img { width: 693px; }

/*--- Masonry Blog ---*/
#blog-masonry #posts { overflow:visible; width: 1060px; }
#blog-masonry .post { width: 474px; float: left; }
#blog-masonry .pagenav { width: 1040px; background-color: #ebebee; }
#blog-masonry .pagenav a, #blog-masonry .pagenav span { margin: 0; }
#blog-masonry .pagenav a { background:none; }
#blog-masonry .pagenav a:hover { background-color:#ffffff; }

#blog-masonry h2.post-title a { font-family: 'Poiret One', cursive; color: #2569be; }
#blog-masonry .post-thumbnail img { width:510px; }

.shade-picture, .shade-picture img { width: 213px; height: 110px; }

.shade-picture.size-med img, .shade-picture.size-med { width: 493px; /*474px;*/ height: 263px; /*256px;*/ }

.shade-picture { border: 3px solid #ebebee; position: relative;}
a.shade-picture { overflow: visible; display: inline-block; }
.shadow-1 { diasply: block; background: url('images/schaduw-1.png'); position: absolute; bottom: -32px; width:207px; height: 29px; right:0; }

.slider-wrapper { position: relative; }
.shadow-2 { position: absolute; bottom: 17px; left:0;  height: 35px; width: 347px; background: url('images/schaduw-2.png') no-repeat left top; }
.shadow-2.right { background-position: right top; left:auto; right:0; }

.post-thumbnail .shadow-2 { bottom: -35px; right: -13px; }

/*--- sidebar ---*/
#offerte-box { background-color: #ebebee; border: 1px solid #d1d6d3; position: relative; height: 119px; margin-top: 10px; }
#offerte-box-tekst { position: absolute; top: -31px; right: 0; background: url('images/offerte-pijl.png') no-repeat 0 0; width: 287px; height: 90px; }
#offerte-box .button { font-size: 18px; font-weight: normal; position: absolute; bottom: 0; right: 25px; }

.line { text-align: center; }
.line img { width: 100%; }

.team-member a[rel="PrettyPhoto"] { border: 5px solid #89C54B; border-radius: 100px; }

/*--- home page ---*/
.banner-container {
    max-height: 280px !important;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100% !important;
}
.banner .caption-1 { color: #1976b5; font-size: 28px; line-height: 1.1; font-family: "PT Sans", sans-serif; }
.banner .button { margin:20px 0; }
.banner .caption-2 { color: #66696b; font-family: 'Poiret One', cursive; text-align: right; font-size: 16px; }

.homebox { position: relative; display:block; width: 343px; height: 329px; float: left; background: url('images/3-products-home.jpg') no-repeat -9px 1px; font-family: "PT Sans", sans-serif; font-size: 25px; color:#ffffff;}
.homebox:hover { background-position: -9px -341px; color: #ffffff; }
.homebox .title { bottom: 18px; text-align:center; position: absolute; height: 40px; width: 315px; line-height: 40px; }
#homebox-warmte { background-position: -352px 1px; width: 315px; margin: 0 27px 0 21px; }
#homebox-warmte:hover { background-position: -352px -341px; }
#homebox-eco { background-position: -675px 1px; margin-right: -21px; width: 355px; }
#homebox-eco:hover { background-position: -675px -341px; }
#homebox-eco .title { margin-left: 19px; }

.homebox .menu { width: 315px; background-color: #F2C21A; font-size: 18px; }
.homebox .menu li a { display:block; height: 40px; padding: 10px 0; color: #ffffff; padding-left: 55px; background: url('images/menu-2-sprites.png') no-repeat -44px -39px;  }
.homebox .menu li a:hover { background-color: #E79700; color: #ffffff; }
.homebox .menu li.wheels a { /*default*/ }
.homebox .menu li.tools a { background-position: -44px -139px; }
.homebox .menu li.money a { background-position: -44px -139px; }
.homebox .menu li.panel a { background-position: -44px -139px; }
.homebox .menu li.heat a { background-position: -44px -139px; }
.homebox .menu li.tools a { background-position: -44px -139px; }
.homebox .menu li.tools a { background-position: -44px -139px; }
.homebox .menu li.tools a { background-position: -44px -139px; }
.homebox .menu li.tools a { background-position: -44px -139px; }

#speech-bubbles { background: url('images/speech-bubbles.png') no-repeat -5px 0; width: 100%; margin-bottom: 30px; }
#speech-bubbles .bubble { float: left; margin: 0 74px 0 20px; width: 273px; padding-top: 53px;}
#speech-bubbles .bubble.last { margin: 0 0 0 10px; }

#speech-bubbles .bubble h2 { font-size: 22px; line-height: 22px; }

#portfolio-wrapper { margin-right: -20px; }

.page-title .search-form {
    display:none !important;
}