/* Flip Logo Hover */
.navbar-brand {
//animation-play-state: paused;
}
.navbar-brand:hover {
animation-fill-mode: both;
animation-duration: 0.5s;
animation-name: flip;
//transform-origin: center bottom;
animation-iteration-count: 1;
//animation-play-state: running;
opacity: 0.8;
transition: all 0.5s ease 0s;
}
/* Bigger Menu Font */
.navbar-custom {
    font-size: 12px;
}
/* Scale Animation  */
@keyframes scaleIn {
  from {
    opacity: 0.8;
  }

  to{
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.scaleIn {
    animation-name: scaleIn;
}
/* Slider ScaleIn */
.hero-slider .slides {
    //animation-play-state: paused;
}
.hero-slider .slides .bg-dark:hover {
    transform: scale(1.1);
    transition: all 5s ease 0s;
    animation-play-state: running;
}
.scale:hover{
    transform: scale(1.2);
    transition: all 5s ease 0s;
    animation-play-state: running;
}
.scale2:hover .wareshouseimage{
    transform: scale(1.2);
    transition: all 5s ease 0s;
    animation-play-state: running;
}
.post:hover img{
    transform: scale(1.2);
    transition: all 5s ease 0s;
    animation-play-state: running;
}
/* Full_height Section */
		.fill {
		  width:100%;
		  height:100%;
		  min-height:100%;
		  padding:0px;
		}
		.full-height
		{
    background-size: cover;
    padding: 0px;
    margin: 0 auto;
    min-height: calc(100vh - 150px);
		}
/* Parallax about */
body, html {
  height: 100%;
  margin: 0;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  min-height: 100%;
}

.caption {
//  position: absolute;
//  left: 0;
//  top: 30%;
  width: 100%;
  text-align: center;
  color: #000;
  text-transform: uppercase;
    padding: 50px 0;
}

.caption span.border {
  background-color: #111111a8;
  color: #fff;
  padding: 18px;
  font-size: 32px;
  letter-spacing: 10px;
}



.about2 a:hover, a:focus {
    text-decoration: none;
    color: white!important;
    outline: 0;
}
/* About Panels */
.pad-section {
    padding: 20px 0;
}
#information .panel {
    //opacity: 0.85;
}
.panel-default > .panel-heading {
    color: white;
    background-color: #ffffff7d;;
    border-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel {
    margin-bottom: 20px;
    background-color: #000000b8;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    color: white;
}
.panel-title {
    font-size: 24px;
    text-align: center;
}
.panel-body {
    text-align: justify;
}

/* Icon Animation */
.features-item:hover  .features-icon{
color:red;
animation-fill-mode: both;
animation-duration: 0.5s;
animation-name: flip;
animation-iteration-count: 1;
transition: all 0.5s ease 0s;
//animation: fusionExpandAndShow 1s 1 cubic-bezier(.17,.67,.83,.67);
}
.features-item:hover .features-title{
    color:red;
}
.features-item:hover p{
    color:black;
    font-size: 13px;
}
.features-title, .alt-features-title {
    font-size: 16px;
}
.features-item p{
    font-size: 13px;
    color:#111111;
}

.alt-features-item:hover  .alt-features-icon{
color:red;
animation-fill-mode: both;
animation-duration: 0.5s;
animation-name: flip;
animation-iteration-count: 1;
transition: all 0.5s ease 0s;
//animation: fusionExpandAndShow 1s 1 cubic-bezier(.17,.67,.83,.67);
}
.alt-features-item:hover .alt-features-title{
    color:red;
}
.alt-features-item:hover{
    color:black;
}
.alt-features-title, .alt-features-title {
    font-size: 16px;
}
.alt-features-item{
    color:#111111;
}
/* How It Works */
#mainillustration.mainillustration--alt {
    margin-bottom: 0px;
    position: relative;
    bottom: 0;
}
#mainillustration {
    background-image: url(//sellics.com/wp-content/themes/salient-child/styles/../images/Big-Button.png);
    background-position: 50% 100px;
    background-repeat: no-repeat;
    min-height: 559px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 21;
    overflow: hidden;
}
#mainillustration {
    background-image: url(//sellics.com/wp-content/themes/salient-child/styles/../images/Big-Button-Empty.png);
    background-position: 50% 100px;
    background-repeat: no-repeat;
    min-height: 459px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    margin-bottom: -230px;
    z-index: 21;
    overflow: hidden;
}
#mainillustration .centerbubble {

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    max-width: 245px;

}
#mainillustration .centerbubble {

    position: absolute;
    top: 160px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    max-width: 245px;

}
#mainillustration .centertext {
text-align: center;
    font-size: 1.3rem;
    font-family: Montserrat,Arial;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 100px 0px;
}
#mainillustration .centertext > div {

    font-size: 3.2rem;
    line-height: 2.8rem;
