section#rodape div.col-md-1{margin:0 1em;}
body{background-color:#6A4B99;}
h3{line-height:35px;margin:0px;}
h1{color:#fff;margin-top:35px;}
.text-center{text-align:center;padding:0 2em;}
.modal-content{padding:0.5em 1em;}
.btn.focus, .btn:focus, .btn:hover{color:#ffffff;text-decoration:none;}
.btn-restart{background-color:#6A4B99;border-color:#6A4B99;color:#fff;}
.btn-restart:hover, .btn-restart:focus{background-color:#6A4B99;border-color:#6A4B99;color:#fff;filter:brightness(150%);}
.logo{width:200px;margin-top:35px;}
.label-question{background-color:#1E0155;}
.btn-answer{background-color:#00A4C9;color:#ffffff;}
#insourcing h1,
#outsourcing h1,
#rightsourcing h1{color:#6A4B99;}
div.cabecalho h3{color:#FFFFFF;font-size:1.2em;font-weight:100;letter-spacing:1px;background-color:#59C5D5;margin:0 42%;border-radius:0 0 5px 5px;padding:0.2em 0;border-top:4px solid #00a4c9;}
div.container.cabecalho{text-align:center;}
div.container.cabecalho p{color:#FFFFFF;margin:2em;padding:0 19%;}
.img-circle{width:180px;}
#qid{padding:10px 15px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:20px;}
label.btn{padding:18px 60px;white-space:normal;-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s}
label.btn:hover{text-shadow:0 3px 2px rgba(0,0,0,0.4);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
label.btn-block{text-align:left;position:relative}
label .btn-label{position:absolute;left:0;top:0;display:inline-block;padding:0 10px;background:rgba(0,0,0,.15);height:100%}
label .glyphicon{top:34%}
.element-animation1{animation:animationFrames ease .8s;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:animationFrames ease .8s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-ms-animation:animationFrames ease .8s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}
.element-animation2{animation:animationFrames ease 1s;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:animationFrames ease 1s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-ms-animation:animationFrames ease 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}
.element-animation3{animation:animationFrames ease 1.2s;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:animationFrames ease 1.2s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-ms-animation:animationFrames ease 1.2s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}
.element-animation4{animation:animationFrames ease 1.4s;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:animationFrames ease 1.4s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-ms-animation:animationFrames ease 1.4s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}
@keyframes animationFrames {
0%{opacity:0;transform:translate(-1500px,0px)}
60%{opacity:1;transform:translate(30px,0px)}
80%{transform:translate(-10px,0px)}
100%{opacity:1;transform:translate(0px,0px)}
}
@-webkit-keyframes animationFrames {
0%{opacity:0;-webkit-transform:translate(-1500px,0px)}
60%{opacity:1;-webkit-transform:translate(30px,0px)}
80%{-webkit-transform:translate(-10px,0px)}
100%{opacity:1;-webkit-transform:translate(0px,0px)}
}
@-ms-keyframes animationFrames {
0%{opacity:0;-ms-transform:translate(-1500px,0px)}
60%{opacity:1;-ms-transform:translate(30px,0px)}
80%{-ms-transform:translate(-10px,0px)}
100%{opacity:1;-ms-transform:translate(0px,0px)}
}
.modal-header{background-color:transparent;color:inherit}
.modal-body{min-height:205px}
#loadbar{position:absolute;width:62px;height:77px;top:2em}
.blockG{position:absolute;background-color:#FFF;width:10px;height:24px;-moz-border-radius:8px 8px 0 0;-moz-transform:scale(0.4);-moz-animation-name:fadeG;-moz-animation-duration:.8800000000000001s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:8px 8px 0 0;-webkit-transform:scale(0.4);-webkit-animation-name:fadeG;-webkit-animation-duration:.8800000000000001s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-border-radius:8px 8px 0 0;-ms-transform:scale(0.4);-ms-animation-name:fadeG;-ms-animation-duration:.8800000000000001s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:8px 8px 0 0;-o-transform:scale(0.4);-o-animation-name:fadeG;-o-animation-duration:.8800000000000001s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:8px 8px 0 0;transform:scale(0.4);animation-name:fadeG;animation-duration:.8800000000000001s;animation-iteration-count:infinite;animation-direction:linear}
#rotateG_01{left:0;top:28px;-moz-animation-delay:.33s;-moz-transform:rotate(-90deg);-webkit-animation-delay:.33s;-webkit-transform:rotate(-90deg);-ms-animation-delay:.33s;-ms-transform:rotate(-90deg);-o-animation-delay:.33s;-o-transform:rotate(-90deg);animation-delay:.33s;transform:rotate(-90deg)}
#rotateG_02{left:8px;top:10px;-moz-animation-delay:.44000000000000006s;-moz-transform:rotate(-45deg);-webkit-animation-delay:.44000000000000006s;-webkit-transform:rotate(-45deg);-ms-animation-delay:.44000000000000006s;-ms-transform:rotate(-45deg);-o-animation-delay:.44000000000000006s;-o-transform:rotate(-45deg);animation-delay:.44000000000000006s;transform:rotate(-45deg)}
#rotateG_03{left:26px;top:3px;-moz-animation-delay:.55s;-moz-transform:rotate(0deg);-webkit-animation-delay:.55s;-webkit-transform:rotate(0deg);-ms-animation-delay:.55s;-ms-transform:rotate(0deg);-o-animation-delay:.55s;-o-transform:rotate(0deg);animation-delay:.55s;transform:rotate(0deg)}
#rotateG_04{right:8px;top:10px;-moz-animation-delay:.66s;-moz-transform:rotate(45deg);-webkit-animation-delay:.66s;-webkit-transform:rotate(45deg);-ms-animation-delay:.66s;-ms-transform:rotate(45deg);-o-animation-delay:.66s;-o-transform:rotate(45deg);animation-delay:.66s;transform:rotate(45deg)}
#rotateG_05{right:0;top:28px;-moz-animation-delay:.7700000000000001s;-moz-transform:rotate(90deg);-webkit-animation-delay:.7700000000000001s;-webkit-transform:rotate(90deg);-ms-animation-delay:.7700000000000001s;-ms-transform:rotate(90deg);-o-animation-delay:.7700000000000001s;-o-transform:rotate(90deg);animation-delay:.7700000000000001s;transform:rotate(90deg)}
#rotateG_06{right:8px;bottom:7px;-moz-animation-delay:.8800000000000001s;-moz-transform:rotate(135deg);-webkit-animation-delay:.8800000000000001s;-webkit-transform:rotate(135deg);-ms-animation-delay:.8800000000000001s;-ms-transform:rotate(135deg);-o-animation-delay:.8800000000000001s;-o-transform:rotate(135deg);animation-delay:.8800000000000001s;transform:rotate(135deg)}
#rotateG_07{bottom:0;left:26px;-moz-animation-delay:.99s;-moz-transform:rotate(180deg);-webkit-animation-delay:.99s;-webkit-transform:rotate(180deg);-ms-animation-delay:.99s;-ms-transform:rotate(180deg);-o-animation-delay:.99s;-o-transform:rotate(180deg);animation-delay:.99s;transform:rotate(180deg)}
#rotateG_08{left:8px;bottom:7px;-moz-animation-delay:1.1s;-moz-transform:rotate(-135deg);-webkit-animation-delay:1.1s;-webkit-transform:rotate(-135deg);-ms-animation-delay:1.1s;-ms-transform:rotate(-135deg);-o-animation-delay:1.1s;-o-transform:rotate(-135deg);animation-delay:1.1s;transform:rotate(-135deg)}
@-moz-keyframes fadeG {
0%{background-color:#000}
100%{background-color:#FFF}
}
@-webkit-keyframes fadeG {
0%{background-color:#000}
100%{background-color:#FFF}
}
@-ms-keyframes fadeG {
0%{background-color:#000}
100%{background-color:#FFF}
}
@-o-keyframes fadeG {
0%{background-color:#000}
100%{background-color:#FFF}
}
@keyframes fadeG {
0%{background-color:#000}
100%{background-color:#FFF}
}
div#apresentacao div.modal-content{background:transparent;box-shadow:none!important;border:none;}
div#apresentacao .modal-header{background-color:transparent;color:inherit;padding:0;border:none;}
img.caminho{width:70%;margin:-15% 15% 0 15%;}
div#apresentacao div.modal-body div.quiz label{width:50%;margin:0 0 0 25%;background-color:#14ab89;}
div.maisInfo{position:absolute;margin:8% 0;width:85%;background-color:transparent;border-radius:7px;}
div.maisInfo h4{color:#FFFFFF;font-size:1.1em;line-height:1.3em;}
div.maisInfo a{display:inline-block;width:50%;font-size:1em;color:#FFFFFF;background-color:#59c5d5;border-radius:5px;padding:0.5em;margin:5px 5px 10px 5px;text-decoration:none;cursor:pointer;}
div.maisInfo a:hover{background-color:#00d4da;}
section#rodape div.col-md-1:not(:nth-child(1)) img{width:100%;}
section#rodape div.col-md-1:nth-child(4) img{width:150%;}
form[id^='conversion'] input, form[id^='conversion'] select, form[id^='conversion'] input, form[id^='conversion'] button{width:100%;color:gray;}
form[id^='conversion']  button{padding:1rem;margin:1rem 0;}
@media(max-width:960px){
section#rodape div.col-md-1:not(:nth-child(1)) img, section#rodape div.col-md-1:nth-child(4) img{width:inherit;}
}  @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.container{width:100%;}
.modal-dialog{width:92%;}
div.cabecalho h3{font-size:2.5em;margin:0 29%;border-radius:0 0 10px 10px;padding:0.2em 0 0.5em 0;border-top:6px solid #00a4c9;}
div.container.cabecalho h1{font-size:5em;margin:0.8em 0;}
div.container.cabecalho p{margin:1.2em 0;padding:0;font-size:2.5em;}
div.modal-dialog h3{font-size:3em;line-height:1.3em;text-align:center;margin:0.3em;}
.btn-answer{background-color:#00A4C9;color:#ffffff;font-size:4em;text-align:center!important;}
label .glyphicon{top:15%;font-size:0.7em;}
label.btn{margin:1em 0;}
div.text-center h5{font-size:2.5em;margin:1em;}
#insourcing h1, #outsourcing h1, #rightsourcing h1{font-size:5em;}
.img-circle{width:70%;margin:-8% 0 -5% 0;}
div.text-center p{font-size:2.5em;}
.btn-default{color:#333;background-color:#fff;border-color:#6a4b99;font-size:3em;padding:0.5em 5em;margin:1em;}
div#apresentacao div.modal-body div.quiz label{font-size:2.5em;}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.container{width:100%;}
.modal-dialog{width:92%;}
div.container.cabecalho p{font-size:1.5em;padding:0;margin:1em;}
label.btn{text-align:center;font-size:2em;margin:0.3em 0;}
.btn-default{font-size:1.5em;}
div.modal-body h5{font-size:1.5em;margin:0.5em 0 -1em 0;}
div.modal-body p{font-size:1.5em;}
.btn-default{font-size:1.8em;}
}  @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait){}
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 
.container{width:100%;}
.modal-dialog{width:92%;}
div.container.cabecalho p{font-size:1.5em;padding:0;margin:1em;}
label.btn{text-align:center;font-size:2em;margin:0.3em 0;}
.btn-default{font-size:1.5em;}
div.modal-body h5{font-size:1.5em;margin:0.5em 0 -1em 0;}
div.modal-body p{font-size:1.5em;}
.btn-default{font-size:1.8em;}
}  @media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait){}
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 
.container{width:100%;}
.modal-dialog{width:92%;}
div.container.cabecalho p{font-size:1.5em;padding:0;margin:1em;}
label.btn{text-align:center;font-size:2em;margin:0.3em 0;}
.btn-default{font-size:1.5em;}
div.modal-body h5{font-size:1.5em;margin:0.5em 0 -1em 0;}
div.modal-body p{font-size:1.5em;}
.btn-default{font-size:1.8em;}
}  @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: portrait){}
@media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: landscape){}
@media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait){}
@media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape){}
@media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait){}
@media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape){}
@media only screen 
and (min-device-width: 732px) 
and (max-device-width: 768px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
.container{width:100%;}
.modal-dialog{width:92%;}
div.container.cabecalho p{font-size:1.5em;padding:0;margin:1em;}
label.btn{text-align:center;font-size:2em;margin:0.3em 0;}
.btn-default{font-size:1.5em;}
div.modal-body h5{font-size:1.5em;margin:0.5em 0 -1em 0;}
div.modal-body p{font-size:1.5em;}
.btn-default{font-size:1.8em;}
}  @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1){}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
}