/*
|  FONTS
*/	
	@font-face {
		font-family: 'Roboto-Thin';
		src: url("../../fonts/roboto/Roboto-Thin.ttf");
	}
	@font-face {
		font-family: 'Roboto-Medium';
		src: url("../../fonts/roboto/Roboto-Medium.ttf");
	}
/*
|  STYLE DOM
*/	
	html, body {
		font-family: 'Roboto-Thin';
    	background-color: #171717;
    	background-image: url(../../image/template/bgblack.png);
    	font-size: 1rem;
    	overflow: hidden;
	}
	#overlay, #loadContent  {
	  position:fixed;
	  z-index:9999;
	  top:0;
	  left:0;
	  bottom:0;
	  right:0;
	  background: #171717;
	  background-image: url(../../image/template/bgblack.png);
	  transition: 1s 0.4s;
	}
	#progress, #progressContent {
		height: 2px;
	  	background: #de5e00;
	  	position:relative;
	  	overflow: hidden;
	  	width:0;
	  	top:50%;
	}
	#progstat, #progstatContent {
	  font-size:0.7em;
	  letter-spacing: 3px;
	  position:absolute;
	  top:50%;
	  margin-top:-40px;
	  width:100%;
	  text-align:center;
	  color:#fff;
	}
	.symbol {
		width: 20px;
	}
/*
| NAVBAR
*/
	.navbar {
		width: 100%;
		left: 0;
		z-index: 1000 !important;
	}
	.navbar-toggler, .toggleCollapse {
		background-color:inherit;
		border: 0;
		cursor: pointer;
	}
	.brand {
		max-width: 200px;
	}
	.topLeft, .topRight {
		z-index: 1001;
	}
	.topLeft {
		position: fixed;
	}
	.text-navicon {
		color: #ffff;
	}
	.btn-nav {
		display:block;
		color: #de5e00;
		margin: 1em;
		font-size: 1.5em;
		font-weight: bold;
		text-decoration: none !important;
	}
	.btn-nav:hover {
		color: #fff;
	}

/* SLIDELEFT */
	.slideLeft {
		top:0;
		left:100%;
		position: fixed;
		width: 100%;
		height: 100vh;
		background-color: #171717;
		z-index: 100000;
		overflow: hidden;
		background-image: url(../../image/template/bgblack.png);

	}
	#closeSlide {
		position: absolute;
		right:0;
		z-index: 10000;
	}
	#slideContent {
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.slideRight {
		top:0;
		left:-100%;
		position: fixed;
		width: 100%;
		height: 100vh;
		background-color: #171717;
		z-index: 1000;
		overflow: hidden;
		background-image:  url(../../image/template/circles-01.png), url(../../image/template/bgblack.png);
		background-position: center;
		background-repeat: no-repeat, repeat;
		background-size: contain, initial;
	}
	.items-menu i {
		display: inline-block !important;
	}

/* 
 * ASIDE CONTENT 
*/
	#sidebar {
		color: #fff;
		height: 100vh;
		left: 0;
		position: fixed;
		top: 0;
		transition: all 0.3s;
		width: 250px;
		z-index: 999;
		padding:1rem;
	} 
	#sidebar.active {
		width: 80px; 
	}
	#sidebar .navbrand {
		padding:10px 0;
		text-align: center;
	}
	#sidebar .navbrand figure {
		max-width: 200px;
	} 
	#sidebar.active .title{
		display: none;
	}
	#sidebar.active ul li a {
		text-align: center;
	}
	#sidebar ul li a {
		text-decoration: none;
		color: #c7c7c7;
	}
	#sidebar ul li a.active .number {
		background: #171717 !important;
		border: solid 1px #171717;
	}
	#sidebar ul li a:hover .number {
		background: #171717;
		transition: .3s;
	}
	#sidebar ul li a .number {
		display: inline-block;
		max-width: 5rem;
		border-radius: 100px;
		font-size: 1rem;
		padding: .8rem !important;
		position: relative;
		border: solid 1px #fff;
		margin: .5rem 1rem .5rem 0;
	}
