/*                                                        
 _   _                   
| \ | |                  
|  \| | _____      _____ 
| . ` |/ _ \ \ /\ / / __|
| |\  |  __/\ V  V /\__ \
|_| \_|\___| \_/\_/ |___/
                         

 Our portofolio:  http://themeforest.net/user/tagDiv/portfolio?ref=tagDiv

*/


/*
    =======================================================================================================

    Name          : Global page styles
    File          : page.css

    =======================================================================================================
*/
* { /* disable webkit highlight on android */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
} 

@media (max-width: 767px) {
    .container{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

body {
    min-width: 200px;
    font-family: 'Arimo', sans-serif;
    font-size: 15px;
    
    line-height: 22px;
    color:#444444;
    background-color: #f6f5f2;
}



/*  ----------------------------------------------------------------------------
    Page wrapping
*/

.page-wrapper {
   border:1px solid #ededec;
   background-color: #fdfcfc;

}




.page #content
{
    padding-top: 19px;
}

/* homepage 2 */
.page .content-category-page {
    padding-top: 0px !important;
}

.page-no-sidebar {
    padding-top:44px;
}


/*  ----------------------------------------------------------------------------
    responsive settings on tablet
*/
            
@media (max-width: 767px) { 
    body { /* remove bootstrap padding on body and add it to .container */
        padding-left: 0px;
        padding-right: 0px;
        
    }
    
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

}




/*  ----------------------------------------------------------------------------
    page tables made by divs
*/

.page-row {
    display: table;
    clear:left;
}

.page-row::before, .page-row::after {
    display: table;
    content: "";
}

.page-row::after {
    clear: both;
}

.page-cell{
    display: inline-block;
    float:left;
    width:100px;
}


/*  ----------------------------------------------------------------------------
    center spans
*/

@media (max-width: 767px) {
    .responsive-center {
        text-align: center;
    }
    

}


@media (min-width: 768px) and (max-width: 979px) {

    .responsive-center .span-space {
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        min-height: 100% !important;
        height: 100% !important;
    }
    
       .responsive-center .span-space img {
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;

    }
}



/* 
    Document   : page-home
    Created on : Feb 12, 2013, 11:55:10 AM
    Author     : ra
    Description:
        Purpose of the stylesheet follows.
*/

.page-template-page-home-php .slider-wrapper {
    margin-top: 0px !important;
}

 .page-template-page-home-php .content-right-wrap {
    padding-top: 30px !important;
}



/*
    =======================================================================================================

    Name          : header
    File          : header.css

    =======================================================================================================
*/


#header-menu-wrap {
   
    background: url('../images/header/bg.png') repeat #f16532;
    -webkit-box-shadow: 0px 3px 19px rgba(50, 50, 50, 0.19);
    -moz-box-shadow:    0px 3px 19px rgba(50, 50, 50, 0.19);
    box-shadow:         0px 3px 19px rgba(50, 50, 50, 0.19);
}




/* tablet portrait */
@media (max-width: 767px) {
    #header-menu-wrap .container {
        height: auto !important;
    }
}


/*  ----------------------------------------------------------------------------
    logo + ads
*/

.header-wrap {
    margin-top: 25px;
    margin-bottom: 25px;
}

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

.header-logo img {
    padding-right: 21px;
}

.header-ad-box {
    text-align: right;
}

/* Large desktop */
@media (min-width: 980px) and (max-width: 1200px) {
    .header-ad-box {
        position: relative;
        top:5px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .header-ad-box {
        position: relative;
        top:11px;
    }
}



/* Landscape phones and down */
@media (max-width: 480px) {
    .header-logo {
        position: absolute;
        top:11px;
        right:21px !important;
        width: 90px;
        z-index: 9999 !important;
    }
    
    .header-ad-box {
        display: none;
    }
    
    .header-wrap {
        margin-bottom: 0px;
    }
    
    .category-title {
        padding: 0px;
    }
}






/*  ----------------------------------------------------------------------------
    Blog Header
*/




a#search-drop {
    display: inline-block;
    line-height: 54px;
    padding: 0px 10px 2px 16px;
    width: 30px;
    
    
    /*background: url('../images/background/bg-black.png') repeat transparent;*/
    display: inline-block;
    
    border-left:2px solid transparent;
    border-right:0px solid transparent;
    position: relative;
  
}





.dropdown,  
.dropdown-wrap
{
    display: inline !important;
    text-align: left !important;
   
}




/* the drop menu */



.blog-search {
    float:right;
}

/* search */
.blog-search img {
    padding: 0px;
}





.blog-search .dropdown-menu {
     
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border: none;
    
    
    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    
    left:-142px;
    top:-5px;
    padding: 0px;
    
    text-align: right;
    width:200px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
 
    background: transparent;
    
    
    background: url('../images/header/bg-menu.png') repeat #474747;
    background-position: 1px 3px;
    height: 59px;
}



.blog-search .dropdown-menu:before {
     position:absolute;
    top:0px;
    left:0px;
    
    display:block; 
    content:''; 
    height:100%; 
    width:9px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    
    background: url('../images/header/menu-shadow-left.png') repeat transparent;
}


.blog-search .dropdown-menu:after {
    position:absolute;
    top:0px;
    right:0px;
    
    display:block; 
    content:''; 
    height:100%; 
    width:9px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    
    background: url('../images/header/menu-shadow-right.png') repeat transparent;
}


body .blog-search input,
body .blog-search input:hover, 
body .blog-search input:active,
body .blog-search input:focus
{
    background-color: transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    color:white !important;
    
    
    font-family: 'Open Sans', arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 26px !important;
    font-weight: 300 !important;
    margin: 5px 10px 0px 0px !important;
    
    width: 125px !important;
    position: relative;
    left:-10px;
}



body .blog-search button,
body .blog-search button:hover, 
body .blog-search button:active,
body .blog-search button:focus
{
    background-color: transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    color:white !important;
    
    
    
    line-height: 26px !important;
    
    padding: 10px;
    margin: 8px 7px 0px 0px;
}


.blog-search form {
    margin: 0px;
}

/* tablet landscape */
@media (min-width: 768px) and (max-width: 979px) {

}
/* tablet portrait */
@media (max-width: 767px) {
    .blog-search {
        float:left;
    }
    
    .dropdown-menu {
        left:0px !important;
    }

    #header-menu-wrap {
        height: 112px;
    }

    .blog-search .btn {
        display: none;
    }

    .blog-search .dropdown-menu {
        top:4px;
        height: 56px;
        left:10px !important;
        width:180px;
    }

    .blog-search #search-drop img {
        position: relative;
        top:3px;
    }
}



/*  ----------------------------------------------------------------------------
    MOBILE TOGGLE
*/

.mobileMenu {
    margin-top: 10px;
    margin-left: 10px;
    width: 180px !important;
}

.hidden-menu {
    display: none;
}


@media (max-width: 480px) {
    .header-logo {
        top:2px !important;
        width: 75px !important;
    }
}







/*
    =======================================================================================================

    Name          : Content typology
    File          : typology.css

    =======================================================================================================
*/


 a:active, a:focus { /* IE remove focus */
    outline: none;
    ie-dummy: expression(this.hideFocus=true);
}


