/******************
 * LOGO
 ******************/
header .logo {
    float: left;
}

/******************
 * MAIN MENU
 ******************/
.sf-menu {
    float: right;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* normal gradient */
.sf-menu > li {
    /* background colors are defined in custom-navigation.php */
   
  -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
          border-radius: 5px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

  -webkit-transition: all 0.5s ease-in-out;  
     -moz-transition: all 0.5s ease-in-out;  
      -ms-transition: all 0.5s ease-in-out;  
       -o-transition: all 0.5s ease-in-out;  
          transition: all 0.5s ease-in-out;  

    line-height: 26px;
    padding: 1px 10px 0;
    margin: 0 0 10px 10px;
    border: 1px solid #888;
    border: 1px solid rgba(136, 136, 136, .3);
}

/* hover */
.sf-menu > li:hover {
    /* background colors are defined in custom-navigation.php */
    
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); 
     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); 
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.sf-menu .gradiusover {
    /* background colors are defined in custom-navigation.php */
}

/* selected button */
.sf-menu > li.current-menu-parent, .sf-menu > li.current_page_item, .sf-menu > li.current-menu-ancestor {
    /* background colors are defined in custom-navigation.php */ 
}

.sf-menu a {
    text-decoration: none;
    font-family: Helvetica;
    font-size: 12px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); 
}
.sf-menu > li > a {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
}


/******************
 * SUBMENUS
 ******************/
.sf-menu li ul {
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
    /* border color is in custom-navigation.php */
    
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); 
     -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07); 
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
          
  /* background color is in custom-navigation.php */
}
.sf-menu > li > ul {
    top: 37px !important;
}
.sf-menu > li li {
  -webkit-border-radius: 0; 
     -moz-border-radius: 0; 
          border-radius: 0;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  /* border color is in custom-navigation.php */
}
.sf-menu > li li.last {
    border-bottom: none;
}
.sf-menu > li li a {
  -webkit-border-radius: 0; 
     -moz-border-radius: 0; 
          border-radius: 0;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  margin: 0 10px;
}

.sf-menu > li ul ul {
    margin-left: 10px;
}


.sf-menu > li li.current-menu-parent > a, .sf-menu > li li.current_page_parent > a, 
.sf-menu > li li.current-menu-item > a, .sf-menu > li li.current-menu-ancestor > a {
    font-weight: bold;
}

/* for various elements */
.has-shadow {
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); 
     -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); 
          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); 
}

/* we need to expand the borders a bit to make way for the background designs */
.container_12, .container_16 {
    padding: 0 15px;
}


/* prevent slider animations from modifying the width of the page */
.page-pagemedia {
    overflow: hidden;
}

/* margins when there is NO pagemedia */
#pagemedia-container {
    min-height: 36px;
}
.layout-header-footer-full #pagemedia-container,
.layout-nav-footer #pagemedia-container,
.layout-content #pagemedia-container,
.layout-content-footer #pagemedia-container,
.layout-gradient-margin #pagemedia-container {
    min-height: 18px;
}
.layout-solid-margin-nav #pagemedia-container {
    min-height: 30px;
}

/*==========================
 * Footer copyright text
 *==========================*/
footer small {
    margin-top: 7px;
}

/*==========================
 * Social network links
 *==========================*/
footer .social-icons a {
    margin: 0 0 0 10px;
    padding: 0; 
    float: right; 
    width: 32px; 
    height: 32px;
    text-indent: -9999px; 
    display: block;
    
  -webkit-transition: all 0.3s ease-in-out;  
     -moz-transition: all 0.3s ease-in-out;  
      -ms-transition: all 0.3s ease-in-out;  
       -o-transition: all 0.3s ease-in-out;  
          transition: all 0.3s ease-in-out;  
}
footer .social-icons a:hover {
  -webkit-transform: rotate(15deg);  
     -moz-transform: rotate(15deg);  
      -ms-transform: rotate(15deg);  
       -o-transform: rotate(15deg);  
          transform: rotate(15deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix( 
                     M11=0.9659258262890683, M12=-0.25881904510252074, M21=0.25881904510252074, M22=0.9659258262890683, sizingMethod='auto expand');
               zoom: 1;
    
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); 
     -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); 
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
footer .social-icons small {
    float: right;
    margin-right: 5px;
}

/*=========================
 * Lists
 *=========================*/
ul li {
    list-style: none;
}

/*=========================
 * Footer Twitter area
 *=========================*/
footer .twitter {
    width: 898px !important;
    margin-bottom: 27px;
    font-family: Georgia;
    font-size: 1.1em;
    font-style: italic;
    min-height: 38px;
    padding: 0 0 0 70px;
}
footer .twitter small:before {
    content: '\0000a0\0000a0\0000a0/ \0000a0\0000a0';
}
footer .twitter div:first-child {
    background: rgba(255,255,255,0.2);
    padding: 8px 20px;
    float: left;
    
  -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
          border-radius: 5px;
          
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); 
     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); 
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
footer .copyright {
    margin-top: 9px;
}


