.box { position: relative; width: 100%; }
.box .pure-u-1-2 { width: 49.7% !important; }

/* --- Nav Header */
ul.nav-header { letter-spacing: 4em !important; color: #2e2766; font-size: 16px; }
ul.nav-header a { font-size: 16px !important; }
ul.nav-header a:hover { color: #f68f46; border-bottom: solid 3px #f68f46; }
ul.nav-header a.active { color: #f68f46; border-bottom: solid 3px #f68f46; }
.menu-mobile { background: #2e2766; padding: 5px 0; }
.menu-mobile a.nav { padding: 10px; vertical-align: middle; line-height: 51px; }
#MyMenu, #MyLogin { position: absolute; z-index: 666; top: 60px; left: 0; right: 0; background: #2e2766; }

/* --- Search Page */
.search { width: 100%; background: #FFF; border: solid 1px #dfe1e1; border-radius: 5px; }
.search input, .search button { margin: 0; border: 0; vertical-align: middle; background: #FFF; }
.search button { padding: 4px 0; }
.search input:hover, .search input:focus { box-shadow: none; }

/* --- BackGound Page */
.bg-cadastro { width: 100%; height: 1125px; position: absolute; top: 0; background: url(../img/bg/bg-cadastro.png) no-repeat center -320px;/* background-size: cover;*/ }
.bg-sms { width: 100%; height: 1089px; position: absolute; top: 0; background: url(../img/bg/bg-cadastro.png) no-repeat center top;/* background-size: cover;*/ }
.bg-blog { width: 100%; height: 700px; position: absolute; top: 0; background: url(../img/bg/bg-blog.jpg) no-repeat center -535px; /*background-size: cover;*/ }
.bg-desenvolvedores { width: 100%; height: 692px; position: absolute; top: 0; background: url(../img/bg/bg-desenvolvedores.png) no-repeat center bottom;/* background-size: cover;*/ }
.bg-sobre { width: 100%; height: 700px; position: absolute; top: 0; background: url(../img/bg/bg-sobre.png) no-repeat center top;/* background-size: cover;*/ }
@media (max-width:1300px) {
	.bg-desenvolvedores { background-size: auto; background-position: center -650px; }
}

/* --- BackGound Page */
ul.nav-blog { letter-spacing: 2.2em !important; }
ul.nav-blog a { color: #2e2766; text-decoration: none; }
ul.nav-blog a:hover { color: #f68f46; border-bottom: solid 3px #f68f46; }
@media (max-width:800px) {
	ul.nav-blog { letter-spacing: 1.5em !important; }
}

/* --- GridBlog */
.grid-item { width: 33%; float: left; margin-bottom: 20px; }
.pure-u-2-3 .grid-item { width: 50%; }
@media (max-width:800px) {
	.grid-item { width: 33%; }
	.pure-u-2-3 .grid-item { width: 40%; }
}
@media (max-width:680px) {
	.grid-item { width: 50%; }
	.pure-u-2-3 .grid-item { width: 50%; }
}
@media (max-width:400px) {
	.grid-item { width: 90%; }
	.pure-u-2-3 .grid-item { width: 90%; }
}
@media (max-width:320px) {
	.grid-item { width: 100%; }
	.pure-u-2-3 .grid-item { width: 100%; }
}
.grid-item article { border: solid 1px #f5f5f5; border-radius: 20px; }
.grid-item article:hover { border: solid 1px #f5812e; }
.grid-item article figure img { border-radius: 20px 20px 0 0; }
.grid-item article a { color: #2e2766; }
.grid-item article .social { padding: 10px 10px; background: #fafafa; border-top: #f5f5f5; border-radius: 0 0 20px 20px }
.grid-item article .social a { margin: 0 18px 0 0; }

/* --- Categoria Blog*/
.categoria-blog { padding: 20px 10px; color: #FFF; border-radius: 10px; background: url(../img/bg/bg-categoria.png) center 300px; background-size: cover; box-shadow: inset 0 300px 50px rgba(0, 0, 0, .5); }

/* --- Desenvolvedores */

/* --- Accordion */
.panel { background: #FFF; }
.panel-heading { background: #FFF; width: 100%; padding: 20px; border-bottom: solid 1px #e9e9e9; }
.panel-heading a { height: 25px; overflow: hidden; }
.panel-heading a.ativo img { margin-top: -25px; }
.panel-body { background: #f8f8f8; border-bottom: solid 1px #e9e9e9; padding: 20px; }
.panel-body pre{position: relative; float: left; width: 100%; white-space: normal;}
.collapse.in { display: block; }
.collapse { display: none; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility }
@media (min-width:800px) {
	.panel-block .panel-heading a { display: none; }
	.panel-block .panel .collapse { display: block !important; }
}

/* --- Tab Panel */
.nav-tabs { border-bottom: 1px solid #DDD; }
.nav-tabs > li { margin-bottom: -1px; }
.nav-tabs > li a { height: 50px; line-height: 50px; padding: 0 20px; }
.nav-tabs > li.active a { font-weight: bold; color: #2e2766; }
.nav-tabs > li.active { background: #FFF; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; border-radius: 10px 10px 0 0; }
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane img { display: inline-block; vertical-align: middle; }
.icon-panel > span { width: auto; display: inline-block; vertical-align: middle; max-width: calc(100% - 260px); margin-left: 10px; }
.icon-panel .btn-papo { float: right; }
@media (max-width:720px) {
	.icon-panel > span { max-width: 80%; margin-bottom: 20px; }
}
.tab-content > .active { display: block; }
.tab-content { position: relative; }
.tab-content.tab-sms { height: 520px; position: relative; float: left; overflow: hidden; width: 100%; }
.tab-content.tab-sms .tab-pane { position: relative; float: left; width: 100%; height: 594px; }
.tab-content .carousel { position: absolute; bottom: 0; left: 0; width: 100%; }
.tab-content .carousel-inner { display: inline-block; vertical-align: bottom; overflow: hidden; }
.tab-content .carousel .item { width: 100%; text-align: center; float: left; vertical-align: bottom; }
.tab-content .carousel .item img { vertical-align: bottom; display: inline-block; max-width: 80% !important; }
.carousel .carousel-control { visibility: visible; }
.carousel .carousel-control .glyphicon { display: block; }
.carousel .carousel-control .glyphicon-chevron-left { background: url('../img/seta-prev.png') no-repeat 0 0; width: 29px; height: 50px; font-size: 0; }
.carousel .carousel-control .glyphicon-chevron-right { background: url('../img/seta-next.png') no-repeat 0 0; width: 29px; height: 50px; font-size: 0; }
.carousel .carousel-control .glyphicon-chevron-left:hover, .carousel .carousel-control .glyphicon-chevron-right:hover { background-position: 0 -50px; }
.nav-tab2 { }
.nav-tabs2 > li { padding: 0 10px; }
.nav-tabs2 > li a { font-size: 16px !important; }
.nav-tabs2 > li:first-child { padding-left: 0; }
.nav-tabs2 > li a:hover { color: #f68f46; }
.nav-tabs2 > li.active a { border-bottom: solid 3px #f68f46; color: #f68f46; }

/* --- Tab Panel */
.tabs-sms { background: url(../img/bg/black.png), url(../img/bg/bg-tabs.png) no-repeat center center; background-size: auto, cover, cover; opacity: 1.0; }

/* --- Footer Page */
.footer-social { background: #f8f8f8; border-top: solid 3px #2e2766; }
.footer-social-index .pure-g { background: #f8f8f8; border-top: solid 3px #2e2766; }
.footer-social .btn-papofacebook, .footer-social-index .btn-papofacebook, .footer-social .btn-papotwitter, .footer-social-index .btn-papotwitter, .footer-social .btn-papoinstagram, .footer-social-index .btn-papoinstagram, .footer-social .btn-papogoogleplus, .footer-social-index .btn-papogoogleplus { width: 170px; }
.footer-place { border-bottom: solid 1px #ebebeb; border-top: solid 1px #ebebeb; }
.footer-place-index .pure-g-r { border-bottom: solid 1px #ebebeb; border-top: solid 1px #ebebeb; }
@media (max-width:800px) {

	/* Fotter Page 768 */
	.footer-social ul li:first-child, .footer-social-index ul li:first-child { display: block; }
	.footer-social .btn-papofacebook, .footer-social-index .btn-papofacebook, .footer-social .btn-papotwitter, .footer-social-index .btn-papotwitter, .footer-social .btn-papoinstagram, .footer-social-index .btn-papoinstagram, .footer-social .btn-papogoogleplus, .footer-social-index .btn-papogoogleplus { width: 140px; }

	/* Modal*/
	#Mylogin .span-5 { width: 60% !important; }
}
@media (max-width:480px) {

	/* Fotter Page 480 */
	.footer-social ul li:first-child, .footer-social-index ul li:first-child { display: block; }
	.footer-social .btn-papofacebook, .footer-social-index .btn-papofacebook, .footer-social .btn-papotwitter, .footer-social-index .btn-papotwitter, .footer-social .btn-papoinstagram, .footer-social-index .btn-papoinstagram, .footer-social .btn-papogoogleplus, .footer-social-index .btn-papogoogleplus { width: 145px; }
}
.plugin-social { position: relative; max-width: 500px; width: 56%; overflow: hidden; float: left; }
.plugin-social + .plugin-social { margin-left: 20px; max-width: 360px; width: 41%; }
.plugin-social .link { position: relative; float: left; width: 100%; max-width: 360px; border-radius: 18px 18px; padding: 0 22px; height: 65px; line-height: 65px; margin-bottom: 5px; }
.plugin-social .link span { position: relative; display: inline-block; vertical-align: middle; width: 100%; padding-left: 45px; font-size: 14px; line-height: 18px; color: #fff; text-decoration: none; min-height: 35px;}

/**/
.plugin-social .link.criar { background: #f68323; }
.plugin-social .link.criar span { background: url('../img/icons/icone-bt-criar.png') no-repeat left center; }

/**/
.plugin-social .link.bloquear { background: #a94b4b; }
.plugin-social .link.bloquear span { background: url('../img/icons/icone-bt-bloqueio.png') no-repeat left center; }

/**/
.plugin-social .link.instagram { background: #517fa4; }
.plugin-social .link.instagram span { background: url('../img/icons/icone-bt-siga-instagram.png') no-repeat left center; }
.plugin-social .link:hover { opacity: 0.8; }
.fb_iframe_widget { max-width: 100%; }

/**/
.wrapper2, .mCSB_horizontal>.mCSB_container { min-width: 100%; overflow: hidden;}
.box_scroll { padding-bottom: 20px; float: left; min-width: 100%; overflow: hidden; height: 120px;}
#teste_agora .span-4 { width: 25.5% !important; }

/****/
.fix-container > .pure-g, .fix-container > .pure-g-r, .pure-g-r { width: 100% !important; max-width: 960px !important; padding: 0 10px !important; overflow: hidden; }

/* SOBRE */
.margin-bottom { margin-bottom: 30px; }

/*****/
@media (min-width:721px) and (max-width:959px) {
	.fix-container > .pure-g, .fix-container > .pure-g-r, .pure-g-r { max-width: 768px !important; }
	.btn-papo { padding: 8px 25px !important; }
}
@media (max-width:959px) {
	.plugin-social { width: 48% !important; }
	.footer-social ul li:first-child, .footer-social-index ul li:first-child { width: 100%; float: left; text-align: left; }
}
@media (max-width:720px) {
	body { overflow-x: hidden; }
	#teste_agora .span-4 { width: 100% !important; }
	.text-right.mobile-center { text-align: center !important; }
	.li_mobile { min-width: 150px !important; }
	.li_mobile li span { display: none; }

	/**/
	.plugin-social { width: 100% !important; text-align: center; margin-left: 0 !important; margin-top: 30px; }
	.plugin-social .link { width: 100%; float: none; display: inline-block; text-align: left; max-width: 100%; }
	.plugin-social .link span { min-height: 35px; }	
	.plugin-social{ max-width: 100% !important;}

	/**/
	.margin-bottom { margin-bottom: 0; }
	/**/
	.tab-content.tab-sms{height: 420px !important;}
}
@media (max-width: 470px){
	.li_logo_mobile{
		width: 30%;
	}
}
@media (max-width: 430px){
	.li_logo_mobile{
		max-width: 100px;
	}
}