/***/
@font-face {
    font-family: 'Miller Display';
    src: url('MillerDisplay-Light.woff2') format('woff2'),
        url('MillerDisplay-Light.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.no-scroll{overflow: hidden}
.progress{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#obra{position: fixed; top: 0; left: 0; padding: 3% 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100vw; height: 100%!important; background: rgba(0,0,0,0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 6;max-width: 100%;overflow: hidden;}
#obra .center-container{max-height: 100%; overflow: auto;width: 100%; max-width: 1140px}
.status .container{max-width: calc(1100px + 40px); margin: 0 auto; width: 100%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex; background: #fff; position:relative; font-family: 'Open Sans'}
.status .container.items-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.status .container .col{position: relative; width: 50%; padding: 0}
.status .container .col:first-child{max-width: 660px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto}
.status .container .col:last-child{margin-left: 23px; -webkit-box-flex: 2; -ms-flex: 2 2 auto; flex: 2 2 auto; max-width: 415px}
.status .container .play-video{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/play.svg) no-repeat center center; background-size:76px }
.status .col .slides{position: relative; overflow: hidden; min-height: 193px}
.status .col .slides ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}
.status .col .slides li{height: 100%}
.status .col figure{position: relative; margin: 0; height: 100%; display: inherit;max-width: 90%;margin: 0 auto;}
.status .col figcaption{position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,0.5);color:#fff;  font-size: 13px}
.status .col img{display: block; width: 100%; max-height: 458px; -o-object-fit: contain; object-fit: contain; height: 100%}
.status .container .title{color: #333333; font-size: 25px; font-weight: 600; letter-spacing: 1px;font-family: 'Miller Display'}
.status .col iframe{width: 90%; height: 390px; display: block; margin: 0 auto}
.status .container .text{margin-left: 25px}
.status .container p{color: #333333; font-size: 15px; font-weight: 100; letter-spacing: 1px; margin: 6px 0}
.status .container p .date{margin-left: 6ch}
.status .container .accordion{padding: 0; margin-bottom: 14px;}
.status .accordion > li{display: block}
.status .accordion > li > a{background: #E4E4E4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; line-height: normal; color: #333333; text-decoration: none; padding: 10px 27px 10px 13px; border-bottom: 3px solid #fff;}
.status .accordion > li > a span:first-child{width: 140px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto}
.status .accordion .bar{width: 238px; position: relative; height: 5px; margin-right: 20px}
.status .accordion .bar .progress{background-image: -webkit-gradient(linear, left top, right top, from(#818181) , to(#000000));background-image: linear-gradient(to right, #818181 , #000000); display: block; width: 100%; height: 100%; position: absolute; border-radius: 3px; opacity: 1}
.status .accordion li .active .bar .progress{width:0!important}
.status .accordion > li > a:after{content: '+'; float: right; font-size: 30px; line-height: 15px}
.status .accordion > li > a.active:after{content: '-'}
.status .button{margin-left: 0; padding: 10px 40px}
.status .button.open-obra {display: none;}
.status .flex-direction-nav a:before,
.status .flex-direction-nav a:after{background: #a9a9a9}
.accordion .accordion-container{background: #F7F7F7; padding: 12px; margin-bottom: 9px}
.accordion .accordion-container .flex{display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.accordion .accordion-container .stages{list-style: none}
.accordion-container .stages li{display: block; font-size: 15px; font-weight: 100}
.accordion-container .stages li:before{content: '\2022'; margin-right: 5px}
.accordion-container .graph-circle{position: relative; width: 68px; height: 68px; margin-right: 55px}
.accordion-container .graph-circle svg{width: 68px; height: 68px}
.accordion-container .graph-circle .percentage{position: absolute; top: 20px; text-align: center; left: 0; width: 100%; font-size: 10px; color: #949494; line-height: 10px}
.accordion-container .graph-circle .value{display: block; font-size: 23px; line-height: 23px; color: #000000}
.gradient-iten{position: absolute; height: 0; width: 0; left: 0; top: 0; pointer-events: none}
.circle-background {
  stroke: rgba(51, 51, 51, 0.18);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  -webkit-animation: progress 1s ease-out forwards;
  animation: progress 1s ease-out forwards;
}
.circle {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  -webkit-animation: progress 1s ease-out forwards;
  animation: progress 1s ease-out forwards;
}

/** OBRA CONCLUÍDA */
.graphic {display: none;}

.status .accordion > li > a.atual {background-color:#cccccc;}
.close-obra {display: block; text-indent: -5000em; width: 50px; height: 50px; cursor: pointer; position: absolute; top: 0; right: 0; background: url(../imagens/close.png) 50% 50% no-repeat; z-index: 7;}
.mob_obra {display: none;margin-bottom: 20px;}
#obra:before{content: 'Carregando...';position:absolute;color: #ffffff;z-index:0; width: 100%; text-align: center; left: 0}
.torre-select{color: #333333; background: none; font-size: 15px; font-weight: 100; letter-spacing: 1px; margin: 0; border: 0; padding: 0; border-radius: 0}
#acompanhe-a-obra .button{font-size: 23px; color: #716355; font-style: normal; text-transform: uppercase; border: 1px solid #6b5956; padding: 22px; width: 100%; display: block; text-align: center; max-width: 550px; margin: 67px auto}
#acompanhe-a-obra .button:hover{background: rgba(107,89,86,0.2)}
.status .container p span{white-space: nowrap}
.status .container p span + span:before{content: '|'; margin-left: 1ch; margin-right: 1ch}

/* Direction Nav */
#obra .flex-direction-nav a.flex-disabled{display: none}
#obra .flex-direction-nav {*height: 0;}
#obra .flex-direction-nav a{text-decoration:none;display: block;width: 21px;height: 37px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 2;overflow: hidden;cursor: pointer;color: #fff;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);-webkit-transition: all .3s ease;transition: all .3s ease;text-indent: -5000em;}
#obra .flex-direction-nav a:before,
#obra .flex-direction-nav a:after{content: '';width:3px;height: 26px;background: #a9a9a9;display: block;position: absolute;left: 9px;}
#obra .flex-direction-nav .flex-prev {left: 0; background: none}
#obra .flex-direction-nav .flex-prev:before{top:-3px;-webkit-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);transform: rotate(45deg) scale(1) skew(1deg) translate(0px);}
#obra .flex-direction-nav .flex-prev:after{bottom:-3px;-webkit-transform: rotate(-45deg) scale(1) skew(1deg) translate(0px);transform: rotate(-45deg) scale(1) skew(1deg) translate(0px);}
#obra .flex-direction-nav .flex-next {right: 0; background: none}
#obra .flex-direction-nav .flex-next:before{bottom:-3px;-webkit-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);transform: rotate(45deg) scale(1) skew(1deg) translate(0px);}
#obra .flex-direction-nav .flex-next:after{top:-3px;-webkit-transform: rotate(-45deg) scale(1) skew(1deg) translate(0px);transform: rotate(-45deg) scale(1) skew(1deg) translate(0px);}
#obra .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#obra .flex-direction-nav a:before {content: ''; font-family: "flexslides-icon"; font-size: 40px; line-height:1; display: inline-block; }
/*#obra .flex-direction-nav a.flex-next:before  { content: '\f002'; }*/

@media screen and (max-width: 767px) {
	#obra .center-container{width: 90%}
	.status .container{-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative}
	.status .container .col{margin: 0; padding: 20px}
	.status .container .col:last-child{width: 100%}
	.accordion-container .graph-circle{margin-right: 10px}
	
	.close-obra{display: block; text-indent: -5000em; width:50px;height:50px;cursor:pointer;position: absolute;top: 0;right: 0;background:url(../imagens/close.png) 50% 50% no-repeat; z-index: 7}
	.mob_obra {display: block}
    .desk_obra {display: none;}
	.status .container p span{display: block}
	.status .container p span + span:before{content: ''; margin: 0}
}
@media all and (max-width:480px){
	.status .container .col{padding: 0} 
	.status .container .col:first-child{margin-bottom: 20px} 
	.status .container .col:last-child{margin-left: 0}
	.status .container{padding: 10px;}
	.status .col figure{max-width: 100%}
    .status .col iframe{height: 190px}
}