@charset "UTF-8";
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: rgb(38, 38, 38);
  border-radius: 0px 0px 7px 7px;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;

  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
    cursor: pointer;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.btn-grey { 
  color: #ffffff; 
  background-color: #3F434A; 
  border-color: #3661E2; 
} 
 
.btn-grey:hover{
color: #80bfff!important;
background: #333;
} 


.btn-grey:focus, 
.btn-grey:active, 
.btn-grey.active, 
.open .dropdown-toggle.btn-grey { 
  color: #80bfff!important;

  background-color: #222222; 
  border-color: #3661E2; 
} 
 
.btn-grey:active, 
.btn-grey.active, 
.open .dropdown-toggle.btn-grey { 
  background-image: none; 
} 
 
.btn-grey.disabled, 
.btn-grey[disabled], 
fieldset[disabled] .btn-grey, 
.btn-grey.disabled:hover, 
.btn-grey[disabled]:hover, 
fieldset[disabled] .btn-grey:hover, 
.btn-grey.disabled:focus, 
.btn-grey[disabled]:focus, 
fieldset[disabled] .btn-grey:focus, 
.btn-grey.disabled:active, 
.btn-grey[disabled]:active, 
fieldset[disabled] .btn-grey:active, 
.btn-grey.disabled.active, 
.btn-grey[disabled].active, 
fieldset[disabled] .btn-grey.active { 
  background-color: #3F434A; 
  border-color: #3661E2; 
} 
 
.btn-grey .badge { 
  color: #3F434A; 
  background-color: #ffffff; 
}




.title-welcome {
	font-weight: 700;
	color: #00004d;
	text-align: center;
	  display: flex;
  justify-content: center;
  flex-direction: column;
	font-size: 48px;

}

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

$bs-height-base: ($line-height-computed + $padding-base-vertical * 2) !default;
$bs-height-lg:   (floor($font-size-large * $line-height-base) + $padding-large-vertical * 2) !default;
$bs-height-sm:   (floor($font-size-small * 1.5) + $padding-small-vertical * 2) !default;
$bs-height-xs:   (floor($font-size-small * 1.2) + $padding-small-vertical + 1) !default;

.btn-social {
  position: relative;
  padding-left: ($bs-height-base + $padding-base-horizontal);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: $bs-height-base;
    line-height: ($bs-height-base + 2);
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
  &.btn-lg {
    padding-left: ($bs-height-lg + $padding-large-horizontal);
    > :first-child {
      line-height: $bs-height-lg;
      width: $bs-height-lg;
      font-size: 1.8em;
    }
  }
  &.btn-sm {
    padding-left: ($bs-height-sm + $padding-small-horizontal);
    > :first-child {
      line-height: $bs-height-sm;
      width: $bs-height-sm;
      font-size: 1.4em;
    }
  }
  &.btn-xs {
    padding-left: ($bs-height-xs + $padding-small-horizontal);
    > :first-child {
      line-height: $bs-height-xs;
      width: $bs-height-xs;
      font-size: 1.2em;
    }
  }
}

.btn-social-icon {
  @extend .btn-social;
  height: ($bs-height-base + 2);
  width: ($bs-height-base + 2);
  padding: 0;
  > :first-child {
    border: none;
    text-align: center;
    width: 100%!important;
  }
  &.btn-lg {
    height: $bs-height-lg;
    width: $bs-height-lg;
    padding-left: 0;
    padding-right: 0;
  }
  &.btn-sm {
    height: ($bs-height-sm + 2);
    width: ($bs-height-sm + 2);
    padding-left: 0;
    padding-right: 0;
  }
  &.btn-xs {
    height: ($bs-height-xs + 2);
    width: ($bs-height-xs + 2);
    padding-left: 0;
    padding-right: 0;
  }
}

/*
fadein Effects
 */

.fadeCenter,
.fadeLate
{
    opacity:0;
}
.fadeRight
{
    left: 250px;
    opacity:0;
}

.fadeLeft
{
    left: -250px;
    opacity:0;
}

.fadeTop
{
    Top: -50px;
    opacity:0;
}

.fadeBottom
{
    Top: 20px;
    opacity:0;
}


.fixedbutton{
    position: fixed!important;
    bottom: 0px!important;
    display: inline-block!important;
    padding: 6px 12px!important;
    margin-bottom: 0!important;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 1.42857143!important;
    text-align: center!important;
    white-space: nowrap!important;
    vertical-align: middle!important;
    -ms-touch-action: manipulation!important;
    touch-action: manipulation!important;
    cursor: pointer!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    background-image: none!important;
    border: 1px solid transparent!important;
    border-radius: 4px 4px 0px 0px!important; 


}

.fixedbutton-like {
    left: 50px; 
    background-color:#3B5998;
}

.fixedbutton-share {
    left: 150px;
    opacity: 0.9;
}

.fixedbutton-facebook {
    left: 250px; 
    background-color:#3B5998;
}

.fixedbutton-twitter{
    background-color:#33ccff;
    left: 350px; 
}

.fixedbutton-linkedin{
    background-color:#007bb7; 
    left: 450px; 
}

.share-btn {
    /*display: inline-block;*/
    padding: 6px 12px;
    margin-bottom: 0;
    color: #ffffff;
    border: none;
    /*padding: 0.5em;*/
    width: 4em;
    opacity: 0.9;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    outline: none;
    text-align: center;
    border-radius: 4px 4px 0px 0px; 
}
.share-btn:hover {
    color: #eeeeee;
}
.share-btn:active {
    position: relative;
    top: 2px;
    box-shadow: none;
    color: #e2e2e2;
    outline: none;
}
.share-btn.facebook { background: #3B5998;}
.share-btn.twitter { background: #55acee; }
.share-btn.linkedin    { background: #4875B4;}
.share-btn.google-plus { background: #dd4b39; }
.share-btn.stumbleupon { background: #EB4823; }
.share-btn.reddit { background: #ff5700; }
.share-btn.email { background: #444444; }

.btn-outline {
    background-color: transparent!important;
    color: inherit!important;
    
    transition: all .5s;
}

.btn-video.btn-outline {
    color: #fff!important;
    background-color: #333!important;
    border-color: #fff!important;
    border-width: 3px!important;
    opacity: 0.5!important;
}


.btn-video.btn-outline:hover {
    color: #fff!important;
    background-color: #337ab7!important;
    border-color: #fff!important;
    border-width: 3px!important;
    opacity: 0.9!important;
}