/*========================
 * Page navigation
 *========================*/
.page-body div.navigation {
    text-align: right;
}
.page-body div.navigation > * {
    margin: 0 5px;
}
.page-body div.navigation .pages {
    float: left;
}

/*=========================
 * Title area
 *=========================*/
.title-area form.search {
    /*margin-top: 17px;*/
}
.title-area {
    margin-bottom: 36px;
}
section.page-pagemedia .title-area {
    margin-bottom: 20px;
}

/*========================
 * Blog Template Styles
 *========================*/
.page-body article.style-straight .preview-image img,
.page-body article.style-straight2 .preview-image img {
    width: 978px;
}
.page-body.has-sidebar article.style-straight .preview-image img,
.page-body.has-sidebar article.style-straight2 .preview-image img {
    width: 726px;
}
.page-body article.style-lefticons .preview-image img {
    width: 878px;
}
.page-body.has-sidebar article.style-lefticons .preview-image img {
    width: 626px;
}


/* straight style */
article.style-straight div.blog-details a.comments,
article.style-straight div.blog-details span.categories {
    float: right;
}
article.style-straight div.blog-details span.categories:after {
    content: '\0000a0\0000a0\0000a0/ \0000a0\0000a0';
} 
article.style-straight div.blog-details a.comments:before {
    content: '';
} 
article.style-straight div.blog-details {
    margin: 0 0 18px;
}
article.style-straight {
    margin-bottom: 36px;
}
article.style-straight div.blog-details img.avatar {
    display: none;
}


/* straight style #2 */
article.style-straight2 div.blog-details a.comments,
article.style-straight2 div.blog-details span.categories {
    float: right;
}
article.style-straight2 div.blog-details span.categories:after {
    content: '\0000a0\0000a0\0000a0/ \0000a0\0000a0';
} 
article.style-straight2 div.blog-details a.comments:before {
    content: '';
}
article.style-straight2 {
    margin-bottom: 36px;
}
article.style-straight2 div.blog-details img.avatar {
    display: none;
}
article.style-straight2 p {
    margin-top: 18px;
}
article.style-straight2 h2,
article.style-straight2 div.blog-details {
    margin-bottom: 9px;
}



/* left-sided icons style */
article.style-lefticons .title,
article.style-lefticons p {
    margin-left: 100px;
}
article.style-lefticons div.blog-details {
    float: left;
    margin-right: 20px;
    width: 80px;
}
article.style-lefticons a.preview-image {
    float: right;
    margin-bottom: 18px;
}
article.style-lefticons {
    margin-bottom: 54px;
}
article.style-lefticons div.blog-details .author,
article.style-lefticons div.blog-details h5,
article.style-lefticons div.blog-details .comments,
article.style-lefticons div.blog-details .categories {
    display: block;
    width: 100%;
    margin-top: 9px;
    text-align: right;
    clear: both;
}
article.style-lefticons div.blog-details .author-name {
    display: none;
}
article.style-lefticons div.blog-details h5,
article.style-lefticons div.blog-details .author {
    margin-top: 0;
}
article.style-lefticons div.blog-details hgroup {
    margin-bottom: 0;
    margin-top: 9px;
}
article.style-lefticons div.blog-details .comments {
    margin-top: 12px;
    width: auto;
    padding-right: 20px;
    background: url('../images/blog-comment-small.png') top right no-repeat;
}


div.blog-details {
    font-size: 10px;
}


/*=============================
 * Figures = Images + Captions
 *=============================*/
figure {
    position: relative;
    display: inline-block;
    background: black url('../images/hover-magni.png') center 45% no-repeat;
    overflow: hidden;
    line-height: 0;
    margin-bottom: 18px;
    
  -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out;  
      -ms-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;  
          
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .5);
}
figure.link {
    background: black url('../images/hover-link.png') center 45% no-repeat;
}
figure.play {
    background: black url('../images/hover-play.png') center 45% no-repeat;
}
figure:hover {
    background-position: center center;
}

