@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;900&display=swap');


/*
 * ----------------------------------------------------------------
 * buttons
 * ----------------------------------------------------------------
**/	
	.btn{ 
		padding: 0.70rem 2.00rem;
		font-size: .85rem;
		line-height: 1.5;
		border-radius: 30px;
	}
	.btn-gray{ 
		background-color: #706E6E;
		color: #FFFFFF !important;
		border-color: #706E6E;
	}
	.btn-orange{ 
		background-color: #F77600;
		color: #FFFFFF !important;
		border-color: #F77600;
	}
	.btn-dark{ 
		background-color: #252525;
		color: #FFFFFF !important;
		border-color: #252525;
	}
	.btn-white{ 
		background-color: #FFFFFF;
		color: #F77600 !important;
		border-color: #F77600;
		border-width: 2px;
	}
	.btn-gray.sm, .btn-dark.sm, .btn-orange.sm {
		padding: 0.20rem 1.50rem;
		font-size: .75rem;
	}



h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px !important;
    margin-bottom: 10px  !important;
}

body {
		font-family: 'Roboto', sans-serif !important;
		color: #373737;
		font-weight: normal;
		font-size: 1.2rem !important;
		margin: 0;
		padding: 0;
	}
	
/* Menu */

.navbar {
    background-color: #F7943D;
    border-radius: 0px;
    margin-bottom: 0px;
    min-height: 39px;
    height: 39px;
}

.nav li a {
    color: #fff !important;
    padding: 15px 55px;
}

/* Logo */

.pagga-logo-row {
    background: #363839;
    height: 103px;
}

.pagga-logo-row .container {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* banner */

div.featured {
    /* padding: 419px 0 60px; */
    background-image: url(images/imagem-parceiros.png);
    background-repeat: no-repeat;
    background-position: 46% 34%;
    background-size: cover;
    color: #fdfdfd;
    height: 450px;
}

.info-banner {
    margin-top: 12%;
}

/* flip */

.bs-flipper {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    background: #F6F6F6;
}

.bs-flipper:hover .flipper,
.bs-flipper.hover .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.bs-flipper,
.front,
.back {
    width: 100%;
    height: 266px;
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.front,
.back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    /* z-index: 2; */
    -webkit-perspective: 600px;
    perspective: 600px;
    padding: 27px 20px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-clip: padding-box;
    -webkit-transition: all .4s cubic-bezier(.2, .85, .4, 1.275) !important;
    transition: all .4s cubic-bezier(.2, .85, .4, 1.275) !important;
}

.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #363839;
    color: #ffffff;
    height: 256px;
    width: 100%;
    display: block;
}

.col-xs-2 {
    width: 19.666667%;
}

.without-text {
   
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0px;
    font-size: 17px;
    margin-top: 18px;
}

.flip-box-back-inner {
    box-sizing: border-box;
    padding: 32px 10px 10px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.69;
}

.fusion-title .title-sep-container {
    position: relative;
    height: 6px;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.fusion-title .title-sep.sep-double {
    height: 6px;
    border-bottom-width: 1px;
    border-top-width: 1px;
}

.fusion-title .title-sep,
.fusion-title.sep-underline {
    border-color: #e0dede;
}

.fusion-title .title-sep {
    position: relative;
    display: block;
    width: 100%;
    border-style: solid;
    border: 0 solid #e7e6e6;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/* footer */

section#footer {
    background: #363839;
    margin: 0;
}

.copyright-info {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 58%;
    margin-left: 20px;
    margin-bottom: 0;
}

.copyright-info,
.copyright-mobile p {
    font-size: 11px;
    margin: 0px;
}

.linha {
    border-bottom: 1px solid #727270;
    padding-bottom: 20px;
}

.mobile {
    display: none;
}

.footer ul,
footer ul li {
    list-style: none;
    color: #fff;
}

/* footer social icons */

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
    float: right;
}

ul.social-network li {
    display: inline;
    margin: 0 5px;
}

/* footer menu */

