/**
 *
 * Theme: Texlin
 * Folha de Estilos Personalizados
 *
 * Author: Nova1 - Sites, Web & Design
 * Author URI: http://www.nova1.com.br
 *
**/
/*******************************************************
 * CORPO, ELEMENTOS HTML E TIPOGRAFIA
*******************************************************/

body {
    color: #6D6E70;        
    font-weight: 300;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;   
    background: #FFFFFF;
}

h1, h2, h3, h4 {
  font-weight: 300;
  font-family: 'Source Sans Pro', sans-serif;   
  color: #033B5F;  
}

h1 { font-size: 60px; }

hr { border-color: #999; }

img { max-width: 100%; height: auto; }

a, a:hover,
a *, a:hover * {
    transition: 0.3s;
    opacity: 1;
    cursor: pointer;
}

a:hover,
a:hover > * { opacity: 0.7; }

/*******************************************************
 * SPRITES CSS
*******************************************************/

.icon { background-image: url('img/sprites.png'); background-repeat: no-repeat; display: inline-block; }
.icon:hover { text-decoration: none; }

.icon-logo { background-position: 0 0; width: 145px; height: 125px; }
.icon-brand { background-position: -55px -155px; width: 35px; height: 28px; }
.icon-phone { background-position: 0 -155px; width: 28px; height: 28px; }
.icon-work-with-us { background-position: 0 -199px; width: 28px; height: 28px; }
.icon-work-with-us-large { background-position: -116px -200px; width: 35px; height: 34px; }
.icon-location { background-position: 0 -242px; width: 28px; height: 28px; }
.icon-contact-form { background-position: -109px -155px; width: 36px; height: 34px; }
.icon-contact-form-white { background-position: -58px -252px; width: 36px; height: 35px; }
.icon-newsletter { background-position: -61px -199px; width: 35px; height: 35px; }
.icon-facebook { background-position: 0 -300px; width: 37px; height: 37px; }
.icon-googleplus { background-position: -50px -300px; width: 46px; height: 37px; }
.icon-linkedin { background-position: -110px -300px; width: 41px; height: 37px; }

/*******************************************************
 * FORMULÁRIOS E BOTÕES
*******************************************************/

.btn, .form-control {
  font-weight: 300;
  font-family: 'Source Sans Pro', sans-serif;     
}

.btn-primary {
  background: #7CB5E1;
  border-color: #7CB5E1;
}

/*******************************************************
 * CLASSES E ELEMENTOS PRINCIPAIS
*******************************************************/

.default-img {
  height: 130px; 
  margin: 20px 0; 
  background: url( 'img/default_thumbnail.jpg' ) no-repeat center center;
  background-size: cover;
}


/*******************************************************
 * CABECALHO
*******************************************************/

#header {
  background: #FFF url( 'img/header-bkg.jpg' ) repeat-x center 9px;
  padding-top: 50px;
}

#logo {
  padding: 15px 40px;
  background: #FFF;
  text-align: center;
  position: absolute;
  border-radius: 20px;
  z-index: 2;
}

#header-meta #serchform { float: left; }

#header-bottom {
  background-image: url( 'img/slides/default-header.jpg' );
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 170px;
}

.page-template-page-about #header-bottom { background-image: url('img/slides/about.jpg'); }
.page-template-page-contact #header-bottom { background-image: url('img/slides/contact.jpg'); }
.page-template-page-partners #header-bottom { background-image: url('img/slides/partners.jpg'); }

#main-menu { margin-bottom: 30px; }
#main-menu .nav .menu-item a { color: #FFF; }
#main-menu .nav .menu-item.current-menu-item a { background: #065B99; }

#main-menu .nav>.menu-item:hover>a { 
  background: none;   
  text-shadow: 0 1px 3px #333;
  opacity: 1;
}

#main-menu .nav .menu-item:hover .sub-menu,
#main-menu .nav .menu-item .sub-menu:hover {
  display: block;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}

#main-menu ul.sub-menu {
  position: absolute;
  list-style: none;
  top: 40px;
  width: 160px;
  padding: 0;
  z-index: 1;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 1px 1px #999;
  display: none;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}

#main-menu ul.sub-menu .menu-item a,
#main-menu ul.sub-menu .menu-item.current-menu-item a {
  background-color: #C7E1F1;
  display: block;
  width: 160px;
  padding: 5px;
  color: #000;
  border-top: 1px solid #A7C6DA;
}