/* 
 * CONTENT 
*/
	#content {
		overflow-y: auto !important;
		width: calc(100% - 250px);
		padding: 2rem 7rem 2rem 2rem;
		position: relative;
		transition: all 0.3s;
		top: 0;
		min-height: 100vh;
		float: right;
	}
	#content.active {
		width: calc(100% - 80px);
	}
/*
| CAROUSEL
*/
	.carousel, .carousel-inner, .carousel-inner .carousel-item {
    	height: 100vh;
	}
	.carousel-inner .carousel-item {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.carousel-item:before {
		background: -moz-linear-gradient(top, rgba(0,0,0,.6) 0%, rgba(158,37,0,.8) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,.6) 0%, rgba(158,37,0,.8) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,.6) 0%, rgba(158,37,0,.8) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,.6)), color-stop(100%, rgba(158,37,0,.8)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,.6) 0%, rgba(158,37,0,.8) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, rgba(158,37,0,.8) 100%);
		background: rgba(0,0,0,.3);
		content: "";
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6f00', endColorstr='#9e2500', GradientType=0 );
		height: 100%;
		left: 0;
		position: absolute;
		top:0;
		width: 100%;
		z-index: 1000;
	}
	.carousel-caption {
		font-family: 'Roboto-Thin';
		font-size: 2rem;
		font-weight: 100 !important;
		height: 100vh;
		max-width: 60%;
		text-align: left;
		top:0;
		z-index: 1000;
		margin:auto;
	}
	.carousel-indicators {
		justify-content: flex-end;
		margin-right: 2rem;
	}
	.carousel-indicators li {
		background-color: inherit;
		border-radius:100px;
		border: solid 1px #fff;
		cursor: pointer;
		display:block;
		height: 20px;
		width: 20px;
	}
	.carousel-indicators li.active {
		background-color: inherit;
	}
	.carousel-indicators li.active:before{
		background-color: #fff;
		border-radius:100px;
		height: 14px;
		left:2px;
		top:2px;
		width: 14px;
	}

/*
| MOUSE
*/
	.goContainer {
		height:0px;
		width: 100%;
		z-index: 998;
	}
	.pointerDown, .pointerUp {
		position: relative;
		display: block;
		margin: auto;
		width:28px;
		height:42px;
		top:-100px;
		border-radius:100px;
		border:solid 1px #fff;
		cursor: pointer;
		z-index: 998;
	}
	.pointerDown:before, .pointerUp:before {
		position: absolute;
		content: "";
		width:4px;
		height:10px;
		left: 11px;
		background-color:#fff;
		border-radius:100px;
		transition: .2s;
	}
	.pointerDown {
		top:-100px;
	}
	.pointerDown:before {
		bottom: 24px;
	}
	.pointerDown:hover:before {
		bottom: 6px;
	}
	.pointerUp {
		top: 50px;
	}
	.pointerUp:before {
		top: 24px;
	}
	.pointerUp:hover:before {
		top: 10px;
	}

/*
| VIDEO
*/
	.initialBackground {
		background-image: url(../../image/template/003.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.orangeLayer:before {
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top:0;
		width: 100%;
		background-color: rgba(243,80,9,0.8);
	}
	.img-video {
		display: block;
		margin: auto;
		position: relative;
		overflow: hidden;
		width: 100%;
		height:50vh;
		border-radius: 30px;
		-webkit-box-shadow: 0px 40px 28px -31px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 40px 28px -31px rgba(0,0,0,0.4);
		box-shadow: 0px 40px 28px -31px rgba(0,0,0,0.4);	
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.img-video .block-btn {
		background: -moz-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(33,33,33,0.6) 75%, rgba(33,33,33,0.6) 100%);
		background: -ms-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(33,33,33,0.6) 75%, rgba(33,33,33,0.6) 100%);
		background: -o-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(33,33,33,0.6) 75%, rgba(33,33,33,0.6) 100%);
		background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,0,0,0.6)), color-stop(75%, rgba(33,33,33,0.6)), color-stop(100%, rgba(33,33,33,0.6)));
		background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(33,33,33,0.6) 75%, rgba(33,33,33,0.6) 100%);
		background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(33,33,33,0.6) 75%, rgba(33,33,33,0.6) 100%);
		background: rgba(0,0,0,0.6);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#171717', GradientType=1 );
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.btn-video {
		border: solid 1px #de5e00;
		border-radius:100px;
		color: #fff !important;
		padding: .8rem 1.5rem;
		font-size: 2.5rem;
		transition: .3s;
		cursor: pointer;
	}
	.btn-video:hover {
		color: #de5e00 !important;
		border: solid 1px #fff;
	}
