/* global header */
.global-header{
	padding-top:250px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.global-header:after{
	content: "";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(36, 36, 36, 0.8);
	z-index: 2;
}
.global-header h4{
	text-align: center;
	margin-bottom: 100px;
	position: relative;
	z-index: 5;
	color:#fff;
}
.global-header h4 a{
	text-decoration: none;
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	color:#fff;
}
.global-header h4 a:hover{
	color:#98B43C;
}
.sec-header{
	padding-bottom:10px;
	position: relative;
}
.sec-header:after{
	content:"";
	position: absolute;
	bottom:0;
	left:0;
	width:80px;
	height: 3px;
	background-color:#98B43C;
}
.b-blog .blog-o{
	margin-bottom:30px;
}
.error h4{
	text-align: center;
}
/* pages header background */
#services-header{
	background-image: url("../images/services-bg.png");
}
#ti-header{
	background-image: url("../images/header/ti.jpg");
  padding-top: 175px;
}
#dev-header{
	background-image: url("../images/header/dev.jpg");
  padding-top: 175px;
}
#dev-app-header{
	background-image: url("../images/header/dev-app.jpg");
  padding-top: 175px;
}
#dev-web-header{
	background-image: url("../images/header/dev-web.jpg");
  padding-top: 175px;
}
#gestion-header{
	background-image: url("../images/header/gestion.jpg");
  padding-top: 175px;
}
#cloud-header{
	background-image: url("../images/header/cloud.jpg");
  padding-top: 175px;
}
#crm-header{
	background-image: url("../images/header/crm.jpg");
  padding-top: 175px;
}
#llave-header{
	background-image: url("../images/header/llave.jpg");
  padding-top: 175px;
}
#payment-header{
	background-image: url("../images/header/payment.jpg");
  padding-top: 175px;
}
#mantenimiento-header{
	background-image: url("../images/header/mantenimiento.jpg");
  padding-top: 175px;
}
#pay-header{
	background-image: url("../images/header/pay.jpg");
  padding-top: 175px;
}
#blog-header{
	background-image: url("../images/blog-bg.png");
}
#portfolio-header{
	background-image: url("../images/portfolio-bg.png");
}
#contact-header{
	background-image: url("../images/header/contact.jpg");
}

/* loader */
#loader{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	z-index: 50000;
	background-color:#fff;
}
#wrapper{
    position:relative;
    /*background:#333;*/
}

.profile-main-loader{
    position: fixed !important;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
    z-index: 51000 !important;
}

.profile-main-loader .loader {
    position: fixed !important;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
  	width: 80px;
  	height:80px;
}
.profile-main-loader .loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular-loader {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  -ms-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  height: 100%;
  -o-transform-origin: center center;
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.loader-path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -10;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  -moz-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  -ms-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  -o-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  0% {
    stroke: #98B43C;
  }
  40% {
    stroke: #98B43C;
  }
  66% {
    stroke: #98B43C;
  }
  80%, 90% {
    stroke: #98B43C;
  }
}
@keyframes color {
  0% {
    stroke: #98B43C;
  }
  40% {
    stroke: #98B43C;
  }
  66% {
    stroke: #98B43C;
  }
  80%, 90% {
    stroke: #98B43C;
  }
}


/* just for preview */
body>div:last-child{
	display: none;
}