a, a:link, a:visited {  /* normal link */
    color:#f26532;
    text-decoration: none !important;
    
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

a:hover {
    text-decoration: underline !important;
    
    
    
    -o-transition: all 0.4s !important;
    -webkit-transition: all 0.4s !important;
    -moz-transition: all 0.4s !important;
    transition: all 0.4s !important;
}


.p-desc-padding a, 
.post a
{
    text-decoration: underline;
    
}


a.tag {  /* tags */
    background-color: #FAFAFA;
    padding: 2px 7px 2px 7px;
    border:1px solid #EDEDED;
    font-size:12px;
    font-weight: 300;
    color:#777777;
}

a.tag:hover {
    color: #FB5502;
    background-color: white;
    border:1px solid #F8F8F8;
}


/*  ----------------------------------------------------------------------------
    Headers
*/


@media (max-width: 480px) {
 h1 {
        margin-top:0px !Important;
        font-size: 24px !important;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    h1 {
        margin-top:0px !Important;
        font-size: 24px !important;
    }
    
    .blog-noSidebar-template h3, .blog-blank-template h3 {
        margin-top:0px !Important;
    }
    
    h6 {
        margin-top:0px !Important;
    }
}

h1, h2, h3, h4, h5, h6 {
    padding:0px 0px 0px 0px;
    margin: 0px;
    color:#1a1a1a;
}

h1 {
    font-family: 'Droid Serif', serif;
    font-size: 30px;
    line-height: 40px;
    padding-top: 22px;
    font-weight: normal;
}

h2 {
    font-family: 'Droid Serif', serif;
    font-size: 26px;
    line-height: 40px;
    padding-top: 22px;
    font-weight: normal;
}

h3 {
    font-family: 'Droid Serif', serif;
    font-size: 24px;
    line-height: 40px;
    padding-top: 22px;
    font-weight: normal;
    
    
}

h4 {
    font-family: 'Droid Serif', serif;
    font-size: 21px;
    line-height: 40px;
    padding-top: 22px;
    font-weight: normal;
}

h5 {
    font-family: 'Open Sans', arial, sans-serif;
    font-size:18px;
    font-weight: normal;
   
    font-weight: 600;
    padding-top: 22px;
    
}

h6 {
    font-family: 'Open Sans', arial, sans-serif;
    font-size:14px;
    font-weight: normal;
   
    font-weight: 600;
    padding-top: 22px;
    text-transform:uppercase;
}

.h-no-top {
    margin-top: 0px;
    position: relative;
    top:-6px;
}

/*  ----------------------------------------------------------------------------
    elements
*/


ins {
    background: #FFF9C0;
    text-decoration: none;

}

p {
    padding:22px 0px 0px 0px;
    margin: 0px;
}

code {
    position: relative;
    top:-1px;

    border: none;
    
    background: url('../images/background/bg-gray.png') repeat transparent;
}


pre {
    background-color: transparent;
    padding: 0px;
    border: none;
    border-radius: 0px;
    
    margin-top: 24px;
}

blockquote {
    padding: 0px;
    
    position: relative;
    border-left: none;
    margin-bottom: 0px;
    padding-top: 20px;

}

blockquote p {
    font-family: 'Open Sans', arial, sans-serif !important;
    font-size:18px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    color:#1F1F1F;
}

blockquote p:first-child {
    padding-top: 0px;
}

blockquote small {
    font-size:12px;
    font-style: italic;
    font-weight: normal;
    color:#444444;
}

blockquote.pull-right {
    padding-left: 20px;
    border-right: none;
}

blockquote.pull-right:after {
    border-right: 2px solid #FB5502;
    width:40px;
    right: -40px;
}


ul {
    list-style: disc url('../images/icons/li.png');
    margin:0px;
    padding: 24px 0px 0px 14px;
}

ul li ul { /* sub ul */
    padding-top: 0px;
}

ul li {
    margin:0px;
    line-height: 24px;
}



ol {  /* ordered list */
    line-height: 25px;
    margin:0px;
    padding: 24px 0px 0px 20px;
}

ol li ol {
    padding-top: 0px;
}

ol li {
    margin:0px;
    line-height: 20px;
}



.dl-horizontal a {
    font-weight: 500 !important;
}

.dl-horizontal dt {
    width: 70px;
    font-weight: 400;
    line-height: 24px;
    font-size: 15px;
}

.dl-horizontal dd {
    margin-left: 90px;
    line-height: 24px;
    font-size: 14px;
}



/*  ----------------------------------------------------------------------------
    text and Images align
*/

.alignnone {
    
}

.aligncenter {
    text-align: center;
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}

.alignleft {
    float:left;
    margin-right: 20px;
    margin-top:6px;
    width: auto !important;
}

.alignright {
    float:right;
    margin-left: 20px !important;
    margin-top:7px;
    width: auto !important;
}


/*  ----------------------------------------------------------------------------
     caption
*/

.wp-caption-text {
    text-align: left;
    margin: 0px !important;
    
    padding: 5px 0px 5px 0px;
 
    font-family: 'Open Sans', arial, sans-serif !important;
    font-size:12px;
    font-style: italic;
    font-weight: normal;
    color:#444444;
}


.wp-caption {
    text-align: center;
    max-width: 100% !important;
    
}


.alignnone img,
.aligncenter img
{
    width: 100%;
}


.wp-caption img {
    max-width: 100% !important;
    margin-top: 24px;
}


/* tables */
.table-color th{
    background-color: #EBEBEB;
}



address {
    font-size: inherit !important;
    line-height: inherit !important;
    margin-top: 24px;
}



/*
    =======================================================================================================

    Name          : blog content css (articles wp stuff)
    File          : blog.css

    =======================================================================================================
*/






/*  ----------------------------------------------------------------------------
    content and sidebar
*/
#content,
#sidebar
{
    
}


.content-right-wrap {
    padding-right: 49px;
    padding-top: 35px;
}

.content-left-wrap {
    padding-left: 49px;
    padding-top: 35px;
}

/*  ----------------------------------------------------------------------------
    default template
*/
.page-template-default .content-right-wrap, 
.page-template-page-sidebar-right-php .content-left-wrap
{
    padding-top: 0px;
}

.page-template-default #content, 
.page-template-page-sidebar-right-php #content
{
    padding-top: 13px !important;
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .content-right-wrap,
    .content-left-wrap
    {
        padding-left: 20px;
        padding-right: 20px;

    }
}




.content-category-wrap {
    padding-top: 20px !important;
}

/* remove space on empty content */
.blog-blank-template .entry-content{
    margin-top: 0px !important;
}



/*  ----------------------------------------------------------------------------
    Posts
*/



.post {
    position: relative;
    padding-bottom: 50px;
}

/* tablet portrait */
@media (max-width: 767px) {
    .post {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.page .post {
    border-bottom:none !important;
    margin-bottom: 0px !important;
}

.format-quote {
    text-align: center;
}
.format-quote .entry-meta {
    position: relative;
    top:-3px;
}

.format-quote p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color:white;
    padding-top: 0px !important;
    position: relative;
    top:-3px;
}


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

.format-link .entry-meta {
    position: relative;
    top:-3px;
}

.format-link p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color:white;
    padding-top: 0px !important;
    position: relative;
    top:-3px;
    
}

.format-link p a {
    color:white;
    text-decoration: underline !important;
}

.format-video p {
    padding-top: 11px !important;
}

.format-image img {
    padding-top: 11px !important;
}


.format-aside p:first-child {
    padding-top: 0px;
}

/*  ----------------------------------------------------------------------------
    Content (post)
*/

.post header {
    margin-bottom: 18px;
    position: relative;
}

.post header h1 {
    padding-top: 0px;
}
.post header h1 a {
    color:#1a1a1a;
    text-decoration: none !important;
}

.entry-meta {
    color:#b4b4b4;
    font-size: 12px;
    font-weight: 400;
    padding-top: 10px;
    line-height: 12px;
}

.entry-meta a {
   
}

.entry-meta a:hover {
    text-decoration: underline !important;
}


.post img {
    height: auto !important; /* overide default wordpress height */
}



/*  ----------------------------------------------------------------------------
    post category
*/


.post-cat-box {
    color:#999 !important;
    text-decoration: none !important;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 13px;
}

ul.category {
    position: relative; 
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.category li {
    float: left; 
    zoom: 1; 
}

.post .category {
    float: right;
    position: relative;
    margin-top: -37px;
    right:0px;
}

.post .category-not-single {
    float: none;
    position: relative;
    margin-top: 5px;
    left:-8px;
    top:10px;
}


.post .category a {
    
}



/*  ----------------------------------------------------------------------------
    post tags
*/


.post .tags {
    position: relative;
    left:-8px; /* to fix the post-cat-box left padding */
    
    
    
    position: relative; 
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
}
.post .tags li {
    float: left; 
    zoom: 1; 
}

/*  ----------------------------------------------------------------------------
    source and via
*/
.post-source-via {
    font-family: 'Open Sans', arial, sans-serif;
    line-height: 24px;
    font-size:16px;
    font-style: italic;
    padding-top: 29px;
}


/*  ----------------------------------------------------------------------------
    post author
*/

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}



/* Landscape phones and down */
@media (max-width: 480px) {

}

.author-wrap {
    background-color: #f6f5f2;
    position: relative;
    padding: 20px;
    margin-top: 39px
}


.author-wrap h5 {
    padding-top: 0px;
    padding-bottom: 18px;
}

.author-wrap img {
    float:left;
}

.author-wrap .desc {
    margin-left:136px;
}

.author-wrap .author-more {
    text-align: right;
}


.author-social {
    padding-top: 10px;
}


/* Landscape phone to portrait tablet */
@media (max-width: 480px) {
    .author-wrap {
        text-align: center !important;
    }
    .author-wrap img {
        float:none !important;
    }
    .author-wrap .desc {
        float:none !important;
        margin-left: 0px;
        margin-top: 18px;
    }
    .author-wrap .author-more {
        text-align: center !important;
    }
}

/*  ----------------------------------------------------------------------------
    Post next-prev
*/

.next-prev {
    padding-top: 38px;
}

.next-prev .next-post {
    text-align: right;
}

.prev-post div, /* name */
.next-post div
{
    font-family: 'Open Sans', arial, sans-serif;
    font-size:12px;
    font-weight: 600;
}


.prev-post a, /* title */
.next-post a
{
    font-family: 'Droid Serif', serif;
    font-size:17px;
    color:#7b7b7b;
    display: block;
    
}

.prev-post a {
    padding-right: 30px;
}

.next-post a {
    padding-left: 30px;
}


/* tablet portrait */
@media (max-width: 671px) {
    .next-prev .half-grid {
        display:block;
        width: 100% !important;
        margin-left: 0px !important;
    }
    
    .next-prev .next-post {
        text-align: left;
        margin-top: 22px;
    }
    .next-post a {
        padding-left: 0px;
    }
}
/*  ----------------------------------------------------------------------------
    similar articles
*/


/* tablet portrait */
@media (max-width: 767px) {
    .similar-articles .half-grid {
        margin-bottom: 22px;
        
    }
}





/*  ----------------------------------------------------------------------------
    more link
*/

.more-link-wrap {
    text-align: right;
    position: absolute;
    bottom: 6px;
    right: 0px;
    /* line-height: 10px; */
}
.more-link-wrap a {
    text-decoration: none !important;
}
.more-link {
    background-color: #5d5d5d;
    font-size: 13px;
    padding: 10px 15px 10px 15px;
    color:white;
}

.more-link img {
    padding-left: 10px;
}


/*  ----------------------------------------------------------------------------
    Comment form
*/

#cancel-comment-reply-link {
    position: absolute;
    right: -20px;
    top:15px;
}

.comment-form-comment {
    padding-top: 20px;
}

#respond #author,
#respond #email,
#respond #url
{
    width: 98%;
}

.content-left #author,
.content-left #email,
.content-left #url, 
.content-right #author,
.content-right #email,
.content-right #url 
{
    width: 100% !important;
}




/* when reply-ing to a child comment */
.children .span4 {
    width: 189px !important;
}
.children #respond #author,
.children #respond #email,
.children #respond #url
{
    width: 200px !important;
}

footer #reply-title {
    margin-top: 20px;
}

/* tablet portrait */
@media (max-width: 767px) {
    
    #respond #author,
    #respond #email,
    #respond #url
    {
        width: 300px !important;
    }

    #respond #url {
        left: 0px !important;
    }
    
    .com-email-wrap p, 
    .com-url-wrap p
    {
        padding-left: 0px !important;
    }
}

/*  ----------------------------------------------------------------------------
    comment list
*/


.comments-title-wrap {
    position: relative;
    
}

