@font-face {
    /* font-family: arial;
    src: url(../font/arial.woff) format('woff'),url(../font/arial.ttf) format('truetype'); */
}

@font-face {

}

html,body{
    font-family: 'Open Sans',sans-serif !important;
    font-size: 15px;
}

.white-pradeo{
  background-color: #fff !important;
}

.white-txt-pradeo{
    color: #fff !important;
}

.green-txt-pradeo{
    color: #009a9e !important;
}

.green-pradeo{
    background-color: #009a9e !important;
}

.grey-txt-pradeo{
    color: grey !important;
}

.v-center{
    align-items: center;
    display: flex;
}

.v-end{
    display: flex;
}

.container-relative{
    position: relative;
}

.item-bottom{
    position: absolute;
    bottom: 0;
}

.h-flex-center{
    margin:0 auto;
}

.dark-txt-pradeo{
    color: #353535;
}

.h-center{
    text-align: center !important;
}

.h-right{
    text-align: right;
}

.upper-bold{
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
}

.bold{
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    font-size: 1.2em;
}

.bold-normal{
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: grey;
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: blue;
}

.txt-header{
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
  color: #fff;
  font-size: 200%;
}

.gartner{
    padding: 18px 5.5vw;
}

.img-relative {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.img-relative-w {
    max-width: 100%;
}

.img-fixed-size {
    width: 100%;
    height: 175px;
    object-fit: cover;
    object-position: bottom;
    padding: 0;
    display: block;
    margin: auto;
}

.carousel .col-12 {
    padding: 0px !important;
}

.carousel .row.green-txt-pradeo.section-subtitle-light {
    margin-top: 30px;
    text-align: left;
}

.carousel .btn-pradeo {
    padding: 10px 16px !important;
    display: block;
}

.primary-title {
    color: #009a9e;
    text-align: center;
    font-size: 1.2em;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    padding: 0px 50px;
}

.title-section-dark {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    font-size: 1.7em;
    color: #353535;
    margin: 0px 0px 20px 0px;
    text-align: left;
}

.title-section-dark3 {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    font-size: 1.5em;
    color: #353535;
    margin: 0px 0px 20px 0px;
    text-align: left;
}

.title-section-light3 {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    font-size: 1.5em;
    color: #fff;
    margin: 0px 0px 20px 0px;
    text-align: left;
}

@media only screen and (min-width:200px) and (max-width:1200px) {
  .title-section-light3 {
      margin: 100px 0px 5px 0px;
  }
  .article_box_border::after{
    display: none;
  }
}

.title-section-dark2 {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    font-size: 1.25em;
    color: #353535;
    margin: 40px 0px 20px 0px;
}

.desc-section-dark {
    font-size: 0.9em;
    color: #353535;
}

.desc-section-dark3 {
    font-size: 1em;
    color: #353535;
    line-height: 1.5;
}

.desc-section-light3 {
    font-size: 1em;
    color: #fff;
    line-height: 1.5;
}

.footer-section-dark {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    color: #353535;
    margin: 10px 0px 0px 0px;
    line-height: 1.5;
}

.btn-more{
    margin-top: 45px;
}


.btn-pradeo:hover,.btn-pradeo-lg:hover,.btn-pradeo:focus,.btn-pradeo-lg:focus,.btn-pradeo:active,.btn-pradeo-lg:active{
    background-color: #5ceadc !important;
    border-color: #5ceadc !important;
}

.btn-no-bg:hover{
    color: #5ceadc !important;
}

a.header-menu:hover{
    color: #fff;
}

.btn-pradeo-lg{
    padding: 14px 36px;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
}

.btn-pradeo > i{
    float: right;
    margin-top: 7px;
}

.btn-more-service{
    margin-top: 22px;
}

.btn-light{
    background-color: #009a9e !important;
    color: #fff !important;
}

.btn-dark{
    background-color: #353535 !important;
    color: #fff !important;
}

.business{
    font-size: 1.25em;
    text-align: left;
    line-height: 1.5;
}

.quote{
    color: #fff !important;
    text-align: center;
    font-size: 1.2em;
    padding: 43px 108px 10px 108px;
    background-image: url(../img/pradeo/quote.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 115%;
    margin-left: 40px;
}

.quote-citation{
    line-height: 1.5;
    padding-top: 12px;
}

.quote-author{
    text-align: right;
    display: inherit;
    font-size: 0.7em;
    padding-right: 30px;
    margin-top: 20px;
    color: #fff;
    opacity: 0.8;
}

.row.btn-business-mobile {
    margin-top: 60px;
    margin-left: 4px;
    margin-right: 4px;
}

.section-subtitle-light {
    font-size: 1.2em;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    text-align: left;
}

.section-subsubtitle-light {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    font-size: 1.1em;
    padding: 10px 0px;
}

.section-subdesc{
    margin-top: 20px;
    line-height: 1.5;
}

.section-subdesc2 {
    margin-top: 40px;
    line-height: 1.5;
    font-size: 1em;
}

.section-subfooter {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    font-size: 1em;
    margin-top: 10px;
    line-height: 1.5;
}

.col-img-container{
    width: 100%;
}

.carousel-indicators {
    position: relative;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
    margin-top: 50px;
}

.carousel-indicators li {
    background-color: transparent;
    border: 1px solid grey;
}

.carousel-indicators .active {
    background-color: grey;
    opacity: 1;
}

/*.carousel-inner {
    overflow: initial;
}*/

.carousel-inner .row{
    margin-right: 0px;
    margin-left: 0px;
}

.avatar-title {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    text-align: left;
    font-size: 0.9em;
}

.avatar-desc {
    font-size: 0.9em;
    text-align: left;
}

.avatar-row{
    margin-top: 20px;
}

.partner-title{
    color: #fff;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    font-size: 1.25em;
}

.partner-desc {
    color: #fff;
    margin-top: 50px;
    line-height: 1.5;
    font-size: 1em;
}

.partner-logo {
    margin: 50px auto 0px auto;
    align-items: center;
    display: flex;
}

.partner-action{
    margin-top: 20px;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    display: inherit;
}

.container-samsung{
    margin: 0px 0px 0px 32px;
}

.pradeo-for-samsung{
    margin-top: 50px;
}

.btn-card {
    box-shadow: 1px 1px 8px 1px #5556;
    padding: 40px 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    color: #009a9e;
    display: block;
}

.btn-card:hover {
    font-size: 0.82em;
    color: #009a9e;
}

.btn-pradeo-lg .fa,.btn-card .fa {
    float: right;
    margin-top: 5px;
}

.header-menu{
    background-color: #009a9e;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.header-menu.active{
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    background-color: #353535;
}

section#mobility{

}

.card-mobility {
    margin-top: 60px;
    box-shadow: 2px 3px 7px 2px #0003;
    padding: 30px;
    text-align: center;
    min-height: 245px;
}

.card-mobility img {
    margin-bottom: 15px;
    max-height: 53px;
}

.card-benefits {
    padding: 30px;
    text-align: center;
/*    min-height: 240px;*/
}

.card-benefits img {
    margin-bottom: 15px;
    max-height: 53px;
}

.card-desc {
    line-height: 1.5;
    text-align: center;
    font-size: 1.1em;
    margin-top: 10px;
}

.card-benefits .card-desc {
    line-height: 1.5;
    text-align: left;
    font-size: 0.9em;
    margin-top: 10px;
}

.right-content{
    text-align: right;
}

.btn-no-bg {
    margin-top:25px;
    padding: 2px 0px;
    display: inline-block;
    text-decoration: underline;
    color: #009a9e;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
}

.btn-no-bg:hover {
    text-decoration: underline;
    color: #353535;
    font-weight: bold;
}

.btn-no-bg .fa {
    margin-top: 5px;
    margin-left: 15px;
}

.img-relative-w1 {
    width: 75%;
    display: block;
    margin: 0 auto;
}

.key-title.green-txt-pradeo {
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    margin-top: 30px;
    width: 100%;
}

.key-desc{
    font-size: 1em;
    line-height: 1.5;
    display: inherit;
    min-height: 220px;
}

ul.key-list li {
    margin-bottom: 10px;
    font-size: 1em;
}

.key-list {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 0px;
}

.key-list li:last-child{
    margin-bottom: 0px;
}

.col-md-4.key-container {
    padding: 0px 45px;
}

.mobile .key-title.green-txt-pradeo {
    margin-top: 0px;
}

.separator {
    height: 1px;
    background-color: #0003;
    margin: 5px -30px;
    position: relative;
}

.key-slide-container .carousel-item {
    height: 350px;
    font-size: 0.9em;
}

section#datasheet .row{
    background-color: #009a9e;
    padding: 25px 0px;
}

