/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
  Setup
 ========================================================================== */

#site-header {
    min-width: 1000px;
}


body {
    background: #000000;
    font-size: 1.125em;
    font-family: 'lato', sans-serif;
}

/*
.page-template-template-what-we-do-php {
    background: #FFF;   
}
*/

.home {
    overflow: hidden;
}

a {
    text-decoration: none; 
    font-weight: 400;
}

a:link {
    color: #f55000;
 }
 
 /* link que foi visitado */
 a:visited {
     color: #f55000;
 }
 
 /* mouse over */
 a:hover {
     color: #bd3f00;
 }


p {
    padding: 0.7em 0;
}

::selection {
    background: #f55000; /* Safari */
    color: #FFFFFF;
}

::-moz-selection {
    background: #f55000; /* Firefox */
    color: #FFFFFF;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

.no-margin-left {
    margin-left: 0!important;
}

.clearfix {
    clear: both;
}


/* ==========================================================================
  Top: Logo, Header, Navigation menu, Search, Languages
 ========================================================================== */
nav a {
    -webkit-font-smoothing: subpixel-antialiased!important;
}

.logo-container {
    width: 240px;
    float: left;
    margin-right: 40px;
}

#logo span {
    display: none;
}

#logo {
    display: inline-block;
    background: url('../imgs/logo.png') no-repeat;
    height: 25px;
    background-position: 0 0px;
    width: 240px;
}

#header-bg {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 100%;
    height: 55px;
    background: rgb(0, 0, 0);
    z-index: 19;
}

#site-header {
    position: fixed;
    width: 100%;
    background: #000;
    min-width: 100%;
    border-bottom: 1px solid #f05323;
    z-index: 20;
    top: 0;
    left: 0;
    height: 86px;
    padding: 30px;
}

/* remove annoyng margin-top when logged in wordpress */
.admin-bar #site-header{
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar #site-header {
        top: 46px;
    }
}

.main-section {
    margin-top: 86px;
}

.single-our-works #site-header{
    background: #000;
}

.single-our-works .menu-item-our-work > a {
    color: #f05323!important;
}

#search-button {
    background: url('../imgs/icon/search-icon.png') no-repeat;
    width: 24px;
    height: 23px;
    display: inline-block;
    *display: inline;
    cursor: pointer;

    /*
    font-size: 1.25em;
    float: right;
    color: #999;
    cursor: pointer;    
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -ms-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
    */
}

#search-button.active {
    color: #FFF;
     background: url('../imgs/icon/search-icon-hover.png') no-repeat;
}

#search-button:hover {
    color: #FFF;
    background: url('../imgs/icon/search-icon-hover.png') no-repeat;
}

#search-button.active:hover {
    color: #999;
    background: url('../imgs/icon/search-icon.png') no-repeat;
}

#searchbox {
    display: none;
    width: 260px;
    height: 32px;
    right: 40px;
    top: -30px;
    background: #000;
    border: 1px solid #666;
    color: #fff;
    margin: 0;
    position: absolute;
    padding: 7px;
    line-height: 1em;
    text-transform: lowercase;
}

#site-header nav {
    display: inline-block
}

#site-header .menu-item {
    float: left;
    vertical-align: middle;
}

#site-header a {
    color: #FFFFFF;
    font-family: "lato", "helvetica", "verdana", sans-serif; 
    font-weight: normal;
    -webkit-transition: color 150ms ease;
    -moz-transition: color 150ms ease;
    -ms-transition: color 150ms ease;
    -o-transition: color 150ms ease;
    transition: color 150ms ease;
}
    
#site-header a:hover {
    color: #f05323!important;
}

#site-header .sub-menu {
    display: none;
}

#site-header .sub-menu {
    position: absolute;
    top: 86px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 0 30px;
}

#site-header .current-menu-parent .sub-menu,
#site-header .current-page-ancestor .sub-menu,
#site-header .current-menu-item .sub-menu {
    display: inline-block !important;
}
.single #site-header .sub-menu{
    display: none !important;
}

#primary-nav {
    min-width: 670px;
}

.sub-menu .menu-item {
    padding: 10px 0 15px;
}

    
#primary-nav .menu-item {
    margin-right: 30px;
}

#primary-nav a {
    text-transform: uppercase;
}

#primary-nav .sub-menu a {
    font-size: 1.1em;
    text-transform: lowercase !important;
    font-weight: lighter;
}

#project .rsVideoContainer, #project .rsImg {
    margin-top: 0!important;
}

#site-header .current-menu-parent > a,
#site-header .current-page-ancestor > a,
#site-header .current-menu-item > a,
#site-header .current_page_parent > a
{ 
    color: #f05323;
}

#primary-nav .current-our-works-parent a {
    color: #FFFFFF;
}

#secondary > .menu-item a, #languages {
    text-transform: lowercase;
    font-weight: 200;
}

#secondary > .menu-item, #languages, #search-container {
    float: left;
    margin-right: 20px;
}

#search-container {
    margin-right: 0;
}

#search-container {
    width: 25px;
}

#languages a {
    color: #FFF;
    font-weight: 200;
} 

.single #primary-nav .main-category > a {
    color: #f05323!important;
}

.selected-item { 
    color: #f05323!important;
}

