@import url('https://fonts.googleapis.com/css?family=Raleway:700,400');
@import url('bootstrap-btn.css');
@import url('../fonts/SofiaPro.css');
body,html{
	
	
	/* background: #33353C; */
/*#33353C*/
	color: #FFFFFF;
	
		
	width: 100%;
	height: 100%;
	z-index: 1;
	
	
} 
body:not(.main){
	background: #33353C;
}
body.main::before {
  content: "";
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;  
  opacity: 0.7; 
  z-index: -1;
  background: URL('../imagens/bg/bg-1.jpg');
}
a{
	color: #FFF;
}
a:hover,a:active,a:focus{
	color: #FFFFFF;
	opacity: 0.7;
	text-decoration: none;
}

.social-icons .fa {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-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;
}

.el-top .container:first-child,
.shop .container:first-child,
.painel .container:first-child,
.donation .container:first-child,
.account-text{
	background: rgba(28, 28, 28, 95%);
}
.account-text{
	padding-top: 5px;
}
.panel-login,
.panel-login a{
	color: #fff;
	text-shadow: 0 1px 1px #000000, 1px 0 1px #000000, 1px 1px 1px #000000;
	font-weight: bold;
}
.el-top .container:first-child{
	padding-bottom: 15px;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
 

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: #1C1C1C;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    /*background-color: #1C1C1C;*/
   background: #2e6da4;
    text-align: center;
    -webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(184, 184, 184, 1);
    
    background-color: rgba(46, 109, 164, 0.95);
    /* background-color: rgba(38, 38, 38, 1); */
    
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(184, 184, 184, 1);
    /*background-color: rgba(38, 38, 38, 1);*/
   background-color: rgba(46, 109, 164, 0.95);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #b3b3b3;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #262626;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #b3b3b3;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #FFF;
}

#custom-bootstrap-menu.navbar-default .navbar-collapse{
	border: 0;
}


.banner, .page-404, .el-middle, .el-top{
	height: 100%;
	position: relative;
	/*margin-top: -162px;*/
	z-index: 0;
	display: table;
	overflow: hidden;
	width: 100%;
	
}



.el-top h2{
}
.banner::before, .page-404::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	z-index: -1;
	background-image: url('../imagens/bg/bg-1.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}
.el-middle::before{
	
}
.banner  > div, .page-404 > div, .el-middle > div,.el-top > div{
	vertical-align: middle;
	display: table-cell;
	font-family: "Sofia Pro",Helvetica,sans-serif;
	padding-bottom: 30px;
}


.el-middle{
	padding-top: 30px;	
}
.el-top{
	padding-top: 182px;
	height: auto !important;
}
.account-text{
	margin-top:50px;
	margin-bottom: -182px;
}
.banner h2, .page-404 h2{
	font-size: 7vw;
	font-weight: 700;
}
.banner h3, .page-404 h3{
	font-size: 26px;	
}

@media(max-width: 767px) {
	/*REMVOER ESPAÇO SUPERIOR MENU*/
	header .navbar-menubuilder li > a{
		padding-top: 0;
	}
	header .navbar{
		min-height: auto;
	}
}

header{
	padding: 0;
	background: rgba(28, 28, 28, 0.8);
	/** /position: fixed;/**/
	position: absolute;
	top:0;
	width: 100%;
	z-index: 1;
}

header .social-icons #face-group{
	position: relative;
	
}
header .social-icons #face-group .badge{
	position: absolute;
	left: 8px;
	bottom: 0;
	font-size: 10px;
}
@media(max-width: 991px){
	header .social-icons #face-group .badge{
		font-size: 8px;
		bottom: -5px;
		padding:2px 3px;
		left: 12px;	
	}
}
header a#btn-newslatter{
	position: absolute;
	top: 55px;
	font-size: 16px;
	z-index: 1;
}
header .social-icons{
	position: absolute;
	top: 33px;
	font-size: 16px;
	z-index: 1;
}
header .social-icons .fa{
	font-size: 25px;
}
header .menu{
	background: #1C1C1C;
	margin-top: 0;
}

header .painel-menu{
	position: absolute;
	top: -5px;
	font-size: 16px;
	z-index: 1;	
	color: #FFF;
	margin: 0;
	padding: 0;
	
}
header .painel-menu li{
	list-style: none;	
}
header .painel-menu a{
	color: #FFF;
	font-size: 16px;
}
header .painel-menu a i.fa{
	width: 16px;
	display: inline-block;
}

