html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body {
  color: #5a5a5a;
}
@font-face{
   font-family: "Buttercup Sample";
   src: url("../font/BUTTERCUP_SAMPLE.TTF");
}
@font-face{
   font-family: "Gotham Black";
   src: url("../font/Gotham-Black_0.otf");
}
@font-face{
   font-family: "Gotham BlackIta";
   src: url("../font/Gotham-BlackIta.otf");
}
@font-face{
   font-family: "Gotham Bold";
   src: url("../font/Gotham-Bold.otf");
}
@font-face{
   font-family: "Gotham BoldIta";
   src: url("../font/Gotham-BoldIta.otf");
}
@font-face{
   font-family: "Gotham Book";
   src: url("../font/Gotham-Book.otf");
}
@font-face{
   font-family: "Gotham BookIta";
   src: url("../font/Gotham-BookIta.otf");
}
@font-face{
   font-family: "Gotham Light";
   src: url("../font/Gotham-Light.otf");
}
@font-face{
   font-family: "Gotham LightIta";
   src: url("../font/Gotham-LightIta.otf");
}
@font-face{
   font-family: "Gotham Medium";
   src: url("../font/Gotham-Medium.otf");
}
@font-face{
   font-family: "Gotham MediumIta";
   src: url("../font/Gotham-MediumIta.otf");
}
@font-face{
   font-family: "Gotham Thin";
   src: url("../font/Gotham-Thin.otf");
}
@font-face{
   font-family: "Gotham ThinIta";
   src: url("../font/Gotham-ThinIta.otf");
}
@font-face{
   font-family: "Gotham Ultra";
   src: url("../font/Gotham-Ultra.otf");
}
@font-face{
   font-family: "Gotham UltraIta";
   src: url("../font/Gotham-UltraIta.otf");
}
@font-face{
   font-family: "Gotham XLight";
   src: url("../font/Gotham-XLight.otf");
}
@font-face{
   font-family: "Gotham XLightIta";
   src: url("../font/Gotham-XLightIta.otf");
}
.font-buttercup-sample {
	font-family: Buttercup Sample;
}
.font-medium-italic {
	font-family: Gotham MediumIta;
}
.font-light {
	font-family: Gotham Light;
}
.font-xlight {
	font-family: Gotham XLight;
}
.font-light-italic {
	font-family: Gotham LightIta;
}
.font-book {
	font-family: Gotham Book;
}
.font-bold {
	font-family: Gotham Bold;
}
.font-medium {
	font-family: Gotham Medium;
}
.font-thin {
	font-family: Gotham Thin;
}
.font-ultra {
	font-family: Gotham Ultra;
}
.font-black {
	font-family: Gotham Black;
}

.box-loading-blog {
	position: fixed;
	background-color: #FFF;
	opacity: 0.98;
	min-height: 100%;
	min-width: 100%;
	z-index: 9999000;
}

@keyframes shadowFss{
  0%{
    box-shadow: 10px -10px #39CCCC, -10px 10px #E74C3C;
  }
  25%{
    box-shadow: 10px 10px #39CCCC, -10px -10px #E74C3C;
  }
  50%{
    box-shadow: -10px 10px #39CCCC, 10px -10px #E74C3C;
  }
  75%{
    box-shadow: -10px -10px #39CCCC, 10px 10px #E74C3C;
  }
  100%{
    box-shadow: 10px -10px #39CCCC, -10px 10px #E74C3C;
  }
}
.navbar-dark {
	/*box-shadow: inset 0 1px 1px rgba(0,0,0,0.025),0 0 12px rgba(0,0,0,0.64);*/
}