ul.footer-menu {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

ul.footer-menu li {
    display: inline;
    margin: 0 5px;
}

a.scrollup {
    height: 32px;
    width: 32px;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    opacity: 0.5;
}

a.scrollup:hover {
    opacity: 1;
    color: #fff;
}

.mar-bot20 {
    margin-bottom: 20px;
}

.pad-left5 {
    padding-left: 5px;
}

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

section.footer {
    margin: 0;
    padding: 80px 0 60px 0;
}

.pagga-copyright {
    background-color: #F37135;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pagga-copyright .container {
    /* margin-top: 20px; */
    color: #fff9f9;
    font-size: 12px;
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

li a:hover {
    color: #F7943D;
}

.social-network li a:hover {
    color: #363839;
}

.navbar-right li a:hover {
    color: #363839;
}

.btn {
    border: 0;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 15px;
}

.btn-theme {
    background: #F37135;
    color: #fff;
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active {
    background: #F8943D;
    color: #fff;
}

.header-tp .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.header-tp .navbar-default {
    background-color: #1DB9EC;
    border-color: transparent !important;
}

.header-tp .bdr li:nth-child(odd) {
    border-left: 1px solid rgba(255, 255, 255, 0.44);
}

.header-tp .bdr li:nth-child(even) {
    border-right: 1px solid rgba(255, 255, 255, 0.44);
    border-left: 1px solid rgba(255, 255, 255, 0.44);
}

.header-tp .bdr li {
    padding: 10px 0px;
}

.header-tp .bdr li a {
    color: #fff !important;
}

.header-tp .pddr {
    padding-top: 5px;
}

.header-tp .navbar-right {
    float: right !important;
    margin-right: 30px;
}

.header-tp .nav>li {
    position: relative;
    display: inline-block;
}

.btn-blu {
    display: inline-block;
    padding: 10px 35px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: #0D4459;
    border-color: #0D4459;
    color: #fff;
}

.mrgn-top {
    margin-top: 15px;
    margin-right: 15px;
}

.header-tp {
    margin: 10px 0px;
}

/*######################## LOGIN/SIGNUP PAGE START ##################################*/

.at-login-form .btn-fb {
    display: inline-block;
    padding: 18px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: #4568B2;
    width: 100%;
    margin-top: 10px;
    color: #fff;
}

.at-login-form .btn-gp {
    display: inline-block;
    padding: 18px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 0px;
    background-color: #FFFFFF;
    width: 100%;
    margin-top: 10px;
    color: #000;
}

.at-login-form .btn-lgin {
    display: inline-block;
    padding: 18px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 0px;
    background-color: #1DB9EC;
    width: 100%;
    margin-top: 10px;
    color: #fff;
}

.at-login-form .signup-or-separator {
    background: none;
    height: 34px;
    position: relative;
    text-align: center;
}

.at-login-form .signup-or-separator--text {
    background-color: #fff;
    display: inline-block;
    padding: 8px;
}

.at-login-form .h6 {
    font-size: 14px;
    font-weight: bold;
    color: #757575;
    line-height: 1.1;
    text-rendering: optimizelegibility;
}

.at-login-form .signup-or-separator hr {
    margin: -25px auto 10px;
    width: 100%;
}

.at-login-form .form-control-form {
    display: block;
    width: 100%;
    height: 54px;
    padding: 15px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-top: 3px;
}

.at-login-form .frgt-pswd {
    margin: 5px 0 10px;
    color: red;
}

.at-login-form .btn-gst {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: transparent;
}

.at-login-form .ta-l {
    text-align: left;
    margin-top: 5px;
}

.at-login-form .modal-dialog {
    width: 500px;
    margin: 30px auto;
}

.at-login-form .modal-content {
    padding: 0px 10px;
}

.at-login-form .modal-header {
    padding: 10px 10px;
    border-bottom: 0px solid #e5e5e5;
}

.blue-bg-nav {
    background-color: #1DB9EC;
}

/*######################## LOGIN/SIGNUP PAGE  END ##################################*/

.social-circle li a {
    font-size: 18px;
}

	.bg-cinza-claro{ background-color: #F3F3F3 !important; }
	.bg-cinza-escuro{ background-color: #4A494E !important; }



/*
 * ----------------------------------------------------------------
 * footer
 * ----------------------------------------------------------------
**/
	footer{ border-top: 1px solid #EAEBEC; }
	footer .footer-agencia{ border-top: 8px solid #FFB829; }	

	footer .footer-links{ margin: 0; padding: 0; }
	footer .footer-links li{ display: inline-block; padding: 0 20px; border-right: 1px solid gray; }
	footer .footer-links li:last-child, footer .footer-links li.last{ border-right: 0px solid gray; }


/*

/*
 * ----------------------------------------------------------------
 * footer
 * ----------------------------------------------------------------
**/
	.nav-customSLIDER{
		position: absolute;
		top: 0;
		z-index: 99;
		width: 75px;
	}
	.nav-customSLIDER.nav-left{
		left: -50px;
		top: 0;
		height: 100%;
	}
	.nav-customSLIDER.nav-right{
		right: -50px;
		top: 0;
		height: 100%;
	}
	.nav-customSLIDER.nav-left i, 
	.nav-customSLIDER.nav-right i{
		font-size: 4rem;
		color: #8B8B8B !important;
	}
	.nav-customSLIDER.nav-left i{ padding-right: 8px; } 
	.nav-customSLIDER.nav-right i{ padding-left: 8px; }
	.nav-customSLIDER .nav-circle{
		display: table;
		width: 75px;
		height: 100%;
		margin: 0 auto;
		text-align: center;
		/*background-color: #eaeaea;*/
		/*border-radius: 50%;	*/
	}
	.nav-customSLIDER .nav-circle .dsp-table-cell{
		/*padding-top: 3px;*/
		display: table-cell;
		vertical-align: middle;
	}
	.owl-theme .owl-dots .owl-dot span {
		width: 8px !important;
		height: 8px !important;
	}
	.owl-theme .owl-dots .owl-dot.active span, 
	.owl-theme .owl-dots .owl-dot:hover span {
		background: #464646 !important;
	}
	.owl-carousel .owl-item img {
		display: block !important;
		width: auto !important;
		max-width: 70% !important;
		max-height: 90px !important;
		margin: 0 auto !important;
	}

	.btn-orage {
    background-color: #F37135;
    border-color: #F37135;
    color: #fff;
    border-radius: 25px;
}

.btn-orage:hover, .btn-orage:focus, .btn-orage:active {
    background: #F7943D;
    border-color: #F7943D;
    color: #fff;
}

.btn-black {
    background-color: #363839;
    border-color: #363839;
    color: #fff;
    border-radius: 25px;
}
.btn-black:hover, .btn-black:focus, .btn-black:active {
    background: #434444;
    border-color: #434444;
    color: #fff;
}

	.cor-branco{ color: #FFFFFF !important; }
	.cor-orange{ color: #F9982A !important; }
	.cor-cinza{ color: #6f6e6e !important; }
	.cor-cinza-claro{ color: #A1A1A1 !important; }
	.cor-amarelo{ color: #F5C92D !important; }