/*

	Theme Name: Pixicon

	Template URI: 

	Description: 

	Author:

	Author URI: 

	License: GNU General Public License version 3.0

	License URI:

	Version: 1.0

	

	1. Body style

	2. Body

	3. siderbar

		1. Nave

	4. Header

	5. Main

	6. Home

	7. About

	8. Subscribe

	9. Contact

	10. Footer
	
	11. Animated blinking cursor

*/

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
button, html input[type="button"],/* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
 *overflow:visible;
}
body, img {
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, main {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img, main {
	display: block
}
audio, canvas, video {
	display: inline-block;
 *display:inline;
 *zoom:1
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
.clear {
	clear: both;
	line-height: 0;
	height: 0;
}
a {
	text-decoration: none;
	outline: none;
	color: #010101;
	transition-delay: 0s;
	transition-duration: 0.6s;
	transition-property: all;
	transition-timing-function: ease;
}
a:focus, img:focus, button:focus, .btn:focus {
	outline: none;
}



::-moz-selection {
 background-color:#FFF000;
 color:#fff;
 text-shadow:none;
}
::selection {
	background-color: #FFF000;
	color: #fff;
	text-shadow: none;
}
@font-face {
	font-family: 'Source Sans Pro', sans-serif;
}
/*== Body ==*/

body {
	background-image: url(../images/overlay-bg.png), url(../images/main-bg.jpg);
	background-size: 100% 100%;
	background-repeat: repeat, no-repeat;
	background-position: center center;
	background-attachment: fixed
}
/*== Siderbar ==*/

aside[role="siderbar-nav"] {
	position: fixed;
	left: 0;
	height: 100%;
	width: 50px;
	top: 0;
	background-color: #111111
}
aside[role="siderbar-nav"] > nav {
	padding-top: 110px
}
aside[role="siderbar-nav"] > nav > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	border-bottom: none
}
aside[role="siderbar-nav"] > nav > ul > li {
	display: block;
	float: none;
	margin-bottom: 25px
}
aside[role="siderbar-nav"] > nav > ul > li > a {
	font-size: 18px;
	color: #FFF;
	border-radius: 0;
	border: none;
	padding: 0;
}
aside[role="siderbar-nav"] > nav > ul > li.active a, aside[role="siderbar-nav"] > nav > ul > li a:hover {
	background-color: inherit;
	border: none;
	color: ##FFF000
}
aside[role="siderbar-nav"] > nav .nav-tabs>li.active>a, aside[role="siderbar-nav"] > nav .nav-tabs>li.active>a:focus, aside[role="siderbar-nav"] > nav .nav-tabs>li.active>a:hover {
	background-color: inherit;
	border: none;
	color: #FFF000
}
/*== Header ==*/

header[role="main-header"] {
	overflow: hidden;
	padding-top: 70px
}
header[role="main-header"] h1 {
	margin: 0;
	padding: 0;
}
header[role="main-header"] h1 > a {
	float: left;
	display: block;
	max-width: 73px
}
header[role="main-header"] ul[role="socil-icons"] {
	list-style: none;
	text-align: right;
	float: right
}
header[role="main-header"] ul[role="socil-icons"] > li {
	display: inline-block;
	margin-left: 28px
}
header[role="main-header"] ul[role="socil-icons"] > li > a {
	color: #FFF;
	font-size: 24px;
	font-weight: normal
}
header[role="main-header"] ul[role="socil-icons"] > li > a:hover {
	color: #FFF000
}
/*== Main ==*/

main[role="main"] {
	padding-top: 83px
}
/*== Home ==*/

article.home-content {
	color: #FFF
}
article.home-content header[role="home-title"] {
	padding-bottom: 44px
}
article.home-content header[role="home-title"] h2 {
	margin: 0;
	padding: 0;
	font-size: 60px;
	line-height: 62px;
	font-weight: 700;
}
article.home-content header[role="home-title"] h2 > span {
	color: #FFF000;
}
article.home-content p {
	font-size: 21px;
	line-height: 27px;
}
#countdown {
	padding-top: 208px;
	padding-bottom: 86px
}
#countdown span {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 700;
	font-size: 33px;
	line-height: 34px;
	margin-right: 57px
}
#countdown span b {
	display: block;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 2px;
	border-top: 3px solid #FFF000;
	margin-top: 5px;
	padding-top: 6px
}
/*== About ==*/

.about-pan {
	padding-bottom: 151px
}
.other-page header[role="page-title"] {
	padding-bottom: 59px
}
.other-page header[role="page-title"] h2 {
	padding: 0;
	margin: 0;
	color: #FFF;
	font-size: 39px;
	line-height: 40px;
	font-weight: 700
}
.other-page article p {
	font-size: 24px;
	line-height: 27px;
	color: #FFF;
	padding: 0;
	margin: 0;
	width: 798px;
	padding-bottom: 2px
}
.other-page article h4 {
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	padding: 0;
	margin: 0;
	left: 10px;
	width: 798px;
	padding-bottom: 25px
}
/*== Subscribe ==*/