text-align: center;
}
#mainillustration .centerbubble__learnmore {

    margin-top: 30px;

}
#mainillustration .centerbubble__learnmore a {
    color: #fff;
    background-image: url(//sellics.com/wp-content/themes/salient-child/styles/../images/home/arrowDown.png);
    background-position: center 80%;
    background-repeat: no-repeat;
    font-size: 1.1rem;
    padding-bottom: 25px;
    -webkit-animation: centerbubble__learnmoreAnimation .2s linear 1;
    animation: centerbubble__learnmoreAnimation .2s linear 1;
}
#mainillustration .centerbubble__learnmore a:hover {
    -webkit-animation: centerbubble__learnmoreAnimationBack .2s linear 1;
    animation: centerbubble__learnmoreAnimationBack .2s linear 1;
    background-position: center 100%;
}
#mainillustration .bubble {
    display: block;
}
#mainillustration .bubble {
    width: 52px;
    height: 52px;
}
#mainillustration .bubble1 {
    left: calc(50% - 245px);
    top: 322px;
}
#mainillustration .bubble2 {

    left: calc(50% - 230px);
    top: 217px;

}
#mainillustration .bubble1, #mainillustration .bubble2 {

    position: absolute;
    font-family: Montserrat,Arial;
    letter-spacing: 0;
    font-size: 1.6rem;
    font-weight: 500;

}
#mainillustration .bubble3, #mainillustration .bubble4 {

    position: absolute;
    font-family: Montserrat,Arial;
    letter-spacing: 0;
    font-size: 1.6rem;
    font-weight: 500;

}
#mainillustration .bubble3 {

    left: calc(50% - 164px);
    top: 127px;

}
#mainillustration .bubble img {

    transition: all .2s;
    width: 52px;
    height: 52px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
img {

    vertical-align: middle;

}
img {

    border: 0;

}
#mainillustration .bubble4 {

    left: calc(50% - 24px);
    top: 76px;

}
#mainillustration .bubble3, #mainillustration .bubble4 {

    position: absolute;
    font-family: Montserrat,Arial;
    letter-spacing: 0;
    font-size: 1.6rem;
    font-weight: 500;

}
#mainillustration .bubble5, #mainillustration .bubble6 {

    position: absolute;
    font-family: Montserrat,Arial;
    letter-spacing: 0;
    font-size: 1.6rem;
    font-weight: 500;

}
#mainillustration .bubble5 {

    left: calc(50% + 119px);
    top: 127px;

}
#mainillustration .bubble6 {

    left: calc(50% + 184px);
    top: 216px;

}
#mainillustration .bubble5, #mainillustration .bubble6 {

    position: absolute;
    font-family: Montserrat,Arial;
    letter-spacing: 0;
    font-size: 1.6rem;
    font-weight: 500;

}
#mainillustration .bubble7 {
    position: absolute;
    left: calc(50% + 203px);
    top: 322px;
    font-family: Montserrat,Arial;
    letter-spacing: 0;
    font-size: 1.6rem;
    font-weight: 500;
}
#mainillustration .bubble1 p, #mainillustration .bubble2 p, #mainillustration .bubble3 p {

    position: absolute;
    right: 65px;
    width: 200px;
    text-align: right;
    cursor: default;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}
.bubble2 p, #mainillustration .bubble3 p {

    position: absolute;
    right: 65px;
    width: 200px;
    text-align: right;
    cursor: default;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}
#mainillustration .bubble4 p {

    position: absolute;
    left: -150%;
    top: -30px;
    width: 200px;
    text-align: center;
    cursor: default;

}
#mainillustration .bubble5 p, #mainillustration .bubble6 p, #mainillustration .bubble7post{

    position: absolute;
    left: 65px;
    width: 200px;
    text-align: left;
    cursor: default;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}

