#servicos {
	background-image: url("../imgs/servicos/world-map2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.fluxograma p {
	text-align: center;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 21px;
	color: #595959;
}

.fluxo {
	margin: 0 auto;
	width: 6em;
	height: 6em;
	line-height: 6em;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	border-radius: 3em;
	color: rgb(247, 188, 55);
	background-color: black;
}

.arrow-right {
	width: 40px;
	height: 40px;
	display: block;
	margin-top: 70px;
	background-image: url(../imgs/servicos/arrow.png);
}

.arrow-down {
	width: 40px;
	height: 40px;
	display: block;
	background-image: url(../imgs/servicos/arrow2.png);
}

.arrow-left {
	width: 40px;
	height: 40px;
	display: block;
	margin-top: 70px;
	background-image: url(../imgs/servicos/arrow3.png);
}

.importancia {
	padding-bottom: 40px;
	border-top: solid 1px #888;
	background-color: #eee;
	background-image: url('../imgs/servicos/bg-hammer.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.importancia h1, .importancia h2, .importancia p {
	font-family: lato-light;
}

.importancia h2 {
	color: #1B71B9;
}

.importancia p {
	font-family: lato-light;
    font-weight: normal;
    line-height: 1.4;
	color: #595959;
}

#beneficios h3 {
	margin-bottom: 10px;
}

.myAnimWrapper {
	margin: 0 auto;
	display: block;
	position: relative;
	width: 108px;
	height: 108px;
	text-align: center;
}

#animicon1 {
	background-image: url("../imgs/servicos/animicon1.png");
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

/* SERVICOS */
#servicos {
	padding: 0 0;
	padding-bottom: 30px;
}
#servicos h1 {
	margin-bottom: 20px;
}
#servicos span {
	font-family: lato-bold;
}
#servicos span.precos-transferencia {
    line-height: 27px;
    font-size: 20px;
}

/* COMO TRABALHAMOS */
#como-trabalhamos {
	text-align: center;
	border-top: solid 1px #888;
    background-color: #eee;
    padding-bottom: 40px;
}
/*
#como-trabalhamos ul {
	display: block;
	list-style-type: none;
	text-align: center;
	padding: 0; margin: 0;
}
#como-trabalhamos li {
	position: relative;
	display: inline-block;
	padding: 0; margin: 0;
}

#gears-1 > li > a, #gears-2 > li > a {
	display: block;
	padding: 0; margin: 0;
}
#gears-1 .par > a, #gears-2 .impar > a {
	width: 46px; height: 108px;
	padding: 0; margin: 0;
}
#como-trabalhamos #gears-2 {
	margin-top: -40px;
	margin-bottom: 80px;
}
#gears-2 #g2-first {
	margin-left: 63px;
}
#gears-1 .impar > a, #gears-2 .par > a {
	width: 108px; height: 108px;
	background-position: center center;
	background-repeat: no-repeat;
}
#gear1 { background-image: url("../imgs/servicos/gears-anim/gear_orange.png"); }
#gear2 { background-image: url("../imgs/servicos/gears-anim/gear_orange.png"); }
#gear3 { background-image: url("../imgs/servicos/gears-anim/gear_orange.png"); }
#gear4 { background-image: url("../imgs/servicos/gears-anim/gear_orange.png"); }
#gear5 { background-image: url("../imgs/servicos/gears-anim/gear_blue.png"); }
#gear6 { background-image: url("../imgs/servicos/gears-anim/gear_blue.png"); }
#gear7 { background-image: url("../imgs/servicos/gears-anim/gear_blue.png"); }
#gear8 { background-image: url("../imgs/servicos/gears-anim/gear_blue.png"); }

#como-trabalhamos #gears-1 .toggledOff {
	position: absolute;
    width: 216px;
    height: 0;
    background-color: #cecece;
    overflow: hidden;
    padding: 0 10px;
    z-index: 999;
    bottom: 108px;
    left: -54px;
	text-align: left;
	border-radius: 5px;
}
#como-trabalhamos #gears-2 .toggledOff {
	position: absolute;
    width: 216px;
    height: 0;
    background-color: #cecece;
    overflow: hidden;
    padding: 0 10px;
    z-index: 999;
    top: 108px;
    left: -54px;
	text-align: left;
	border-radius: 5px;
}
*/
/* BENEFICIOS */
#beneficios {
    padding-bottom: 40px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-image: url(../imgs/empresa/diferenciais.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#beneficios h2 {
    text-align: center;
    color: #EAEAEA;
    margin: 20px 0px 20px 0px;
}
#beneficios h2, #beneficios h3 {
    text-align: center;
}

#glossario-link {
	background-image: url("../imgs/servicos/wood.png");
	background-position: center bottom;
	background-size: auto 80px;
	background-repeat: no-repeat;
}

#glossario-link .featurette {
	padding: 40px 0 30px 0;
}
/*
.gear-container {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
}
*/
.gear-all-sections {
	height: 300px;
    position: relative;
}
.gear-all-sections .col-xs-12 {
	height: 100%;
}
.gear-section {
	position: relative;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 100%;
}
.gear-box {
	position: relative;
	height: 100%;
	margin: 0;
    padding: 20px;
	box-sizing: border-box;
}
#gear-section1 .gear-box,
#gear-section3 .gear-box {
    cursor: pointer;
    border: solid 1px #dddddd;
    border-radius: 30px;
    background: linear-gradient(#fff0dc, #ffd397);
}
#gear-section2 .gear-box {
	height: 100%;
    margin: auto;
    display: block;
    border: solid 1px #dddddd;
    border-radius: 30px;
    background: linear-gradient(#d9f0ff, #669fca);
}