#header #searchform {
  background: #C7E1F1;
  padding: 0 5px;
  border-radius: 20px;
  margin: 3px 20px 5px;
}

#header #searchsubmit {
  background: none;
  border: 0;
  box-shadow: none;
  color: #FFF;
  padding-top: 5px;
}

#header #s {
  background: none;
  border: 0;
  padding: 0;
  width: 200px;
  height: 25px;
  box-shadow: none;
  margin-top: -10px;
}

/*******************************************************
 * RODAPE
*******************************************************/

#footer {
  padding: 30px 0;
  background: #FFF;  
  font-size: 16px;
}

#footer-media-info { border-right: 1px solid #ddd; }
#footer-media-info a { color: #6D6E70; }

#footer-media-info .media-body p span {
  font-size: 32px;
  color: #0767A3;
}

#footer-media-info address { font-size: 11px; }

#footer-newsletter {
  border-right: 1px solid #ddd;
  height: 168px;
}

#footer-newsletter-form {
  background: #C7E1F1;
  max-width: 366px;
  border-radius: 20px;
  overflow: hidden;
}

#footer-newsletter-form .form-control {
  background: none;
  border: 0;
  box-shadow: none;
  width: 292px;
}

#newsletter-form .btn { border-radius: 0; }

#footer-social-links {
  padding-left: 20px;
}

#footer-social-links h4 {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 20px;
}

#footer-social-links a {
  margin: 0 0 0 15px;
}

/*******************************************************
 * PÁGINAS
*******************************************************/

#main {
  padding: 50px 0 50px;
  min-height: 400px;
  background: url( 'img/footer-bkg.jpg' ) repeat-x center 130%;
}

.page-header { border: 0; }

.page-title {
  text-transform: uppercase;
  border-right: 1px solid #ddd;
  padding: 0 20px;
}

.page-title h1 { margin: 0; }

.sidebar {
  background: url( 'img/bkg-sidebar-menu.png' ) no-repeat center top;
  background-size: contain;
  min-height: 500px;
  overflow: hidden; 
  border-radius: 20px;
}


.page-template-page-partners .sidebar {
	background: url( 'img/bkg-sidebar-partners.png' ) no-repeat center top;
}



.sidebar .nav { list-style-type: disc !important; border: 0; }
.sidebar .nav li { margin: 0 20px 0 !important; }

.sidebar .nav li a {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #033B5F;
  background: none;
}

.sidebar .nav li a:hover,
.sidebar .nav li a:focus,
.sidebar .nav li a:active {
  background: none;
}

.sidebar .nav li.active a {
  background: #559ED8;
  color: #FFF;
  margin: 0 -20px;
  padding: 10px 35px;
}

.sidebar .nav li:first-child a {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.sidebar .nav li:last-child a { border-bottom: 0; }

.page-content h2 {
  margin: 0 0 10px;
  border-bottom: 2px solid #0767A3;
  padding-bottom: 5px;
  font-size: 36px;
  color: #0767A3;
}


/* home */
.home #header-bottom {
  background-image: url( 'img/slides/home.jpg' );
  height: 370px;
}

#home-slider {
  position: absolute;
  width: 100%;
  z-index: 1;
}

#home-slider .carousel-inner {
  position: relative;
  width: 100%;
  overflow: visible;
}
#home-slider .container { position: relative; }

#home-slider .home-slider-image {
  height: 370px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


#home-slider .carousel-caption {
  text-align: left;
  top: -150px;
  left: 12px;
}

#home-slider .carousel-caption p {
  margin: 140px 0 0 40px;
  width: 280px;
}

#home-slider .caption-bkg {
  background-color: rgba(60, 104, 160, 0.5);
  width: 323px;
  height: 50px;
  position: absolute;
  top: 100px;
  left: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#home-slider .carousel-inner .item.next .carousel-caption p,
#home-slider .carousel-inner .item.left .carousel-caption p {
  display: none;
}

.home .page-content { margin-top: -75px; }

.home .sidebar {
  background: url('img/home-sidebar.png') no-repeat center top;
  background-size: cover;
  min-height: 500px;
  overflow: hidden;
  border-radius: 20px;
  padding: 200px 20px 40px;
  color: #FFF;
  margin: -30px 18px 0;
}