.subscribe-pan form {
	width: 400px;
	display: block;
	overflow: hidden;
	padding-top: 15px;
	margin-bottom: 272px
}
.subscribe-pan form input[type="email"] {
	display: block;
	width: 340px;
	height: 50px;
	outline: none;
	padding: 0 10px;
	border: 1px solid #FFF;
	background-color: inherit;
	font-size: 15px;
	line-height: 16px;
	color: #a4a4a4;
	font-weight: 300;
	float: left
}
.subscribe-pan form label {
	float: right;
	width: 60px;
	height: 50px;
	position: relative;
	text-align: center;
}
.subscribe-pan form label input {
	font-size: 0;
	display: block;
	border: none;
	outline: none;
	cursor: pointer;
	width: 60px;
	height: 50px;
	background-color: #FFF
}
.subscribe-pan form label i {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 24px;
	color: #111111;
	cursor: pointer;
	line-height: 50px
}
.subscribe-pan form label:hover input {
	background-color: #FFF000
}
.subscribe-pan form label:hover i {
	color: #FFF
}
 .subscribe-pan form ::-webkit-input-placeholder {
color:#a4a4a4;
}
 .subscribe-pan form ::-moz-placeholder {
color:#a4a4a4;
} /* firefox 19+ */
 .subscribe-pan form :-ms-input-placeholder {
color:#a4a4a4;
} /* ie */
 .subscribe-pan form input:-moz-placeholder {
color:#a4a4a4;
}
.subscribe-pan > p {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 300
}
.error_message {
	color: #FFF000
}
#success_page h3, #success_page p {
	color: #60ca6f
}
/*== Contact ==*/

.contact-from {
	margin-bottom: 50px;
}
.contact-from input[type="text"], .contact-from input[type="email"], .contact-from textarea {
	width: 100%;
	padding: 0 10px;
	display: block;
	height: 50px;
	outline: none;
	border: 1px solid #d2d4d7;
	background-color: inherit;
	color: #a4a4a4;
	font-size: 15px;
	line-height: 16px;
	margin-bottom: 27px
}
 .contact-from form ::-webkit-input-placeholder {
color:#a4a4a4;
}
 .contact-from form ::-moz-placeholder {
color:#a4a4a4;
} /* firefox 19+ */
 .contact-from form :-ms-input-placeholder {
color:#a4a4a4;
} /* ie */
 .contact-from form input:-moz-placeholder {
color:#a4a4a4;
}
.contact-from textarea {
	margin-bottom: 21px;
	height: 126px;
	padding: 10px
}
.contact-from input[type="submit"] {
	display: block;
	border: none;
	outline: none;
	width: 168px;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 15px;
	color: #FFF;
	font-weight: 600;
	letter-spacing: 2px;
	background-color: #FFF000;
	margin-bottom: 60px
}
.contact-from input[type="submit"]:hover {
	background-color: #f8524e
}

/* ===================================
            Card
==================================== */

    * {
    box-sizing: border-box;
  }
  
  
  .column
  {
      width:25%;
      float:left;
      padding:100px 10px;
  }

  .row:after{
      content:"";
      display:table;
      clear:both;
  }

  .container {
	padding:0 20px 0 20px;
	position:relative;
}

 

  @media screen and (max-width:600px)
  {
      .column
      {
          width:100%;
          display:block;
          margin-bottom: 0px;
      }
  }

  .card
  {
      box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.2);
      max-width:180px;
      margin:10px;
      background-color:white;      
      border-radius:40px;
      padding-bottom: 10px;
  }

  .title
  {
      color:gray;
      font-size:16px;
  }

  a{
      text-decoration: none;
      font-size:16px;
      color:black;
  }

  a:hover,button:hover{
      opacity: 0.6;
  }

  section.demogrid .col-lg-12.nest {
	background:#f6f6f6;
	text-align:center;
	padding:20px 0 0;
  }

  /* 12. Portfolio */
/*================================ */

.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 10px 30px 0;
	padding: 0;
	float:left;
}

.work-nav #filters li a {
	color: #7F8289;
	font-size: 16px;
	display: block;	
}

.work-nav #filters li a:hover {

}

.work-nav #filters li a.selected {
	color: #DE5E60;
}

#thumbs {
	margin: 0;
	padding: 0;	
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #000;
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;	
	opacity: 1;
	filter: alpha(opacity=100);
}


/* --- Portolio filter --- */

ul.portfolio-categ{
	margin:10px 0 30px 0;
	padding:0;
	float:left;
	list-style:none;
}

ul.portfolio-categ li{
	margin:0;
	padding:0 20px 0 0;
	float:left;
	list-style:none;
	font-size:13px;
	font-weight:600;
}

ul.portfolio-categ li a{
	display:block;
	padding:35x 0 35x 0;
	color:#353535;
}

ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active {
	text-decoration:none;
	outline:0;
}