.comments-title {
    text-transform:uppercase;
    margin-bottom: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.comments-title:before {
    position:absolute;
    top:0px;
    left:0px;
    
    display:block; 
    content:''; 
    height:3px; 
    width:100%; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    background: url('../images/footer/line.png') repeat-x transparent;
}
.comments-title:after {
    position:absolute;
    bottom:0px;
    left:0px;
    
    display:block; 
    content:''; 
    height:3px; 
    width:100%; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    background: url('../images/footer/line.png') repeat-x transparent;
}



ol.comment-list a {
    color:#B4B4B4;
}

ol.comment-list a:hover {
    text-decoration: underline !important;
}

ol.comment-list {
    list-style-type:none;
    list-style: none;
    list-style-image:none;
    margin:0;
    padding: 0px;
}

.comment { /* each comment wrapper */
    
    padding-bottom: 30px;

}

.comment-list .avatar {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 20px;
    margin-top: 6px;
}

.comment-list .comment-content {
    margin-left: 70px;
}

.comment-content p:first-child {
    padding-top: 0px;
}

.comment-meta {
    font-size:11px;
    font-weight: 300;
}

.comment-link {
    padding-right: 10px;
}


.comment-list li:hover a.comment-reply {
    color: #FB5502;
}



/* reply comments */
ol.comment-list .children {
    list-style-type:none;
    list-style: none;
    list-style-image:none;
    margin-left: 70px;
    
    padding:30px 0px 20px 20px;
    border-top: 1px solid #ebeaea;
}


/* by post author */
.bypostauthor  {
    
}

/* sticky post */
.sticky {
    
}

/* comment respond box */
#respond {
    position: relative;
}

#respond #reply-title {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 10px 9px 25px;
    position: relative;
    left:-25px;
}




#content #respond #reply-title {
    padding: 8px 10px 9px 10px;
    position: relative;
    left:-10px;
}


#content  #respond #reply-title:after {
    right: -10px;
    width:10px; 
}






/* post comment */
#commentform #submit {
    padding: 8px 10px;
}

#commentform #submit:hover {
    opacity: 0.8;
}





/*  ----------------------------------------------------------------------------
    no results page
*/

.no-results {
    margin-top: 50px;
    margin-bottom: 130px;
}



/*
    =======================================================================================================

    Name          : blog slide
    File          : blog-slide.css

    =======================================================================================================
*/


.category .slider-wrapper,
.page-template-page-home-2-php .slider-wrapper,
.page-template-page-home-3-php .slider-wrapper
{
    margin-bottom: 30px;
}


.slider-mask {
    z-index: -1 !important;
}

.nivoSlider {
    z-index: 0 !important;
}

.slider-wrapper{
    position: relative;
    margin-top: 24px;
}

.slider-mask {
    position: absolute;
    left:-30px;
    top:-3px;
    width: 1000px !important;
    max-width: 1000px !important;
}

/* desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .slider-mask {
        position: absolute;
        left:-23px;
        top:-2px;
        width: 770px !important;
        max-width: 1000px !important;
    }

}
/* tablet */
@media (max-width: 767px) {
    .slider-mask {
        display: none !important;
    }
}
/* phone */
@media (max-width: 480px) {

}

@media (max-width: 480px) {
    .theme-default .nivo-caption {
        display: none !important;
    }
}

/*  ----------------------------------------------------------------------------
    nivo slider caption
*/




.theme-default .nivo-caption {
    width: auto;
    z-index: 7;
    background-color: black;
    
    font-family: 'Droid Serif', serif;
    font-size:30px;
    color:#FFFFFF;
   
    
    position: absolute;
    
    bottom: 0px !important;
    padding: 10px 18px;
    width: 100%;
    
    opacity: 0.8;
    
    line-height: 40px;
    font-weight: normal !important;
    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .theme-default .nivo-caption {
        font-size:20px !important;
        line-height: 27px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 480px) {

}

.theme-default .nivo-caption div {
    display: inline;
    width: auto;
}



/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url('../images/slider/loading.gif') no-repeat 50% 50%;
        overflow: visible;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0px;
        position:relative;
        top:-30px;
        z-index: 7;
        
}



/* big next and back */

.theme-default .nivo-directionNav a {
	display:block;
	width:38px;
	height:38px;
	background:url('../images/footer/arrow-back.png') no-repeat transparent;
	text-indent:-9999px;
	border:0;
        opacity: 0.8;
        
        position: absolute !important;
        
}


.theme-default a.nivo-nextNav {
	background:url('../images/footer/arrow-next.png') no-repeat transparent;
	right:0px;
}
.theme-default a.nivo-nextNav:hover {
        opacity: 1;
}

.theme-default a.nivo-prevNav {
	left:0px;
}

.theme-default a.nivo-prevNav:hover {
	opacity: 1;
}






.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}



/*
    =======================================================================================================

    Name          : article blocks
    File          : article-blocks.css

    =======================================================================================================
*/

.block-title a {
    color:#1a1a1a;
} 

.block-title h5 {
    padding-top: 49px;
}

.small-title-link {
    font-family: 'Droid Serif', serif;
    color:#1a1a1a !important;
    line-height: 28px;
}


.row-art-separator {
    padding-bottom: 29px;
}

/*  ----------------------------------------------------------------------------
    article image + text down (two columns)
*/

.art-img-text-down .cat-rating {
    position: absolute;
    top:128px;
    right: 5px;
    
}

/* Large desktop */
@media (min-width: 980px) and (max-width: 1200px) {
    .art-img-text-down .cat-rating {
        top:96px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .art-img-text-down .cat-rating {
        top:65px;
    }
    
   
}




@media (max-width: 631px) {
 
    .art-img-text-down .author-link {
        margin-top: 10px !important;
    }
    
    
    .art-img-text-down .art-img-text-down-second {
        padding-top: 40px !important;
    }
    
    .art-img-text-down .half-grid {
        

    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .art-img-text-down .cat-rating {
        position: relative;
        top:0px;
    }
    

}



.art-img-text-down .half-grid {
    position: relative;
}

.art-img-text-down h5 {
    padding-bottom: 16px;
}

.art-img-text-down {
    padding-top: 16px;
}

.art-img-text-down  a {
    
}

.art-img-text-down .post-cat-box {
    margin-left: 0px;
    position: absolute;
    z-index: 0;
}

.art-img-text-down .author-link {
    margin-top: 29px;
}




.art-img-text-down .post-title a {
    display: block;
    font-family: 'Droid Serif', serif;
    font-size:18px;
    color:#1a1a1a;
    line-height: 24px;
    padding: 4px 0px;
}


/*  ----------------------------------------------------------------------------
    small image + side text
*/

.art-post {
    padding-top: 44px;
}
#sidebar .art-post {
    padding-top: 0px;
    padding-bottom: 24px;
}

#sidebar .art-post img {
    position: relative;
    top:5px;
}

#sidebar .art-post-right img {
    float:right;
}

#sidebar .art-post-right .art-desc, 
#sidebar .art-post-right .art-meta
{
    margin-left: 0px !important;
}


#sidebar .art-desc {
    font-size:15px;
    line-height: 22px;
}

.art-smallimg-text .post-cat-box {
    margin-left: 0px;
    margin-right:8px;
    position: relative;
    top:-3px;
}

.art-smallimg-text img {
    float:left;
}

.art-smallimg-text .art-meta {
    font-family: 'Open Sans', arial, sans-serif;
    font-size:12px;
    font-style: italic;
}

.art-smallimg-text .art-meta a {
    color:#444444;
}

.art-smallimg-text .art-desc a {
    color:#1a1a1a;
}

.art-smallimg-text .art-desc {
    font-family: 'Droid Serif', serif;
    font-size:18px;

    line-height: 24px;
}

.art-smallimg-text .art-desc, 
.art-smallimg-text .art-meta
{
    margin-left: 85px;
}


/*  ----------------------------------------------------------------------------
    block 2
*/
.block2-second-column {
    padding-top: 41px;
}

/*  ----------------------------------------------------------------------------
    arhive / category one column
*/




.art-img-text-right  .cat-rating img {
    float:none !important;
    padding-bottom: 8px;
    padding-top: 8px;
}

.art-img-text-right {
    padding-top: 16px;

}

.art-img-text-right img {
    float:left;
}

.art-img-text-right > div {
    padding-left: 242px;
}

.art-img-text-right .post-cat-box {
    margin-left: 0px;
    position: relative;
}

.art-img-text-right .art-title a.title-link {
    font-family: 'Droid Serif', serif;
    font-size:18px;
    color:#1a1a1a;
    line-height: 24px;
}

.art-img-text-right .art-meta {
    font-family: 'Open Sans', arial, sans-serif;
    font-size:12px;
    font-style: italic;
}

/* responsive phone */
@media (max-width: 560px) {
    .art-img-text-right img {
        float:none;
        margin-bottom: 10px;
    }

    .art-img-text-right > div {
        padding-left: 0px;
    }
}


/*  ----------------------------------------------------------------------------
    gallery
*/

.gallery-title {
    padding-bottom: 16px;
}



/*
    =======================================================================================================

    Name          : Bootstrap custom
    File          : bootstrap-custom.css

    =======================================================================================================
*/



/*  ----------------------------------------------------------------------------
    accordeon
*/




.accordion-toggle {
    text-decoration: none !important;
}


.accordion {
    padding-top: 24px;
}

/* group wrap? */
.accordion-group {
    border:none;
    border-radius: 0px;
    margin-bottom: 8px;
}


/* the content */
.accordion-inner {
    border:none ;
    padding-left: 0px;
    padding-top:0px;
    padding-bottom: 18px;
}

/* the header */
.accordion-heading .accordion-toggle  {
    color:#444444;
    background-color: #505050;
    padding: 8px 8px 8px 15px;
   
    
    background: url('../images/background/bg-gray.png') repeat transparent;
    
    
}



.accordion-body {
    height: 0px;
}


/*  ----------------------------------------------------------------------------
    buttons
*/

@media (min-width: 768px) and (max-width: 979px) {
    .btn-large {
        padding: 5px 10px !important;
    }
}



.btn, 
.widget_search #searchsubmit,
#commentform #submit,
input[type="submit"]
{
    border:none;
    
    background-image: none;
    text-shadow: none;
    color:white !important;
    
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    max-width: 100%;
    box-shadow: none;
    
    font-size:13px;
    font-weight: 300;
    background-color: #7c7c7c;
   
}

.btn {
     text-decoration: none !important;
}

.btn:hover {
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    background-color: #FB5502;
    color:white;
    opacity: 0.7;
    text-decoration: none !important;
}

.btn i {
    margin:3px 0px 0px 0px;
   
}

.btn img {
    position: relative;
    top:-1px;
    margin:0px 0px 0px 0px;
}



/*  ----------------------------------------------------------------------------
    Forms
*/


.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,