figure > a img {
    opacity: 1;
    
  -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out;  
      -ms-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;  
}
figure.has-caption:before, figure.magni:before, figure.link:before, figure.play:before {
    position: absolute;
    z-index: 2;
    content: "";
    width: 15px;
    height: 15px;
    bottom: 4px;
    right: 4px;
    background: url('../images/hover-info-circle.png') no-repeat;
    display: block;
    opacity: 1;
    
  -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out;  
      -ms-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;  
}
figure.magni:before {
    background: url('../images/hover-magni-circle.png') no-repeat;
}
figure.link:before {
    background: url('../images/hover-link-circle.png') no-repeat;
}
figure.play:before {
    background: url('../images/hover-play-circle.png') no-repeat;
}
figure.has-caption.magni:before {
    width: 30px;
    background: url('../images/hover-info-circle.png') no-repeat,
                url('../images/hover-magni-circle.png') 15px 0 no-repeat;
}
figure.has-caption.link:before {
    width: 30px;
    background: url('../images/hover-info-circle.png') no-repeat,
                url('../images/hover-link-circle.png') 15px 0 no-repeat;
}
figure.has-caption.play:before {
    width: 30px;
    background: url('../images/hover-info-circle.png') no-repeat,
                url('../images/hover-play-circle.png') 15px 0 no-repeat;
}
figure:hover:before {
    opacity: 0;
}
figure:hover > a img {
    opacity: 0.4;
}
figure figcaption {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    right: 0;
    left: 0;
    padding: 10px;
    color: white;
    bottom: -30px;
    opacity: 0;
    font-size: 11px;
    line-height: 17px;
    
  -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out;  
      -ms-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;  
}
figure:hover figcaption {
    bottom: 0;
    opacity: 1;
}
figure figcaption a, figure figcaption a:visited {
    color: #aaa !important;
    text-decoration: none;
    border-bottom: 1px dotted #aaa;
}
figure figcaption a:hover {
    color: white !important;
    border-color: white;
}





.textwidget {
    margin-bottom: 18px;
}
a.readmore {
    margin-top: 18px;
    float: right;
    text-align: right;
}


/*=========================
 * Template specifics
 *=========================*/

.page-template-template-portfolio-php .plain1 > div,
.page-template-template-portfolio-php .plain2 > div,
.page-template-template-portfolio-php .strips > div.omega,
.page-template-template-portfolio-php .strips > div.alpha,
.page-template-template-portfolio-php .side > div.omega,
.page-template-template-portfolio-php .side > div.alpha {
    margin-bottom: 54px;
}
.page-template-template-portfolio-php .plain2 > div.clearfix {
    margin: 0;
}
.page-template-template-portfolio-php .page-body .navigation {
    margin: 20px 0 10px !important;
}
.page-template-template-portfolio-php .page-body .blog-mosiac {
    position: relative;
}
.page-template-template-portfolio-php .page-body .blog-mosiac > figure {
    position: absolute;
    margin: 0;
}

.page-template-template-blog-php .page-body .navigation {
    margin: 0 0 10px;
}



/*===========================
 * Single blog posts
 *===========================*/
.single-post .blog-details {
    margin-bottom: 18px;
    border-top: 1px dotted gray;
    padding: 18px 0;
    border-bottom: 1px dotted gray;
    margin-top: 36px;
}
.single-post .blog-details .comments,
.single-post .blog-details .categories,
.single-post .blog-details .tags {
    float: right;
}
.single-post .blog-details .categories:after,
.single-post .blog-details .tags:after {
    content: '\0000a0\0000a0\0000a0/ \0000a0\0000a0';
}
.single-post .type-post figure:first-child {
    margin-bottom: 36px;
}

.author-box {
    margin-bottom: 18px;
    border-bottom: 1px dotted gray;
    padding-bottom: 18px;
}
.author-box .avatar {
    float: left;
    margin-right: 20px;
}
.author-box p {
    overflow: hidden;
    margin-bottom: 0;
}

/*===========================
 * Single portfolio posts
 *===========================*/
.single-portfolio_item .blog-details {
    margin-bottom: 18px;
    border-top: 1px dotted gray;
    padding: 18px 0;
    border-bottom: 1px dotted gray;
    margin-top: 36px;
}
.single-portfolio_item .blog-details .comments:before {
    content: '\0000a0\0000a0\0000a0/ \0000a0\0000a0';
}
.single-portfolio_item .portfolio_item figure:first-child {
    margin-bottom: 36px;
}

/*===========================
 * Search
 *===========================*/
.search-results .comments,
.search-results .categories,
.archive .comments,
.archive .categories {
    float: right;
}
.search-results .categories:after,
.archive .categories:after {
    content: '\0000a0\0000a0\0000a0/ \0000a0\0000a0';
}
.search-results .blog-details,
.archive .blog-details {
    margin-bottom: 18px;
}
.search-results .page-body article,
.archive .page-body article {
    margin-bottom: 54px;
}



/*===========================
 * Comments
 *===========================*/