a.btn-pradeo-lg,a.btn-pradeo-lg {
    display: block;
    text-align: left;
}

.line-height-pradeo{
    line-height: 1.5;
}

.right-padding-desc-pradeo{
    padding-right: 20px;
}

.use-case-container{
    position: absolute;
}

.card-transparent {
    background-color: #0006;
    padding: 50px;
}


.card-title.green-txt-pradeo {
    font-size: 1.25em;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: bold;
    margin-top: 10px;
}

.item-benefits .card-benefits{
    text-align: left !important;
    padding: 0px !important;
}

.card-benefits img {
    margin-bottom: 15px;
    max-height: 53px;
}

.item-benefits .card-benefits .card-title {
    font-size: 1em;
    margin-top: 5px;
    margin-left: 10px;
}

.card-benefits img {
    margin-bottom: 15px;
    max-height: 53px;

}

.item-benefits .card-benefits img{
    width: 30px;
    height: 30px;
}

.item-benefits .card-benefits {
    margin-top: 12px;
}

section#capabilities > div.row{
    background-image: url(../img/pradeo/mobile-threat-defense-guide.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0px;
    background-size: cover;
}

section#use-case > div.row{
    background-image: url(../img/pradeo/woman-delivery-tablet.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.card-mobility-container{
    width: 100%;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: auto;
    display: block;
    position: absolute;
    margin-left: -15px;
}

.card-mobility-container .card-mobility{
    margin-top: 30px;
    width: 220px;
    min-height: 200px;
    white-space: normal;
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

header {
    margin-bottom: 5px;
}

.nav-link.waves-effect.waves-light {
    color: #000 !important;
}

.nav-item {
    margin-left: 5vh;
}

.dropdown-menu.dropdown-primary.show {
    min-width: 3.6rem;
    border-radius: 0;
    border: none;
    box-shadow: 1px 1px 4px 2px #0003;
}

.navbar.navbar-dark .navbar-toggler-icon {
    background-image: url("file:///C:/Users/GAMER/Desktop/site_pradeo/assets/img/pradeo/menu.png");
    cursor: pointer;
}

.space{
    width:5px;
    display: inline-block;
}

#service .carousel-item{
    /*min-height: 745px;*/
}


.carousel-item.item-benefits {
    /*min-height: 275px;*/
}

section{
    text-align: justify;
    margin-top: 75px;
    margin-bottom: 75px;
    line-height: 1.5;
}

.clear-margin-bottom-section{
    margin-bottom: 0px;
}

.clear-padding-section{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

section#footer-menu{
    margin:50px 0px;
}

section#samsung > div.row {
    box-shadow: 0px 5px 6px -5px #3535354d;
}