textarea, .wpcf7-form input.wpcf7-text, /* contact forms 7 */
.widget_search  #s
{
    
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f6f5f2;
   
    border: 1px solid #e3e3e3 !important;
    
    box-sizing: border-box;
    color:#444444;
    font-family: arial,sans-serif;
    font-size: 14px;
    height: 45px;
    margin: 0!important;

    
    
    padding: 3px 0 3px 15px;
    
    

}

textarea {
    height: 250px;
    padding:10px 10px 10px 15px !important; 
    max-width: 100%;
    width: 100% !important;
}

.input-prepend input:hover,
.input-append input:hover,
.input-prepend select:hover,
.input-append select:hover,
.input-prepend .uneditable-input:hover,
.input-append .uneditable-input:hover, textarea:hover, 
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.uneditable-input:hover,
.wpcf7-form input.wpcf7-text:hover,  /* contact forms 7 */
.widget_search  #s:hover
{
    outline: none;
    

        
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #CFCFCF !important;

}


.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus, textarea:focus, 
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.wpcf7-form input.wpcf7-text:focus,  /* contact forms 7 */
.widget_search  #s:focus
{
    
    z-index: 99!important;
    
    
    outline: none;

    
    border: 1px solid #C4C4C4 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}




.input-append .btn {
    background-color: white !important;
    background-image: none;
    height: 29px;
    border: 1px solid #D9D9D9;
    border-left: none;
    
    position: relative;
    left:-1px !important;
    
    
    -webkit-box-shadow: inset 0 1px 1px 
    rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px 
    rgba(0, 0, 0, 0.075);
}

@media (max-width: 767px) { 
    .input-append .btn { 
        height: 30px;
    }
}

label {
    font-size: 13px;
    
}



/*  ----------------------------------------------------------------------------
    bootstrap Badges and labels
*/


h3 .label {
    position: relative;
    top:-2px;
}

.label {
    margin: 0px 3px 0px 0px;
    max-width: 100%;
    background-color: #FB5502;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 5px 7px;
    border-radius: 0px;
}

.label-important, .badge-important {
    background-color: #FB5502;
}

.label-warning, .badge-warning {
    background-color: #FF8C00;
}

.label-success, .badge-success, .progress-success {
    background-color: #7BA057;
}

.label-info, .badge-info, .progress-info {
    background-color: #3AA4C4;
}


.label-fixed {
    display: inline-block;
    text-align: center;
}

.label, .badge {
    text-shadow: none;
}

.badge {
    margin: 0px 3px 0px 3px;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 5px 7px;
    
    line-height: 11px;
}


/*  ----------------------------------------------------------------------------
    pagination (posts)
*/


.pagination {
    height: auto;
}

.pagination .current, .pagination .dots {
    float: left;
    padding: 0 14px;
    line-height: 38px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}

.pagination .current {
    background-color: #F8F8F8;
}

.pagination li:first-child .current {
    border-left-width: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.pagination li:last-child .current {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.pager a, .pagination a {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    color:#777777
}

.pager a:hover, .pagination a:hover  {
    color:#FB5502;
}



/*  ----------------------------------------------------------------------------
    Tabs
*/


#content .tab-pane .row {
    margin-right: 20px;
}

@media (max-width: 450px) { 
    .nav-tabs li {
        width: 80px !important;
        padding: 0px !important;
        
    }
    
    .nav-tabs li a {
        font-size: 12px !important;
    }
}



ul.nav-tabs {
    display: block !important;
    width: 100% !important;
    list-style: none;
    
    padding: 0px;
    
    position: relative;
    margin-bottom: 0px;
    border-bottom:1px solid #e3e3e3;
    
    margin-top: 24px;
}




.nav-tabs li {
    float:left;
    zoom: 1; 
    width: 118px;
    text-align: center;
    background: url('../images/background/bg-gray.png') repeat transparent;
    top:-1px;
    position: relative;
   

}

.nav-tabs li a {
    color: #444444;

}

li.active a {
    background-color: #e7e6e6 !important;
    color:#1a1a1a !important;
    
    opacity: 1;
}

body li.active a:hover {
    opacity: 1 !important;
}

.nav-tabs li a {
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    
    border: none !important;
    border-radius: 0px !important;
    -o-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    position: relative;
    
    text-decoration: none !important;
    
}



.nav-tabs li a:hover { 
    
    background-color: transparent;
    border: none;
    opacity: 0.7;
}

li.tab-selected a:hover {
    color:#404040;
}

/* tabs content */
.tab-pane .row:first-child {
    margin-top: 0px !important;

}


/*  ----------------------------------------------------------------------------
    bootstrap sliding tabs effect patch
*/
.tab-content {
    overflow:hidden; 
}

.slide-left {
    -webkit-transition: left 0.17s ease;
    -moz-transition: left 0.17s ease;
    -ms-transition: left 0.17s ease;
    -o-transition: left 0.17s ease;
    transition: left 0.17s ease;
    position: relative;
    overflow: hidden;
    left:100%;
}
.slide-left.in {
    left:0;
}
.slide-left.out{
    left:-100%;
}
.slide-right {
    -webkit-transition: left 0.17s ease;
    -moz-transition: left 0.17s ease;
    -ms-transition: left 0.17s ease;
    -o-transition: left 0.17s ease;
    transition: left 0.17s ease;
    position: relative;
    overflow: hidden;
    left:-100%;
}
.slide-right.in {
    left:0;
}
.slide-right.out{
    left:100%;
}


/*  ----------------------------------------------------------------------------
    Alerts
*/


.alert {
    border: none;
    text-shadow: none;
    border-radius: 0px;
}

.alert .close {
    top: 2px;
}

.alert-block .close {
    top: 10px;
}

.alert-block {
    padding-top: 0px;
    padding-bottom: 20px;
}

.alert br {
    display: none;
}


/*  ----------------------------------------------------------------------------
    Popovers
*/

.popover-title {
    background-color: #FB5502;
}

.popover-content {
    color:#333333;
    font-size:14px;
}
.popover-content p {
    padding: 0px;
}

.popover {
    padding: 0px;
}
.popover-inner, .popover, .popover-title {
    border-radius: 0px !important;
    border: none !important;
  
}

/*  ----------------------------------------------------------------------------
    Icons
*/

[class^="icon-"],
[class*=" icon-"] {
    margin-top: 5px;
}



/*
    =======================================================================================================

    Name          : Custom colorbox style
    File          : colorbox.css

    =======================================================================================================
*/




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#colorbox{}

    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        
        #cboxLoadingGraphic{background:url("../images/icons/ajax-loader.gif") center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

        
        
        
/*  ----------------------------------------------------------------------------
    Gallery popup
*/


#cboxLoadedContent{
    overflow: hidden !important;
}


#cboxOverlay {

    background: url('../images/footer/bg-footer.png') repeat #888888 !important;
}

#cboxBottomRight,  #cboxBottomCenter, #cboxBottomLeft, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxCurrent{
    display: none !important;
}


#cboxNext {
    position: absolute;
    bottom:10px;
    left:auto !important;
    right: 10px;
    background:url('../images/footer/arrow-next.png') no-repeat transparent;
    width:38px;
    height:38px;
    
}

#cboxPrevious {
    position: absolute;
    bottom:10px;
    left:auto !important;
    right: 48px;
    background:url('../images/footer/arrow-back.png') no-repeat transparent;
    width:38px;
    height:38px;
}

#cboxClose {
    position: absolute;
    top:10px;
    right:10px;
    background: url('../images/icons/gallery-close.png') no-repeat transparent;
    width: 38px;
    height: 38px;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

#cboxClose.hover, #cboxPrevious.hover {
    opacity: 0.8;
}
#cboxNext.hover {
    opacity: 0.8;
}

#cboxWrapper {
    margin-left: 20px;
}

#cboxContent {
    margin: 10px;
    
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75) !important;
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75) !important;
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75) !important;
}


#cboxLoadedContent {
    margin-bottom: 0px;
}

#cboxTitle {
    display: none !important;
}



/*
    =======================================================================================================

    Name          : wp embed tags and shortcodes
    File          : content-embed.css

    =======================================================================================================
*/


/* all the embeds */
 iframe {
    max-width: 100%;

}


/* Large desktop */
@media (min-width: 1200px) {
    /* all the embeds */
    #sidebar iframe.video {
        max-width: 100%;
        height: 200px;
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    /* all the embeds */
    #sidebar iframe.video {
        max-width: 100%;
        height: 120px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 480px) {

}


#content iframe.video {
    height: 380px;
}


@media (max-width: 580px) { 
    .post iframe.video {
        height: 250px !important;
    }
}

/* sound cloud fix */
.td_embed_soundcloud iframe {
    height: 165px !important;
}



/*
    =======================================================================================================

    Name          : Footer
    File          : footer.css

    =======================================================================================================
*/

.pagination {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 44px;
    margin-top: 44px;
}


.pagination-disabled {
    opacity: 0.4;
}

#footer {
    position: relative;
    margin-right: 49px;
    margin-bottom: 20px;
    clear: both;
}

div.footer-left {
    margin-right: 0px !important;
    margin-left:49px;
}

.footer-main {
    display: block;
    font-family: 'Open Sans', arial, sans-serif;
    
    padding: 10px 0px 20px 0px;
    font-size: 20px;
    font-weight: 600;
    color:#1a1a1a;    
    text-transform:uppercase;


    height: 10px;
}


.footer-main:before {
    position:absolute;
    top:0px;
    left:0px;
    
    display:block; 
    content:''; 
    height:3px; 
    width:100%; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    background: url('../images/footer/line.png') repeat-x transparent;
}
.footer-main:after {
    position:absolute;
    bottom:21px;
    left:0px;
    
    display:block; 
    content:''; 
    height:3px; 
    width:100%; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    background: url('../images/footer/line.png') repeat-x transparent;
}





.footer-main span {
    padding-left: 30px;
}

.footer-main a {
    text-decoration: none;
    color:#1a1a1a;    
}

.footer-logo {
    float: left;
}
.footer-menu {
    float: right;
    position: relative;
    top:4px;
    
}


.footer-icons {
    text-align: right;
}

.footer-copy {
    font-size: 13px;
    font-family: Arimo, sans-serif !important;
    padding-top: 5px;
}