.gear-section1-jigsaw {
	position: absolute;
	display: none;
	-webkit-transition: width 0.25s, margin 0.25s ease;
	-moz-transition: width 0.25s, margin 0.25s ease;
	transition: width 0.25s, margin 0.25s ease;

}

.gear-section1-jigsaw:hover {
	transform: scale(1.2);

}
.gear-section1-jigsaw:hover {
	transform: scale(1.1);
}

.gear-arrow {
    position: absolute;
	width: 70px;
	z-index: 1;
	display: none;
}

.gear-section1-bg {
    width: 100%;
    height: 100%;
    background-image: url('../GearComponent/images/bg_section1_2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}



.gear-section2-gears {
	height: 100%;
    display: inline-block;
    background-image: url('../GearComponent/images/bg_gear.png');
    background-size: 60% 100%;
    background-repeat: no-repeat;
    background-position: center;
}



.gear-section3-bg {
    width: 100%;
    height: 100%;
    background-image: url('../GearComponent/images/bg_section3.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.qtip-gear {
	background-color: rgba(255,255,255,0.7) !important;
	border: 1px solid #286ec0 !important;
	border-radius: 30px;
	max-width: 200px !important;
	z-index: 0 !important;
}

.qtip-gear .qtip-content {
	font-size: 13px;
	text-align: center;
	line-height: 15px;
	font-family: lato-light;
}

.text-bold {
	font-family: lato-bold;
}



#servicos-texto {
	background-image: url('../imgs/servicos/world-map2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#servicos-frase {
	font-family: lato-bold;
	font-size: 24px;
	width: 60%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #f18b00;
}

.beneficios-item-box {
	margin: 0px 0px 20px 0px;
    border-radius: 15px;
    background-color: rgba(255,255,255,0.7);
    text-align: center;
    padding-top: 20px;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
    color: black;
}
.beneficios-item-box p {
	font-size: 16px;
}
.beneficios-item-box .div-item {
	font-size: 16px;
	text-align: left;
	padding: 0px 20px 0px 20px;
}

@media (min-width: 1200px) {
	/* Gears size and positioning */
	.gear-all-sections .col-xs-12 { padding: 0 3px; }
	.gear-section2-gears { width: 493px; }
	.gear-arrow { top: 50%; margin-top: -25px; }
	#gear-section1 .gear-arrow { right: -40px; }
	#gear-section3 .gear-arrow { left: -25px; }
	#gear-section2 .gear-box { padding: 0 30px; }
	#gear-lp { left: 200px; top: 200px; width: 50px; }
	#gear-nfe { left: 135px; top: 215px; width: 60px; }
	#gear-sped { left: 65px; top: 195px; width: 70px; }
	#gear-excel { left: 22px; top: 148px; width: 60px; }
	#gear-pdf { left: 25px; top: 95px; width: 50px; }
	#gear-txt { left: 125px; top: 45px; width: 30px; }
	#gear-bd { left: 65px; top: 55px; width: 40px; }
	#gear-result1 { left: 115px; top: 55px; width: 40px; }
	#gear-result2 { left: 220px; top: 108px; width: 60px; }
	#gear-ecf { left: 65px; top: 175px; width: 100px; }
	#gear_etapa1 { left: 0px; top: 105px; }
	#gear_con1 { left: 33px; top: 56px; }
	#gear_etapa2 { left: 86px; top: 0px; }
	#gear_con2 { left: 151px; top: 148px; }
	#gear_etapa3 { left: 163px; top: 195px; }
	#gear_con3 { left: 256px; top: 182px; }
	#gear_etapa4 { left: 246px; top: 39px; }
	#gear_con4 { left: 393px; top: 63px; }
	#gear_etapa5 { left: 393px; top: 114px; }
}
@media (max-width: 1199px) {
	/* Gears size and positioning */
	.gear-all-sections { height: auto; }
	.gear-col { margin: 6px auto; width: 320px; float: none; }
	#gear-col-1, #gear-col-3 { height: 300px; }
	#gear-col-2 { height: 580px; }
	#gear-section2 .gear-box { padding: 0 10px; }
	.gear-section2-gears { width: 260px; }
	.gear-arrow { margin: auto; right: 0; left: 0; transform: rotate(90deg); }
	#gear-section1 .gear-arrow { top: initial; bottom: -36px; }
	#gear-section3 .gear-arrow { top: -20px; }
	#gear-lp { left: 200px; top: 200px; width: 50px; }
	#gear-nfe { left: 135px; top: 215px; width: 60px; }
	#gear-sped { left: 65px; top: 195px; width: 70px; }
	#gear-excel { left: 22px; top: 148px; width: 60px; }
	#gear-pdf { left: 25px; top: 95px; width: 50px; }
	#gear-txt { left: 125px; top: 45px; width: 30px; }
	#gear-bd { left: 65px; top: 55px; width: 40px; }
	#gear-result1 { left: 115px; top: 55px; width: 40px; }
	#gear-result2 { left: 220px; top: 108px; width: 60px; }
	#gear-ecf { left: 65px; top: 175px; width: 100px; }
	#gear_etapa1 { left: 65px; top: 35px; }
	#gear_con1 { left: 165px; top: 69px; }
	#gear_etapa2 { left: 108px; top: 123px; }
	#gear_con2 { left: 55px; top: 151px; }
	#gear_etapa3 { left: 0px; top: 197px; }
	#gear_con3 { left: 83px; top: 270px; }
	#gear_etapa4 { left: 105px; top: 295px; }
	#gear_con4 { left: 66px; top: 401px; }
	#gear_etapa5 { left: 80px; top: 446px; }
}
@media (min-width: 992px) {
	.beneficios-item-box { height: 175px; }
}
@media (max-width: 767px) {
.importancia p { padding-left: 30px; padding-right: 30px; }
.qtip { display: none !important; }
}