section#service > div.container{
    padding:25px 30px;
}

section#info > div.row{
    background-color: #353535;
    padding:100px 0px;
}

section#partner > div.row{
    background-color: #353535;
    padding:75px 0px;
}

section#role{

}

section#header{
    margin-top: 0px;
}

.slider-control-left {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 12px;
    left: -40px;
    font-size: 3em;
    opacity: 0.3;
}

.slider-control-right {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 12px;
    right: -40px;
    font-size: 3em;
    opacity: 0.3;
}

.slider-control-right a,.slider-control-left a {
    color: #353535 !important;
}

@media screen and (min-width: 751px) and (max-width: 768px){
    #header-menu-mobile .header-menu {
        width: 280px !important;
    }
}

.standard-slider-item {
    transition: ease 0.3s;
}

section#solution > div.row{
    padding: 75px 0px;
}

section#solution {
    margin-bottom: 0px !important;
}

section#partner {
    margin-top: 0px;
}

a{
    text-decoration: none;
}

@media screen and (min-width: 768px) and (max-width:991px){
    .quote-citation {
        padding-top: 0px !important;
    }

    .quote {
        padding: 90px 40px 10px 40px !important;
    }
}

@media screen and (min-width: 450px) and (max-width:728px){
    .quote-author{
        padding-right: 30px !important;
    }
}

@media screen and (min-width: 516px) and (max-width:575px){
    .quote-citation{
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
}

@media screen and (min-width: 576px) and (max-width:690px){
    .quote-citation{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

section#solution > div.row {
    box-shadow: 0px -5px 6px -5px #1919194d;
}

#zoom:hover{
  font-size: 1.1em;
}

@media screen and (min-width: 300px) and (max-width:515px){
  #end_btns{
      width: 100% !important;
      padding: 0;
      margin: 0;
  }
  .drapeau{
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-height: 85px !important;
  }
}

@media screen and (min-width: 300px) and (max-width:515px){
.margin_bottom{
  margin-bottom: 50px;
 }
}


.card-std-container{
    width: 100%;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: auto;
    display: block;
    margin-left: -15px;
    position: absolute;
}

.card-std-container .card-remed{
    width: 280px;
    /* min-height: 280px; */
    white-space: normal;
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.card-std {
    padding: 0 5px;
    text-align: center;
/*    min-height: 240px;*/
}

.card-std img {
    max-height: 30px;
    margin-left: 15px;
}

.card-std .card-desc {
    line-height: 1.5;
    text-align: left;
    font-size: 0.9em;
    margin-top: 10px;
}

.item-benefits .card-std{
    text-align: left !important;
    padding: 0px !important;
}

.justify{
    text-align: justify !important;
}