.footer-bottom {
    position: relative;
    top:10px;
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    #footer{
        margin-right: 0px;
    }
    
    .footer-main {
        padding: 10px 0px 50px 0px;
    }
    .footer-logo {
        width: 100%;
        text-align: center;
    }
    
    
    .footer-menu {
       width: 100%;
        text-align: center;
    }
    
   
}


/* Large desktop */
@media (min-width: 980px) and (max-width: 1200px) {
    .footer-menu span {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .footer-menu span {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .footer-logo {
        width: 100%;
        text-align: center;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 620px) {
    .footer-copy {
        display: none !important;
    }
    
    .footer-icons {
        display:none !important;
    }
    
     .footer-main {
        padding: 10px 0px 100px 0px;
    }
    
    .footer-menu span {
        padding-left: 10px;
        padding-right: 10px;
    }
}



/*
    =======================================================================================================

    Name          : custom grid
    File          : grid.css

    =======================================================================================================
*/


.half-grid {
    width: 275px;
    float: left;
    min-height: 1px;
    margin-left: 20px;
}


/* Large desktop */
@media (min-width: 1200px) {
    .half-grid {
        width: 345px;
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }
}




/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .half-grid {
        width: 203px !important;
        margin-left: 20px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .half-grid {
        display: block;
        width: 100% !important;
        margin-left: 0px;
    }
}


/*  ----------------------------------------------------------------------------
    Spacers to use with rows
*/

.row-spacer {
    margin-top: 24px  !important;
}

.row-spacer-medium {
    margin-top: 48px !important;
}


.row-spacer-big {
    margin-top: 72px !important;
}



/*
    =======================================================================================================

    Name          : Header menu
    File          : header-menu.css

    =======================================================================================================
*/

/*  ----------------------------------------------------------------------------
    separator
*/
ul.js-jquery-dropdown > li:before {
    position:absolute;
    top:0px;
    left:-1px;
    
    display:block; 
    content:''; 
    height:100%; 
    width:1px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    background: url('../images/header/separator.png') repeat transparent;
    z-index: -1;
}

ul.js-jquery-dropdown > li:hover:before, 
.current-menu-parent:before,
.menu-item-first:before
{
    display: none !important;
    
    
}


/*  ----------------------------------------------------------------------------
    social
*/
ul.js-jquery-dropdown .td-social-wrap {
    position: relative;
    top:-1px;
    padding-bottom: 1px !important;
    padding-top: 7px;
    padding-right: 6px;
}


/*  ----------------------------------------------------------------------------
    menu
*/

@media (max-width: 600px) { 
    
}


 
@media (max-width: 767px) { 
    ul.js-jquery-dropdown > li {
        float: none !important;
        display: inline-block !important;
    }

}

@media (max-width: 550px) {
   
    ul.js-jquery-dropdown li { /* the main menu */
        float: none !important; 
        zoom: 1; 
        width:100% !important;
    }
    
      
    
    .js-jquery-dropdown-wrapper {
        width: 100%;
    }
    
    
    ul.js-jquery-dropdown ul {
        width:100% !important;
         border-radius: 0px 0px 4px 4px !important; 
        -moz-border-radius: 0px 0px 4px 4px !important; 
        -webkit-border-radius: 0px 0px 4px 4px !important;
    }
    
    body .dropdown-menu-moved { /* css fix for overflow script */
        left:0px !important;
    }
    
    
    ul.js-jquery-dropdown {
        margin: 0 auto !important;
        text-align: left;
    }
    
    
        ul.js-jquery-dropdown ul li a { 
        width: 100% !important;
    }
    ul.js-jquery-dropdown ul li a {
        padding-left: 40px !important;
    }
    
    .sub-menu {
        opacity: 0.97;
    }
    
}



.js-jquery-dropdown { 
    z-index: 9999;
}



.hover {
    z-index: 999 !important;
}

#header-menu-wrap .container {
    padding: 0px;
}



ul.js-jquery-dropdown, .js-jquery-dropdown ul { /* set up the list style for our menu and submenu */
    position: relative; 
    list-style: none;
    margin: 0px;
    padding: 0px;
}




ul.js-jquery-dropdown li a { /* ALL the links */
    display: block; 
    text-decoration: none !important;

    
    color:white;
    

}


ul.js-jquery-dropdown li { /* change the position of the top menu, for shadows */
    position: relative;
    
}

/*  ----------------------------------------------------------------------------
    the main tabs
*/
ul.js-jquery-dropdown li { /* main manu tabs */
    float: left; 
    zoom: 1; 

    
}


ul.js-jquery-dropdown > li > a {
    padding: 13px 18px 13px 18px !important;
    font-size: 16px;
    font-family: 'Open Sans', arial, sans-serif;
    line-height: 30px;
}


.menu_icon {
    position: relative;
    top:-2px;
}


/*  ----------------------------------------------------------------------------
    current selected top menu
*/

.current_page_item_ex_pa > a {
    
}

.current_page_item_ex > a {
    
}


.menu-no-back a { /* used by js to disable the background on touch devices */
    background-image: none !important;
    background-color: transparent !important;
}



ul.js-jquery-dropdown > .current_page_item > a, /* selected top menu */
ul.js-jquery-dropdown > .current-menu-parent > a, /* selected top menu with submenu */
ul.js-jquery-dropdown > li > a:hover, /* hover top menu */
ul.js-jquery-dropdown li.hover > a /* hover top menu with submenu */
{
    background: url('../images/header/bg-menu.png') repeat #474747;
}




ul.js-jquery-dropdown > .current_page_item > a:before, /* selected top menu */
ul.js-jquery-dropdown > .current-menu-parent > a:before /* selected top menu with submenu */
{ 
    position:absolute;
    top:0px;
    left:0px;
    
    display:block; 
    content:''; 
    height:100%; 
    width:9px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    
    background: url('../images/header/menu-shadow-left.png') repeat transparent;
}


ul.js-jquery-dropdown > .current_page_item > a:after, /* selected top menu */
ul.js-jquery-dropdown > .current-menu-parent > a:after /* selected top menu with submenu */
{ 
    position:absolute;
    top:0px;
    right:0px;
    
    display:block; 
    content:''; 
    height:100%; 
    width:9px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    
    background: url('../images/header/menu-shadow-right.png') repeat transparent;
}




.sub_menu_arrow { /* small arrow for menus with submenus */
    position: relative;
    width:11px;
    height: 7px;
    background-image: url('../images/header/menu_arrow.png');
    display: inline-block;
    vertical-align:bottom;
    top:-10px;
    left:3px;
    margin-left: 3px;
}



/*  ----------------------------------------------------------------------------
    current top tab
*/
.js-jquery-dropdown > .menu-selected { /* main manu selected li element */
    position: relative;
}

.menu-selected > a { /* main menu selected link */
    padding:5px 14px 5px 14px !important;
    
}








/*  ----------------------------------------------------------------------------
    dropdown
*/

ul.js-jquery-dropdown li.hover, ul.js-jquery-dropdown li:hover { /* hover submenu for .hover class - the .hover class is added by javascript */
    position: relative; 
}


/* submenu wrap */
ul.js-jquery-dropdown ul { /* hover on menu (the dropdown menu) */
    top:56px;
    width: 200px; 
    display:none;
    position: absolute; 
   
   
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);
  
    background-color: #3a3a3a;
    overflow-x: hidden;
    z-index: -1;
    overflow: hidden;
    
   
    font-family: 'Open Sans', arial, sans-serif;
    line-height: 20px;
    font-weight: 400;
    font-size: 15px;
}



ul.js-jquery-dropdown ul li {
    float: none; 
}

ul.js-jquery-dropdown ul li a { /* .sub-menu a */
    padding: 4px 0px 7px 15px;
    margin-left:2px;
    margin-top: 4px;
    margin-bottom: 4px;
    
    border-right: none; 
    width: 165px; 
    display: inline-block; /* IE 6 & 7 Needs Inline Block */
    
    
    -o-transition: all 0s  !important;
    -webkit-transition: all 0s  !important;
    -moz-transition: all 0s !important;
    transition: all 0s  !important;
    opacity: 1 !important;
} 

.sub-menu li:last-child {
    position: relative;
}


ul.js-jquery-dropdown ul li.current-menu-item a, /* selected menu item from dropdown */
ul.js-jquery-dropdown ul li a:hover 
{ 
    background-color: #f16532;
    
    
    padding-left: 17px;
    padding-right: 3px;
    width: 180px;
    
    
    margin-left: 0px;
    position: relative;
    
    /* cover the line */
    
    
    border-bottom: none !important;
}


ul.js-jquery-dropdown ul li.current-menu-item a:before, 
ul.js-jquery-dropdown ul li a:hover:before
{
    position:absolute;
    top:-7px;
    left:0px;
    
    display:block; 
    content:''; 
    height:7px; 
    width:180px; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    
    background: url('../images/header/submenu-shadow-down.png') no-repeat transparent;
    background-position: center bottom;
    z-index: -1;
}


ul.js-jquery-dropdown ul li.current-menu-item a:after, 
ul.js-jquery-dropdown ul li a:hover:after
{
    position:absolute;
    bottom:-8px;
    left:0px;
    
    display:block; 
    content:''; 
    height:7px; 
    width:180px;
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    
     background: url('../images/header/submenu-shadow-up.png') no-repeat transparent;
    background-position: center top;
    z-index: -1;
}

.sub-menu li:last-child a {
    border-bottom: none !important;
}

.dropdown-menu-moved { /* this class is added to the menu when there is not enought space on the right to show it*/
    left:-50px !important; /* move the menu */
}



.ie8 #footer {
    display: none;
}

.ie8 .td-3d-object {
    display: none;
}

.ie8 .gallery-frame  {
    left:-35px;
    top:-35px;
}

.ie8 .gallery-image-post {
    margin-top: 63px !important;
}



/* images */
.ie8 .wp-post-image img {
    margin-left:0px !important;
    padding-top: 0px !important;
}

.ie8 .ie8-remove-frame {
    display: none !important;
}

.ie8 .gallery-text {
    position: relative;
    left:-34px !important;
    top:-30px;
}

.ie8 .text-frame-wrap {
    top:-181px;
}



/* phone */
@media (min-height: 800px) {
    .ie9 .text-frame-wrap {
        margin-top:16px;
    }
}


.ie8 .cat-rating img {
    display: none;
}



/*
    =======================================================================================================

    Name          : IE9 fix
    File          : .css

    =======================================================================================================
*/


