.premiasoft-tabs {background: #fff;position: relative;overflow: hidden;padding: 55px 0;}
.tabs-animated {
    overflow: hidden;
}
.tab-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}
.tab-switcher li {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    margin-right: 70px;
    position: relative;
   padding-bottom: 10px;
}
.tab-switcher li:last-child {
margin-right: 0;
}
.tab-switcher li::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #18a0db;
    transition: width .3s;
    position: absolute;
    bottom: 0px;
}
.tab-switcher li:hover:after {
    width: 100%;
}
.tab-switcher li:hover a, .tab-switcher li a:hover {
color: #353535;
}
.tab-switcher li.active:after {
content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #18a0db;
    transition: width .3s;
    position: absolute;
    bottom: 0px;
}
.tab-switcher li {
    list-style: none;
}
.tab-switcher li a {
    color: #b5b5b5;
    cursor: pointer;
    font-size: 55px;
    font-style: normal;
    text-align: left;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    position: relative;
    text-transform: capitalize;
    font-family: Segoe UI;
    font-weight: 100;
}
.tab-switcher li.active a {
    cursor: default;
    color: #353535;
}
.tab-content>.tab-pane {
    display: none;
    margin: 50px 0 0px 0;
    overflow: hidden;
}

.tab-content div {
    z-index: 1;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
.tab-content>.active {
    display: block;
}
.box-produit {
    -webkit-animation: content-in-box 1s ease-in-out;
    animation: content-in-box 1s ease-in-out;
}
.bgfacebook {
    background: #435c9e;
    color: #fff;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 30px;
}

.bgfacebook span {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-left: 45px;
}

.bgfacebook em {
    font-size: 40px;
}

.framefacebook {
    border: 1px solid #435c9e;
    padding: 0;
}
.framefacebook iframe { width: 100%;}
.bgtwitter {
    background: #1da1f2;
    color: #fff;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 30px;
}
.bgtwitter span {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-left: 45px;
}
.bgtwitter em {
    font-size: 40px;
}
.frametwitter{
    border: 1px solid #1da1f2;
    padding: 0;
}
.bgyoutube {
    background: #e62118;
    color: #fff;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 30px;
}

.boxyoutube span {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-left: 45px;
}

.boxyoutube em {
    font-size: 40px;
}

.frameyoutube {
    border: 1px solid #e62118;
    padding: 0;
}
.img-blog {
    padding-left: 0;
    position: relative;
    overflow: hidden;
}
.article-lus {
    padding: 0;
}
.article-lus h2 {
    font-family: Segoe UI;
    font-size: 36px;
    font-weight: 100;
    color: #104c98;
    margin: 0 0 30px;
    padding-left: 15px;
}
.boxblog {
    position: absolute;
    bottom: 0;
    padding: 0 25px;
    background: url(/Files/App_002/Images/shadow-blog.png) top center no-repeat;
    padding-bottom: 30px;
    width: calc(100% - 15px);
    overflow: hidden;
}
.date-blog {
    font-size: 16px;
    color: #ffffff;
    display: block;
    font-family: Segoe UI;
}

.name-blog {
    font-size: 24px;
    color: #18a0db;
    font-family: Segoe UI;
}
.date-article {
    font-size: 16px;
    color: #7a7a7a;
    display: block;
    font-family: Segoe UI;
    margin-top: 20px;
}
.name-article {
    font-size: 20px;
    color: #18a0db;
    font-family: Segoe UI;
    line-height: 23px;
    margin-top: 20px;
    display: block;
}
.parag-article {
    font-size: 14px;
    color: #232323;
    display: block;
    text-align: justify;
    margin: 20px 0 0;
}
/* Keyframes */

@-webkit-keyframes content-in {
  0% {
    opacity: 0;
        transition: 0.8s all ease;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
       transition: 0.8s all ease;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
}

@keyframes content-in {
  0% {
    opacity: 0;
 transition: 0.8s all ease;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transition: 0.8s all ease;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
}
}

@-webkit-keyframes content-in-box {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes content-in-box {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 1366px){
.tab-switcher li a {
font-size: 42px;
}
.tab-switcher li {
margin-bottom: 5px;
}
}
@media screen and (max-width: 991px){
.article-lus { margin-top: 35px;}
.tab-switcher li a {
font-size: 42px;
}
.tab-switcher li {
padding-bottom: 5px;
}
.tab-content>.tab-pane {
    margin: 60px 0 0;
}
.tab-switcher li {
    margin-right: 40px;
}
.tab-switcher li a {
    font-size: 30px;
}
.boxfacebook, .boxtwitter {
margin-bottom: 15px;
}
}

@media screen and (max-width: 767px){
.tab-switcher li a {
    font-size: 24px;
}
.tab-switcher li {
    margin-right: 30px;
}
.boxfacebook, .boxtwitter, .boxyoutube {
padding: 0;
}
.premiasoft-tabs {
    padding: 25px 0;
}
}

@media screen and (max-width: 460px){
.tab-switcher li a {
    font-size: 18px;
}
.tab-switcher li {
    margin-right: 15px;
}
}