#navbar_fullstackcolombia {
	top: 29px;
}
#navbar_main_fstacksoft_top {
	background-color: #f1f1f1;
	min-height: 20px;
	height: 30px;
	box-shadow: 0;
}
#navbar_main_fstacksoft_top .navbar-brand {
    padding: 5px 15px;
    font-size: 13px;
    line-height: 20px;
}
#navbar_main_fstacksoft_top .navbar-nav>li>a {
    padding-top: 4px;
    padding-bottom: 4px;
}
.tag-google-plus {
	color: #d34836 !important;
	transition: color linear .2s;
}
.tag-facebook {
	color: #627AAD !important;
	transition: color linear .2s;
}
.tag-twitter {
	color: #55ACEE !important;
	transition: color linear .2s;
}
#navbar_main_fstacksoft_top .navbar-default .navbar-nav > li > a.tag-twitter {
    color: #55ACEE;
}
.tag-google-plus:hover,.tag-google-plus:focus,.tag-facebook:hover,.tag-facebook:focus,.tag-twitter:hover,.tag-twitter:focus {
    color: #333 !important;
    background-color: transparent;
}

/*Load the fullstacksoft*/
.box-loading-blog .load {
	z-index: 999999;
    background-color: #333;
	opacity: 0.8;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	border-radius: 0px;
	border: 5px solid #333;
	box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
	animation: shadowFss 1s ease-in-out infinite;
}

.box-header {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  /*background: url(../images/hm-bg.jpg) no-repeat center center fixed;*/
  background: #222;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: linear-gradient(to right,#ff8a00,#da1b60) !important;padding-bottom: 60px;
}
.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #111;border-bottom-right-radius: 200px;
}
.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 2.8em;
  font-weight: 700;
  /*text-shadow: 2px 2px #636363;*/
}
.vert-text .mark-span {
    background-color: rgba(0,0,0,0);
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}
.vert-text .btn {
	color: #fff;
	border: 4px solid #fff;
	font-size: 26px;
	z-index: 99;
    position: absolute;
}

.siderbar-r {
	box-shadow: 0 0 21px rgba(0,0,0,0.32);
	-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.32);
}

#particles-bg, #particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9;
}


/*Navbar*/
@keyframes up-navbar-in {
    100% { transform: translateY(0%); }
}

@-webkit-keyframes up-navbar-in {
    100% { -webkit-transform: translateY(0%); }
}
    
@keyframes up-navbar-out {
    0% { transform: translateY(0%); }
    100% { transform: translateY(-100%); }
}

@-webkit-keyframes up-navbar-out {
    0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(-100%); }
}
/*222222222*/
@keyframes up-2-navbar-in {
    100% { transform: translateY(0%); }
}

@-webkit-keyframes up-2-navbar-in {
    100% { -webkit-transform: translateY(0%); }
}
    
@keyframes up-2-navbar-out {
    0% { transform: translateY(0%); }
    100% { transform: translateY(-60%); }
}

@-webkit-keyframes up-2-navbar-out {
    0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(-60%); }
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{
  0% { transform : scale(0.8); }
  50% { transform : scale(1.1); }
  100% { transform : scale(0.8); }
}

@-webkit-keyframes parpadeo {  
  0% { transform : scale(0.8); }
  50% { transform : scale(1.1); }
  100% { transform : scale(0.8); }
}

@keyframes parpadeo {  
  0% { transform : scale(0.8); }
  50% { transform : scale(1.1); }
  100% { transform : scale(0.8); }
}

.slide-in-fss {
    animation: slide-in 1.5s forwards;
    -webkit-animation: slide-in 1.5s forwards;
}