.ie9 input[type="text"]
{
    padding-top: 11px  !important;
    
}



/*  */

.justified-image-grid {
    
}

.jig-loadMoreButton {
    border: none !important;
    text-transform: uppercase !important;
    font-weight: bold;
    font-size: 11px;
    color:#444444;
    background-color: #eaeaea !important;
   
    
    margin: 0px 0px 0px 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0px 10px 0px !important;
    
    
}


.jig-caption-title {
    font-family: 'Droid Serif', serif;
    font-size: 15px !important;
    font-weight: normal !important;
    
}

.page-template-page-home-justified-php #content p, 
.page-template-page-home-justified-php #content .sharedaddy
{
    display: none;
}

.page-template-page-home-justified-php #content .jig-loadMoreButton {
    
}

.page-template-page-home-justified-php .content-right-wrap > h5 {
    padding-top: 0px;
    margin-top: -12px;
    padding-bottom: 23px;
}



/*  */


.widget_most_viewed_bars {
    margin-right: 30px !important;
    display: block !important;
}


.popular_posts_bars_comment_count_hold a {
    font-family: 'Open Sans', arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform:uppercase;
}



/* 
    Document   : plugin-socialbox
    Created on : Mar 3, 2013, 10:03:45 AM
    Author     : ra
    Description:
        Purpose of the stylesheet follows.
*/

.socialbox-style-tutsflavor li {

}


.socialbox-style-tutsflavor p {
    font-family: 'Open Sans', arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform:uppercase;
    color:#545454 !important;
    display:none !important;
}

.socialbox-style-tutsflavor p span {
    font-weight: 600 !important
}


.socialbox-style-tutsflavor a {
    border-radius: 0px !important;
    border: none !important;
    background-image: none !important;
    text-shadow: none !important;
    background-color: #eaeaea !important;
    text-transform: uppercase;
    
    -webkit-box-shadow: none !important;
-moz-box-shadow:    none !important;
box-shadow:         none !important;



    font-size: 11px !important;
    font-weight: 700 !important;
    position: relative;
    top:2px;
}

.socialbox {
    margin-top: 24px !important;
}




/* Large desktop */
@media (min-width: 1200px) {
    .socialbox-style-tutsflavor p {

        display:inline-block !important;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
}

/* Landscape phones and down */
@media (max-width: 480px) {
    
}



/*
    =======================================================================================================

    Name          : Portfolio pages (templates)
    File          : .css

    =======================================================================================================
*/



/*  ----------------------------------------------------------------------------
    shadows
*/
.p-item-o-shadow {
    position: absolute;
    width: 100%;
    height: 14px;
    bottom: 0px;
    background: url('../images/portfolio/shadow.png') repeat transparent;
}

.p-item-v-shadow-left {
    position: absolute;
    width: 14px;
    height: 100%;
    bottom: 0px;
    right: 0px;
    background: url('../images/portfolio/shadow-vertical-left.png') repeat transparent;
}


.p-item-v-shadow-right {
    position: absolute;
    width: 14px;
    height: 100%;
    bottom: 0px;
    left: 0px;
    background: url('../images/portfolio/shadow-vertical-right.png') repeat transparent;
}


.p-item-color { /* general color / dafault */
    background-color: #733c6d;
    background-repeat: no-repeat;
    background-position: bottom right;
    color:white;
}



.p-item {
    margin-bottom: 52px;
    margin-top: 24px;
}




/*  ----------------------------------------------------------------------------
    short description style (only for non bar items + side bar)
*/

.p-short-desc {
    padding: 0px 28px 21px 27px;
    
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.p-short-desc h3 {
    padding-top: 18px !important;
    color:white;
}

.p-short-desc p {
    padding-top: 15px !important;
}

@media (max-width: 767px) {
    .p-two-items-js .span6,
    .p-two-bar-items-js .span6
    { /* margin top on responsive */
        margin-top: 50px;
    }
    
    .p-two-items-js .span6:first-child,
    .p-two-bar-items-js .span6:first-child
    {  /* margin top on responsive */
        margin-top: 0px !important;
    }
    

}


/*  ----------------------------------------------------------------------------
    category, picture and see more
*/


.p-item-pic-wrap {
    position: relative;
    cursor: pointer;
}

.p-item-pic-wrap aside { /* category */
    position: absolute;
    top:0px;
    left:0px;
    padding: 10px 18px;
}

.p-item-pic-wrap a { /* read more link */
    background-color: #414141;
    display: inline;
    padding: 10px 15px 10px 15px;
    position: absolute;
    bottom:0px;
    right:0px;
    font-size: 13px;
    font-weight: 300;
    color:white;
    opacity: 0.9;
}

.p-item-right a {
    left:0px;
    right:auto;
}

.p-item-right aside {
    right: 0px;
    left:auto;
}

.p-item-pic-wrap a:hover {
    opacity: 1;
}

.p-item-pic-wrap a img {
    padding-left: 5px;
}

/* see more  */
.current-see-more {
    
    background: url('../images/background/bg-black.png') repeat #343434;
    background-position: 0px -7px;
    opacity: 1 !important;
}


/* the close button in see more */
.p_close {
    display: none;
}

.current-see-more img, /* for see more items */
.current-item-is-opend .td_retina /* for bar items */
{
    display: none;
}

.current-see-more .p_close, /* for see more items */
.current-item-is-opend .p_close /* for bar items */
{
    display: inline !important;
}







/*  ----------------------------------------------------------------------------
    Long description
*/
.admin-edit {
   position: absolute;
   top:24px;
   right: 0px;
}


.p-item-long-description .container {
    position: relative;
}

.p-item-long-description {
    display: none;
    background: url('../images/background/bg-black.png') repeat #343434;
    padding-bottom: 27px;

}



/* tablet portrait */
@media (max-width: 767px) {
    .p-item-long-description {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}




/*  ----------------------------------------------------------------------------
    2 items 1 row :)
*/


.p-two-items-wrap,  
.p-two-items-wrap .span6
{ /* grid fix */
   margin-left: 0px;
}





@media (min-width: 980px) {
    .p-two-items-wrap .span6 {
        width: 470px;
    }

}

/* tabler landscape */
@media (min-width: 768px) and (max-width: 979px) {
    .p-two-items-wrap .span6 {
        width: 362px !important;
    }
}



/*  ----------------------------------------------------------------------------
    the two non bar items long descriptions
*/


/* tablet landscape */
@media (min-width: 768px) {
    .inline-desc{
        display: none !important;
    }
}

/* tablet portrait */
@media (max-width: 767px) {
    .not-inline-desc{
        display: none !important;
    }
}



/*  ----------------------------------------------------------------------------
    bar items
*/


.p-bar-info {
    margin-top: 14px;
    background-color: #171717;
    cursor: pointer;
    height: 47px;
    color:white;
}

.p-bar-info header {
    padding: 11px 0px 0px 19px;
}





.p-bar-item .more-icon {
    float:right;
    height: 47px;
    width: 47px;
    padding: 0px !important;
}




.p-two-bar-wrap {
    margin-left: -15px;
}
.p-two-bar-wrap .span6 {
    margin-left: 15px;
}

@media (min-width: 980px) {
    .p-two-bar-wrap .span6 {
        width: 462px;
    }

}

/* tabler landscape */
@media (min-width: 768px) and (max-width: 979px) {
    .p-two-bar-wrap .span6 {
        width: 354px !important;
    }
}


/* tablet portrait */
@media (max-width: 767px) {
    .p-two-bar-wrap {
        margin-left: 0px;
    }
    .p-two-bar-wrap .span6 {
        margin-left: 0px;
    }
}



/*  ----------------------------------------------------------------------------
    ALL two items images
*/


/* tablet portrait */
@media (max-width: 767px) {
    .p-two-items-wrap .p-item-pic-wrap > img { /* make the images 100% on tablets and phons */
        width: 100%;
    }
    
    .p-bar-item .p-item-pic-wrap > img { /* make the images 100% on tablets and phons */
        width: 100%;
    }
}

/* fix for the image + side text, we need that to move the text down faster */
@media (max-width: 979px) {
    .item-withRightText div.span6 { 
        display:block;
        float:none;
        width: 100% !important;
    }
    
    article.item-withRightText .p-item-pic-wrap > img { 
        width: 100% !important;
    }
}


/*  ----------------------------------------------------------------------------
    type5, and type10 (right text + picture)
*/

.p-type5 .p-item-color, 
.p-type10 .p-item-color 
{
    background-position: bottom left;
    
}

.p-type5 .span6, 
.p-type10 .span6 
{
    background-position: bottom right;
    background-repeat: no-repeat;
}

@media (min-width: 979px) {
    .p-type5 .span6, 
    .p-type10 .span6 
    {
        background-image: none !important;
        background-color: transparent !important;
    }
}


/*  ----------------------------------------------------------------------------
    static portfolio page
*/

.p-static-image {
    position: relative; 
    top:35px;
    padding-bottom: 83px;
}

.p-static-content h3:first-child {
    padding-top: 24px !important;
}



/*  ----------------------------------------------------------------------------
    title
*/


.rating-wrap {
    margin-top: 38px;
}


.rating-title-wrap td {
    background-color: #ececec;
    border:1px solid #dbdbdb;
    padding: 12px;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    text-transform: uppercase;
}


/*  ----------------------------------------------------------------------------
    rating category
*/

.rating-stars {
    width: 100px;
    text-align: center;
}


.rating-desc-wrap td {
    background-color: #f6f5f2;
    border-bottom:1px solid #eae9e8;
    border-left:1px solid #eae9e8;
    border-right:1px solid #eae9e8;
    padding: 12px;
}

/*  ----------------------------------------------------------------------------
    summary
*/

.rating-score-wrap {
    text-align: center;
}

.rating-sum-wrap td {
    background-color: #ececec;
    border:1px solid #dbdbdb;
    padding: 12px;
}

.rating-sum-wrap h5 {
    padding-top: 2px !important;
    padding-bottom: 7px;
}

.rating-score {
    font-size:60px;
    color:#444444;
    font-weight: 600;
    line-height: 60px;
}



/*
    =======================================================================================================

    Name          : Retina support
    File          : .css

    =======================================================================================================
*/




@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
           
          

           .sub_menu_arrow { 
               background-image: url('../images/header/menu_arrow@2x.png') !important;
               background-size: 100% !important; 
           }


           
           
           .side-tab-top-current {
                background: url('../images/header/tab@2x.png') no-repeat transparent !important;
                background-size: 100% !important; 
                background-position: bottom !important;
            }
            
          

           
}



#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("../images/scroll-top/top.png") no-repeat left top;
}

#toTopHover {
	background:url("../images/scroll-top/top.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

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



/* 
    Document   : sidebar
    Created on : Feb 4, 2013, 1:12:07 PM
    Author     : ra
    Description:
        Purpose of the stylesheet follows.
*/




/* / end comments */
/*  ----------------------------------------------------------------------------
    Sidebar
*/

.page-sidebar-left #sidebar {
    background: url('../images/separator-shadow.png') repeat-y white;
    background-position: right;
}

.page-sidebar-right #sidebar {
    background: url('../images/separator-shadow-right.png') repeat-y white;
    background-position: left;
}