.secondary-nav-container {
    position: absolute;
    right: 30px;
    min-width: 270px;
}

.secondary-nav-container.pt-br {
    min-width: 245px;
}



/* ==========================================================================
  Sliders: Full width gallery, What we do gallery, Top Gallery
 ========================================================================== */
.what-we-do-gallery h1 p, .what-we-do-gallery h2 p,
.full-width-gallery h1 p, .full-width-gallery h2 p {
    background: rgba(0, 0, 0, 0.4);
    display: inline;
    padding-bottom: 0.15em!important;
}


.full-width-gallery, .what-we-do-gallery {
    width: 100%;
    z-index: 10;
    height: 100%!important;
    position: absolute;
    top: 0;
}

.what-we-do-gallery {
    position: relative;
    margin-top: 85px;
}

/* Old Code
.rsDefault .rsArrowLeft {
    left: 2.5%!important;
    margin-left: 10px;
    background: url('../imgs/icon/arrow-icon-left.png') no-repeat center;
    width: 31px;
    height: 51px;
}

.rsOverflow {
    width: 100%!important;
}

.rsDefault .rsArrowRight {
    right: 2.5%!important;
    margin-right: 10px;
    background: url('../imgs/icon/arrow-icon-right.png') no-repeat;
    width: 31px;
    height: 51px;
}
*/

.rsDefault .rsArrowLeft .rsArrowIcn  {
    left: 2.5%!important;
    margin-left: 10px;
    background: url('../imgs/icon/arrow-icon-left.png') no-repeat center;
    width: 31px;
    height: 51px;
}

.rsOverflow {
    width: 100%!important;
}

.rsDefault .rsArrowRight .rsArrowIcn  {
    right: 2.5%!important;
    margin-right: 10px;
    background: url('../imgs/icon/arrow-icon-right.png') no-repeat center;
    width: 31px;
    height: 51px;
}




.home h1{
    width: 100%;
}

#clients {

}

#clients h1 {
    font-size: 2em;
    color: #f05323;
    margin-bottom: 10px;
    margin-top: 50px;
    font-weight: 900;
}

#clients ul {
    margin-left: -10px;
}

#clients li {
    height: 140px;
    width: auto;
    display: inline-block;
    margin: 0 10px;
}

#clients img {
    height: 100%;
}

.top-gallery {
    width: 100%;
    overflow: hidden;
}

.top-gallery figure {
    line-height: 0;
    width: 100%;
    height: 100%;
}

.top-gallery .rsVideoContainer {

} 

.full-width-gallery .bContainer, .what-we-do-gallery .bContainer {
    position: relative;
}

.full-width-gallery .rsABlock, .what-we-do-gallery .rsABlock {
    position: absolute;
    color: #FFF;
    font: normal bolder 3em "lato", sans-serif;
    text-shadow:0 0 0 transparent, 0 1px 1px #FFF;
    z-index: 30;
    height: 100%;
    width: 80%;
    margin: 0 10%;
    display: table-cell!important;
    vertical-align: middle;
}

.full-width-gallery .rsABlock hgroup, .what-we-do-gallery .rsABlock hgroup {
    height: 100%;
    display: table;
}

.full-width-gallery .no-wrap h1, .what-we-do-gallery .no-wrap h1, 
.full-width-gallery .title-wrap, .what-we-do-gallery .title-wrap {
    vertical-align: middle;
    display: table-cell;
    line-height: 1.36em;
}

.rsArrow, .rsArrowIcn  {
    margin: 0;
    height: 100px!important;
   /* margin-top: -50px; */
    margin-top: -30px;
    top: 50%!important;
    
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    filter: dropshadow(color=#CCCCCC, offx=2, offy=2);
    
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.full-width-gallery p, .what-we-do-gallery p {
    margin: 0!important; padding: 0!important;
}

.full-width-gallery .rsABlock h2, .what-we-do-gallery .rsABlock h2  {
    font-size: 0.75em;
}

.full-width-gallery .rsABlock a, .what-we-do-gallery .rsABlock a {
    color: #FFF;
}
.full-width-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.full-width-video ul {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 132px 0 120px;
}
.full-width-video .rsDefault,
.full-width-video .rsOverflow,
.full-width-video .rsSlide {
    background: #000 !important;
}
.full-width-video .rsVideoContainer,
.full-width-video .rsVideoFrameHolder {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    text-align: center;
}
.full-width-video .rsVideoContainer img {
    width: auto !important;
    height: 100% !important;
}

/* ==========================================================================
  Who we are
 ========================================================================== */

.page-template-template-who-we-are-php {
    background-color: #fff !important;
}
#who-we-are .who-we-are-image {
    height: 750px;
    display: table;
}

#who-we-are .who-we-are-text {
    font-size: 1.35em;
    line-height: 1.25em;
    color: #FFF;
    font-family: "Lato";
    font-weight: 200;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

#who-we-are .who-we-are-text strong {
    font-size: 1.8em;
    font-weight: 900;
    margin-bottom: 30px;
    line-height: 1.2em;
}

#who-we-are article h1 {
    font-size: 2.65em;
    line-height: 1.25em;
    color: #f05323;
    font-weight: 900;
    margin-top: 25px;
}
#who-we-are article .col {
    float: none;
}

/* ==========================================================================
  Jobs
 ========================================================================== */