.home .sidebar hr { border-color: #3B679F; }

h2.home-span {
  position: absolute;
  top: -80px;
  color: #FFF;
  width: 80%;
  border: 0;
  font-size: 60px;
  line-height: 60px;
  margin: 120px 0 0 40px;
  z-index: 1;
  text-transform: uppercase;
  line-height: 50px;
}

.home-span span { margin-right: 15px; }

.home-span span:last-child {
  font-size: 36px;
  display: block;
  line-height: 30px;
  margin: 15px 0 0 110px;
  text-transform: lowercase;
}

.home-servicos, .home-cases {
  padding: 220px 30px 0;
  position: relative;
}

.home-servicos .text-center, .home-cases .text-center {
  position: absolute;
  z-index: 1;
  top: 0;
}

.home-servicos h3, .home-cases h3 {
  border-bottom: 2px solid;
  margin-bottom: 20px;
}

.home-cases h3 { color: #BBCFDF; }

.home-servicos .link {
  color: #3C68A0;
  font-weight: bold;
  font-style: italic;
  font-size: 32px;
  float: right;
  margin-top: -30px;
}

.home-cases .link {
  color: #8EAFC3;
  font-weight: bold;
  font-style: italic;
  font-size: 32px;
  float: right;
  margin-top: -30px;
}

.home-metodos { padding: 30px; }


/* contato */

#contact-info-links {
  font-size: 22px;
  line-height: 22px;
}

.contact-info-link { padding: 10px 20px; }

.contact-info-link .media {
  padding: 10px 0;
  border-bottom: 1px solid #3F6DA5;
}

#contact-info-phone .media-body p {
	padding-top: 5px;
}

#contact-info-links address { line-height: 22px; margin-bottom: 10px;}
#contact-work-with-us a { color: #666; }

#contact-info-links p span {
  font-size: 42px;
  font-weight: bold;
  color: #0767A3;
}

#contact-form-link {
  background: #3F6EA6;
  color: #FFF;
}

#contact-form-link a,
#contact-newsletter-link a { color: #FFF; }

#contact-newsletter-link {
  background: #233D5F;
  color: #FFF;
}

#contact-newsletter-link .media {
  border-bottom: 0;
}

#contact-map { border-top: 2px solid #3F6DA5; }

/* produtos */

#products-filter-form .checkbox {
  margin: 0 25px 10px 0;
  color: #0767A3;
  text-transform: lowercase;
  font-size: 18px;
}

#products-list {
  background-color: #C7E1F1;
  border-radius: 1px;    
  box-shadow: inset 0 0 15px #98B8CB;
  position: relative;
  height: 450px;  
  padding: 1px;
}

#products-list p { margin: 20px; }

#categories {
  width: 274px;
  margin-left: 15px;
  margin-top: 5px;
}

#products-list .product {  
  outline: 1px solid #77CDFF;
  height: 89.5px;
  width: 89.5px;
  float: left;
}

#products-list .product a:focus,
#products-list .product a:active {
  opacity: 0.5;
}

.product-thumb {
  background-color: #FAFAFA;
  padding: 5px;
  text-align: center;
  margin: 20px 0;
}

/* parceiros */

.one-partner {
  background-color: #FFF;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  margin: 15px 0;
  box-shadow: inset 0 0 15px #98B8CB;
  position: relative;
}

.one-partner .title {
  text-transform: uppercase;
}

#partners a.link,
#partners a.link:hover,
#partners a.link .one-partner,
#partners a.link:hover .one-partner, 
#partners a.link .one-partner .content,
#partners a.link:hover .one-partner .content { opacity: 1 !important; }

.one-partner:hover .content {
  cursor: pointer;
  display: block;
  opacity: 1;
}

.one-partner .content {
  display: none; 
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  margin: 0 -20px;
  background-color: rgba(21, 112, 169, 0.8);
  color: #FFF;
  font-size: 14px;
}

.one-partner .content .content-title {
  margin-bottom: 10px;
  border-bottom: 1px solid #FFF;
  text-transform: uppercase;
}


/*******************************************************
 * AJUSTES RESPONSIVOS
*******************************************************/

@media( max-width: 768px ) {

  .sidebar {     
    min-height: 0px;
    height: auto !important; 
    background-size: cover;
  }

  .form-group {
    display: inline-block;
    margin-bottom: 5px;
  }

  #footer-newsletter-form .form-control {
    background: #FAFAFA;
    border: initial;
    box-shadow: initial;
    width: 200px;
  }

  #footer-newsletter-form {
    background-color: transparent;
    border-radius: 0;
  }

  #products-list { height: auto; }
  #header { background-position: center 15px; }

  .home .sidebar { min-height: 0; height: auto !important; }

  .home-servicos, .home-cases { margin: 20px 0 50px -10px; }

}