.slide-out-fss {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-in {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    0% { -webkit-transform: translateX(-100%); }
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}

/*Efect B*/
.slide-in-b {
    animation: slide-in-b 1.5s forwards;
    -webkit-animation: slide-in-b 1.5s forwards;
}

.slide-out-b {
    animation: slide-out-b 0.5s forwards;
    -webkit-animation: slide-out-b 1s forwards;
}

@keyframes slide-in-b {
    0% { transform: translateX(-100%); }
    50% { transform: translateX(0%); }
    60% { transform: translateX(-2%); }
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in-b {
    0% { -webkit-transform: translateX(-100%); }
    50% { -webkit-transform: translateX(0%); }
    60% { -webkit-transform: translateX(-2%); }
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out-b {
    0% { transform: translateX(0%); }
    40% { transform: translateX(-2%); }
    50% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out-b {
    0% { -webkit-transform: translateX(0%); }
    40% { -webkit-transform: translateX(-2%); }
    50% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}

@-webkit-keyframes rumble {
    0% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: translate(2px, 0px) rotate(-3deg);}
    50% {-webkit-transform: translate(0px, -2px) rotate(0deg);}
    75% {-webkit-transform: translate(-2px, 0px) rotate(3deg);}
    100% {-webkit-transform: translate(0px, 2px) rotate(0deg);} 
}

.rumble, .rumble-hover:hover, .rumble-active:active {
    animation: rumble .0625s infinite linear;
    -webkit-animation: rumble .0625s infinite linear;
}

@-webkit-keyframes rotate-inverse {
  0% { -webkit-transform: rotate(0deg); }
  30% { -webkit-transform: rotate(-90deg); }
  60% { -webkit-transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(-360deg); }
}

.fss-rotate-inverse {
    animation: rotate-inverse .3s 1 linear;
    -webkit-animation: rotate-inverse .3s 1 linear;
}
@-webkit-keyframes rotate {
  0% { -webkit-transform: rotate(0deg); }
  30% { -webkit-transform: rotate(90deg); }
  60% { -webkit-transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); }
}

.fss-rotate {
    animation: rotate .3s 1 linear;
    -webkit-animation: rotate .3s 1 linear;
}

.fss-inter {
	animation: intermittent 1.5s infinite linear;
    -webkit-animation: intermittent 1.5s infinite linear;
}
@-moz-keyframes intermittent{  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes intermittent {  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
   100% { opacity: 1.0; }
}
@keyframes intermittent {  
  0% { opacity: 1.0; }
   50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

/* Flip square */
.bx-load-fss {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(251,251,251,0.98);
	z-index: 9999999;
}
.flip-square-loader {
  -webkit-perspective: 120px;
  -moz-perspective: 120px;
  -ms-perspective: 120px;
  perspective: 120px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto; }

.flip-square-loader:before {
  content: "";
  position: absolute;
  left: 25px;
  top: 25px;
  width: 50px;
  height: 50px;
  border: 8px dashed rgba(96, 173, 226, 0.8);
  background-color: rgba(231, 76, 60, 0.8);
  animation: flip 1s infinite; }

@keyframes flip {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotateY(180deg); }
  100% {
    transform: rotateY(180deg) rotateX(180deg); } }
	
.border-rd-50 {
	border-radius: 50%;
}
.shadow-for-text-c {
	text-shadow: -2px -2px 0 #000, 1px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;
}
.box-shdm-fss {
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.box-shdm-white-fss {
	-webkit-box-shadow: 0px 1px 5px 0px #ffdada;
    -moz-box-shadow: 0px 1px 5px 0px #ffdada;
    box-shadow: 0px 1px 5px 0px #ffdada;
}
.fstack-color {
	color: rgba(231,76,60,1);
}	
.fstack-bg {
	background-color: rgba(231,76,60,1);
}	
.fstack-btn {
	background-color: rgba(231,76,60,0.1);
	transition: background-color linear .5s;
}
.fstack-btn:hover {
	background-color: rgba(231,76,60,.95);
	transition: background-color linear .5s;
}
.fs-13-fss {
	font-size: 13px;
}

a, a:hover, a:active, a:focus {
	outline: 0 !important;
	-moz-outline-style: none;
}
*::-moz-selection{
   background: #333;
   color: #5DADE2;
   text-shadow: 0px 1px #E74C3C;
}

*::selection {
   background: #333;
   color: #5DADE2;
   text-shadow: 0px 1px #E74C3C;
}
#navbar_main_fstacksoft_top {
	transition: opacity linear .5s;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.9);
	font-family: Gotham Thin;
	transition: color linear 1s, font-family linear 1ss, text-shadow linear 1s;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
	text-shadow: none;
	transition: color linear .5s, font-family linear .5ss, text-shadow linear .5s;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #e74c3c;
	font-family: Gotham Ultra;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
	transition: color linear .5s, font-family linear .5ss, text-shadow linear .5s;
}

#hm_acerca {
	border-top: 30px solid #17a2b8;
	background: rgba(0,49,58,1);
	background-image: url(../images/dots.png);
}
#hm_acerca::before {
    position: absolute;
    margin-top: -48px;
    left: 50%;
    margin-left: -30px;
    z-index: 50;
    display: block;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: #17a2b8;
    content: "";
}