.page-template-template-jobs-php {
    background-color: #000;
}
#jobs .jobs-image {
    height: 750px;
    display: table;
}

#jobs .jobs-text {
    font-size: 1.35em;
    line-height: 1.25em;
    color: #FFF;
    font-family: "Lato";
    font-weight: 200;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

#jobs .jobs-text strong {
    font-size: 1.35em;
    font-weight: 900;
}

#jobs h1 {
    font-size: 1.3em;
    line-height: 1.3em;
    color: #f05323;
    font-weight: 900;
    margin-top: 25px;
}

#jobs h2 {
    font-size: 0.85em;
    line-height: 1.3em;
    color: #f05323;
}

/*
.page-template-template-who-we-are-php .full-width-gallery,
.page-template-template-who-we-are-php .rsContainer,
.page-template-template-who-we-are-php .rsOverflow,
.page-template-template-who-we-are-php .rsSlide, 
.page-template-template-who-we-are-php .rsVideoFrameHolder, 
.page-template-template-who-we-are-php .rsThumbs  {
    background: transparent!important;
}
*/

/* ==========================================================================
  What we do
 ========================================================================== */


/* ==========================================================================
  Our Work: Project list
 ========================================================================== */
#projects {
    text-align: center;
    position: relative;
    z-index: 10;
}

#project-background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}

#project-background {
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

.projects-list .col{
    position: relative;
    margin-bottom: -2px;
    padding: 0px;
}

.projects-list .name {
    color: #ffffff;
    font-size: 1em;
    font-weight: 200;
    line-height: 1.25em;
    width: 100%;
    padding: 15px 17px;
    display: inline-block;
    overflow: hidden;
    background: rgba(0,0,0,0.65);
    position: absolute;
    bottom: 2px;
    
    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -ms-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;
}

.projects-list .name h1 {
    font-weight: lighter;
    -webkit-font-smoothing: subpixel-antialiased!important;
}

.projects-list figure {
    width: 100%;
    display: block;
    background: #000000;
    border-color: #000000;
    line-height: 0;
    
    -webkit-transition: border-color 150ms ease;
    -moz-transition: border-color 150ms ease;
    -ms-transition: border-color 150ms ease;
    -o-transition: border-color 150ms ease;
    transition: border-color 150ms ease;
}

.projects-list figure img {
    width: 100%;
    height: 56.25%;
    display: block;
    margin-bottom: 2px;
}

.projects-list article a:hover .name {
    background: #f55000;    
}

.loading-more, .loading-more .col {
    padding-top: 0; 
    position: relative; 
    z-index: 10;
}

.loading-more a {
    display: block;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    
    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -ms-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;
}

#blog .loading-more a, #search .loading-more a {
    background-color: #f05323;
}

.loading-more a:hover {
    background-color: #f55000;
}

.loading-more a.loading {
    background-color: rgba(0,0,0,0.5);
    background-image: url(../imgs/loading.gif);
    cursor: default;
}

/* ==========================================================================
   Our Work: single page
 ========================================================================== */

.single-our-works .sub-menu {
    background: #000!important;
}

.single-our-works .rsMainSlideImage, .single-our-works .rsVideoContainer {
    height: 100%!important;
    width: auto!important;
}

#sidebar-project a {
    font-weight: 200;
    color: #000;
}

#sidebar-project a:hover {
    color: #f05323;
}

#sidebar-project .press {
    margin-top: 15px;
    padding-top: 25px;
    border-top: 1px solid #000;
}

.infos li {
    margin-bottom: 1%;
}

.infos .list {
    display: block;
    font-weight: 200;
}

/* Single project */
#project h1, #related-projects h1, #search  h1.main-title {
    color: #f05323;
    font-weight: 900;
    margin-top: 20px;
}

#search  h1.main-title {
    margin-top: 0px;
}

#project h1, #search  h1.main-title{
    font-size: 2em;
    line-height: 1.25em;
}

#search  h1.main-title, #search  h2, #search .no-results{
	padding-left: 15px;
}

#search  h2{
    font-size: 1.5em;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

#related-projects h1 {
    font-size: 1.5em;
    line-height: 1em;
}

#project article h2 {
    font-size: 1.35em;
    line-height: 1.25em;
    margin: 10px 0 25px;
}

#project article, #project article h2 {
    font-weight: 200;    
}

#project article{
    line-height: 1.65em;
    color: #FFF;
}

.single-our-works, .blog, .post-type-archive-blog, .single-blog, .search-results, 
.search-no-results, .error404, .page-template-template-static-page-php {
    /*background: #FFF;*/
}

#sidebar-project .infos {
    margin-top: 100px;
}

#sidebar-project li {
    font-size: 0.8em;
    font-weight: 900;
    line-height: 1.7em;
}

#sidebar-project .icon {
    font-size: 1.75em;
}

#sidebar-project .social a {
    font-size: 1.7em;
    color: rgb(102,102,102);
}

#sidebar-project .social a:hover {
    color: rgb(150,150,150);
}

#sidebar-project .social ul {
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
}

.infos .social {
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #000; 
}

.social li {
    margin-bottom: 0!important;
    margin-left: 5px;
    float: left;
}

/* Show top menu */
.single-our-works {
    
} 