/* Supply Chain Services */
.posts{width:100%;margin:0 0;overflow:hidden}.posts.card .post{float:left;width:33.33%;margin:0;position:relative;overflow:hidden;cursor:pointer}.posts.card .post .content{position:absolute;bottom:0;left:0;height:55px;width:100%;background:rgba(0,0,0,0.45);-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.posts.card .post .title{text-transform:uppercase;cursor:pointer}@media (max-width: 1100px){.posts.card .post .title{height:55px}}.posts.card .post h3{color:#fff;margin:0;font-weight:300;display:table-cell;text-align:center;vertical-align:middle;height:55px;width:1000px;padding:0 3%;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.posts.card .post .desc{display:table-cell;width:1000px;height:215px;padding:0 10%;text-align:center;vertical-align:middle}@media (max-width: 1200px){.posts.card .post .desc{height:150px}}@media (max-width: 1100px){.posts.card .post .desc{height:215px}}.posts.card .post p{font-size: 16px;font-family: Volkhov, "Times New Roman", sans-serif;
    font-style: italic;color:#fff;margin:0;line-height:1.5em;}.posts.card .post:hover .content{height:100%}.posts.card .post:hover h3{background:rgba(0,0,0,0.45)}.posts.card .post:hover p{margin:auto}@media (max-width: 1100px){.posts.card .post{width:50%}}@media (max-width: 800px){.posts.card .post{width:100%}}.posts.card.onefifth .post{width:25%}.posts.card.onefifth .post .content{height:45px}.posts.card.onefifth .post h3{height:45px;font-size:.875em;line-height:1.25em}.posts.card.onefifth .post:hover .content{height:100%}.posts.card.onefifth .post:hover h3{background:rgba(0,0,0,0.45)}.posts.card.onefifth .post:hover p{margin:auto}@media (max-width: 1100px){.posts.card.onefifth .post{width:50%}}@media (max-width: 800px){.posts.card.onefifth .post{width:100%}}.posts.card img{float:left;width:100%}.posts.grid{overflow:visible;position:relative;margin:30px 0}.posts.grid .post{float:left;margin:0 0 30px}.posts.grid .post .desc{width:100%;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.posts.grid .post .desc p{text-align:center;margin:0}.posts.grid .post a{float:left;width:100%}.posts.grid .post .thumb{padding:0 0 25px;position:relative;overflow:hidden}.posts.grid .post .thumb img{-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.posts.grid .post .thumb::after{position:absolute;content:"";height:1px;width:115%;background:#f0f0f0;left:0;bottom:0;float:left;margin:25px 0 0}.posts.grid .post .content{float:left;width:100%;padding:25px 0 0;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.posts.grid .post .content .title h3{color:#898989;font-weight:300;margin:0;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.posts.grid .post:last-child{margin-right:0}@media (max-width: 800px){.posts.grid .post{width:100%;margin:0 0 60px}}.posts.grid .post:hover .content{box-shadow:inset 0 10px 0 0 #031d3e}.posts.grid .post:hover .content .title h3{color:#031d3e}.posts.grid.onesixth .post{width:16.667%}.posts.grid.onesixth .post .desc{position:absolute;bottom:115%;width:100%;max-width:1100px;overflow:visible;left:0;display:none;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.posts.grid.onesixth .post .desc p{visibility:visible;display:table-cell;height:100px;vertical-align:middle;width:10000000px;text-align:center;max-width:none;margin:0}.posts.grid.onesixth .post h3{text-transform:uppercase}.posts.grid.onesixth .post:hover .desc{display:block}.posts.grid.onesixth .post:hover .thumb img{filter:brightness(.25);-webkit-filter:brightness(.25)}.posts.grid.onesixth .post:hover .desc{display:block}@media (max-width: 800px){.posts.grid.onesixth .post:hover .desc{display:none}}@media (max-width: 1100px){.posts.grid.onesixth .post{width:33.33%;margin:0 0 60px 0}.posts.grid.onesixth .post:nth-child(3n){margin-right:0}.posts.grid.onesixth .post:nth-child(3n+1){clear:left}}@media (max-width: 800px){.posts.grid.onesixth .post{width:100%}}.posts.grid.onethird .post{width:31.33%;margin:0 3% 60px 0}.posts.grid.onethird .post .content .title{margin:0 0 20px}.posts.grid.onethird .post .content .title h3{font-size:.875em;color:#898989;font-weight:300}.posts.grid.onethird .post .desc{color:#898989;margin:0;font-size:1.125em;line-height:1.45em}.posts.grid.onethird .post:nth-child(3n){margin-right:0}.posts.grid.onethird .post:nth-child(3n+1){clear:left}.posts.grid.onethird .post:last-child{margin:0}@media (max-width: 800px){.posts.grid.onethird .post{margin:0 auto;width:100%;max-width:467px;width:100%;margin:0 0 60px}}@media (max-width: 800px){.posts.grid{margin:0 auto 30px}}.posts.list.full .post{float:left;width:100%;margin:0 0 60px}.posts.list.full .post .thumb{width:220px;margin:0 3% 0 0;float:left}.posts.list.full .post .thumb img{width:100%}@media (max-width: 800px){.posts.list.full .post .thumb{width:100%;margin:0 0 30px}}.posts.list.full .post .content{float:none;display:table-cell;height:175px;vertical-align:middle;margin:0;color:#898989}.posts.list.full .post .content h3{font-size:1em;margin:0 0 15px;line-height:1.5em;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.posts.list.full .post .content h3:hover{color:#0055a5}.posts.list.full .post .content .desc,.posts.list.full .post .content p{margin:0;color:#898989;font-size:.875em;line-height:1.75em}@media (max-width: 800px){.posts.list.full .post .content{float:left;width:100%;margin:0;height:auto;display:block}}@-moz-document url-prefix(){.posts.list.full .post .content{display:table}}@media (max-width: 800px){.posts{float:none;width:90%;max-width:467px;margin:0 auto 60px;overflow:hidden}}.posts .post .thumb:focus{outline:none}
/* New */

/* New */