/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 29, 2014, 11:34:19 AM
    Author     : rogerssampaio
*/

/* Nav */

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


.flush-right {padding-right: 0px!important; margin-right: 0px!important;;}
.flush-right ul li:last-child, .flush-right ul li:last-child a {margin-right: 0px!important;; padding-right: 0px!important;}

/* Mosaic */

.mosaic {margin-left: 0px!important; margin-right: 0px!important;}
.mosaic .vc_row {margin-bottom: 0px!important; margin-left: 0px!important; margin-right: 0px!important;}
.mosaic .vc_row > div {padding: 0px!important}
.mosaic .vc_column_container {padding-left: 0px!important; padding-right: 0px!important;}

/* Footer START */

footer {}
.linkbox {display:block; }
.wpb_column {position: relative;}
.mosaic_box div {position:absolute; bottom: 0px; left: 0px; padding: 20px; background-color: rgba(0,0,0,0.5); width: 100%}
.mosaic_box a h3 {color: #fff!important; font-size: 17px!important;}
.mosaic_box a {color: #fff!important; font-size: 17px!important;}

.inline div {display: inline-block;}

.navbar-default {background-color: transparent!important; border: none 0!important}

.form-inline h4, .form-inline input {display: inline!important; padding-right: 5px;}
.form-inline .mc4wp-form input[type=date], .form-inline .mc4wp-form input[type=email], .form-inline .mc4wp-form input[type=tel], .form-inline .mc4wp-form input[type=text], .form-inline .mc4wp-form input[type=url], .form-inline .mc4wp-form select, .form-inline .mc4wp-form textarea {width: 45%!important;}

#iframe_box {min-height: 1500px;}

ul.wpb_thumbnails-noIsotope {
    
    margin-left: 0;
    padding-left: 0;
    
}

ul.wpb_thumbnails-noIsotope li {
    
    margin-left: 0;
    margin-bottom: 20px;
    background-image: none;
    list-style: none !important;
    
}

ul.wpb_thumbnails-noIsotope li.vc_col-sm-12 {
    
    padding: 0px;

}

.vc_post_thumbnail img {width: 100%; height: auto;}


nav#fancy-nav {
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    color: #fff;
    padding-top: 0px;
    background: none;
    z-index: 10000;
    -moz-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}

nav#fancy-nav.open {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    height: 100%;
}

#huge-menu-wrapper {

    z-index: 1500;
    width: 100%;
    background: none;
    display: table;
    -moz-transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}

nav#fancy-nav.open ul {
    top: 0;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    -moz-transform: perspective(600px) rotateX(0deg);
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
}

nav#fancy-nav ul {
    visibility: hidden;
    top: -10%;
    width: 100%;
    padding: 0;
    opacity: 0;
    display: table-cell;
    vertical-align: middle;
    -moz-transform: perspective(600px) rotateX(10deg);
    -webkit-transform: perspective(600px) rotateX(10deg);
    transform: perspective(600px) rotateX(10deg);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
    -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
    transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
}

nav#fancy-nav li {
    list-style: none;
    text-align: center;
}

nav#fancy-nav #huge-toggle {
    width: 104px;
    height: 74px;
    padding: 45px 40px;
    z-index: 2000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    -moz-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}

nav#fancy-nav #huge-toggle:hover {
    -moz-transition: top 0.4s;
    -o-transition: top 0.4s;
    -webkit-transition: top 0.4s;
    transition: top 0.4s;
}



nav#fancy-nav #huge-toggle .movement {
    width: 24px;
    height: 4px;
    margin: 10px 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

nav#fancy-nav #huge-toggle .movement:after, nav #huge-toggle .movement:before {
    content: '';
    display: block;
    width: 24px;
    height: 4px;
    position: absolute;
    z-index: -1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


nav#fancy-nav #huge-toggle .movement:before {
    top: -8px;
}

nav #huge-toggle .movement:after {
    top: 8px;
}