@media (min-width: 768px) and (max-width: 979px) {
    
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
   #sidebar {
       display: none;
   }
}

/* Landscape phones and down */
@media (max-width: 480px) {
   #sidebar {
       display: none;
   }
}



#sidebar a {
    color:#444444;
}

#sidebar a:hover {
    opacity: 0.8;
}

#sidebar ul {
    list-style-type:none;
    list-style: none;
    list-style-image:none;
    margin:0;
    padding: 0px;
}

#sidebar .widget {
    margin-top:35px;
    margin-bottom: 15px;
}

.widget-title {
    
    margin-bottom: 17px;
    padding-bottom: 7px;
    padding-top: 0px;
    
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 23px;
}


/*  ----------------------------------------------------------------------------
    Sidebar - recent posts
*/

.recent_entries_dated_widget div {
    font-size:11px;
    color:#aba6a1;
    font-weight: 300;
}

.recent_entries_dated_widget li {
    margin-top: 10px !important;
    line-height: 17px;
    padding: 0px !important;
}

footer.entry-meta {
    clear:left;
}


/*  ----------------------------------------------------------------------------
    sidebar scroll widget - tabs
*/

.ScrollInfoWidget { /* widget wrapper */
    margin-top: 31px !important;
}


#content-scroll-header { /* top tabs wrapper */
    position: relative;
    left:-24px;
    width: 250px;
    border-bottom:1px solid #ededed;
    padding-left: 29px;
    margin-bottom: 19px;
  
}

.side-tabs {
    padding: 0px;
    
}

.side-tabs li {
    display: inline-block;
    position: relative; 
    list-style: none;
    width: 93px;
    text-align: center;
    position: relative;
    padding: 0px !important;
    height: 55px;
    position: relative;
    top:10px;
    
    
}


#sidebar .side-tabs a {
    color:#666666;
    
  
}
.side-tabs li a {
    font-family: 'Open Sans', arial, sans-serif;
    font-size:15px;
    
    font-weight: 600;
    text-decoration: none !important;
}

.side-tab-top-current {
    background: url('../images/header/tab.png') no-repeat transparent;
    background-position: bottom;
    
}

.side-tab-top-current a {
    color:black !important;
}

.side-tab {
    display: none;
}

.side-tab-current {
    display: block;
}

.side-tab .widget {
    padding-left: 0px !important;
    padding-right: 9px !important;
}


.last-tab {
    display: none !important;
}

/* Large desktop */
@media (min-width: 1200px) {
    #content-scroll-header { /* top tabs wrapper */
        width: 320px !important;
    }
    .last-tab {
        display: inline-block !important;
    }
}


/* Large desktop */
@media (max-width: 1199px) {
    .last-tab {
        display: none !important;
    }
    .side-tabs {
        padding-left: 17px !important;
    }
    #content-scroll-header { /* top tabs wrapper */
        width: 250px !important;
    }

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .last-tab {
        display: none !important;
    }
    
    .side-tabs {
        display: none !important;
    }
    
    #content-scroll-header { /* top tabs wrapper */
        width: 178px !important;
        height: 18px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}






/*  ----------------------------------------------------------------------------
    sidebar scroll widget - scrooll
*/

.affix {
    top:0px !important;
}



.sidebar-scroll-widget {
    width: 241px;
}  

/* Large desktop */
@media (min-width: 1200px) {
   .sidebar-scroll-widget {
      width: 310px; 
   }
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
   .sidebar-scroll-widget {
       width: 169px;

   }
}



.sidebar-scroll {
   height: 1000px; 
   overflow: hidden; 
   outline: none; 
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}


/*  ----------------------------------------------------------------------------
    sidebar articles
*/


#sidebar .art-title {
    padding-top: 6px !important;
}
#sidebar .art-title a {
    font-size:18px;
    font-family: 'Droid Serif', serif;
    
}
#sidebar .art-meta {
    padding-top: 1px;
    padding-bottom: 15px;
    font-size:12px;
    font-family: 'Open Sans', arial, sans-serif;
    font-style: italic;
}

#sidebar .wp-post-image {
    padding-bottom: 35px;
}

/*  ----------------------------------------------------------------------------
    sidebar ad
*/

.sidebar-ad-box {
    padding-bottom: 22px;
}



/* Tiny Scrollbar */
#scrollbar1 { 
    width: 100%; 
}


#scrollbar1 .viewport { 
    width: 90%; 
    height: 200px; 
    overflow: hidden; 
    position: relative; 
}


#scrollbar1 .overview { 
    list-style: none; 
    position: absolute; 
    left: 0; 
    top: 0; 
    padding: 0; 
    margin: 0;
}


#scrollbar1 .scrollbar{ 
    background: transparent url(../images/tinyscrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; 
    position: relative; 
    background-position: 0 0; 
    float: right; 
    width: 15px; 
}


#scrollbar1 .track { 
    background: transparent url(../images/tinyscrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; 
    height: 100%; 
    width:13px; 
    position: relative; 
    padding: 0 1px; 
}


#scrollbar1 .thumb { 
    background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; 
    height: 20px; 
    width: 25px; 
    cursor: pointer; 
    overflow: hidden; 
    position: absolute; 
    top: 0; 
    left: -5px; 
}


#scrollbar1 .thumb .end { 
    background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0; 
    overflow: hidden; 
    height: 5px; 
    width: 25px; 
}


#scrollbar1 .disable { 
    display: none; 
}


.noSelect { 
    user-select: none; -o-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}



/*
    =======================================================================================================

    Name          : Wp shortcodes
    File          : wp-shortcodes.css

    =======================================================================================================
*/



/*  ----------------------------------------------------------------------------
    Dropcap
*/


.dropcap {
    float:left;
    display: block;
    font-size:31px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    background-color: #FB5502;
    color:white;
    text-align: center;
    margin-right: 5px;
    margin-top:8px;
    padding-right: 2px;
    
    font-family: 'Droid Serif', serif;
}

/*ala cu masca*/
.dropcap1 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.dropcap2 {
    background-color: transparent !important;
    color:white;
    font-size: 35px;
    height: 30px;
}

.dropcap3 {
    background-color: transparent !important;
    color:white;
    font-size: 35px;
    font-weight: bold;
    height: 30px;
}



/*  ----------------------------------------------------------------------------
    Divider
*/


.divider {
   height: 0px;
   line-height: 0px;
   border-top: 1px solid #cccccc;
   margin: 26px 0px 0px 0px;
}

.divider1 {
    border-top: 1px dotted #cccccc;
}

.divider2 {
    border-top: 1px dashed #cccccc;
}

.divider3 {
    border-top: 3px double #cccccc;
}



/*  ----------------------------------------------------------------------------
    Social
*/


.social-icon {
    margin: 5px;
}



.social-wrap img {
    background-color: #242424;
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    margin: 0px;
    margin-top: 10px !important;
    margin-right: 10px !important;
    opacity: 0.9;

}

.social-wrap img:hover {
    -o-transition: all 0.4s !important;
    -webkit-transition: all 0.4s !important;
    -moz-transition: all 0.4s !important;
    transition: all 0.4s !important;
}


.social-facebook:hover {
    
    background-color: #3C5A98;
}

.social-twitter:hover {
    background-color: #00ACED;
}

.social-delicious:hover {
    background-color: #DDDDDD;
}

.social-deviantart:hover {
    background-color: #C8DA30;
}

.social-digg:hover {
    background-color: #575757;
}


.social-flickr:hover {
    background-color: #C61B83;
}

.social-linkedin:hover {
    background-color: #006599;
}

.social-picasa:hover {
    background-color: #D2862C;
}

.social-rss:hover {
    background-color: #FF7920;
}

.social-skype:hover {
    background-color: #65C4F9;
}

.social-stumble:hover {
    background-color: #54D264;
}


.social-vimeo:hover {
    background-color: #006599;
}

.social-youtube:hover {
    background-color: #B62325;
}


/*  ----------------------------------------------------------------------------
    Highlight
*/


.hightlight_background {
    background-color: #FB5502;
    color:white;
    padding: 2px 5px 2px 5px;
}

.highlight1 {
    border: 1px dashed white;
}

.highlight2 {
    border: 1px dotted white;
}

.highlight3 {
    font-weight: 600;
}

.highlight4 {
    font-weight: bold;
}

.hightlight_noBackground {
    color: #FB5502;
}

.highlight5 {
    font-weight: 600;
    border-bottom: 1px dashed #FB5502;
}
.highlight6 {
    font-weight: 500;
    border-bottom: 1px dotted #FB5502;
}

.highlight7 {
    font-weight: 600;
    border-bottom: 1px dashed #FB5502;
    font-style:italic;
}

.highlight8 {
    font-weight: 500;
    border-bottom: 1px dotted #FB5502;
    font-style:italic;
}

.highlight9 {
    font-weight: bold;
    border-bottom: 1px solid #FB5502;
    font-style:italic;
}


/*  ----------------------------------------------------------------------------
    nice scroll
*/





.content-scroll {
    padding: 0px 10px 0px 0px;
}
.content-scroll p:first-child {
    padding-top: 0px;
}




/*  ----------------------------------------------------------------------------
    toggle
*/


.toggle-icon-visible {
    width: 21px;
    height: 21px;
    background-color: #fb5502;
    float:left;
    margin-right: 12px;
    background-image: url('../images/icons/arrows-toglles.png');
    position: relative;
    top:-1px;
}