/*
| DETAILS
*/ 
	.detailsLine-1{
		background-image: url(../../image/template/line-02.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.detailsLine-2 {
		background-image: url(../../image/template/line-01.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.progressBar {
		position: relative;
		max-width: 320px;
		margin:auto;
	}
	.progressBar img {
		position: relative;
		display: block;
		margin:auto;
		z-index: 1000 !important;
	}
	.progress-bar {
		position: absolute;
		height: 100%;
		top: 0;
		left:0;
		z-index: 999 !important;
		background: #de5e00 !important;
	}

/*
| COLLAPSE
*/
	.collapseContent {
		z-index: 10000 !important;
	}
	.collapseContent .collapseBody {
		overflow: hidden;

		background: #171717;
		background-image: url(../../image/template/circles-01.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-attachment: fixed;
		z-index: 10000 !important;
		height: 100vh;
		width: 100%;
	}

	iframe {
		display: block;
		width: 100%;
		height: 100vh;
	}

/* ROTATION IMG */
	@keyframes rotate {	
		from { 
			transform: rotate(0deg); 
		}
	    to { 
	    	transform: rotate(360deg); 
	    }
	}
	@-webkit-keyframes rotate { 
		from {
			-webkit-transform: rotate(0deg);
		}
	  	to {
	  		-webkit-transform: rotate(360deg);
	  	}
	}
	.loadImg{
	    -webkit-animation: 1.5s rotate linear infinite;
	    animation: 1.5s rotate linear infinite;
	    -webkit-transform-origin: 50% 50%;
	    transform-origin: 50% 50%;
	}

/*
| SERVICES
*/
	.sectionStyle {
		min-height:100vh;
		position: relative;
		overflow: hidden;
	}

/*
| MAP
*/
	#map {
		height: 100vh;
		position:relative;
	}
	.copyright {
		bottom:0;
		font-family: 'Roboto-Thin';
		position:absolute;
		text-align: center;
		width: 100%;
		left:0;
	}
	.copyright img {
		margin: auto;
	}

/* CONTACTFORM */
	#contactForm {
		position: fixed;
		background-color: rgba(010,010,010,0.8);
		height:100vh;
		z-index: 10000;
		top:0;
		left:-100%;
		width: 100%;
	}
	.contact-form {
		max-width: 70%;
		margin: auto;
	}
	.contact-form .form-control, .contact-form .input-group-text {
		border-radius: 20px;
		border:0;
		background-color: #171717;
		padding:1em;
		color: #fff;
	}
	.contact-form .form-control, .contact-form .form-control:focus {
		border-left: 0;
		box-shadow: inherit !important;
		outline: inherit !important;
	}
	.contact-form textarea { 
		resize: none;
	}
	.contact-form .btn-send{
		display:block;
		max-width: 5rem;
		border-radius: 100px;
		font-size: 1.2rem;
		padding: .9rem 1em !important;
		position: relative;
		background: #171717;
		color: #fff;
		transition: .3s;
		margin: auto;
	}
	.contact-form .btn-send:hover {
		background: #fff;
		color: #171717;
	}
	.socials {
		font-size: 2rem;
		color:#fff;
	}
	.socials:hover {
		color: #171717;
	}

/* 
| FIXES 
*/	
	h1, h2, h3, h4, h5, h6, hr, p{
		margin: 0 !important;
		padding: 0 !important;
	}
	.big-letter {
		font-size: 7rem;
	}
	.btn, .btn-write {
		border-radius: 100px;
		padding: 0 1.4rem;
	}
	.btn-write {
		font-size: 2rem;
		cursor: pointer;
		background-color: #171717;
		border: solid 1px #fff; 
		color: #de5e00;
		transition: .3s;
	}
	.btn-write:hover {
		background-color: #de5e00;
		color: #171717;
	} 
	.btn-plus {
		color: #171717;
		font-size: 3rem;
	}
	.btn-plus:hover {
		background: #de5e00;
		border-color: #de5e00 !important;
		color: #fff !important;
	}
	.text-orange {
		color: #de5e00 !important;
	}
	.imgLoad {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		display: none;
		background-image: url(../../image/template/loadimg.gif);
		background-repeat: no-repeat;
		background-position: center;
	}
	.no-gutters, .figure, .figure-img, img, figure, .lead {
		margin:0;
		padding:0;
	}
	.bg-dark {
		background-color: #171717 !important;
		background-image: url(../../image/template/bgblack.png);
	}
	.bg-orange {
		background-color: #de5e00 !important;
		background-image: url(../../image/template/bgorange.png);
	}
	.bg-orange-2 {
		background-color: rgba(222,94,0,0.95) !important;
	}

	.border-black {
		border: solid 1px #171717;
	} 
	.border-white {
		border: solid 1px #fff;
	} 
	.border-orange {
		border: solid 1px #de5e00;
	}
	.number {
		display:block;
		max-width: 5rem;
		border-radius: 100px;
		font-size: 2rem;
		padding: 1rem !important;
		position: relative;
	}
	.separator-dark, .separator-white {
		background-color: inherit;
		background-repeat: no-repeat;
		background-size: initial;
		border: 0;
		height:20px;
	}
	.separator-dark {
		background-image: url(../../image/template/separator-dark.png);
	}
	.separator-white {
		background-image: url(../../image/template/separator-white.png);
	}
	.contentInfo div:last-child hr {
		display:none;
	}
	.mt-6 {
		margin-top: 6rem;
	}
	.z-index {
		z-index: 1000000;
	}
	.card, .card .card-header, .card-body, .card img {
		border-radius: 0px;
	}
	.card  {
		border-color:#de5e00;
	}
	.fixed-col {
		position: fixed;
		top:15%;
	}

/*
| NAVICON
*/
	#nav-icon {
		background-color: #171717;
	}
	#nav-icon:hover {
		background-color: #de5e00 !important;
	}
	#nav-icon, #nav-icon-collapse, #iconClose {
		-moz-transform: rotate(0deg);
		-moz-transition: .5s ease-in-out;
		-o-transform: rotate(0deg);
		-o-transition: .5s ease-in-out;
		-webkit-transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		border-radius: 100px;
		cursor: pointer;
		height: 48px;
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		width: 50px;
	}
	#nav-icon span, #nav-icon-collapse span, #iconClose span{
		-moz-transform: rotate(0deg);
		-moz-transition: .25s ease-in-out;
		-o-transform: rotate(0deg);
		-o-transition: .25s ease-in-out;
		-webkit-transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		background: #fff;
		border-radius: 9px;
		height: 3px;
		left: 12px;
		opacity: 1;
		position: absolute;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
		width: 25px;
	}
	#nav-icon span:nth-child(1), #nav-icon-collapse span:nth-child(1), #iconClose span:nth-child(1) {
		top: 14px;
	}
	#nav-icon span:nth-child(2), #nav-icon-collapse span:nth-child(2), #iconClose span:nth-child(2) {
		top: 22px;
	}
	#nav-icon span:nth-child(3), #nav-icon-collapse span:nth-child(3), #iconClose span:nth-child(3) {
		top: 30px;
	}
	#nav-icon.open span:nth-child(1), #nav-icon-collapse.open span:nth-child(1), #iconClose span:nth-child(1) {
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		top: 21px;
		transform: rotate(135deg);
	}
	#nav-icon.open span:nth-child(2), #nav-icon-collapse.open span:nth-child(2), #iconClose span:nth-child(2) {
		opacity: 0;
		left: 30px;
	}
	#nav-icon.open span:nth-child(3), #nav-icon-collapse.open span:nth-child(3), #iconClose span:nth-child(3) {
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		top: 21px;
		transform: rotate(-135deg);
	}
	#nav-icon-collapse {
		z-index: 1000;
	}
	table tbody td {
		vertical-align: top;
	}
	.align-self {
		align-self: flex-end;
	}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	/* TITLES */
	.display-1 {
		font-size: 2.8rem;
	}
	.display-2 {
		font-size: 2.3rem;
	}
	.display-3 {
		font-size: 1.8rem;
	}
	.mt-6 {
		margin-top: 4rem;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) { 
	/* TITLES */
	.display-1 {
		font-size: 3.3rem;
	}
	.display-2 {
		font-size: 2.8rem;
	}
	.display-3 {
		font-size: 2.3rem;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	#sidebar {
		width: 80px;
	 }
	 #sidebar .title {
		display: none !important;
	 }
	 #sidebar.active {
		 margin-left: 0;
	 }
	 #content {
		padding: 3rem .3rem !important;
		width: calc(100% - 80px);
	 }
	 #content.active {
		width: 100%;
	 }
	/* NAVBAR */
	.navbar {
		padding: 0.2rem .5rem;
	}
	.brand {
		max-width: 100px;
	}
	.navbar-toggler {
		padding: 0rem;
	}
	/* POINTER */
	.pointerDown {
		top:-70px;
	}
	.pointerUp {
		top: 25px;
	}
	.sectionStyle-sm {
		padding: 2rem 0;
		height:auto !important;
	}
	.cd-section {
		height:auto !important;
	}
	.number, .btn {
		max-width: 2.9rem;
		font-size: 1.2rem;
		padding: .5rem !important;
	}
	.nav-link {
		padding: .5rem 0;
	}
	#nav-icon-collapse, #iconClose {
		height: 30px !important;
		width: 30px !important;
	}
	#nav-icon-collapse span, #iconClose span {
		left: 4px;
		width: 20px;
	}
	#nav-icon-collapse.open span:nth-child(1), #iconClose.open span:nth-child(1){
		top: 12px;
	}
	#nav-icon-collapse.open span:nth-child(3), #iconClose.open span:nth-child(3){
		top: 12px;
	}
	.contact-form .form-control, .contact-form .input-group-text {
		padding: .7em;
	}
	#contactos .lead {
		font-size: .8rem;
	}
	#contactos img {
		width: 10px;
	}
	.btn-write { 
		font-size: 1em;
	}
	.lead {
		font-size: 1.1rem;
	}
	.btn-nav {
		display: inline;
	}
}

@media (max-height: 639px) {
	.nav-foot {
		display:none !important;
	}
	.align-self {
		align-self: center;
	}
	.btn-nav {
		display: inline;
	}
} 

@media (min-width: 768px) and (max-width: 991.98px) { 
	/* TITLES */
	.display-1 {
		font-size: 3.8rem;
	}
	.display-2 {
		font-size: 3.3rem;
	}
	.display-3 {
		font-size: 2.8rem;
	}
	.number, .btn {
		max-width: 2.9rem;
		font-size: 1.2rem;
		padding: .5rem !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	/* TITLES */
	.display-1 {
		font-size: 3.8rem;
	}
	.display-2 {
		font-size: 3.3rem;
	}
	.display-3 {
		font-size: 2.8rem;
	}
}

@media (min-width: 1200px) { 
	.display-1 {
		font-size: 5.8rem;
	}
	.display-2 {
		font-size: 4.8rem;
	}
	.display-3 {
		font-size: 2.8rem;
	}
 }