li.social ul li a.icon { display: inline-block; width: 18px; height: 18px; }

li.social ul li a.icon-facebook-sign { background: url(../imgs/social/face.png);}
li.social ul li a.icon-twitter-sign { background: url(../imgs/social/twitter.png);}
li.social ul li a.icon-pinterest-sign { background: url(../imgs/social/pin.png);}
li.social ul li a.icon-google-plus-sign { background: url(../imgs/social/plus.png);}
li.social ul li a.icon-linkedin { background: url(../imgs/social/in.png);}

li.social ul li a.icon-facebook-sign:hover { background: url(../imgs/social/face-hover.png);}
li.social ul li a.icon-twitter-sign:hover { background: url(../imgs/social/twitter-hover.png);}
li.social ul li a.icon-pinterest-sign:hover { background: url(../imgs/social/pin-hover.png);}
li.social ul li a.icon-google-plus-sign:hover { background: url(../imgs/social/plus-hover.png);}
li.social ul li a.icon-linkedin:hover { background: url(../imgs/social/in-hover.png);}


/* ==========================================================================
  Contact page
 ========================================================================== */
#contact-list p {
    padding: 0;
}

.wpcf7-validation-errors {
    border: 2px solid #F05323;
}

.page-template-template-contact-php .rsArrow  {
    display: none!important;
} 

#contact-list {
    position: relative;
    z-index: 10;
}

#contact-list .contact-list-container {
    float: left;
    width: 280px;
}

#contact-list .content {
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 62px;
}

#contact-list h1 {
    margin-bottom: 2px;
    color: rgb(245, 80, 0);
    font-weight: 900;
    font-size: 1.33em;
}

#contact-list article {
    background: #000;
    margin-bottom: 10px;
    /*padding: 20px 20px 20px;*/
    padding: 20px 10px 20px 20px;
    color: #FFF;
    /*height: 135px;*/
    height: 110px;
    width: 100%;
}

#contact-list article a {
    color: rgb(255, 255, 255);

    -webkit-transition: color 300ms ease-out;
    -moz-transition: color 300ms ease-out;
    -ms-transition: color 300ms ease-out;
    -o-transition: color 300ms ease-out;
    transition: color 300ms ease-out;
}

#contact-list article a:hover {
    color: rgb(245, 80, 0);
}

#contact-list .content {
    font-size: 0.77em;
}

#contact-list .map-container {
    margin-left: 290px;
    padding: 50px;
    background-color: #000;
    color: #fff;
    text-align: right;
}
#contact-list .map-container svg {
    width: 100%;
}

#contact-us {
    position: relative;
    z-index: 10;
}

#contact-us .panel {
    margin-bottom: 40px;
    margin-left: 290px;
    /*background: #FFF;*/
    padding: 40px 60px;
}

#contact-us h1 {
    font-size: 1.33em;
    color: rgb(245, 80, 0);
    font-weight: 800;
}

#contact-us h2 {
    font-weight: 200;
}

#contact-us .col_left {
    width: 40%;
    float: left;
}

#contact-us .col_right {
    float: right;
    width: 55%;
}

#contact-us .field {
    background: #F05323;
    color: #FFF;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    height: 50px;
}

#contact-us .wpcf7 {
    padding: 25px 0;
}

#contact-us input[type=text]{
    width: 65%;
    display: inline-block;
}

#contact-us textarea {
    border: 1px solid #333;
    width: 100%;
    height: 380px;
    padding: 10px;
    resize: none; 
}

#contact-us .field input[type=text] {
    font-family: 'Lato', sans-serif; 
    background: transparent;
    border: 0;
    height: 30px;
    margin-left: 15px;
    color: #FFF;
    font-size: 1em;
    font-weight: 200;
}

#contact-us input[type=submit] {
    background: #F05323;
    text-transform: uppercase;
    font-size: 1em;
    color: #FFF;
    border: 0;
    float: right;    
    padding: 5px 20px;
    cursor: pointer;
    font-family: 'Lato', sans-serif; 
}

#contact-us input[type=submit]:hover {
    color: #000;
}

#contact-us .wpcf7-select {
    background: #000;
    color: #FFF;
    font-weight: normal;
    text-transform: uppercase;
    padding: 20px;
}


#contact-us .sbSelector {
    width: 100%;
    display: inline-block;
    background: #F05323;
    padding: 15px 10px;
    height: 50px;
}

#contact-us .sbSelector {
    min-width: 200px!important;
    color: #FFF;
} 

#contact-us .sbOptions {
    background: #000;
}

#contact-us .sbOptions li:first-child {
    display: none;
}

#contact-us .sbOptions li {
    padding: 0 10px;   
    
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease; 
}


#contact-us .sbOptions li:hover {
    background: #F05323;
}

#contact-us .sbOptions a {
    padding: 10px 0px;   
    border-bottom: 1px solid #AAA;
    color: #FFF;
    font-weight: normal;   
    width: 100%;
    display: inline-block; 
}

#contact-us .sbOptions li:nth-last-child(1) a {
    border: 0;
}

div.wpcf7-mail-sent-ok {
    border: 0;
    float: left;
    margin-left: 0;
    padding-left: 0;
    margin-top: 15px;
    font-weight: 200;
}