/* --- portfolio detail --- */
.top-wrapper {
	margin-bottom:20px;
}

/* ===================================
8. Section: Content
==================================== */

#content {
	position:relative;
	background:#fff;
	padding:50px 0 40px 0;
}

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

/* --- Call to action --- */

.cta-text {
	text-align: center;
	margin-top:10px;
}


.big-cta .cta {
	margin-top:10px;
}

/* --- box --- */

.box {
	width: 100%;
}
.box-gray  {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}
.box-gray  h4,.box-gray  i {
	margin-bottom: 20px;
}
.box-bottom {
	padding: 20px 0;
	text-align: center;
}
.box-bottom a {
	color: #fff;
	font-weight: 700;
}
.box-bottom a:hover {
	color: #eee;
	text-decoration: none;
}


/*== Footer ==*/

footer[role="footer"] {
	background-color: #111111;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 5
}
footer[role="footer"] p {
	color: #FFF;
	font-size: 14px;
	line-height: 50px;
	padding: 0;
	margin: 0;
	float: left
}
footer[role="footer"] p + p {
	text-align: right;
	float: right
}
footer[role="footer"] p i {
	padding: 0 4px;
	color: #FFF000
}
footer[role="footer"] p a {
	padding: 0 4px;
	color: #FFF000
}
/*==  code for animated blinking cursor ==*/
.typed-cursor {
	opacity: 1;
	font-weight: 100;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	-ms-animation: blink 0.7s infinite;
	-o-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
 @-keyframes blink {
 0% {
opacity:1;
}
 50% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes blink {
 0% {
opacity:1;
}
 50% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-moz-keyframes blink {
 0% {
opacity:1;
}
 50% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-ms-keyframes blink {
 0% {
opacity:1;
}
 50% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-o-keyframes blink {
 0% {
opacity:1;
}
 50% {
opacity:0;
}
 100% {
opacity:1;
}
}

/* =============================
21. Media queries 
============================= */

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

	a.detail{
		background:none;
		width:100%;
	}


	
	footer .widget form  input#appendedInputButton {
		  display: block;
		  width: 91%;
		  -webkit-border-radius: 4px 4px 4px 4px;
			 -moz-border-radius: 4px 4px 4px 4px;
				  border-radius: 4px 4px 4px 4px;
	}
	
	footer .widget form  .input-append .btn {
		  display: block;
		  width: 100%;
		  padding-right: 0;
		  padding-left: 0;
		  -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
				  margin-top:10px;
	}

	ul.related-folio li{
		width:156px;
		margin:0 20px 0 0;
	}	
}

@media (max-width: 769px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
	.navbar-brand {
		margin-top: 10px;
		border-bottom: none;
	}
	.navbar-header {
		margin-top: 20px;
		border-bottom: none;
	}
	
	.navbar-nav {
		border-top: none;
		float: none;
		width: 100%;
	}

	header .navbar-nav > li  {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	header .nav li .dropdown-menu  {
		margin-top: 0;
	}

	.dropdown-menu {
	  position: absolute;
	  top: 0;
	  left: 40px;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 5px 0;
	  margin: 2px 0 0;
	  font-size: 13px;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 1px solid #f5f5f5;
	  border: 1px solid rgba(0, 0, 0, .15);
	  border-radius: 0;
	  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
			  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	

	
	.navbar-collapse.collapse  {
		border: none;
		overflow: hidden;
	}

	
	.box {
		border-bottom:1px solid #e9e9e9;
		padding-bottom:20px;
	}

	#featured .flexslider .slide-caption {
		width: 90%; 
		padding: 2%; 
		position: absolute; 
		left: 0; 
		bottom: -40px; 
	}


	#inner-headline .breadcrumb {
		float:left;
		clear:both;
		width:100%;
	}

	.breadcrumb > li {
		font-size:13px;
	}

	
	ul.portfolio li article a i.icon-48{
		width:20px;
		height:20px;
		font-size:16px;
		line-height:20px;
	}


	.left-sidebar{
		border-right:none;
		padding:0 0 0 0;
		border-bottom: 1px dotted #e6e6e6;
		padding-bottom:10px;
		margin-bottom:40px;
	}
	
	.right-sidebar{
		margin-top:30px;
		border-left:none;
		padding:0 0 0 0;
	}
	
	
	footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, 
	footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{
		margin-bottom:20px;
	}

	#sub-footer ul.social-network {
		float:left;
	}
	

	
  [class*="span"] {
		margin-bottom:20px;
  }

}

@media (max-width: 480px) {
	.bottom-article a.pull-right {
		float:left;
		margin-top:20px;
	}


	.search{
		float:left;
	}

	.flexslider .flex-caption {
		display:none;
	}


	.cta-text {
		margin:0 auto;
		text-align:center;	
	}
	
	ul.portfolio li article a i{
		width:20px;
		height:20px;
		font-size:14px;
	}


}

@media (max-width: 360px) {

}

#linha {
      color: #000;
      background-color: #000;
      height: 4px;
    }