@media (max-width: 991px) {
	.account-text{
		margin-top:50px;
		margin-bottom: -132px;
	}
	.el-top{
		padding-top: 132px;
	}
	.banner,, .page-404{
		/*margin-top: -112px;*/
	}
	header .menu{
		margin-top: 0;
	}
	header .menu .container{
		width: auto;
	}
	header .text-center{
		padding-bottom: 15px;
	}
	.banner h2,, .page-404 h2{
		font-size: 64px;	
	}
	header .social-icons{
		top: 10px;
	}
	header .social-icons .fa{
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	header .painel-menu{
		right: -140px;	
	}
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
		/*text-align: left;*/	
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	header .social-icons .fa{
		font-size: 15px;
	}
}
@media (min-width: 992px) {
	header .text-center{
		padding-bottom: 0;
	}
	
}

@media (max-width: 767px) {
	.account-text{
		margin-top:41px;
		margin-bottom: -182px;
	}
	.el-top, .el-middle{
		padding-top: 182px;
	}
	header .social-icons{
		/*top: 147px;*/
		top: 60px;
		left: 15px;
		/*left: 25px;*/
		z-index: 2;
	}
	
	header .painel-menu{
		right: 15px;
		font-size: 14px;	
	}
	.banner, .page-404{
		/*margin-top: -177px;*/
	}
	.banner h2, .page-404 h2{
		font-size: 48px;	
	}
	header{
    	position: absolute;	
    }
    header .menu{
		margin-top: 0;
	}
	footer{
		text-align: center;	
	}
	.ass-dev{
		float: none !important;
		display: block;
		text-align: center;
		color: #FFF;
		margin:15px 0;
			
	}
	 .page-404 > div, .el-middle > div,.el-top > div{
		padding-bottom: 100px;
	}
	
}
@media (max-width: 650px) {
	.account-text{
		margin-top:41px;
		margin-bottom: -112px;
	}
	.el-top, .el-middle{
		padding-top: 112px;
	}
}
@media (max-width: 355px) {
	.account-text{
		margin-top:67px;
		margin-bottom: -128px;
	}
	.el-top, .el-middle{
		padding-top: 128px;
	}
}
@media (min-width: 768px) {
    header .navbar .navbar-nav {        
        float: none;
    }
    header .social-icons{
    	right: 15px;
    }    

    header .navbar .navbar-collapse {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-nav>li>a{
    	padding: 3px;
    	margin-top: 12px;
    }
}

.videos .thumbnail{
	background: #1C1C1C;
	border: 1px solid #6C6C6C;
}

.videos .thumbnail .caption{
	color: #FFF;
}


footer{
	background: #1C1C1C;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	width: 100%;
	bottom: 0;
}

@media (min-width: 768px) {
		
}

.ass-dev{
	color: #FFF;
}
.ass-dev img{
	float: none !important;
	margin-left: 5px;
}
.ass-dev:hover,.ass-dev:active{
	color: #FFFFFF;
	text-decoration: none;
	opacity: 0.7;	
}


.no-padding{
	padding: 0;
}
.no-padding-top{
	padding-top: 0;
}
.no-padding-bottom{
	padding-bottom: 0;
}



.breadcrumb{
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.title{
	padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0;
}
.padding-50{
	padding: 25px;
}
@media (max-width: 991px) {
	header a#btn-newslatter{
    	right: 150px;
    	top: 10px;
    }	
}
@media (max-width: 767px) {
	.padding-xs-100, .padding-50{
		display: none;
	}
	footer{
		position: relative;	
	}
	header a#btn-newslatter{
    	left: 15px;
    	right: inherit;
    	top: 17px;
    }
	
}
@media (max-width: 767px and max-height: 590px) {
	.banner > div, .page-404 > div, .el-middle > div, .el-top > div{
		padding-top: 162px;		
	}
	
}


.title-panel{
	background: #E3E3E3;
	padding: 15px 0 15px 7px;
	color: #2E3036;
	font-weight: bold;
	margin-bottom: 5px;
	
}

.painel h2 small{
	display: block;
}
.painel h2 a.pull-right,
.shop h2 a.pull-right{
	margin-top: 12px;
	font-size: 14px;
}
.painel .table-striped>tbody>tr:nth-of-type(odd), .donation .table-striped>tbody>tr:nth-of-type(odd){
	color: #FFF;
	background: #373b43;
}

.painel .table>tbody>tr>td, .donation .table>tbody>tr>td {
	border-top: 1px solid rgba(221, 221, 221, 0.15);
}



.painel-dashboard-menu a{
	padding: 5px 7px;
	display: block;
	margin-bottom: 7px;
}
.painel-dashboard-menu a > .fa,
.painel-dashboard-menu a > .fa-stack{
	margin-top: 5px;
	margin-bottom: 10px;
	float:left;
	margin-right: 5px;
	width: 30px;
	text-align: center;
}
.painel-dashboard-menu a:hover{
	background: rgba(28, 28, 28, 0.8);
}


.alert{
	font-weight: bold;
}

.modal{
	color: #000;
}




.badge-error {
	background-color: #b94a48;
}
.badge-error:hover {
	background-color: #953b39;
}
.badge-warning {
	background-color: #f89406;
}
.badge-warning.hover:hover {
	background-color: #c67605;
}
.badge-success {
	background-color: #468847;
}
.badge-success.hover:hover {
	background-color: #356635;
}
.badge-info {
	background-color: #3a87ad;
}
.badge-info.hover:hover {
	background-color: #2d6987;
}
.badge-inverse {
	background-color: #333333;
}
.badge-inverse.hover:hover {
	background-color: #1a1a1a;
}


.alert{
	text-shadow: none;
}


picture[data-qty]{
	position: relative;
	z-index: 0;
	display: inline-block;
	width: 31%;
}
picture:before{
	position: absolute;
	bottom: -10px;
	right: 0;
	content: attr(data-qty);
	width: 100%;
	left: 0%;
	background: black;
	color: #FFF;
	z-index: 1;
	opacity: 0.75;
	font-size: 10px;
}
.shop-list{}
.shop-list > div button{
	padding: 7px;
	font-weight: normal;
	background: transparent;
	border: 0;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	border: 1px solid transparent;
	min-height: 246px;
	width: 179px;
	text-align: center;
}

.shop-list .img-itens{
	height: 128px; 
	vertical-align: middle; 
	display: table-cell;
	width:179px;
}
.modal-body{
	overflow: hidden;
	position: relative;
}
.shop-list > div button:focus{
	outline: 0 !important;
	background: #464851;              
	border: 1px solid #E3E3E3;
}
.shop-list > div button:hover{
	background: #464851;              
	border: 1px solid #E3E3E3;     	
}

.shop-list > div button .titulo{
	background: #E3E3E3;
	color: #2E3036;
	margin-top: -20px;
	width: 120%;
	margin-left: -10%;
}
.shop-list > div button .price{
	font-weight: bold;
	font-size: 16px;
}
.shop-list > div button .price-de{
	text-decoration: line-through;
	/*color: #C0C0C0 !important;*/
	font-size: 13px;
}
.modal-body .price-de{
	text-decoration: line-through;
}
.shop-list > div button .price-por{
	/* font-size: 16px; */
	font-weight: bold;
	font-size: 16px;
}
.shop-list > div button .price-por.text-success{
	/*color: #FF261B;*/
}
.shop-list > div button .promo,
.modal-body .promo{
	z-index: 1;
	position: absolute;
	top: 20px;
	right: -55px;
	padding: 3px 5px;
	width: 100%;
	line-height: 10px;
	transform: rotate(45deg); /* Equal to rotateZ(45deg) */
}
.modal-body .promo{
	top: 40px;
	right: -40%;/*-245px*/
	text-align: center;
}
@media(max-width:500px){
	#modalBuy .modal-body{
		overflow: hidden;
		
	}
	.modal-body .promo{
		right: -35%;
	}
}
.ajs-message.ajs-warning{
	color: #000;
}

.resumo-compra *{
	font-weight: normal;
}
.resumo-compra strong{
	
}


.modal {
    text-align: center;
}

.modal::before {
    content: "";      
    display: inline-block;
    height: 100%;    
    margin-right: -4px;
    vertical-align: middle;
}

.modal-dialog { 
    display: inline-block;  
    text-align: left;   
    vertical-align: middle;
}
.modal-body .form-group{
	margin-bottom: 5px;
}


@-webkit-keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.7; }
}

.waitingForConnection {
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 2);
  -webkit-animation-duration: 0.7s;
}


.pisca-pisca_anime{
	/*
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
}
.pisca-pisca_anime.white-bg{
	color: #ff625f;
	/*color: #a2963c;*/
	/* background: #FFF; */
	background: #f2dede;
	border-color: #ebccd1;
	/* border: 1px solid #333; */
}
svg .pisca-pisca_anime2.white{
	fill: #FFF;
}
svg .pisca-pisca_anime2.red{
	fill: #a94442;
}

@media (max-width: 991px) {
	.container{
		width: 100%;
	}
}