.wpcf7-validation-errors {
    border: 0;
    float: left;
    margin-top: 15px;
    color: #FF0000;
    font-weight: 200;
}

/* ==========================================================================
  Press Releases page
 ========================================================================== */

#press-releases .press-list {
    position: relative;
    z-index: 15;
    color: #ffffff;
    background-color: #000000
}

#press-releases article {
    position: relative;    
}

#press-releases .thumb {
    width: 100%;
    display: block;
    background: #000;
    margin-bottom: 2px;
}

#press-releases .thumb img {
    width: 100%;
    height: auto;
    display: block;
}

#press-releases .header-info {
    display: block;
    width: 100%;
    padding: 14px 20px;
    color: #ffffff;
    /*background: rgba(0,0,0,0.5);*/
    background-color: #434343;

    -webkit-transition: background 150ms ease;
    -moz-transition: background 150ms ease;
    -ms-transition: background 150ms ease;
    -o-transition: background 150ms ease;
    transition: background 150ms ease;
}

#press-releases article a:hover .header-info {
    background: #f55000;    
}

#press-releases .header-info a {
    color: #ffffff;
}

#press-releases .content {
    font-size: 0.75em;
    font-weight: 200;
    height: 200px;
    float: left;
    width: 100%;
    overflow: auto;
}

#press-releases hgroup {
    width: 85%;
}

#press-releases h1 {
    font-size: 1em;
    font-weight: 200;
    margin-bottom: 5px;
    overflow: hidden;
    -webkit-font-smoothing: subpixel-antialiased!important;
}

#press-releases h2 {
    font-size: 0.65em;
    line-height: 1.3em;
    font-weight: bold;
    padding: 1px 0 5px;
    overflow: hidden;
}

#press-releases .date {
    margin-right: 7px;
}

#press-releases .media {
    margin-left: 6px;
}

#press-releases .external-link {
    background: url(../imgs/external-link.png);
    background-position: left top;
    width: 16px;
    height: 16px;
    position: absolute;
    display: none; /* calculate position on javascript */
    right: 30px;
}

#press-releases .external-link:hover {
    background-position: right top;
}

/* ==========================================================================
    Search blog
    Blog: Posts, sidebar, facebook like box, pagination
    Remark: Search and Blog pages have a similar template, so we'll reuse some styles here
 ========================================================================== */
#facebook {
    height: 265px;
    width: 100%;
}

#blog .blog-post, #search .blog-post {
    margin-left: 0;
}

#blog .date {
    background: #f05323;
    color: #ffffff;
    text-transform: lowercase;
    padding: 10px;
    display: block;
    float: left;
    width: 46px;
    height: 56px;
	margin-right: 10px;
	border-right: 1px solid #FFF;
}
#blog .date .day {
    text-align: center;
    font-size: 1em;
    line-height: 1;
    letter-spacing: 1px;
}
#blog .date .month {
    text-align: center;
    font-size: 0.8em;
    line-height: 1;
}

#blog .title {
    display: block;
    background-color: #f05323;
    padding: 8px 15px;
    height: 56px;
}

#search .title {
    display: block;
    background-color: #f05323;
    padding: 10px 15px;
	height: 100%;
}

#search #blog .title {
	height: 56px;
    padding: 8px 15px;
}

#search #press-releases .header-info {
    background-color: #f05323;
}

#search a:hover .title, #search a:hover .date, #search #press-releases a:hover .header-info {
    background-color: #ff8000;
}

#search header.name {
	margin-top: 2px;
}

#blog .title h1, #search .title h1 {
    color: #ffffff;
    font-size: 0.9em;
    line-height: 1.2;
}

#blog .content img, #search .content img {
    background-color: #cccccc;
}

#blog .content a, #search .content a {
    text-decoration: underline;
}

#blog .content p {
    padding: 0 0 1px 0;
}

#search .content p {
    padding: 0;
}

#search .no-results {
	padding-top: 30px;
	padding-bottom: 60px;
}

#blog .content img, #search .content img {
    width: 100%;
    height: auto;
    display: block;
}

#blog blockquote, #search blockquote {
    font-weight: bold;
    font-style: italic;
    line-height: 1.66em;
    color: #f05323;
    margin-left: 6.125%;
    width: 50%;
}

#sidebar-blog {
    position: fixed;
    top: 30px;
    right: 30px;
    width: 70px;
    background: #f05323;
    padding: 15px;
}

#sidebar-blog li {
    list-style: none;
    display: block;
    margin-top: 15px;
}

#sidebar-blog li:first-child {
    margin-top: 0px;
}

#sidebar-blog img {
    width: 40px;
    height: 40px;
}

#sidebar-blog a {
    width: 40px;
    height: 40px;
    display: block;

    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

#sidebar-blog a:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
}


/* Fluid like box */
.fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

#categories {
    margin-bottom: 20px;
}

#pagination {
    margin: 100px auto;
}

#pagination li {
    display: inline-block;
    font-size: 1.3em;
    line-height: 3.33em;
    font-weight: 900;
}

#pagination .wp-seo-paginate {
    display: inline-block;  
    width: 100%;
    text-align: center;
}

#pagination a, #pagination .current {
    padding: 5px 12px;
    
    -webkit-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    -ms-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

#pagination a:hover {
    color: #FFF;
    background: #f05323;
}