.toggle-icon-hidden {
    width: 21px;
    height: 21px;
    background-color: #fb5502;
    float:left;
    margin-right: 12px;
    background-image: url('../images/icons/arrows-toglles.png');
    background-position: 21px 0px;
    position: relative;
    top:-1px;
    
}


body .content-toggle {
    
    font-size: 24px;
    font-weight: 300;
    text-decoration: none !important;
}

.toggle-h4 {
    margin-top: 10px;
    line-height: 20px !important;
    
}

.toggle-space {
    margin-bottom: 50px;
}

.toggle-panel-hide, .toggle-panel-show {
    padding-left: 40px;
    overflow-x: auto;
}

.content-toggle-code {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    background-color: #F7F7F7;
    color:#333333;
    border: none;
    padding: 20px 20px 20px 40px;
    
    
    overflow-x: auto;
    overflow-style: scrollbar;
    white-space: nowrap;
    margin-top: 12px;
    
}

/* bug fix for white space wrap in content*/
#content .row .content-toggle-code {
    white-space:normal !important;
}


.content-toggle-code strong {
    color:#FB5502;
}


/*  ----------------------------------------------------------------------------
    nice header
*/

.nice-header {
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
    display:block !important;
}


/*  ----------------------------------------------------------------------------
    video
*/
#content .nice-videos-player iframe {
    height: 320px !important;
    max-height: 5000px;
    position: relative;
    left:20px;
}
.video-player {
    height: 320px !important; 
    
    overflow-x: auto; 
    overflow-y: hidden; 
    outline: none; 
    
    color:white !important;
}


.content-scroll-item {
    height: 64px;
    border-bottom:1px solid #4F4F4F;
    padding: 0px 0px 15px 0px;
    margin-bottom: 15px;
    cursor: pointer;
    opacity: 0.8;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    line-height: 20px;
}

.content-scroll-item a {
    color:white;
    
}

.content-scroll-item:hover {
    opacity: 1;
}

.content-scroll-item img {
    float:left;
    width:118px !important; 
    height:64px !important;
}

.content-scroll-item .title {
    margin-left: 128px;
}

.content-scroll-item .description {
    margin-left: 128px;
    font-size:11px;
}



.content-scroll-selected {
    opacity: 1 !important;
}


/*  ----------------------------------------------------------------------------
    gallery
*/
.gallery {
    position: relative;
    top:24px;
}


.gallery-item a,
.gallery-item a:hover
{
    -o-transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.gallery-columns-3 .gallery-item {
    width: 33.3333% !important;
}

.gallery-columns-2 .gallery-item {
    width: 50% !important;
}


.gallery-columns-4 .gallery-item {
    width: 25% !important;
}

.gallery-item {
    margin: 0px !important;
    position: relative;
    float: left;
}

.gallery-item img {
    border: none !important;
}

body .gallery .gallery-caption {

    background-color: #df2020;
    background-image: none;
    color:white;
    
    position: absolute;
    bottom:10px;
    left: 10px;
    padding: 4px 8px !important;
    opacity: 0;
    
    
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    
    background-image: none !important;
    
    overflow: hidden;
    max-width: 110px;
    height:20px;
}


.gallery-item:hover .gallery-caption {
    opacity: 0.9;
}


/*  ----------------------------------------------------------------------------
    dot
*/

.td_dot {
    display: inline-block;
    height: 3px;
    width: 3px;
    background-color: white;
    margin: 0px 5px 0px 5px;
}


/*  ----------------------------------------------------------------------------
    Table
*/

.easy-table {
    margin-top: 24px;
}

.easy-table td {
    
    font-size: 14px;
}

.easy-table tr:hover td {
    
}

.table-bordered td, 
.table-bordered th,
.table-bordered
{
    
}

.table-striped tbody tr:nth-child(odd) td {
    
}


/* easy table */
.easy-table .easy-table-header {
    padding-right: 20px;
}

/*  ----------------------------------------------------------------------------
    005: contact forms 7
*/
.wpcf7-form .wpcf7-text {
    width: 300px !important;
}

.wpcf7-form textarea {
    width: 625px !important;
    height: 210px !important;
}

/* tablet landscape */
@media (min-width: 768px) and (max-width: 979px) {
    .wpcf7-form textarea {
        width: 480px !important;
    }
}



/*  ----------------------------------------------------------------------------
    ads
*/

.ad-center {
    text-align: center;
    padding-top: 44px;
}

.ad-wrap {
    padding-top: 44px;
}



/* 
    Document   : wp-widgets
    Created on : Sep 17, 2012, 7:16:23 PM
    Author     : ra
    Description:
        Purpose of the stylesheet follows.
*/


.page-sidebar-left .widget {
    padding: 0px 45px 0px 24px;
}

.page-sidebar-right .widget {
    padding: 0px 24px 0px 45px;
}


/* sidebar widgets*/
.widget li {
    padding: 5px 0px 5px 0px;
}


/* sidebar menu */
#sidebar li.current-menu-item a {
    background-color: #f6f5f2 !important;
}






/*  ----------------------------------------------------------------------------
    Categories widget + menu navigation widget in sidebar
*/
.widget_nav_menu li, .widget_categories li {
    padding: 0px !important;
}

/* normal */
.widget_nav_menu a, body .widget_categories a { 
    padding-left: 18px;
    display: block;
    padding-bottom: 8px;
    padding-top: 8px;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    border-bottom:1px solid #e7e6e6;
    font-family: 'Droid Serif', serif;
    font-size:18px;

}

/* hover */
.widget_nav_menu a:hover, .widget_categories a:hover {
   

    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;

      
}

/* current category */
.widget_nav_menu .current-menu-item  a, .widget_categories .current-cat  a{
    
    border-bottom: 0px !important;

    opacity: 1 !important;
    position: relative;
    top:-1px;
}



/*  ----------------------------------------------------------------------------
    Search widget
*/
.widget_search #s {
    width: 100%;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

/* search */
.widget_search .screen-reader-text {
	display:none;
}
.widget_search #searchsubmit {
    margin-top: 10px;
    padding: 4px 8px 4px 8px;
}

/*  ----------------------------------------------------------------------------
    Calendar widget
*/


.widget_calendar .widget-title {
    margin-bottom: 10px;
}

.widget_calendar caption {
    font-size: 13px;
}

.widget_calendar #wp-calendar {
    margin-left:auto; 
    margin-right:auto;
    margin-bottom: 0px !important;
  
}

#wp-calendar tfoot {
    display: none;;
}

#wp-calendar td {
    padding:6px; 
}



/* tablet landscape */
@media (min-width: 768px) and (max-width: 979px) {
    #wp-calendar td {
        padding:3px !important; 
        font-size: 15px;
    }
}


/*  ----------------------------------------------------------------------------
    text widget
*/

.widget_text .widget-title {
    margin-bottom: 10px !important;
}



/*  ----------------------------------------------------------------------------
    Others
*/






/*contact form*/
.wpcf7-form-control {
    padding: 5px 10px;
}


/*  ----------------------------------------------------------------------------
    jetpack sharing
*/

.sharedaddy {
    padding-top: 17px;
}

.sharedaddy .sd-title {
    display: none;
}

.sharedaddy .sd-block {
    border-top:none !important;
    padding: 0px !important;
}

.sharedaddy .sd-content {
    float: left !important;
}

#wpstats {
    display: none;
}

#respond .reply-title {
    text-transform: uppercase !important;
}



/*  ----------------------------------------------------------------------------
    password protected
*/

.post-password-required label {
    padding-bottom: 10px;
}

.post-password-required label input {
    margin-left: 10px !important;
}

.post-password-required  input {
    margin-left: 75px;
    padding: 10px 18px 10px 18px;
}

#jetpack_remote_comment {
    padding-bottom: 66px;
}




/*  ----------------------------------------------------------------------------
    subscribe
*/

.jetpack_subscription_widget label {
    font-size: inherit !important;
    font:inherit !important;
    margin-bottom: 0px !important;
}

.jetpack_subscription_widget p {
    padding-top: 0px;
    padding-bottom: 10px;
}


.jetpack_subscription_widget form {
    /*margin-bottom: -10px;*/
}


/*  ----------------------------------------------------------------------------
    tags
*/
.widget_tag_cloud .widget-title {
    margin-bottom: 8px;
}


/*  ----------------------------------------------------------------------------
    facebook
*/

.widget_facebook_likebox iframe {
    height: 432px !important;
    width: 100% !important;
    
    
    left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}


/*  ----------------------------------------------------------------------------
    twitter
*/
.widget_twitter .widget-title, 
.widget_rss_links .widget-title
{
    margin-bottom: 8px;
}
.widget_twitter li {
    font-family: 'Droid Serif', serif;
    font-size: 18px;
    padding-bottom: 28px;
}



.widget_twitter li a {
font-family: Arimo, sans-serif;
font-size: 15px;
}


/*  ----------------------------------------------------------------------------
    image of the day
*/

.widget_image .wp-caption img {
    margin-top: 0px !important;
}


/*  ----------------------------------------------------------------------------
    comments
*/

.comment-list iframe {
    margin-top: 22px !important;
}

/**
 * @ENCODIA
 */

.claim {
    padding-top: 0px;
    font-size: 14px;
    line-height: 20px;
}

h3.links-widget-titles {
	background: url(../images/title-widget-links.png) no-repeat;
	border: 0;
	color: #cfffab;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 200;
	font-size: 30px;
	height: 143px;
	line-height: 32px;
	line-height: 1em;
	margin: 0;
	padding: 16px 0 0;
	padding: 1rem 0 0;
	text-align: center;
	text-shadow: 1px 1px 0 #569726;
}

.textwidget {
	background: #fff;
	border: 1px solid #d0d7cd;
}

.textwidget:last-child {
    border: none;
}

.footprint {
    font-size: 18px;
    text-align: center;
}


/*START SIDEBAR RELATED*/
.crp_related_widget a {
    display: block;
    float: left;
}

.crp_related_widget li {
    clear: both;
    height: 80px;
}

.crp_related_widget li img {
    height: 71px;
}

.crp_related_widget li a.crp_title {
    max-width: 200px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 800;
}
/*END SIDEBAR RELATED*/