#comments {
    margin-top: 18px;
}
#comments li:before {
    content: '';
}
#comments li {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.15); 
     -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.15); 
          box-shadow: 1px 1px 1px rgba(0,0,0,.15); 
}
#comments li.comment {
    background: rgba(255, 255, 255, .2);
    padding: 10px;
    margin-bottom: 18px;
}
#comments li.comment.bypostauthor {
    background: rgba(255,255,255,.5);
}
#comments li p {
    margin-bottom: 0;
}
#comments #comments-prev {
    float: left;
}
#comments #comments-next {
    float: right;
}
#comments li {
    margin-left: 210px;
}
#comments li.depth-1 {
    margin-left: 0;
}
#comments li.depth-2 {
    margin-left: 30px;
}
#comments li.depth-3 {
    margin-left: 60px;
}
#comments li.depth-4 {
    margin-left: 90px;
}
#comments li.depth-5 {
    margin-left: 120px;
}
#comments li.depth-6 {
    margin-left: 150px;
}
#comments li.depth-7 {
    margin-left: 180px;
}
#comments li img.avatar {
    float: left;
    margin-right: 10px;
    width: 35px;
    height: 35px;
}
#comments li.depth-1 img.avatar {
    width: 45px;
    height: 45px;
}
#comments li > div {
    overflow: hidden;
}
#comments li .comment-reply-link,
#comments li .comment-edit {
    float: right;
}
#comments li .comment-edit {
    margin-right: 15px;
}
#comments li .comment-name,
#comments li .comment-date {
    float: left;
}
#comments li .comment-date {
    clear: both;
    margin-bottom: 18px;
}
#comments li p {
    clear: both;
}
#comments li p.moderation {
    margin-top: 18px;
    font-style: italic;
}
#respond {
    margin-top: 18px;
}
#respond input[type='submit'] {
    margin-left: 0 !important;
}


/*===========================
 * Language switcher in Nav
 *===========================*/
header section.navigation > div > div:first-child {
    position: relative;
}
header section.navigation .language_switcher {
    position: absolute;
    right: 0;
    top: 10px;
}


.getentry_layout1 > .ibe_outer {
    float: left;
    margin-right: 20px;
}
.getentry_layout3 > .ibe_outer {
    margin-bottom: 18px;
} 





.page-body div.navigation .page-numbers, 
.page-body div.navigation .page-numbers:hover, 
.page-body div.navigation .page-numbers:visited, 
.page-body div.navigation .pages {
    /* button colors in custom-base.php */
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  
  -webkit-transition: all 0.3s ease-in-out;  
     -moz-transition: all 0.3s ease-in-out;  
      -ms-transition: all 0.3s ease-in-out;  
       -o-transition: all 0.3s ease-in-out;  
          transition: all 0.3s ease-in-out;  

display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
        *display: inline;
        
    white-space: nowrap;
    /*line-height: 36px;*/
    padding: 5px 10px;
    margin: 0 5px 9px;
    border: 1px solid #888;
    border: 1px solid rgba(136, 136, 136, .2);
    text-decoration: none !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}
.page-body div.navigation .page-numbers:hover {
    /* button colors in custom-base.php */
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); 
     -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); 
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.page-body div.navigation .page-numbers.current, 
.page-body div.navigation .page-numbers.current:hover, 
.page-body div.navigation .page-numbers.current:visited {
  background-color: rgba(51, 51, 51, .3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(68, 68, 68, .3)), to(rgba(51, 51, 51, .3))); 
  background-image: -webkit-linear-gradient(top, rgba(68, 68, 68, .3), rgba(51, 51, 51, .3)); 
  background-image:    -moz-linear-gradient(top, rgba(68, 68, 68, .3), rgba(51, 51, 51, .3)); 
  background-image:     -ms-linear-gradient(top, rgba(68, 68, 68, .3), rgba(51, 51, 51, .3)); 
  background-image:      -o-linear-gradient(top, rgba(68, 68, 68, .3), rgba(51, 51, 51, .3)); 
  background-image:         linear-gradient(top, rgba(68, 68, 68, .3), rgba(51, 51, 51, .3));
   -pie-background:         linear-gradient(top, rgba(68, 68, 68, .3), rgba(51, 51, 51, .3));

  color: #eee !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.page-body div.navigation .page-numbers, 
.page-body div.navigation .page-numbers:visited, 
.page-body div.navigation .pages {
  background-color: rgba(221, 221, 221, .3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(rgba(221, 221, 221, .3))); 
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(221, 221, 221, .3)); 
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(221, 221, 221, .3)); 
  background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(221, 221, 221, .3)); 
  background-image:      -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(221, 221, 221, .3)); 
  background-image:         linear-gradient(top, rgba(255, 255, 255, .3), rgba(221, 221, 221, .3));
   -pie-background:         linear-gradient(top, rgba(255, 255, 255, .3), rgba(221, 221, 221, .3));

  color: #333 !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, .3);
}
.page-body div.navigation .page-numbers:hover {
  background-color: rgba(255, 255, 255, .3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(rgba(255, 255, 255, .3))); 
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); 
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); 
  background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); 
  background-image:      -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); 
  background-image:         linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3));
   -pie-background:         linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3));
   
  color: #333 !important;
}