#pagination .current {
    color: #f05323;
    background: #000;
}


/* ==========================================================================
  Footer
 ========================================================================== */
#main-footer {
    display: block;
    background: rgb(0,0,0);
    z-index: 50;
    position: relative;
}

#main-footer-search{
    display: block;
    background: rgb(0,0,0);
    z-index: 50;
    position: absolute;
    bottom: 0;
}

#footer-left {
    float: left;
    width: 600px;
}

.home #main-footer {
    display: none;
}

.page-template-template-full-gallery-php #main-footer, 
.page-template-template-full-video-php #main-footer {
    position: fixed;
    bottom: 0
}

#footer-social {
    float: left;
}

#footer-social li {
    float: left;
    margin: 1px 5px;
}

#footer-social li .icon {
    filter: alpha(opacity=50);
    opacity: 0.5;

    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

#footer-social li .icon:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
#footer-social li img { 
    width: 26px; 
    height: 26px; 
}

#newsletter {
    float: left;
    padding: 0 20px;
}

#newsletter .button, #newsletter .email {
    vertical-align: middle;
}

#newsletter .email {
    background-color: #000;
    border: 1px solid #666;
    width: 190px;
    color: #ffffff;
    padding: 10px;
    height: 28px;
}

#newsletter .email.required {
    border-color: #F00;
}

#newsletter .button {
    font-weight: bolder;
    color: rgb(0, 0, 0);
    background: #676767;
    border: 0;
    text-transform: lowercase;
    cursor: pointer;
    margin: 0;
    padding: 6px 10px;
}

#newsletter .button:hover {
   background-color: #b6b6b6;
}

#main-footer h1 {
    text-transform: lowercase;
    color: #FFF;
    font-size: 0.77em;
    font-weight: bold;
    margin-bottom: 10px;
}

#face-button {
    width: 102px;
    float: left;
    overflow: hidden;
    height: 25px;
    margin-top: 3px;
}

#face-button .fb-like {

}

#copyright {
    font-size: 0.75em;
    color: rgb(102,102,102);
    display: inline-block;
    width: 240px;
    float: right;
    text-align: right;
}

#copyright p {
    padding: 7px 0;
}

/* ==========================================================================
  Horizontal Media Queries
 ========================================================================== */


/* Desktops and laptops ----------- */
    
@media only screen and (max-width: 1601px) {
    #who-we-are .who-we-are-image {
        height: 570px;  
    }
    #who-we-are .who-we-are-text {
        font-size: 1.2em;
    }
    #who-we-are .who-we-are-text strong {
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 1365px) {
    
    #site-header .secondary-nav-container {
        right: 20px;
    }
    
    #primary-nav {
        min-width: 0;
    } 
    
    #secondary > .menu-item, #languages, #search-container {
    }

    .projects-list .name, .press-list .name {
        font-size: 0.9em;
    }
    
    .what-we-do-gallery {
        margin-top: 71px!important;
    }
    
    .full-width-gallery .rsABlock, .what-we-do-gallery .rsABlock {
        font-size: 3em;
    }
    #serch {
        margin-right: 90px;
    }
    #sidebar-blog {
        top: 20px;
        right: 20px;
    }

    #contact-list .contact-list-container  {
        float: none;
        height: 135px;
        width: 101%;
    }
    #contact-list article  {
        width: 19%;
        margin-right: 1%;
    }
    #contact-list .map-container {
        margin-left: 0;
        margin-top: 1%;
    }
    #contact-us .panel {
        margin-left: 0;
    }
    
    #who-we-are .who-we-are-image {
        height: 500px;  
    }
    
}

@media only screen and (max-width: 1279px) {   
    .full-width-gallery .rsABlock, .what-we-do-gallery .rsABlock {
        font-size: 2.5em;
    }

    #site-header {
        padding: 25px;
        height: 73px;
    }

    .main-section {
        margin-top: 73px;
    }
    
    #site-header .sub-menu {
        top: 73px;
    }
        
    #site-header nav {
        font-size: 0.9em;
    }
    
    #secondary > .menu-item, #languages {
        margin-right: 14px;
    }
    
    #search-container {
        margin-right: 0;
    }
        
    #primary-nav > .menu-item {
        margin: 0 20px 0 0px;
    }

    #site-header .secondary-nav-container {
        min-width: 210px;
    }
    
    #site-header .secondary-nav-container.en {
        min-width: 230px;
    }

    #site-header .logo-container{
        width: 160px;
    }

    
    #logo {
        background-position: 0 -58px;
    }
   
    #primary-nav .menu-item:nth-last-child(-n+1) {
        margin-right: 0!important;
    }

    #searchbox {
        width: 202px;
        right: 35px;
        top: -30px;
        padding: 0px 5px;
        height: 27px;
    }
    
    .en #searchbox {
        width: 218px;
        right: 50px
    }
    
    #project .rsImg, #project .rsVideoContainer {
        margin-top: 0!important;
    }
    
    
    #who-we-are .who-we-are-text {
        font-size: 1.1em;
    }    

    #who-we-are .who-we-are-text strong {
        font-size: 1.4em;
    }
    

    
}