/*process-hm-fss*/
.process-hm-fss {
	
}
.process-hm-fss ul {
	list-style: none;
}
.process-hm-fss ul.controls-ps li {
	display: inline;
	padding: 5px;
	text-transform: uppercase;
	font-family: Gotham Black;
	font-size: 14px;
	cursor: pointer;
}
.process-hm-fss ul.controls-ps li span {
	display: block;
	padding: 10px 0;
}
.process-hm-fss ul.controls-ps li.active span {
	color: rgba(251,128,116,1);
}

.process-hm-fss .icon-inner-container-ps {
	font-size: 114px;
}

.process-hm-fss .list-details-ps {
	list-style-type: circle;
	margin-left: 20px;
}
.process-hm-fss .list-details-ps li {
	padding: 2px 0;
	margin: 2px 0;
	font-family: Gotham Book;
}
.process-hm-fss .list-details-ps li.active {
	list-style: none;
	margin: 8px 0;
}
.process-hm-fss .list-details-ps li.active span {
	padding: 8px;
	border: 3px solid #fb8074;
	font-family: Gotham Black;
}


.item-py-fss {
	box-shadow: 0px 8px 45px rgba(0,0,0,.2);
	border: 8px solid #fff;
	border-radius: 8px;
}
.item-py-fss img {
	border: 1px solid rgba(231,76,60,.1);
}
.item-py-fss .link-py-fss {
	color: rgba(231,76,60,.9);
}
.item-py-fss .link-py-fss:hover {
	color: rgba(231,76,60,1);
}

.contact-form:before, .contact-form:after {
    content: "";
    border-top: 1px solid #282c2f;
    border-bottom: 1px solid #3d434a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
}
.contact-form:after {
    top: auto;
    bottom: 0;
}
.location .title-dir {
    position: relative;
	text-transform: uppercase;
	font-family: Gotham Bold;
}
.location .title-dir:before {
    content: '';
    width: 25%;
    height: 0px;
    left: 0;
    bottom: -1px;
    position: absolute;
	background-color: #E74C3C;
	border-top: 2px solid #E74C3C;
    border-bottom: 2px solid #E74C3C;
	z-index: 2;
}
.location .title-dir:after {
    content: "";
    border-top: 1px solid #282c2f;
    border-bottom: 1px solid #3d434a;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
}
.location ul {
    list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	font-family: Gotham Thin;
}
.location ul li a {
    text-decoration: none;
	color: #fff;
	font-size: 13px;
	transition: color 0.6s ease-out;
}
.location ul li a:hover {
    color: #ff8080;
	transition: color 0.6s ease-out;
}

.shd-form-inverse {
	box-shadow: 10px 10px 20px rgba(0,0,0,.12) !important;
}

.mnh-280 {
    min-height: 280px;
}
.bt-prodd-px {
    border-top: 1px solid #f1f1f1;
}

footer {
	background-color: #1c1d20;
	color: #808082;
	min-height: 100px;
}
footer p {
	font-size: 12px;
}
footer p .btn-go-to-top {
	transition: color 0.8s ease-out;
}
footer p .btn-go-to-top:hover {
	cursor: pointer;
	color: #f95058;
	transition: color 0.8s ease-out;
}