nav.open .movement:before {
    top: 0 !important;
    background: #fff !important;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

nav.open .movement:after {
    top: 0 !important;
    background: #fff !important;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

nav.open .movement {
    background: none !important;
}

.huge-zindex {
    z-index: 20000;
    position: relative;
}


.vc_row-sticky {
    position: fixed;
    opacity: 0;
    left: 0;
    right: 0;
    top:-100px;
    z-index: 1000;

}

.show-sticky {
    opacity: 1;
    top:0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.hide-sticky {
    opacity: 0;
    top:-100px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom:0;
    left:0;
    right:0;
    z-index: 10001;
    background-color: rgba(88, 88, 88, 0.80)/*rgba(107, 189, 185, 0.91);*/
}

.modal {
    cursor: pointer;
}

.modal-container {
    position: absolute;
    z-index: 10002;
    top: 5%;
    margin: 0 5%;
    width: 90%;
    display: none;
    background-color:#fff;
}

.modal-container .close-button {position: absolute;
    width:40px; height: 40px; background-color: #fff; top:0; right: 0px; color: #fff; text-align: center; line-height: 37px;
    z-index: 1002;
    font-size: 20px; cursor: pointer;}

.modal-container .close-button:hover {
    color: rgba(107, 189, 185, 1);
    background-color: #fff;
    transition: all 0.15s ease-out;
}

.modal-container .vc_column_container {
    padding: 0;
}

.hide-now {
    display: none;
}

.hide-from-universe {display: none;}

.content-modal-wrapper {
    padding: 45px 20px 0;
}

/* Navigation */
.navigation {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 999;
    width: 45px;
    height: 45px;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}

.link-section {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 375px;
    padding: 115px 50px 65px 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    opacity: 0;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
    -webkit-transition: opacity 150ms ease-in-out, -webkit-transform 200ms ease;
    transition: opacity 150ms ease-in-out, -webkit-transform 200ms ease;
    transition: transform 200ms ease, opacity 150ms ease-in-out;
    transition: transform 200ms ease, opacity 150ms ease-in-out, -webkit-transform 200ms ease;
    text-align: left;
    text-decoration: none;
}

.link-section.visible {
    opacity: 1;
    -webkit-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
}

.link-section.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;  
    opacity: 1;
    -webkit-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
    -webkit-transition-duration: 100ms, 250ms;
    transition-duration: 100ms, 250ms;
}

.link {
    color: #00ac8a;
    text-decoration: none;
}

.link-section ul {
    padding: 0px;
    list-style-type: none;
}

.navigation-link, .link-section .menu-item a {
    display: block;
    min-width: 320px;
    clear: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
}

.navigation-link:hover, .link-section .menu-item a:hover{

}

.navigation-button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 10px;
    float: left;
    -webkit-transition: all 80ms cubic-bezier(.455, .03, .515, .955);
    transition: all 80ms cubic-bezier(.455, .03, .515, .955);
}

.navigation-button:hover {
    position: absolute;
}

.nav-social {
    padding-top: 0px;
    padding-bottom: 65px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.nav-social-link {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    float: left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.nav-social-link:hover {
    opacity: 0.85;
    text-decoration:none;
}

.nav-social-link:visited {
    color: #00ac8a;
}

.nav-social-link.nav-slack {
    /*background-image: url('../images/icon-nav-slack.svg');*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.nav-social-link.nav-irc {
    /*background-image: url('../images/icon-nav-irc.svg');*/
}

.nav-social-link.nav-twitter {
    /*background-image: url('../images/icon-nav-twitter.svg');*/
}

.nav-social-link.nav-forum {
    /*background-image: url('../images/icon-nav-forum.svg');*/
}

.nav-social-link.nav-github {
    /*background-image: url('../images/icon-nav-github.svg');*/
    background-position: 0px 0px;
}

.nav-social-link.nav-reddit {
    /*background-image: url('../images/icon-nav-reddit.svg');*/
}

.nav-social-link.nav-youtube {
    /*background-image: url('../images/icon-nav-youtube.svg');*/
}

.nav-dev-link {
    display: block;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    clear: left;
    color: #0f4790;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

.nav-dev-link:hover {
    opacity: 0.85;
}

.menu-footer-content img {
    max-width: 100%;
    height: auto;
}

.menu-footer-content .vc_btn3-container {
    margin-bottom: 10px;
}

#nav-icon {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }


  #nav-icon span {
    display: block;
    position: absolute;
    height: 5px;
    width: 50%;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
  #nav-icon span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
  }
  
  #nav-icon span:nth-child(odd) {
    left:0px;
    border-radius: 9px 0 0 9px;
  }
  
  #nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
    top: 0px;
  }
  
  #nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {
    top: 10px;
  }
  
  #nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {
    top: 20px;
  }
  
  #nav-icon.active span:nth-child(1),#nav-icon.active span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #nav-icon.active span:nth-child(2),#nav-icon.active span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  #nav-icon.active span:nth-child(1) {
    left: 2px;
    top: 5px;
  }
  
  #nav-icon.active span:nth-child(2) {
    left: calc(50% - 5px);
    top: 5px;
  }
  
  #nav-icon.active span:nth-child(3) {
    left: -50%;
    opacity: 0;
  }
  
  #nav-icon.active span:nth-child(4) {
    left: 100%;
    opacity: 0;
  }
  
  #nav-icon.active span:nth-child(5) {
    left: 2px;
    top: 12px;
  }
  
  #nav-icon.active span:nth-child(6) {
    left: calc(50% - 5px);
    top: 12px;
  }