@media only screen and (max-width: 1000px) {
    #who-we-are .who-we-are-text {
        font-size: 1em;
    } 
    
    #who-we-are .who-we-are-image {
        height: 410px;
    }
    
    body, 
    #site-header, 
    #site-footer {
        min-width: 1000px;
    }

    #site-header {
        position: absolute;
    }
    
    #site-header .secondary-nav-container.en {
        min-width: 257px!important;
    }

    #sidebar-blog {
        position: absolute;   
    }
    
    .social li {
        margin-left: 0;
    }
    /*
    #contact-list article  {
        width: 18%;
        margin-right: 1%;
        padding: 10px;

    }
    #contact-list h1  {
        font-size: 1.2em;
    }
    #contact-list p  {
        font-size: 0.95em;
    }*/
    
    
    html#mobile, #mobile body {
        min-width: 0!important;
        display: block!important;
        position: relative;
    }
    
    #mobile #site-header {
        min-width: 0;
        max-width: 100%;
        padding: 0px !important;
        position: fixed;
    }
    
    #mobile #site-header nav {
        clear: both;
    }
    
    #mobile .en #searchbox {
        width: 220px;
    }
    
    #mobile #site-header .secondary-nav-container.en {
        min-width: 0;
    }
    
    #mobile #site-header .secondary-nav-container {
        top: 14px;
    }
	
	/**
	TODO
	Superlab retirado do menu enquanto os sites não estão integrados
	**/
	#mobile #menu-item-2177 {
		display: none;
	}
    
    #mobile #site-header .sub-menu {
        top: 81px;
    }
    
    #mobile .full-width-gallery .rsABlock, #mobile .what-we-do-gallery .rsABlock {
        margin-left: 7.5%;
        font-size: 2.5em;
        padding-left: 10px;
        width: 80%;
    }
    
    #mobile .rsDefault .rsArrowIcn {
        font-size: 3em;
    }
    
    #mobile .rsDefault .rsArrowIcn {
        font-size: 3.5em;
    }
    
    #mobile .blog .content img{
        max-width: 100%;
    }
    
    #mobile #contact-us .col_left, #mobile #contact-us .col_right {
        width: 100%;
    }
    
    #mobile #contact-us .col_right {
        margin-top: 10px;
    }
    
    #mobile #contact-list article {
        clear: none;
        width: 33.33%;
    }
    
    #mobile #contact-us .panel {
        margin-top: 570px;
        width: 97.5%;
        margin-left: 10px;
    }
    
    #mobile .social li {
        margin-left: 0;
    }
    
    #mobile .infos .social {
        margin-bottom: 12px
    }
    
    #mobile .blog-post img {
        width: 100%;
    }

    #mobile #blog .content, #mobile #search .content {
        margin-left: 0;
    }
    
    #mobile #pagination {
        margin: 5px auto;
    }
    
    #mobile #archives {
        margin-bottom: 20px;
    }
    
    #mobile #archives h1 {
        margin-top: 20px;
    }
    
    #mobile .single-our-works .rsMainSlideImage, #mobile .single-our-works .rsVideoContainer {
        height: auto!important;
        width: 100%!important;
    }   
}