.btn-send-contact-inverse {
	border: none;
	position: relative;
	color: #fff;
	border-radius: 3em;
	background-color: #fb1b03;
	background-image: linear-gradient(to right, #6d8aa0, #8ba2b4);
	-webkit-backface-visibility: hidden;
	z-index: 1;
	cursor: pointer;
}
.btn-send-contact-inverse:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 3em;
	background-image: linear-gradient(to right, #ca5f5e, #d68584);
	transition: opacity 0.5s ease-out;
	z-index: 2;
	opacity: 0;
}
.btn-send-contact-inverse:hover:after {
	opacity: 1;
	color: #fff;
}
.btn-send-contact-inverse span {
	position: relative;
	z-index: 3;
	color: #fff;
}

/*Material inputs*/
.form-material .form-group {
  overflow: hidden; }

.form-material .form-control {
  background-color: transparent;
  background-position: center bottom, center calc(100% - 1px);
  background-repeat: no-repeat;
  background-size: 0 2px, 100% 1px;
  padding: 0;
  -webkit-transition: background 0s ease-out 0s;
  -o-transition: background 0s ease-out 0s;
  transition: background 0s ease-out 0s; }

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e74c3c), to(#e74c3c)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
  background-image: -webkit-linear-gradient(#e74c3c, #e74c3c), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
  background-image: -o-linear-gradient(#e74c3c, #e74c3c), -o-linear-gradient(#d9d9d9, #d9d9d9);
  background-image: linear-gradient(#e74c3c, #e74c3c), linear-gradient(#d9d9d9, #d9d9d9);
  /*background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);*/
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none; }

.form-material .form-control.focus, .form-material .form-control:focus {
  background-size: 100% 2px, 100% 1px;
  outline: 0 none;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.form-control-line .form-group {
  overflow: hidden; }

.form-control-line .form-control {
  border: 0px;
  border-radius: 0px;
  padding-left: 0px;
  border-bottom: 1px solid #d9d9d9; }
  .form-control-line .form-control:focus {
    border-bottom: 1px solid #009efb; }

.has-warning .bar:before,
.has-warning .bar:after {
  background: #ffb22b; }

.has-success .bar:before,
.has-success .bar:after {
  background: #26c6da; }

.has-error .bar:before,
.has-error .bar:after {
  background: #fc4b6c; }

.has-warning .form-control:focus ~ label,
.has-warning .form-control:valid ~ label {
  color: #ffb22b; }

.has-success .form-control:focus ~ label,
.has-success .form-control:valid ~ label {
  color: #26c6da; }

.has-error .form-control:focus ~ label,
.has-error .form-control:valid ~ label {
  color: #fc4b6c; }

.has-feedback label ~ .t-0 {
  top: 0; }

.form-group.error input, .form-group.error select, .form-group.error textarea {
  border: 1px solid #fc4b6c; }

.form-group.validate input, .form-group.validate select, .form-group.validate textarea {
  border: 1px solid #26c6da; }

.form-group.error .help-block ul {
  padding: 0px;
  color: #fc4b6c; }
  .form-group.error .help-block ul li {
    list-style: none; }

.form-group.issue .help-block ul {
  padding: 0px;
  color: #ffb22b; }
  .form-group.issue .help-block ul li {
    list-style: none; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
	.top-nav-collapse {
		background-color: rgba(0, 0, 0,0.8)!important;
		padding: 1.4rem 1rem;
		transition: background-color linear .5s;
	}
	.top-nav-collapse .container {
		padding-top: 58px;
	}
	.up-collapse-navbar-in {
		animation: up-navbar-in 0.8s forwards;
		-webkit-animation: up-navbar-in 0.8s forwards;
	}
	.up-collapse-navbar-out {
		animation: up-navbar-out 0.8s forwards;
		-webkit-animation: up-navbar-out 0.8s forwards;
	}
	.up-2-collapse-navbar-in {
		animation: up-2-navbar-in 0.8s forwards;
		-webkit-animation: up-2-navbar-in 0.8s forwards;
	}
	.up-2-collapse-navbar-out {
		animation: up-2-navbar-out 0.8s forwards;
		-webkit-animation: up-2-navbar-out 0.8s forwards;
	}
	.border-left-sm {
		border-left: 2px solid #fb8074;
	}
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}