@media only screen and (max-width: 655px) {
    
    #newsletter .email {
        width: 100px;
        padding-left: 3px;
    }

    #footer-left {
        float: left;
        width: 360px;
    }

    #blog, #search {
        margin-right: 80px;
    }
    #sidebar-blog {
        top: 10px;
        right: 10px;
    }

    #mobile #project .main-content {
        padding: 0 10px;
    }
    
    #mobile #related-projects .projects-list {
        width: 100%;
    }

    #mobile #sidebar-project, #related-projects h1 {
        padding: 0 10px;
    }

    #mobile #logo {
        background-position: left 0px;
        height: 25px;
        width: 240px;
    }
    
    #mobile .logo-container {
        text-align: center;
    }

    #mobile .full-width-gallery, #mobile .what-we-do-gallery {
        position: relative;
        top: 0;
        display: inline-block;
        margin-top: 0;
    }
    
    #mobile .full-width-gallery .rsABlock, #mobile .what-we-do-gallery .rsABlock {
        left: 2.5%;
        font-size: 1.8em;
    }

    #mobile .what-we-do-gallery {
        margin-top: 0!important;
    }
    
    #mobile #site-header {
        position: relative;
        height: 53px !important;
		background: url('../imgs/icon-menu.png') no-repeat scroll top right #000000;
    }
    
    #mobile #site-header .logo-container {
        width: 240px;
		margin-top: 14px;
		margin-left: 14px;
    }
    
    #mobile #logo {
        width: 100%;
        margin-left: 0;
    }
        
    #mobile #site-header a {
        text-transform: uppercase!important;
    }
    
    #mobile #search-container {
        display: none;
    }
    
    #mobile #site-header nav {
        width: 100%;
        font-size: 1em;
    }
     
    #mobile #site-header nav {
        padding: 0;
		display: none;
    }
	
	#mobile #primary-nav {
		margin-top: 10px;
	}
    
    #mobile #site-header .menu-item, #mobile #secondary .menu-item, #mobile #languages {
        font-size: 1em!important;
    }
    
    #mobile #site-header .menu-item > a, #mobile #languages > a {
        font-size: 0.75em;
        width: 100%;
        display: inline-block;
        text-align: center;
        font-weight: normal;
		padding: 10px;
    }
    
    #mobile #site-header .secondary-nav-container {
        min-width: 0!important;
        margin-top: 0;
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
    }
    
    #mobile #site-header .menu-item, #mobile #languages {
        width: 100%;
        text-align: center;
		background-color: #000;
        margin-top: 0;
		margin-right: 0;
    }
    
    #mobile #site-header .current-menu-parent .sub-menu, 
    #mobile #site-header .current-page-ancestor .sub-menu, 
    #mobile #site-header .current-menu-item .sub-menu, 
    #mobile #site-header .single-our-works .menu-item-our-work .sub-menu {
        display: none!important;
    }
    
    #mobile #site-header .sub-menu {
        display: none!important;
    }
    
    #mobile #clients h1 {
        font-size: 1em;
        text-align: center;
    }
    
    #mobile #clients li {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    
    #mobile #related-projects .projects-list {
        margin-left: 0!important;
        max-width: 100%;
    }
    
    #mobile .home, #mobile .page-template-template-full-gallery-php {
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    #mobile .home-gallery, #mobile .full-width-gallery {
        height: 500px!important;
        width: 100%;
    }
    
    #mobile .full-width-gallery .rsABlock, #mobile .what-we-do-gallery .rsABlock {
        margin-left: 0;
    }
    
    #mobile .rsArrow {
        display: none!important;
    }
    
    #mobile #project h1 {
        font-size: 2em;
        line-height: 1.25em;
    }
    
    #mobile #project article h2 {
        line-height: 1.25em;
        margin-bottom: 10px;
    }
    
    #mobile #sidebar-project .social {
        border-bottom: 0;
    }
    
    #mobile .projects-list .name {
        font-size: 0.75em;
    }
    
    #mobile .infos .list {
        display: inline-block;
    }
       
    #mobile #sidebar-project .infos {
        margin-top: 15px;
    }
    
    #mobile .infos .social {
        margin-bottom: 5px;
        padding-bottom: 0px;
    }

    #mobile .page-template-template-contact-php .full-width-gallery {
        display: none;
        position: fixed;
    }
    
    #mobile #contact-list {
        margin-top: 22px;
    }
    
    #mobile #contact-list article {
        width: 100%;
    }
    
    #mobile #contact-us .panel {
        margin-top: 0;
        width: 95%;
    }
    
    #mobile #contact-us .panel {
        padding: 20px;
    }
    
    #mobile .map-container {
        display: none;
    }
    
    #mobile .contact-item {
        width: 100%;
        margin: 0;
    }
    
    #mobile .client-list {
        padding: 0;
    }
    
    #mobile #languages a {
        color: #FFF;
        font-size: 0.75em;
    }
    
    #mobile #searchbox {
        display: none!important;
    }

    #mobile #main-footer {
        display: none!important;    
    }
    
    #mobile #projects {
        padding-top: 15px!important;
    }
	
    #mobile .main-section {
        margin-top: 0px;
    }
    #mobile #sidebar-blog.main-section {
        margin-top: 73px;
    }
    
    #mobile .post-type-archive-our-works {
        /*background: #FFF;*/
    }
    
    #mobile ::-webkit-input-placeholder {
        color:    #CCC;
    }
    #mobile :-moz-placeholder {
        color:    #FFF;
    }
    #mobile ::-moz-placeholder { 
        color:    #FFF;
    }
    #mobile :-ms-input-placeholder { 
        color:    #FFF;
    }
    
    #mobile #blog, #mobile #search {
        margin-top: 20px;
    }
    
    #mobile #blog .content, #mobile #search .content {
        margin-left: 0!important;
    }
}



/* ==========================================================================
  Vertical Media Queries
 ========================================================================== */

@media screen (max-height:659px) {
}

@media screen and (min-width:801px) and (min-height:660px) {
}

@media screen and (min-width:801px) and (min-height:900px) {
}

@media screen and (min-width:900px) and (max-height:800px) {
}

@media only screen and (min-width:801px) and (min-height : 1000px) {  
}

@media only screen and (max-width : 480px) and (max-height: 480px) { 
    .full-width-gallery .rsABlock, .what-we-do-gallery .rsABlock {
        font-size: 1.3em;
        font-weight: normal;
    }
}


/* ==========================================================================
  Mobile - Android Portrait Media Queries
 ========================================================================== */

@media only screen and (min-device-width : 800px) and (max-device-width : 800px) and (orientation : portrait) { 

    .full-width-gallery .rsOverflow {
        height: 1250px!important; 

    }

    .rsContent figure{
       margin-top: 290px!important;
        
    } 

     .rsContent figure img{
       height:1100px!important;
       width:1680px!important;
   /*   text-align: center; */
       margin-left: -370px!important;

    }


    .rsABlock.col h2{

        margin-bottom: 615px!important;
    }

    #site-header .logo-container{

        margin-top: 15px;
        width: 139px!important;
        margin-left: 18px;
    }

    #site-header .menu-main-navigation-container{

        margin-top: 18px;
    }

    #site-header .secondary-nav-container.en{

        margin-top: 5px!important;
        min-width: 240px!important; 
        font-size: 0.9em;
    }
    
    #site-header .secondary-nav-container{

        right: -97px!important;
    }

    #site-header #languages{
        margin-right: 6px!important;
    }
 }