@import url('https://fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600,700');

@font-face {
   font-family: npaw;
   font-style: normal;
   font-weight: normal;
   src: url(../fonts/npaw.ttf);
}

/***************************************************************/
/*                          CSS GENERAL                        */
/***************************************************************/

body{
    background-color: #F8FDFF !important;
    font-family: 'Yantramanav', sans-serif;
    font-size: 16px;
}

.row {
    margin-bottom: 0px;
}

.no-padding{
    padding-left: 0px;
    padding-right: 0px;
}

section{
    width: 100%;
    position: relative;
}

.vertical-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 920px) {
    .vertical-align {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
    }
    .top-align{
        display: flex;
        align-items: top;
    }
}

@media (max-width: 767px) {
    .hidden-xs{
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm{
        display: none !important;
    }
    
    .list-problems-we-solve li {
        width: 32.5% !important;
        display: inline-block;
        padding: 0px;
    }   
    
    .list-competitive-advantages li {
        width: 31% !important;
        display: inline-block;
        padding: 0px;
    }
}

@media (min-width:991px){
    #open-positions .card-panel {
        height: 210px !important;
        position: relative;
    }
    .align-locations{
        position: absolute;
        bottom: 6px;
        /* bottom: 0; */
        right: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md{
        display: none !important;
    }
    
    .list-problems-we-solve li {
        width: 32.5% !important;
        display: inline-block;
        padding: 0px;
    }    
    
    .list-competitive-advantages li {
        width: 23.7% !important;
        display: inline-block;
        padding: 0px;
    }
}

@media (min-width: 1200px) {
    .hidden-lg{
        display: none !important;
    }
}

.text-npaw{
    font-family: 'npaw', sans-serif;
    font-size: 50px;
    word-spacing: 15px;
}

.back-blue{
    background: #FAFEFF;
    text-align: center;
    padding: 50px 0;
}

.back-blue-2 {
    background: #F8FDFF;
    text-align: center;
    padding: 50px 0;
}

.back-white{
    background: #FFFFFF;
    text-align: center;
    padding: 50px 0;
}
.back-white-para{
    background: #FFFFFF;
    text-align: center;
    padding: 50px 0;
    background-image: url('../img/particle-lightblue.png');
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.back-smartmodules{
    text-align: center;
    padding: 50px 0;
}
.back-smartmodules:nth-child(even){
    background-color: #FFFFFF;
    /*background-image: url('../img/back-particle-lightblue.svg');
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
}
.back-smartmodules:nth-child(odd){
    background: #F8FDFF;
}

.background-home{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#134660+0,005a7e+33,1c738b+67,55a6a6+100 */
    background: #134660; /* Old browsers */
    background: -moz-linear-gradient(135.94deg, #134660 0%, #005a7e 37.15%, #1c738b 54.98%, #55a6a6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(135.94deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135.94deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134660', endColorstr='#55a6a6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-size: cover;
    background-position: center;
    height: 100%;
    text-align: center;
    background-attachment: fixed;
    position:relative;
}

.background-joinus{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#134660+0,005a7e+33,1c738b+67,55a6a6+100 */
    background: #134660; /* Old browsers */
    background: -moz-linear-gradient(135.94deg, #134660 0%, #005a7e 37.15%, #1c738b 54.98%, #55a6a6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(135.94deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135.94deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134660', endColorstr='#55a6a6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-size: cover;
    background-position: center;
    height: 100vh;
    text-align: center;
    background-attachment: fixed;
    position:relative;
}

.background-particle{
    /*background-image: url(../img/background-header.jpg);*/
    background: #134660;
    background: -moz-linear-gradient(180deg, #134660 0%, #005a7e 37.15%, #1c738b 54.98%, #55a6a6 100%);
    background: -webkit-linear-gradient(180deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%);
    background: linear-gradient(180deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134660', endColorstr='#55a6a6',GradientType=1 );
    background-size: cover;
    background-position: center;
    height: 100%;
    text-align: center;
    background-attachment: fixed;
    position:relative;
}

.background-footer{
    /*background-image: url(../img/background-header.jpg);*/
    background: #134660;
    background: -moz-linear-gradient(135.44deg, #134660 0%, #005a7e 37.15%, #1c738b 67.52%, #55a6a6 100%);
    background: -webkit-linear-gradient(135.44deg, #134660 0%,#005a7e 37.15%,#1c738b 67.52%,#55a6a6 100%);
    background: linear-gradient(135.44deg, #134660 0%,#005a7e 37.15%,#1c738b 67.52%,#55a6a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134660', endColorstr='#55a6a6',GradientType=1 );
    background-size: cover;
    background-position: center;
    height: 100%;
    text-align: center;
    background-attachment: fixed;
    position:relative;
}

.parallax-back{
    /*transform: translateZ(-1px) scale(1.5);*/
    background-image: url('../img/back-particle.svg');
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    /*height: 150%;*/
    text-align: center;
    background-attachment: fixed;
    opacity: 1;
}

.back-smartmodules .parallax-back{
    z-index: -1;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/***************************************************************/
/*                          SCROLL BAR                         */
/***************************************************************/

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #808080;
  border: 0px none #ffffff;
  border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover {
  background: #808080;
}
::-webkit-scrollbar-thumb:active {
  background: #808080;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 100px;
}
::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
::-webkit-scrollbar-track:active {
  background: #ffffff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
/*************************************************************-*/
/*                             MENU                            */
/*************************************************************-*/

#menu-principal .container{
    width: 80%;
}

.menu_bar {
    width: 100%;
    display: block;
    top: 0;
    position: relative;
    z-index: 1000 !important;
    padding-top: 1%;
}
.menu_bar .row{
    margin-bottom: 0px;
}

.menu_bar .bt-menu {
    color: #fff;
    font-size: 25px;
    padding: 18px;
    font-weight: 300;
    text-decoration: none;
    float: right;
}

.menu_bar .btn-menu-red {
    padding: 7px 3% !important;
    margin: 16px 0px 16px 15px !important;
    text-shadow: none;
    border-radius: 5px;
    letter-spacing: 0.15px;
    transition: 0.5s;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.menu_bar .btn-menu-red:hover {
    background: #89304E;
}

.menu_bar .btn-login {
    color: rgba(255,255,255,0.85);
    font-size: 16px;
    margin: 22px 10px;
    font-weight: 500;
    text-decoration: none;
    float: right;
    font-family: Roboto;
}

.menu_bar .btn-login span{
    transform: rotate(90deg);
    font-size:0px;
}

.menu_bar .btn-left {
    float: left;
}

.menu-left{
    position: relative;
    display: flex;
}

.menu-right{
    position: relative;
}

.box-menu {
    position: relative;
    cursor: context-menu;
}

.box-submenu {
    position: absolute;
    top: 55px;
    background: white;
    left: 0px;
    padding: 30px 30px;
    padding-bottom: 25px;
    border-radius: 2.5px;
    width: auto;
    min-width: 180px;
    box-shadow: 0px 0px 5px #999999;
}

.box-submenu a {
    display: block;
    text-align: left;
    color: black;
    padding: 5px 0;
}

.box-submenu:before {
    content: "\A";
    border-style: solid;
    transform: rotate(90deg);
    border-width: 10px 15px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: -12px;
    left: 20px;
}

.sbm-1, .sbm-2, .sbm-3, .sbm-4, .sbm-5{
    display: none;
    transition: all 0.5s;
}

.m-1:hover .sbm-1, .m-2:hover .sbm-2, .m-3:hover .sbm-3, .m-4:hover .sbm-4, .m-5:hover .sbm-5{
    display: block;
    transition: all 0.5s;
}

.box-menu.m-5{
    float: right;
}

.menu_bar span {
    float: right;
    font-size: 40px;
}

.btn-login span {
    font-size: 10px;
}

.menu-youbora{
    width: 325px;
}

.menu-youbora .img-menu-youbora img{
    width: 125px;
}

.menu-youbora .img-menu-youbora .logo-youbora{
    padding-left: 15px;
}

.menu-youbora .text-logo-youbora{
    padding-left: 15px;
}

.menu-youbora .text-logo-youbora .title{
    font-weight: 500;
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-family: Roboto;
    color:rgba(0,0,0,0.6);
}

.menu-youbora .text-logo-youbora .text{
    font-weight: 300;
    margin: 0;
    text-align: left;
    font-size: 14px;
    line-height: 1;
    color: rgba(0,0,0,0.6);
    font-family: Roboto;
}

.menu-youbora-2 .img-options-youbora{
    margin: 0 auto;
    padding: 15px 0 0 0;
}

.menu-youbora-2 .img-options-youbora a{
    display: inline-block;
    width: 24%;
}

.menu-youbora-2 .img-options-youbora img{
    width: 100%;
    /*padding: 5px;*/
}

header nav {
    width: 100%;
    top: 0;
    margin: 0;
    position: relative;
    background: transparent;
    z-index: 1000;
}

@media (min-width: 773px) {    
    #panel {
        display: none;
        background: rgb(255, 255, 255);
        height: 100%;
        width: 100%;
        position: relative;
        z-index:100;
    }    
}

@media (max-width: 773px) {  
    #panel {
        display: none;
        background: rgb(255, 255, 255);
        width: 100%;
        position: relative;
        z-index:100;
    } 
}

header nav ul {
	list-style:none;
    margin: 0px;
    padding: 0px;
    width: 24.5%;
    display: inline-block;
}

header nav ul li {
    display: block;
    border-bottom:1px solid rgba(255,255,255,.5);
}

header nav ul li:hover .children {
	display: block;
}

/*Submenu*/
header nav ul li .children {
	background:#011826;
	position: absolute;
	display: none;
	width: 150%;
	z-index: 1000;
}

header nav ul li .children li {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
	/*Usamos overflow hidden porque aqui si vamos a necesitar usar float*/
}

header nav ul li .children li a {
	display: block;
}

header nav ul .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right: 0px;
	margin-left:10px;
}

header nav ul li a {
    display: block;
}

header nav ul li:hover {
	background:#E6344A;
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li .caret {
	position: relative;
	top: 3px;
	margin-left: 10px;
	margin-right: 0;
}

.sub-menu {
    color: white;
    padding: 15px 0 !important;
    text-align: left;
}

.sub-menu h4 {
    line-height: 2;
    font-size: 18px;
    font-weight: 500;
    color: black;
}

.sub-menu a {
    font-weight: 300;
    color: black;
}

.sub-menu p {
    line-height: 1.3;
}

.item-client{    
    list-style: none;
    padding: 60px 70px;
}

.item-client li{
    width: 13%;
    display: inline-block;
}

.item-client img{
    width: 80%;   
    opacity: 0.5; 
}

/***************************************************************/
/*                          BUTTONS                            */
/***************************************************************/

span .btn-card-central{    
    margin: 15px 25px;
}

.btn-card-central{    
    position: absolute;
    bottom: 0;
    right: 0;
}

.btn-center{
    display: block !important;
    margin: 0 auto !important;
    text-align: center;
}

.btn-red{  
    color: #fff;
    background-color: #F44661;
    padding: 5px 35px;
    display: inline-block;
    transition: all 0.25s;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 100;
    margin-right: 10px;
    position: relative;
}

.btn-contactus{    
    color: #fff;
    padding: 5px 40px;
    display: inline-block;
    transition: all 0.25s;
    text-decoration: none;
    font-size:14px;
    font-weight:bold;
    border-radius: 6px;
    background: linear-gradient(135deg, #88304E 0%, #E23E57 100%);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.24), 0 0 2px 0 rgba(0,0,0,0.12);
    position: relative;
}

.btn-red:hover{    
    color: #fff;
    background-color: #a82e41;
    text-decoration: none;
}

.btn-top{
    position: relative;
    z-index: 100;
    margin-top: 50px;
}

.btn-blue{    
    color: #fff;
    background-color: #1E254D;
    border: 2px solid #1E254D;
    padding: 2% 10%;
    display: inline-block;
    transition: all 0.25s;
    font-size: 16px;
    font-weight: 100;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 10px;
}

.btn-blue:hover{    
    color: #fff;
    background-color: #12172f;
    border: 2px solid #12172f;
    text-decoration: none;
}

.btn-border-blue{    
    color: #1E254D;
    border: 2px solid #1E254D;
    padding: 5px 25px;
    font-weight: 600;
    display: inline-block;
    border-radius: 10px;
    transition: all 0.25s;
    text-decoration: none;
    font-size:18px;
    font-weight:bold;
    margin-right: 10px;
}

.btn-border-blue:hover{    
    color: #FFFFFF;
    background: #1E254D;
    border: 2px solid #1E254D;
    text-decoration: none;
}

.btn-lightblue{    
    color: #ffffff;
    background: #0082A3;
    border: 2px solid #0082A3;
    padding: 5px 25px;
    display: inline-block;
    border-radius: 10px;
    text-decoration: none;
    margin: 50px 10px 0px 10px;
    transition: all 0.25s;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.btn-lightblue:hover{    
    color: #ffffff;
    background: #005e76;
    border: 2px solid #005e76;
    text-decoration: none;
}

span .btn-events{    
    margin: 15px 25px;
}

.gradient-blue{
    background: #031834;
    background: -webkit-linear-gradient(45deg, #031834 0%, #304263 100%);
    background: linear-gradient(45deg, #031834 0%, #304263 100%);
}

.gradient-red{
    background: #89304E;
    background: -webkit-linear-gradient(45deg, #89304E 0%, #DE3E57 100%);
    background: linear-gradient(45deg, #89304E 0%, #DE3E57 100%);
}

.line-blue{
    background: none;
    border: 1px solid #051A36;
    color: #051A36;
    text-transform: initial;
    box-shadow: none;
}

.line-red{
    background: none;
    border: 1px solid #B25275;
    color: #B25275;
    text-transform: initial;
    box-shadow: none;
}

.gradient-lightblue{
    color: white;
    background: #045577;
    background: -webkit-linear-gradient(45deg, #045577 0%, #368A97 100%);
    background: linear-gradient(45deg, #045577 0%, #368A97 100%);
}

.gradient-lightblue-1{
    color: white;
    background: #005A82;
    background: -webkit-linear-gradient(45deg, #005A82 0%, #93D0E0 100%);
    background: linear-gradient(45deg, #005A82 0%, #93D0E0 100%);
}

.btn:focus, .btn-large:focus, .btn-floating:focus {
    background-color: #cc354d;
}
/***************************************************************/
/*                       BARRA SUPERIOR                        */
/***************************************************************/

.barra-superior{
    background: #0082A3;
    color: white;
    text-align: center;
    height: 50px;
}

.img-new{    
    width: 50px;
    float: left;
}

.img-xnew{
    width: 24px;
    margin: 12px;
    float: right;
    cursor: pointer;
}

.barra-superior p{
    display: inline-block;
    font-size: 20px;
    margin: 0.5%;
    font-weight: 500;
    letter-spacing: 1px;
}

.btn-download{
    padding: 5px 25px;
    border-radius: 5px;
    text-decoration: none;
    background: transparent;
    color: #FFA74D;
    font-family: Roboto;
    border:1px solid #FFA74D;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
}
.btn-download:hover{
    background: #FFAB5F;
    color: white;
}

/***************************************************************/
/*                           HEADER                            */
/***************************************************************/

.header-index {
    padding: 1px 0 115px 0;
    color: white;
    transition: all 0.6s;
}

.header-index .title {
    font-weight: 300;
    font-size: 45px;
}

.header-index .subtitle {
    font-weight: 300;
    font-size: 18px;
}

.header-index .modal {
    color: black;
}

.background-header{
    background-image: url(../img/background-header.jpg);
    background-size: cover;
    background-position: center;
}

.title-header{    
    color: white;
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 0px;
    letter-spacing: 0.26px;
}

.subtitle-header{    
    color: white;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.18px;
}

/***************************************************************/
/*                        CAROUSEL INDEX                       */
/***************************************************************/

.carousel-index {
    margin: 40px 0px 20px 0;
}

.carousel-index .item img {
    width: 80px !important;
    opacity: 0.5;
    margin: 0 auto;
    margin-bottom: 37px;
}

/***************************************************************/
/*                       DISCOVER YOUBORA                      */
/***************************************************************/

#discover-youbora {
    margin-bottom: 0px;
    text-align: center;
    padding: 25px 0 50px 0;
}

#discover-youbora p{
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: justify;
    color: rgba(0,0,0,0.6);
    padding-bottom:40px;
}
#discover-youbora h2{
    text-align: left;
    margin-bottom: 0;
}
#discover-youbora h5{
    font-size: 30px;
    font-weight: 600;
    color:rgba(0,0,0,0.75);
    line-height: 39px;
}

#discover-youbora .btn-red{
    text-transform: none;
    border-radius:5px;
    padding:2% 15%;
    font-weight: normal;
    margin: 10px 0;
}

.background-color{
    background-color: #FAFEFF;
}

.box-youbora{
    background: white;
    margin-top: -75px;
    padding: 50px !important;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    margin-bottom: 75px;
}

.img-logo-youbora{
    width: 100%;
    max-width: 250px;
    /*margin: 0 auto 25px auto;*/
}

.box-youbora h3{
    font-size: 30px;
    font-weight: bold;
}

.box-youbora p{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
}

.btn-request-demo {
    color: #fff;
    background-color: #F44661;
    border-color: #d43f3a;
    border-radius: 10px;
    height: 44px;
    width: 151px;
    display: block;
    margin: 0 auto;
    transition: all 0.5s;
}

.btn-request-demo:hover{
    color: #fff;
    background-color: #c1384e;
}

.video-youbora {
    width: 100%;
}

.video-npaw{
    width: 50%;
    display: block;
    margin: 50px auto;
}

.youbora-back-1{
    background-image: url(../img/youbora1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.youbora-back-2{
    background-image: url(../img/youbora2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.youbora-back-3{
    background-image: url(../img/youbora3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

/***************************************************************/
/*                       DISCOVER YOUBORA                      */
/***************************************************************/

#mision-vision-npaw {
    margin-bottom: 0px;
    text-align: center;
}

#mision-vision-npaw h5{
    font-size: 30px;
    font-weight: 600;
    color:rgba(0,0,0,0.75);
    line-height: 39px;
    text-align: center;
    margin-bottom: 30px;
}

#mision-vision-npaw .title-mv{
    font-size: 28px;
    font-weight: bold;
    margin: 15px 0;
    color: #000000;
}

#mision-vision-npaw p{
    font-size: 20px;
    line-height: 1.25;
    padding: 0 10%;
    color: rgba(0,0,0,0.6);
} 

#mision-vision-npaw .img-mv{
    max-width: 80px;
    width: 100%;
    margin-top: 25px;
}



/***************************************************************/
/*                      FIND YOUR SOLUTION                     */
/***************************************************************/

.find-solution {
    margin-top: -200px;
}

#find-solution .titulo{    
    font-size: 30px;
    font-weight: bold;
}

#find-solution .lista{
    list-style: none;
    padding: 0px;
}

#find-solution .filter a{
    display: inline-block;
    margin: 5px 20px;
    font-weight: 500;
    font-size: 16px;
}

.filter-find{
    padding: 0px;
}

/****** BTN CARD ******/

#find-solution .btn-floating.btn-large.halfway-fab {
    bottom: -25px;
}

#find-solution .btn-floating.btn-large {
    width: 50px;
    height: 50px;
}

#find-solution .btn-floating.btn-large i {
    line-height: 50px;
    font-size: 2.5rem;
}

#find-solution .card {
    text-align: center;    
}

#find-solution .card.large{
    height: 550px;
}

#find-solution .card-image{
    overflow: inherit;
}

#find-solution .card-content span{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    cursor: default;
}

#find-solution .card-content p{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}

#find-solution .card-action{
    border-top: none;
}

#find-solution .card-action .btn-left{
    padding: 10px;
    float: left;
    color: #035A82;
    text-transform: unset;
    font-size: 18px;
}

#find-solution .card-action .btn-right{
    padding: 10px;
    float: right;
    margin: 0;
    color: #035A82;
    text-transform: unset;
    font-size: 18px;
}

#find-solution .card-content {
    max-height: 60% !important;
    overflow: auto;
}



/***************************************************************/
/*                            SUPPORT                          */
/***************************************************************/

#support {
    margin-top: 0px;
}

#support .container{   
    position: relative;
}

#support .titulo{    
    font-size: 30px;
    font-weight: bold;
    margin: 3%;
}

#support .lista{
    list-style: none;
    padding: 0px;
}

#support .filter a{
    display: inline-block;
    margin: 5px 20px;
    font-weight: 500;
    font-size: 16px;
    color: white;
}

.cd-tab-filter a.selected {
    box-shadow: inset 0 -2px 0 #FFFFFF;
}

/****** BTN CARD ******/

#support .btn-floating.btn-large.halfway-fab {
    bottom: -25px;
}

#support .btn-floating.btn-large {
    width: 50px;
    height: 50px;
}

#support .btn-floating.btn-large i {
    line-height: 50px;
    font-size: 2.5rem;
}

#support .card {
    text-align: center;    
}

#support .card.large{
    height: 550px;
}

#support .card-image{
    overflow: inherit;
}

#support .card-content span{
    font-size: 20px;
    line-height: 1.2;
    cursor: default;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
}

#support .card-content span:after{
    content: "by NPAW";
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    margin-top: 22.5px;
    margin-left: -45.5px;
}

#support .card-content p{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    color: black;
}

#support .card-action{
    border-top: none;
}

#support .card-action .btn-left{
    padding: 10px;
    float: left;
    color: #035A82;
    text-transform: unset;
    font-size: 18px;
}

#support .card-action .btn-right{
    padding: 10px;
    float: right;
    margin: 0;
    color: #035A82;
    text-transform: unset;
    font-size: 18px;
}

#support .card-content {
    max-height: 60% !important;
    overflow: auto;
}

#support .cd-main-content .cd-tab-filter-wrapper {
    margin-top: 0px;
    position: relative;
}

#support .filter-find{
    margin-top: 150px !important;
}
/***************************************************************/
/*                          HOUSTON                            */
/***************************************************************/

#houston {
    margin: 50px 0;
}

.img-houston{
    width: 100%;
}

.img-logo-houston {
    width: 230px;
}

.box-houston h3 {
    font-size: 30px;
    font-weight: bold;
}

.box-houston p{
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: justify;
}

/***************************************************************/
/*                           NPAW BLOG                         */
/***************************************************************/

#npaw-blog{
    color: white;
}

.npaw-blog{
    background-image: url(../img/back-npaw-blog.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*background: #3323ab;
    background: -moz-linear-gradient(-45deg, #3323ab 0%, #712f85 100%);
    background: -webkit-linear-gradient(-45deg, #3323ab 0%,#712f85 100%);
    background: linear-gradient(135deg, #3323ab 0%,#712f85 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3323ab', endColorstr='#712f85',GradientType=1 );*/
}

.npaw-blog-2{
    background-image: url(../img/back-npaw-blog-2.jpg);
    background-size: cover;
    background-position: bottom center;
    padding: 50px;
    height: 450px;
}

.npaw-academy{
    background-image: url(../img/back-npaw-academy.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*background: #035a82;
    background: -moz-linear-gradient(-45deg, #035a82 0%, #0682a8 100%);
    background: -webkit-linear-gradient(-45deg, #035a82 0%,#0682a8 100%);
    background: linear-gradient(135deg, #035a82 0%,#0682a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035a82', endColorstr='#0682a8',GradientType=1 );*/
}

.npaw-academy-2{
    background-image: url(../img/back-npaw-academy-2.jpg);
    background-size: cover;
    background-position: bottom center;
    padding: 50px;
    height: 450px;
}

.npaw-news{
    background-image: url(../img/back-npaw-news.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*background: #88304e;
    background: -moz-linear-gradient(-45deg, #88304e 1%, #bf3853 100%);
    background: -webkit-linear-gradient(-45deg, #88304e 1%,#bf3853 100%);
    background: linear-gradient(135deg, #88304e 1%,#bf3853 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88304e', endColorstr='#bf3853',GradientType=1 );*/
}

.npaw-news-2{
    background-image: url(../img/back-npaw-news-2.jpg);
    background-size: cover;
    background-position: bottom center;
    padding: 50px;
    height: 450px;
}

.npaw-events{
    background-image: url(../img/back-npaw-events.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*background: #deba3b;
    background: -moz-linear-gradient(-45deg, #deba3b 0%, #f66c1c 100%);
    background: -webkit-linear-gradient(-45deg, #deba3b 0%,#f66c1c 100%);
    background: linear-gradient(135deg, #deba3b 0%,#f66c1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deba3b', endColorstr='#f66c1c',GradientType=1 );*/
}

.npaw-events-2{
    background-image: url(../img/back-npaw-events-2.jpg);
    background-size: cover;
    background-position: bottom center;
    padding: 50px;
    height: 450px;
}

.blog-left{
    height: 450px;
}

.blog-left h2 {
    font-size: 30px;
    padding: 75px 0 0px 0;
    font-weight: 900;
    line-height: 35px;
}

.blog-left p{
    font-size: 20px;
    font-weight: 300;
}

.img-blog-right{
    width: 200px;
}

.list-blog{
    position: absolute;
    left: 0;
    width: 45%;
    padding: 0px;
    z-index: 25;
    margin-left: 5%;
}

.list-blog li{
    display: inline-block;
    padding: 2px;
    width: 24%;
    text-align: center;
}

.list-blog li a{
    color: white;
}

.list-blog li a:hover{
    text-decoration: none
}

/***************************************************************/
/*                        NPAW SECTION                         */
/***************************************************************/

#npaw{
    margin: 0 0 50px 0;
}

#npaw .card-content {
    font-weight: 400;
}

.title-npaw h1 {
    text-align: center;
    margin: 75px;
}

.box-npaw {
    height: 100%;
    padding-bottom: 100px;
}

#npaw .card-content{
    max-height: 100%;
    overflow: auto;
    padding: 0 20px;
}
#npaw .card.large{
    height: 550px;
}

#npaw .card.large h4{
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1540px) {
    
    #npaw .card.large {
        height: 450px;
        min-height: 450px;
        overflow: hidden;
    }
    
    #npaw .card .card-content {
        overflow: auto;
        max-height: 90%;
    }
}

#npaw .box-1-npaw p{
    text-align: justify;
    margin-bottom: 100px;
}

#npaw .card .card-action {
    border-top: none;
}

#npaw .card .card-action a{
    color: #035A82;
    font-weight: 500;
}

.box-1-npaw {
    text-align: center;
    background: white;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    border-top: 10px solid #05769C;
}

#npaw .box-2-npaw p{
    text-align: justify;
    line-height: 1.4;
    margin-bottom: 25px;
}

.box-2-npaw {
    text-align: center;
    background: white;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    border-top: 10px solid #F4C441;
}

#npaw .box-3-npaw p{
    text-align: justify;
    margin-bottom: 25px;
}

.box-3-npaw {
    text-align: center;
    background: white;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    border-top: 10px solid #B33652;
}

.box-4-npaw {
    background: white url(../img/back-careers.jpg);
    /*background-size: cover;*/
    background-size: 700px;
    /*background-position: top center;*/
    background-position: center right;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0 !important;
    background-size: cover;
}

.box-4-npaw a {
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.5s;
    text-transform: uppercase;
    font-size:14px;
}

.box-4-npaw .subtitle {
    font-weight: 500;
    margin: 0px;
    font-size: 18px;
}

.box-4-npaw .title {
    font-weight: 600;
    margin: 10px 0px;
    font-size: 30px;
}

.box-tutorial-npaw {
    background: white;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    margin: 100px 0px;
    padding: 60px 3% !important;
    position: relative;
}

.box-tutorial-npaw p{
    font-size:20px;
    color:rgba(0,0,0,0.6);
}

.tutorial-image {
    background: white url(../img/back-video-tutorials.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0 !important;
}

.deg-white{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(25%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    position: absolute;
    height: 100%;
    width: 100%;
}

.box-tutorial-npaw a {
    background: rgba(255,255,255,1);
    color: black;
    border: 1px solid black;
    padding: 1% 5%;
    border-radius: 5px;
    letter-spacing: 0.7px;
    display: inline-block;
    transition: all 0.5s;
}

.box-tutorial-npaw a:hover {
    background: rgba(4,85,119,1);
    background: -moz-linear-gradient(left, rgba(4,85,119,1) 0%, rgba(55,139,152,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,85,119,1)), color-stop(100%, rgba(55,139,152,1)));
    background: -webkit-linear-gradient(left, rgba(4,85,119,1) 0%, rgba(55,139,152,1) 100%);
    background: -o-linear-gradient(left, rgba(4,85,119,1) 0%, rgba(55,139,152,1) 100%);
    background: -ms-linear-gradient(left, rgba(4,85,119,1) 0%, rgba(55,139,152,1) 100%);
    background: linear-gradient(to right, rgba(4,85,119,1) 0%, rgba(55,139,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045577', endColorstr='#378b98', GradientType=1 );
    color: white;
    border-color:transparent;
    display: inline-block;
    transition: all 0.5s;
}

.box-tutorial-npaw h2 {
    font-weight: 600;
}

.box-npaw h4 {
    text-align: center;
    padding: 25px 0;
    font-size:20px;
}

.box-npaw p {
    text-align: justify;
    padding: 0 15px;
}

/***************************************************************/
/*                           FOOTER                            */
/***************************************************************/

.btn-up {
    display: none;
    position: fixed;
    bottom: 2%;
    right: 2%;
    width: 75px;
    z-index: 100;
    transition: all 2s;
}

.btn-up-visible {
    display: block;
    position: fixed;
    bottom: 10%;
    right: 1%;
    width: 75px;
    z-index: 100;
    transition: all 2s;
}

#footer{
    padding: 50px 0;
    color: white;
    text-align: left;
}

#footer .container{
    position: relative;
    width: 90%;
    max-width: 1280px;
}

.logo-footer{
    height: 40px;
}

.menu-footer{
    margin-top: 50px;
    text-align: left;
}

.menu-footer h4 {
    margin-top: 0px;
}

.sub-menu {
    width: 20%;
}

#footer h4{
    line-height: 2;
    font-size: 16px;
    font-weight: 500;
    color: white;
}

#footer p{
    line-height: 2.5;
    font-weight: 300;
    margin: 0;
    color: white;
    font-size:15px;
}

.input-suscribe{    
    padding: 0px 10px !important;
    width: 49% !important;
    color: black !important;
    background: white !important;
    margin: 0 !important;
    float: left;
    border-radius: 5px 0 0 5px !important;
}

.btn-suscribe{
    padding: 10px;
    background-color: #F44661;
    border: 1px solid #F44661;
    color: white;
    text-transform: uppercase;
    transition: all 0.5s;
    width: 40% !important;
    float: left;
    box-shadow: none;
    height: 3rem;
    border-radius: 0 5px 5px 0 !important;
}

.btn-suscribe:hover .info-susc{
    display: block;
    background: black;
    width: 200%;
    position: relative;
    bottom: -1rem;
    border-radius: 10px;
    line-height: 1;
    left: -50%;
    padding: 10px;
    text-transform: none;
    transition: opacity 0.5s;
}

.info-susc{
    display: none;
}
.info-susc a {
    color: #1C738B;
}

.btn-suscribe:hover, .btn-suscribe:focus, .btn-suscribe:link{
    background-color: #bf374c;
    border: 1px solid #bf374c;
    color: white;
}

/***************************************************************/
/*                       SMART MODULES                         */
/***************************************************************/

#smart-modules-card {
    margin-bottom: -50px;
    text-align: left;
}

.container-sm{
    width: 85%;
    margin: 0 auto;
}

.header-smartmodules {
    padding: 50px 0 100px 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
}

.header-smartmodules .title {
    font-weight: 300;
    font-size: 45px;
}

.header-smartmodules .subtitle {
    font-weight: 300;
    font-size: 18px;
}

.header-smartmodules .text img{
    width: 400px;
}

.header-smartmodules .text h2{
    text-transform: uppercase;
    color: white;
    font-size: 25px;
    font-weight: 300;
    padding: 15px 0 0 0;
}

.header-smartmodules .text h3{
    color: white;
    font-size: 21px;
    font-weight: 300;
}

.header-smartmodules .image img{
    width: 75%;  
    display: block;
    margin: 0 auto;  
}

.btn-add{    
    padding-top: 50px;
}

.box-modules-card{
    background: white;
    margin-top: -75px;
    padding: 50px !important;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    margin-bottom: 75px;
    z-index: 900;
    position: relative;
}

.box-modules-card-bg{
    background-image: url(../img/youbora-join-back.png);
    background-size: 50%;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.clients-alter path{
    fill:#c1dadf !important;
}

.box-modules-card-new {
    background: white;
    padding: 50px 0 50px 50px !important;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    margin-bottom: 0px;
    z-index: 999;
    position: relative;
    overflow: hidden;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}

.points-green{
    background-image: url(../img/point-green.png) !important;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.points-blue{
    background-image: url(../img/point-blue.png) !important;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.points-purple{
    background-image: url(../img/point-purple.png) !important;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.points-red{
    background-image: url(../img/point-red.png) !important;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.points-orange{
    background-image: url(../img/point-orange.png) !important;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

@media (max-width: 991px;){
    .points-green, .points-blue, .points-purple, .points-red, .points-orange{
        display: none;
    } 
}

.points-green-section{
    background-image: url(../img/point-green.png) !important;
    background-size: 47%;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.points-blue-section{
    background-image: url(../img/point-blue.png) !important;
    background-size: 47%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.points-purple-section{
    background-image: url(../img/point-purple.png) !important;
    background-size: 47%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.points-red-section{
    background-image: url(../img/point-red.png) !important;
    background-size: 47%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.points-orange-section{
    background-image: url(../img/point-orange.png) !important;
    background-size: 47%;
    background-repeat: no-repeat;
    background-position: bottom right;
    
}

.oval2{
    height: 41px;
    width: 439px;
    opacity: 0.31;
    background: radial-gradient(circle, #474747 0%, rgba(141,136,136,0) 100%);
}

.hidden-down{
    display: none;
}

.hidden-up{
    display: block;
}

@media (max-width: 920px){
    body{
        width: 100vw;
    }
    .points-green {
        background-size: 100%;
    }
    .points-blue {
        background-size: 100%;
    }
    .points-purple {
        background-size: 100%;
    }
    .points-red {
        background-size: 100%;
    }
    .points-orange {
        background-size: 0%;
    }
    .points-green-section{
        background-size: 0%;
    }
    .points-blue-section{
        background-size: 0%;
    }
    .points-purple-section{
        background-size: 0%;
    }
    .points-red-section{
        background-size: 0%;
    }
    .points-orange-section{
        background-size: 0%;
    }
    .points-green-mobile{
        background-image: url(../img/point-green.png) !important;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 100%;
    }
    .points-blue-mobile{
        background-image: url(../img/point-blue.png) !important;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 100%;
    }
    .points-purple-mobile{
        background-image: url(../img/point-purple.png) !important;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 100%;
    }
    .points-red-mobile{
        background-image: url(../img/point-red.png) !important;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 100%;
    }
    .points-orange-mobile{
        background-image: url(../img/point-orange.png) !important;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 100%;
    }

    .box-modules-card-new {
        padding: 50px 15px !important;
    }

    #youbora-suite-options .text-youbora-suite {
        padding-right: 0px;
        text-align: center;
    }

    .hidden-up{
        display: none !important;
    }

    .hidden-down{
        display: block;
    }

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

    .menu-academy {
        background: rgba(255, 255, 255, 1 );
    }

    .background-deg-mobil{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#134660+0,005a7e+33,1c738b+67,55a6a6+100 */
        background: #134660; /* Old browsers */
        background: -moz-linear-gradient(135.94deg, #134660 0%, #005a7e 37.15%, #1c738b 54.98%, #55a6a6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(135.94deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135.94deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134660', endColorstr='#55a6a6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        background-size: cover;
        background-position: center;
        height: 100%;
        text-align: center;
        background-attachment: fixed;
        position:relative;
    }

    .img-logo-youbora {
        width: 100%;
        max-width: 250px;
        margin: 0 auto 25px auto;
    }

    .m-panel{
        background: hsla(0, 0%, 0%, 0.40);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1000;
        top: 0;
    }

    #panel {
        display: none;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        width: 80%;
        position: absolute;
        z-index: 100000;
        right: 0;
        top: 0;
        overflow: hidden;
    }
    
    .panel-int {
        background: rgb(255, 255, 255);
        height: 100vh;
        width: 100%;
        position: absolute;
        z-index: 100000;
        right: 0;
        top: 0;
        padding-right:5vw;
    }
    
    .submenu-fixed #panel {
        background: rgba(0, 0, 0, 0);
        width: 80%;
        padding-right: 5vw;
    }
    
    .submenu-fixed .panel-int {
        width: 80%;
    }

    .panel-int .collapsible{
        border: none;
        box-shadow: none;
    }

    .panel-int .collapsible-header{
        padding: 0px;
        border: none;
        text-align: right !important;
    }

    .panel-int .collapsible-header a{
        width: 100%;
    }

    .panel-int .collapsible-body{
        border: none;
        padding: 0;
    }

    .sub-item-menu{
        color: rgba(0,0,0,0.75);
        text-align: right;
        line-height: 2;
        padding: 0 25px 0 0;
        margin: 10px 0;
        position: relative;
        width: 100%;
        font-size:5vw;
    }

    .sub-item-menu i{        
        position: absolute;
        top: 2.5vw;
        width: 1px;
        -webkit-transition: all 0.24s ease-in-out;
        -moz-transition: all 0.24s ease-in-out;
        -ms-transition: all 0.24s ease-in-out;
        -o-transition: all 0.24s ease-in-out;
        transition: all 0.24s ease-in-out;
    }
    #panel .collapsible-header.active .sub-item-menu i{
        -moz-transform: rotate(90deg) translateX(-10px) translateY(-10px);
        -webkit-transform: rotate(90deg) translateX(-10px) translateY(-10px);
        -o-transform: rotate(90deg) translateX(-10px) translateY(-10px);
        -ms-transform: rotate(90deg) translateX(-10px) translateY(-10px);
        transform: rotate(90deg) translateX(-10px) translateY(-10px);
    }

    .submenu-mobil p{
        text-align: right;
        color: black;
        padding: 0 15px;
        margin: 15px 0;
        font-weight: 300;
        font-size:18px;
    }

    .logo-yb-menu-mobil{
        margin: 0 auto;
        display: block;
        width: 90%;
        max-width: 200px;
    }

    .img-options-youbora img {
        width: 30vw;
        max-width: 120px;
    }

    .btn-login-mobil{
        position: absolute;
        bottom: 25px;
        left: 0;
        right: 0;
    }

        
    .btn-login-mobil{
        color: white;
        padding: 15px 35px;
        display: inline-block;
        border-radius: 5px;
        margin: 0 auto;
        width: 200px;
        font-size:18px;
    }
    
    #discover-youbora .container{
        width: 100%;
    }

}

#panel {
    display: none;
    overflow: hidden;
}

.box-modules-card .logo{
    height: 50px;
    display: block;
    margin: 0 auto;
}

.box-modules-card .logo-houston-page{
    height: 40px;
}

.box-modules-card .ill{
    width: 80%;
    display: block;
    margin: 0 auto;
    padding: 25px 0 0 0;    
}

.box-modules-card p{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    padding: 30px 0;
}

.name-smart img{    
    width: 50px;
    margin: 0 15px;
    display: inline-block;
}

.name-smart h3{  
    font-size: 36px;
    display: inline-block;
    color: #16668B;
    text-transform: uppercase;
}

.description-smart{
    margin: 50px 0;
    text-align: center;
}

.description-help {
    margin: 25px 0;
    text-align: left;
    font-size: 18px;
}

.description-smart p{    
    font-size: 18px;
    line-height: 28px;
    font-weight:300;
}

.item-smart{
    text-align:center;   
    /*color: #383839;*/
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

.item-smart img{
    height: 100px;
    margin: 25px 0;
}
#helping .item-smart p{
    color: #001C39; 
    font-size: 18px;
    font-weight: bold;
}

/***************************************************************/
/*                        SMART MODULES                        */
/***************************************************************/

#houston-page{
    color: white;
    padding: 100px 0 125px 0;
    text-align: left;
    background: #021732;
    background: -moz-linear-gradient(135deg, #021732 0%, #37486A 100%);
    background: -webkit-linear-gradient(135deg, #021732 0%, #37486A 100%);
    background: linear-gradient(135deg, #021732 0%, #37486A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021732', endColorstr='#37486A',GradientType=1 );
    background-size: cover;
    background-position: center;
    height: 100%;
    background-attachment: fixed;
    position:relative;
}

#houston-page .logo-houston-white{
    width: 225px;
}

#houston-page .title-houston{    
    margin: 25px 0 15px 0;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 300;
}

#houston-page .subtitle-houston{    
    margin: 0;
    font-size: 17px;
    font-weight: 300;
}

/***************************************************************/
/*                      HOUSTON MANAGED                        */
/***************************************************************/

#houston-managed{
    color: white;
    padding: 50px 0 50px 0;
    text-align: left;
    background: #021732;
    background: -moz-linear-gradient(135deg, #021732 0%, #37486A 100%);
    background: -webkit-linear-gradient(135deg, #021732 0%, #37486A 100%);
    background: linear-gradient(135deg, #021732 0%, #37486A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021732', endColorstr='#37486A',GradientType=1 );
    background-size: cover;
    background-position: center;
    height: 100%;
    background-attachment: fixed;
    position:relative;
}

#houston-managed img{
    width: 100%;
    display: block;
    margin: 0 auto;
}

/***************************************************************/
/*                           HELPING                           */
/***************************************************************/

#helping {
    padding: 0 0 50px 0;
}

#helping .table-houston{
    width: 80%;
    display: block;
    margin: 0 auto;
}

#helping .title-2{
    margin: 0 0 100px 0;
    text-align:center;
    font-size: 25px;
    font-weight: 600;
}

/***************************************************************/
/*                      PROBLEMS WE SOLVE                      */
/***************************************************************/

#problems-we-solve{
    color: white;
    padding: 50px 0 50px 0;
    text-align: center;
    font-size: 18px;
}

#problems-we-solve .container {
        position: relative !important;
    }

#problems-we-solve .text-title h3 {
    font-size: 30px;
    font-weight: bold;
}

#problems-we-solve .text-title span {
    font-size: 18px;
    font-weight: 300;
    padding: 50px 0 50px 0;
}

#problems-we-solve .item-smart{
    height: 300px;
}

#problems-we-solve .item-smart img{
    filter: brightness(0%) invert(100%);
    width: 90%;
}

#problems-we-solve .box-modules-card-new {
    padding: 15px 0!important;
    margin-top: 50px;
}

.list-problems-we-solve{
    padding: 0px;
    width: 100%;
}

.list-problems-we-solve li{  
    width: 24.5%;
    display: inline-block;
    padding: 0px;

}

.list-problems-we-solve p{  
    font-weight: 300;
}

.img-items-youbora img {
    width: 100%;
}

/***************************************************************/
/*                       VIDEO PROCESS                         */
/***************************************************************/

#video-process h3{
    font-size: 28px;
    font-weight: 400;
    padding: 0 0 25px 0;
    text-align: left;
}

/***************************************************************/
/*                   COMPETITIVE ADVANTAGES                    */
/***************************************************************/

#functional-features {
    color: black;
    padding: 100px 0 150px;
    text-align: center;
    margin-top: -150px;
}

#functional-features .container {
    width: 95%;
}

#functional-features .text-title h3 {
    color: rgba(0,0,0,0.75);
    font-weight: 600;
    font-size: 28px;
    padding: 75px 0 50px 0;
}

#functional-features .item-smart{
    height: 300px;
}

#functional-features .item-smart img{
    width: 90%;
}

#functional-features .box-banner-blue{
    height: 100%;
    color: white;
    padding: 0;
    position: absolute;
    top: 0;
    right: -20px;
    background: #031733; /* Old browsers */
    background: -moz-linear-gradient(top, #031733 0%, #4d6188 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #031733 0%,#4d6188 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #031733 0%,#4d6188 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031733', endColorstr='#4d6188',GradientType=0 ); /* IE6-9 */
}

#functional-features .collapsible{
    margin: 0 0 0 20px;
    box-shadow: none;
    border: none;
}

#functional-features .collapsible .collapsible-header{
    border: none;
    background: none;
    padding: 0 15px;
    height: 95px;
    font-size: 25px;
    color: #777777;
}

#functional-features .ico-collapse{
    position: absolute;
    right: 0;
    font-size: 35px;
    color: #bbbbbb;
}

#functional-features .collapsible .collapsible-body{
    border: none;
    padding: 0 15px;
    text-align: left;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 300;
}

#functional-features .text-banner-blue{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.item-functional{
    position: relative;
}

.box-item-functional {
    text-align: left;
    padding: 15px 15px 25px 15px;
    margin: 5px 35px 5px 0;
}

.box-item-functional .box2 .learn{
    display: none;
    transition: all 0.5s;
}

.box-item-functional:hover {
    background: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.box-item-functional:hover .box2 .learn{
    display: block;
}

.box-item-functional .box1 img{
    padding: 0 15px 0 0;
    width: 100px;
}

.box-item-functional .title {
    font-size: 18px;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin: 0;
    margin-bottom: 15px;

}

.box-item-functional .title:after {
    content: "by NPAW";
    font-size: 7px;
    font-weight: 700;
    position: absolute;
    margin-top: 21.5px;
    margin-left: -32.5px;
}

.box-item-functional .text {
    margin: 10px 0 0 0;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 300;
}

.box-item-functional a {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 5px 10px;
}
    
.list-competitive-advantages{
    padding: 0px;
    width: 100%;
}

.list-competitive-advantages li{  
    width: 18.7%;
    display: inline-block;
    padding: 0px;

}

.list-competitive-advantages p{  
    font-weight: 300;

}

@media (max-width: 919px){
    #functional-features .box-banner-blue{
        display: none;        
    }    

    .box-item-functional {
        margin: 5px 0;
    }

    #functional-features .collapsible{
        margin-left: 0px;
    }

    .header-youbora-sections .text .title{
        text-align: center;
    }
    #details-youbora .section2-img {
        width: 90% !important;
    }
    .box-modules-card{
        background-size: 0;
    }
    .box-youbora .col.l4:after {
        content: ' ';
        border: 1px solid #e2e2e2;
        height: 1px;
        display: block;
        margin: 2% 9%;
    }
    .box-youbora .col.l4:last-child:after {
        content: '';
        border: none;
    }

    .box-item-functional {
        text-align: center;
        padding: 0;
        margin: 20px 0;
        width: 50%;
        float: left;
    }

    .box-item-functional:hover {
        background: none;
        box-shadow: none;
    }

    #functional-features .ico-collapse {
        margin-right: 5%;
    }

    .box-item-functional .box1 img {
        padding: 0;
        width: 100px;
    }
    .points-green, .points-blue, .points-red, .points-orange, .points-purple{
        background-size: 0;
    }
}

/*************************************************************-*/
/*                 YOUBORA INFINITY ADVENTAGES                 */
/*************************************************************-*/

.header-youbora-suite {
    padding: 50px 0 100px 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
}

.header-youbora-suite .container{
    width: 90%;
    max-width: 1150px;
}

.header-youbora-suite .title {
    font-weight: 300;
    font-size: 45px;
}

.header-youbora-suite .subtitle {
    font-weight: 300;
    font-size: 18px;
}

.header-youbora-suite .text .title{
    text-transform: uppercase;
    color: white;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.5;
    padding: 0;
    margin: 15px 0;
    letter-spacing: 0.26px;
}

.header-youbora-suite .text .subtitle{
    color: white;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    letter-spacing: 0.18px;
}

.header-youbora-suite .image img{
    width: 100%;
    max-width: 350px;
    display: block;
    margin: 0 auto;
}

/*************************************************************-*/
/*                 YOUBORA INFINITY ADVENTAGES                 */
/*************************************************************-*/

.header-youbora-sections {
    padding: 50px 0 150px 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
}

.header-youbora-sections .container{
    width: 90%;
    max-width: 1150px;
}      

.header-youbora-sections .title {
    font-weight: 300;
    font-size: 45px;
}

.header-youbora-sections .subtitle {
    font-weight: 300;
    font-size: 18px;
}

.header-youbora-sections .text .title{
    text-transform: uppercase;
    color: white;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.5;
    padding: 0;
    margin: 15px 0;
    letter-spacing: 0.26px;
}

.header-youbora-sections .text .subtitle{
    color: white;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    letter-spacing: 0.18px;
}

.header-youbora-sections .image img{
    height: 224px;
    /*width: 100%;
    max-width: 150px;*/
    display: block;
    margin: 0 auto;
}

/*************************************************************-*/
/*                 YOUBORA INFINITY ADVENTAGES                 */
/*************************************************************-*/

.header-integrations {
    padding: 50px 0 150px 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
}

.header-integrations .container{
    width: 90%;
    max-width: 1150px;
}      

.header-integrations .image{
    border-right: 1px solid white;
}

.header-integrations .text .title{
    text-transform: uppercase;
    color: white;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    padding: 0;
    margin: 15px 0;
}

.header-integrations .image img{
    width: 100%;
    max-width: 250px;
    display: block;
    margin: 0 auto;
    float: right;
}

.box-client-logo-int{
    padding: 0px 10px 0px 10px;
    border-bottom: 3px solid #D5CBEF;    
}

.box-client-text-int{
    padding: 30px;
    min-height: 240px;
}

.box-client-text-int .title-client{
    margin: 0 0 15px 0;
    font-size: 16px;
    color: rgba(0,0,0,0.75);
    font-weight: bold;
    letter-spacing: 0.8px
}

.box-client-text-int .text-client{
    margin: 0 0 15px 0;
    font-weight: normal;
    font-size: 16px;
    color: rgba(0,0,0,0.6); 
    letter-spacing: 0.8px;
    line-height: 21px;
}

.box-client-logo-int .box-logo{
    width: 49%;
    display: inline-block;
}

.box-client-logo-int .box-logo img{
    width: 100%;
    /*max-width: 100px;*/
}

.box-client-logo-int .box-button{
    width: 49%;
    display: inline-block;
}

.box-client-logo-int .box-button .data-in{
    background: #CF4F75;
    width: 75px;
    text-align: center;
    color: white;
    border-radius: 5px;
    margin: 2.5px 2.5px;
    float: right;
    font-size: 15px;
}

.box-client-logo-int .box-button .data-out{
    background: #6367C8;
    width: 75px;
    text-align: center;
    color: white;
    border-radius: 5px;
    margin: 2.5px 2.5px;
    float: right;
    font-size: 15px;
}

#item-integration .card-panel{
    padding: 0px;
}

/*************************************************************-*/
/*                   SECTION 2 YOUBORA SUITE                   */
/*************************************************************-*/

#section-2-youbora-suite {
    margin: 75px 0;
}

#section-2-youbora-suite .title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    max-width: 750px;
    margin: 0 auto 50px auto;
    line-height: 1.25;
    color: rgba(0,0,0,0.75);
}

#section-2-youbora-suite .info .title{
    text-align: left;
    color: rgba(0,0,0,0.75);
    font-size: 30px;
    font-weight: bold;
    line-height: 39px;
}

#section-2-youbora-suite .info .text{
    color: rgba(0,0,0,0.6);
    font-family: Yantramanav;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
}

/*************************************************************-*/
/*                 SECTION 2 YOUBORA ANALYTICS                 */
/*************************************************************-*/

#section-2-youbora-analytics {
    margin: 0 0 75px 0;
}

#section-2-youbora-analytics .title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    max-width: 750px;
    margin: 0 auto 50px auto;
    line-height: 1.25;
    color: rgba(0,0,0,0.75);
}

#section-2-youbora-analytics .info .title{
    font-size: 25px;
    text-align: left;
}

#section-2-youbora-analytics .info .text{
    font-size: 18px;
}

#section-2-youbora-analytics .box-modules-card-new{
    margin-top: -75px;
}

#section-2-youbora-analytics .image-side-suite img{
    max-width: 380px;
}


#section-2-youbora-benefits .title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    max-width: 750px;
    margin: 0 auto 50px auto;
    line-height: 1.25;
    color: rgba(0,0,0,0.75);
}

#section-2-youbora-benefits .info .title{
    font-size: 25px;
    text-align: left;
}

#section-2-youbora-benefits .info .text{
    font-size: 18px;
}

#section-2-youbora-benefits .box-modules-card-new{
    margin-top: -75px;
}

#section-2-youbora-benefits .image-side-suite img{
    max-width: 380px;
}
/*************************************************************-*/
/*                         INTEGRATIONS                        */
/*************************************************************-*/

#section-integrations {
    margin: 0 0 75px 0;
}

#section-integrations .title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    max-width: 750px;
    margin: 0 auto 50px auto;
    line-height: 1.25;
}

#section-integrations .info .title{
    font-size: 25px;
    text-align: left;
}

#section-integrations .info .text{
    font-size: 18px;
}

#section-integrations .box-modules-card-new{
    margin-top: -75px;
    padding: 15px 50px !important;
}

#section-integrations .image-side-suite img{
    /*max-width: 275px;*/
    max-width: 60%;
}

.beneficts-youbora {
    text-align: center;
}

.beneficts-youbora .item {
    width: 100%;
    max-width: 365px;
    display: inline-block;
    padding: 25px 30px;
    vertical-align: top;
}

.beneficts-youbora .title {
    width: 20%;
    display: inline-block;
    margin: 0 !important;
}

.beneficts-youbora .item img {
    height: 110px;
    padding: 0px;
    margin: 15px 25px;
}

.beneficts-youbora .item .title {
    font-size: 20px !important;
    font-weight: bold;
}
.beneficts-youbora .item .text {
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
}

#details-youbora{
    text-align: left !important;
}

#details-youbora .container{
    width: 80%;
    max-width: 1140px;
}

#details-youbora .section2-title{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 50px 0 50px 0;
    margin: 0;
    color: rgba(0,0,0,0.75);
}

#details-youbora .section2-img{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
}

@media (max-width: 992px){
    #details-youbora .container{
        width: 100%;
        max-width: 600px;
    }
    .box-client-text-int{
        min-height: auto;
    }
    .box-client-logo-int .box-logo img {
        max-width: 200px;
    }
    .header-youbora-suite .text .title{
        text-align: center;
        font-size: 25px;
        font-weight: 700;
        margin-top: 45px;
    }
    .map-textbox{
        text-align: left;
        padding: 0 20vw !important;
    }
}

#details-youbora .title{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.25;
    color: rgba(0,0,0,0.75);
}

#details-youbora .text{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    color: #333333;
}

#details-youbora .box-details:nth-child(odd) {
    float: right !important;
}

#details-youbora .box-details:nth-child(odd) .vertical-align {
    display: flex;
    flex-direction: row-reverse;
}

#details-youbora .box-details:nth-child(odd) .col {
    float: right !important;
}

#details-youbora .box-details .line {
    float: none !important;
    background: #DADADA;
    height: 4px;
    border-radius: 10px;
    width: 50%;
    margin: 25px auto;
    display: table;
}

#details-youbora .box-details:nth-last-child(1) .line {
    display: none;
}

#details-youbora .box-details img{
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
}

#details-youbora .box-main{
    margin: 50px 0;
}
 
#details-youbora hr{
    display: flex;
    width: 500px;
    height: 3px;
    background: #D9D9D9;
    border: 0;
}

.btns-card-youbora{
    text-align: center;
}

#youbora-suite-video {  
    margin-top: -160px;
    padding-top: 225px;
}

#youbora-suite-video .text-title p {  
    font-size: 28px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 25px 0;
}

#youbora-suite-video .text-title h3 {  
    font-size: 30px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 25px 0;
    font-family: Yantramanav;
    color: rgba(0,0,0,0.75);
}

#youbora-suite-video #video {
    width: 100%;
    max-width: 900px;
}

#youbora-infinity-description {
    text-align: left;
    padding: 0 0 50px 0;
}

#youbora-infinity-description img{
    padding: 25px 0;
}

#youbora-infinity-description video{
    width: 85%;
    display: block;
    margin: 0 auto;
}

.video-machine{    
    margin: 35px 0;
}

#youbora-infinity-af .item-solution {
    text-align: center;
    height: 500px;
}

#youbora-infinity-af .item-solution p {
    padding: 25px 15px 25px 15px;
}

#youbora-infinity-af .card-image {
    height: 40%;
}

#youbora-infinity-af .card-content {
    height: 60%;
    max-height: 50%;
    padding: 15px;
    text-align: left;
    overflow: auto;
}

#youbora-infinity-af li {
    list-style: disc;
    margin-left: 15px;
}

#youbora-infinity-af .card-action {
    border: none;
}

#youbora-infinity-af .card-action a{
    color: #035A82;
    font-weight: 500;
}

#youbora-infinity-af .card-title{
    width: 100%;
    color: black;
    top: 0;
}

#youbora-infinity-af h4{
    font-family: Yantramanav, sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 39px;
    color: rgba(0,0,0,0.75);
}

.font-white {
    color: white !important;
}

#youbora-infinity-af .card-title h5{
    font-weight: 600;
}

#youbora-infinity-af .card-title p{
    margin: 0;
    font-size: 20px;    
}

#youbora-infinity-af .btn-red{    
    margin-bottom: 0px;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0.15px;
    padding: 1% 8%;
    font-weight: 500;
    border-radius: 2px;
}

#supported-video{
    padding: 50px 0;
    text-align: center;
}

#supported-video .container{
    position: relative;
}

#supported-video .title{
    font-size: 25px;
    color: white;
    text-align: center;
    font-weight: 500;
}

#supported-video p{
    color: white;
    margin-top: 0;
    font-weight: 300;
}

#section-analytics-plans {
    margin-top: 100px;
}

#section-analytics-plans img{
    width: 100%;
    max-width: 100px;
}

#section-analytics-plans .title-plan{
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 18px;
    line-height: 1.25;
}

#section-analytics-plans .prize-plan{    
    color: #308494 !important;
    font-style: italic;
}

#section-analytics-plans .info-plan{
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    line-height: 1.25;
}

#section-analytics-plans .see-more {
    display: inline-block;
    margin-top: 25px;
}

#section-analytics-plans .see-more p{
    color: #149DC2 !important;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

#section-analytics-plans .see-more i{
    color: #149DC2 !important;
    font-size: 40px;
    margin: -10px 0 0 0;
}

.head-plans{
    margin-bottom: 50px;
}

.body-plans {
    padding: 10px 0;
    border-bottom: 1px solid #dddddd;
}

.box-plan-full-head{
    width: 14%;
    display: inline-block;
    text-align: left;
    color: rgba(0,0,0,0.75);
}
.box-plan-full-head.title{
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    color: rgba(0,0,0,1);
    margin-top:15px;
    text-transform: uppercase; 
}

.box-plan-full-body{
    width: 21%;
    display: inline-block;
    text-align: center;
}

.body-plans .check{
    color: #3CBCA5;
}

.body-plans .cancel{
    color: #FF778A;
}

#section-analytics-plans .box-modules-card-new{
    margin-top: -125px;
    margin-bottom: 50px;
}

#section-analytics-plans p{
    color: black !important;
}

#get-started .text-pre-btn{
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

#get-started .btn{
    text-transform: initial;
    margin: 0;
}

#get-started-in .container{
    position: relative;
    z-index: 100;
}

#get-started-in .text-pre-btn{
    font-size: 30px;
    font-weight: bold;
    color: rgba(0,0,0,0.75);
    margin: 35px 0 35px 0;
}

#get-started-in .btn{
    margin-bottom: 0px;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0.15px;
    padding: 1% 8%;
    font-weight: 500;
    border-radius: 2px;
    margin: 0;
}

#get-started-in .logo-youbora{
    width: 222px;
    margin-bottom: -37px;
}

#get-started-in .points-back{
    background: url(../img/point-colored.png);
    background-size: 1400px;
    background-position: top center;
    height: 400px;
    width: 100%;
    opacity: 0.10;
    position: absolute;
    bottom: -50px;
}

#get-started-in .box-logos-started{
    padding: 25px 0;
    justify-content: center;
}


#get-started-in .box-logos-started img{
    /*height: 180px;
    margin: 25px;*/
    height: 10vw;
    margin: 1.4vw;
}

#get-started-in .box-logos-started .first-logo {
    /*height: 225px;*/
    height:13vw;
    margin-bottom: 0%;
}

#get-started-in .box-logos .first-plus {
    margin-bottom: 35%;
}


/*#get-started-in .box-logos-started .box-logos:nth-child(1) img{
    height: 125px;
    margin-bottom: 15px;
}*/

#get-started-in .box-logos {
    display: inline-block;
}

#get-started-in .box-logos .img-plus{
    width: 25px;
    height: 25px;
    margin: 0;
    margin-bottom: 40%;
}

#get-started-in .box-logos:nth-last-child(1) .img-plus{
    display: none;
}

#youbora-suite-options{
    color: black;
}

#youbora-suite-options .logo-youbora-suite{
    width: 100%;
    max-width: 250px;
    margin-bottom: 50px;
}

.logo-youbora-suite{
    float:left;
}

#joinus-card .container{
    width: 90%;
}
.joinus-hidden{
    opacity: 0;
    display: none;
    height: 0px!important;
    width: : 0px!important;
}
#form-joinus-1, #form-joinus-2{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#form-joinus-1{
    min-height: 480px;
}

.logo-youbora-joinus{
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    display: block;
    margin-top:20px;
}

#form-joinus-2 .logo-youbora-joinus{
    width:inherit;
}
#form-joinus-2 p{
    color: rgba(0,0,0,0.6);
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: auto !important;
}

#form-joinus-2 .logo-youbora-joinus{
    max-width: 140px;
}

.box-logo-joinus{
    height: 100%;
    position: absolute;
}

.back-joinus{
    height: 400px;
    margin-top: 25px;
    /*background: url(../img/back-youbora-joinus.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;*/
}
.back-joinus img{
    width: 68%;
}

.btn-sign-join{
    margin-top: 25px !important;
    padding: 10px;
    width: 100%;
    background: #005a7e; /* Old browsers */
    background: -moz-linear-gradient(left, #005a7e 0%, #41949c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #005a7e 0%,#41949c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #005a7e 0%,#41949c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a7e', endColorstr='#41949c',GradientType=1 ); /* IE6-9 */
}

.btn-sign-us{
    margin-top: 25px !important;
    padding: 10px;
    width: 100%;
    background: #005a7e; /* Old browsers */
    background: -moz-linear-gradient(left, #005a7e 0%, #41949c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #005a7e 0%,#41949c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #005a7e 0%,#41949c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a7e', endColorstr='#41949c',GradientType=1 ); /* IE6-9 */
}

.btn-sign-join:hover{
    opacity: 0.9;
}

.btn-sign-us:hover {
    opacity: 0.9;
}

.btn-prev-join{    
    background: none;
    color: black;
    box-shadow: none;
}

.btn-prev-join:hover{    
    background: none;
    color: black;
    box-shadow: none;
}

#somethingWrongMessage {
    margin-top: 30px;
}

#somethingWrongMessage p {
    margin: 0;
    padding: 0;
}

@media (max-width: 992px){
    .box-logo-joinus{
        height: 100%;
        position: relative;
    }

    /*.back-joinus{
        background: url(../img/back-youbora-joinus.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }*/
}

.logo-vertical{
    height: 60px;
    float: left;
    display: inline-block;
    margin-bottom: 25px;
}

#youbora-suite-options .text-youbora-suite{
    text-align: justify;
    font-size: 20px;
    line-height: 1.5;
    color: #777777;
    display: inline-block;
    font-weight: 300;
    padding-right: 25px;
}
strong.text-youbora-suite{
    display: block;
    font-size:22px;
    text-align:justify;
    line-height: 100%;
}
#youbora-suite-options .options-youbora-suite, .image-side-suite{
    text-align: center;
}

.image-side-suite img{
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    padding: 25px 0;
}
.image-side-suite a.btn-youbora-suite {
    text-transform: none;
    padding: 1.5% 5%;
    font-size: 16px;
    letter-spacing: 0.15px;
    border-radius: 5px;
    width: 65%;
}

#youbora-suite-options .options-youbora-suite img{
    margin: 0 15px;
    opacity: 0.5;
    transition: all 0.5s;
    height: 100px;
}

@media (min-width:1200px){
    #youbora-suite-options .options-youbora-suite img{
        height: 115px;
    }
}

#youbora-suite-options .options-youbora-suite img:hover{
    opacity: 1;
}
.youbora-tab-selected > img{
    opacity: 1!important;
}
.back-point-blue{
    background: url(../img/point-blue.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    max-height: 500px;
    padding: 25px 0;
}

.back-point-green{
    background: url(../img/point-green.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    max-height: 500px;
    padding: 25px 0;
}

.back-point-orange{
    background: url(../img/point-orange.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    max-height: 500px;
    padding: 25px 0;
}

.back-point-purple{
    background: url(../img/point-purple.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    max-height: 500px;
    padding: 25px 0;
}

.back-point-red{
    background: url(../img/point-red.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    max-height: 500px;
    padding: 25px 0;
}

#analytics-main a.btn-youbora-suite{
    background: rgb(5,139,191);
    background: -moz-linear-gradient(-45deg, rgba(5,139,191,1) 0%, rgba(42,200,198,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(5,139,191,1) 0%,rgba(42,200,198,1) 100%);
    background: linear-gradient(135deg, rgba(5,139,191,1) 0%,rgba(42,200,198,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058bbf', endColorstr='#2ac8c6',GradientType=1 );
    border:transparent;
}
#infrastructure-main a.btn-youbora-suite{
    background: rgb(121,72,201); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(121,72,201,1) 0%, rgba(66,145,196,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(121,72,201,1) 0%,rgba(66,145,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(121,72,201,1) 0%,rgba(66,145,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7948c9', endColorstr='#4291c4',GradientType=1 ); 
    border:transparent;
}
#ads-main a.btn-youbora-suite{
    background: rgb(185,66,138); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(185,66,138,1) 0%, rgba(255,106,70,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(185,66,138,1) 0%,rgba(255,106,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(185,66,138,1) 0%,rgba(255,106,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9428a', endColorstr='#ff6a46',GradientType=1 );
    border:transparent;
}
#users-main a.btn-youbora-suite{
    background: rgb(246,108,28); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(246,108,28,1) 0%, rgba(244,190,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(246,108,28,1) 0%,rgba(244,190,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(246,108,28,1) 0%,rgba(244,190,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66c1c', endColorstr='#f4be00',GradientType=1 );
    border:transparent;
}

.tabs-active{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /*transition-delay: 0.5s;*/
    opacity: 1;
    height: auto;
    width: auto;
}
.tabs-inactive{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    height:0px;
    width: 0px;
    overflow: hidden;
}

#youbora-suite-options .row .col{
    min-height: 0px !important;
}

#youbora-analytics-card{
    color: black;
    margin: 0 0 50px 0;
}

#youbora-analytics-card .title-youbora-suite{
    text-align: justify;
    font-size: 21px;
    line-height: 1.25;
    color: #333333;
    font-weight: 600;
}

#youbora-analytics-card .text-youbora-suite{
    text-align: justify;
    font-size: 20px;
    line-height: 1.5;
    color: #777777;
    font-weight: 300;
}
#youbora-analytics-card .options-youbora-suite{
    text-align: center;
}

#youbora-analytics-card .options-youbora-suite img{
    margin: 0 15px;
    opacity: 0.5;
    transition: all 0.5s;
}

#youbora-analytics-card .options-youbora-suite img:hover{
    opacity: 1;
}

.logo-infinity-1{
    width: 300px;
    margin-bottom: 25px;
}

.logo-infinity-2{
    width: 300px;
}

#collapse-youbora-suite{
    padding: 15px 0 100px;
    color: white;
}

#collapse-youbora-suite .title{
    font-size: 30px;
    font-weight: 500;
    margin-top: 5%;
    margin-bottom: 8%;
}

#collapse-youbora-suite .container{
    position: relative;
    width: 95%;
}

#collapse-youbora-analytics .container{
    position: relative;
    width: 95%;
}

#collapse-youbora-suite .carousel {
    border-radius: 15px;
    box-shadow: 0px 0px 10px #ffffffba;
    margin-bottom: 15px;
}

#collapse-youbora-suite .carousel .carousel-item {
    width: 100%;
}

#collapse-youbora-analytics{
    padding: 15px 0 75px;
    color: white;
}

#collapse-youbora-analytics .title{
    font-size: 30px;
    font-weight: 500;
    margin: 50px 0 100px 0;
}

#collapse-youbora-analytics .container{
    position: relative;
}

#collapse-youbora-analytics .carousel {
    border-radius: 15px;
    box-shadow: 0px 0px 10px #ffffffba;
    margin-bottom: 15px;
}

#collapse-youbora-analytics .carousel .carousel-item {
    width: 100%;
}

.coll-youbora-1{
    color: white !important;
    position: relative;
}

.coll-youbora-1 .collapsible {
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: none;
    margin: 0;
    text-align: left;
}

.coll-youbora-1 .collapsible-header {
    background-color: #fff0;
    border-bottom: none;
    font-size: 25px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
}

.coll-youbora-1 .collapsible-header.active {
    color: rgba(255, 255, 255, 1);
}

.coll-youbora-1 li:nth-child(1) .collapsible-header{
    padding-top: 0;
}

.coll-youbora-1 .collapsible-body {
    border-bottom: none;
    text-align: justify;
    padding: 0px 25px;
    font-weight: 100;
    font-size: 20px;
    line-height: 28px;
}

.img-header{    
    position: absolute;
    bottom: 0%;
    height: 125%;
    right: 10%;
    opacity: 0.3;
    transition: all 0.6s;
    max-height: 700px;
    z-index:80;
}

section#youbora-infinity-card-2 {
    position: unset;
}

#youbora-infinity-card-2 {
    z-index: 150;
}
/*************************************************************-*/
/*                           ACADEMY                           */
/*************************************************************-*/
.back-academy{    
    background-image: url(../img/academy.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}

.header-academy {
    padding: 175px 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
    overflow: visible;
}

.header-academy .title {
    font-weight: 300;
    font-size: 45px;
}

.header-academy .subtitle {
    font-weight: 300;
    font-size: 18px;
}

.menu-academy {
    background: rgba(235, 243, 244, 0.9);
}

.menu-academy ul {
    padding: 0px;
    width: 100%;
    list-style: none;
    margin: 0;
}

.menu-academy li {
    color: #151515;
    display: inline-block;
    width: 32%;
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
    font-weight: 500;
    transition: all 0.5s;
}

.menu-academy-2 li{
    width:19%;
}

.menu-academy li:hover {
    background: #e2e7e8;
}

.menu-academy .row {
    margin: 0;
}

.title-card-academy{
    padding: 10px 10px 0 10px;
    display: block;
}

/*************************************************************-*/
/*                    ACADEMY WHITE PAPERS                     */
/*************************************************************-*/
#academy-white-papers .text-title h2 {
    color: #085D84;
    font-size: 34px;
}

#academy-white-papers .text-title h3 {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#academy-white-papers .card.large {
    height: 500px;
    margin-bottom: 0;
}

#academy-white-papers .card-image {
    height: 50%;
}

#academy-white-papers .card-content {
    height: 37%;
    max-height: 40%;
    padding: 10px 25px;
    overflow: auto;
}

#academy-white-papers .card-action {
    background: white;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#academy-white-papers .card-action a{
    font-weight: 500;
    color: #035A82;
}

/***************************************************************/
/*                    ACADEMY CASE STUDIES                     */
/***************************************************************/
#academy-case-studies .text-title h2 {
    color: #085D84;
    font-size: 34px;
}

#academy-case-studies .text-title h3 {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#academy-case-studies .card.large {
    height: 500px;
    margin-bottom: 0;
}

#academy-case-studies .card-image {
    height: 50%;
}

#academy-case-studies .card-content {
    height: 37%;
    max-height: 40%;
    padding: 10px 25px;
    overflow: auto;
}

#academy-case-studies .card-action {
    background: white;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#academy-case-studies .card-action a{
    font-weight: 500;
    color: #035A82;
}

/***************************************************************/
/*                      ACADEMY WEBINARS                       */
/***************************************************************/
#academy-webinars .text-title h2 {
    color: #085D84;
    font-size: 34px;
}

#academy-webinars .text-title h3 {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#academy-webinars .card.large {
    height: 500px;
    margin-bottom: 0;
}

#academy-webinars .card-image {
    height: 50%;
}

#academy-webinars .card-content {
    height: 37%;
    max-height: 40%;
    padding: 10px 25px;
    overflow: auto;
}

#academy-webinars .card-action {
    background: white;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#academy-webinars .card-action a{
    font-weight: 500;
    color: #035A82;
}

/***************************************************************/
/*                      ACADEMY REPORTS                        */
/***************************************************************/
#academy-reports .text-title h2 {
    color: #085D84;
    font-size: 34px;
}

#academy-reports .text-title h3 {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#academy-reports .card.large {
    height: 500px;
    margin-bottom: 0;
}

#academy-reports .card-image {
    height: 50%;
}

#academy-reports .card-content {
    height: 37%;
    max-height: 40%;
    padding: 10px 25px;
    overflow: auto;
}

#academy-reports .card-action {
    background: white;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#academy-reports .card-action a{
    font-weight: 500;
    color: #035A82;
}

/***************************************************************/
/*                      NEWS PRESS                       */
/***************************************************************/
#room-press-releases .text-title h2 {
    color: #085D84;
    font-size: 34px;
}

#room-press-releases .text-title h3 {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#room-press-releases .card.large {
    height: 500px;
    margin-bottom: 0;
}

#room-press-releases .card-image {
    height: 50%;
}

#room-press-releases .card-content {
    height: 50%;
    max-height: 40%;
    padding: 10px 25px;
    overflow: auto;
}

#room-press-releases .card-action {
    background: white;
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#room-press-releases .card-action a{
    font-weight: 500;
    color: #035A82;
}

/***************************************************************/
/*                      CAREERS                       */
/***************************************************************/
#life-at-npaw .text-title h2 {
    color: #085D84;
    font-size: 34px;
}

#life-at-npaw .text-title h3 {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#life-at-npaw .card.large {
    height: 500px;
    margin-bottom: 0;
}

#life-at-npaw .card-image {
    height: 50%;
}

#life-at-npaw .card-content {
    height: 27%;
    max-height: 40%;
    padding: 0px 25px;
    overflow: auto;
}

#life-at-npaw .card-action {
    background: white;
    margin-bottom: 15px;
    padding: 30px 15px 50px;
    position: relative;
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 3px 5px -2px rgba(0, 0, 0, 0.2);
}

#life-at-npaw .card-action a{
    font-weight: 500;
    color: #035A82;
}

/***************************************************************/
/*                    ACADEMY VIDEOTUTORIAL                    */
/***************************************************************/
#academy-video-tutorials{
    text-align: left;
}

#academy-video-tutorials .text-title h2 {
    color: #085D84;
    text-align: center;
    font-size: 34px;
}

#academy-video-tutorials .text-title h3 {
    color: #085D84;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#academy-video-tutorials .item-solution h4 {
    padding: 25px 15px 15px 15px;
    text-align: center;
    text-transform: uppercase;
}

#academy-video-tutorials .item-solution {
    background: white;
    height: 500px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.12), 0 2px 4px 1px rgba(0,0,0,0.24);
    border-radius: 5px;
    margin-bottom: 25px;
}

#academy-video-tutorials .item-solution p {
    padding: 0px 15px 25px 15px;
    text-align: center;
}

#academy-video-tutorials .btn-learn {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 0;
    color: #387C9C;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
}

/*************************************************************-*/
/*                           CAREERS                           */
/*************************************************************-*/

.header-careers-top{
    background: url(../img/BELT_2.jpg);
    background-size: 100%;
    background-position: center; 
    background-attachment: fixed;
    opacity: 1;
    text-shadow: 2px 4px 8px rgba(0,0,0,0.24);
}

.header-careers {
    /*padding: 175px 0;*/
    padding: 25vh 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
    overflow: visible;
}

.header-careers .title {
    font-size: 6.6rem;
    font-weight: 900;
    letter-spacing: 0.9px;
    text-align: center;
    text-shadow: 2px 4px 8px rgba(0,0,0,0.24);
}

.header-careers .subtitle {
    font-weight: 300;
    font-size: 18px;
}

/*************************************************************-*/
/*                           JOIN US                           */
/*************************************************************-*/

.header-join-us {
    padding: 0px 0 100px 0;
    color: white;
    text-align: center;
}

.header-join-us h1{
    font-weight: 300;
    font-family: Roboto;
    font-size: 30px;
    letter-spacing: 1.8px;
}

/*************************************************************-*/
/*                        OPEN POSITIONS                       */
/*************************************************************-*/

#open-positions .text-title h2 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.27px;
    color: rgba(0,0,0,0.75);
}

#open-positions .text-title p {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#open-positions .item-solution {
    background: white;
    height: 450px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.12), 0 2px 4px 1px rgba(0,0,0,0.24);
    border-radius: 5px;
    margin-bottom: 25px;
}

#open-positions .item-solution p {
    padding: 25px 15px 25px 15px;
    text-align: center;
}

.grid-positions{    
    margin-top: 35px;
}

/**************************************************************/
/*                      ITEMS INTEGRATION                     */
/**************************************************************/

#item-integration .text-title h2 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.27px;
    color: rgba(0,0,0,0.75);
}

#item-integration .text-title p {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#item-integration .item-solution {
    background: white;
    height: 450px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.12), 0 2px 4px 1px rgba(0,0,0,0.24);
    border-radius: 5px;
    margin-bottom: 25px;
}

#item-integration .item-solution p {
    padding: 25px 15px 25px 15px;
    text-align: center;
}

.grid-positions{    
    margin-top: 35px;
}

/*************************************************************-*/
/*                       BENEFITS & PERKS                      */
/*************************************************************-*/

#benefits-perks {
    padding: 100px 0;
}

#benefits-perks .text-title h2 {
    color: #085D84;
    margin: 0;
    padding: 0 0 40px 0;
}

#benefits-perks .text-title p {
    color: #000;
    padding: 15px 0 45px 0;
}

#benefits-perks .list-benefits p {
    padding: 25px 15px 25px 15px;
    text-align: center;
}

#benefits-perks #tabs-swipe-demo{
    margin-bottom: 50px;

}

#benefits-perks .indicator{
    background: #143d6c;
    position: absolute;
    bottom: 0px;
    margin-bottom: 5px;
}

.list-benefits {
    text-align: left;
}

.list-benefits ul{
    padding-left: 20px;
}

.list-benefits li{    
    padding: 5px 0;
}

.img-benefits{
    border: 1px solid #939393;
}

#benefits-perks .tabs .tab a {
    color: #3A3B3B;
}

#benefits-perks .tabs .tab a.active {
    color: #3A3B3B;
}

#benefits-perks .b-image-1{   
    margin-bottom: 100px;
}

#benefits-perks .b-image-1 img{    
    width: 90%;
}

#benefits-perks .b-image-1 p{    
    width: 90%;
    display: block;
    margin: 15px auto;
    font-weight: 300;
}
#benefits-perks .b-image-1 p strong{    
    font-weight: 500;
    text-transform: uppercase;
}

#benefits-perks .b-image-2 img{
    height: 100px;
}

#benefits-perks .b-image-2 p{    
    width: 90%;
    display: block;
    margin: 15px auto;
    font-weight: 300;
}
/*************************************************************-*/
/*                          SOME FACTS                         */
/*************************************************************-*/

#some-facts {
    padding: 100px 0;
}

#some-facts .text-title h2 {
    margin: 0;
    padding: 0 0 100px 0;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.27px;
    color: rgba(0,0,0,0.75);
}

#some-facts .text-title p {
    color: #000;
    padding: 15px 0 45px 0;
}

#some-facts .list-benefits p {
    padding: 25px 15px 25px 15px;
    text-align: center;
}

.box-some-facts{    
    text-align: center;
}

.box-some-facts h1{
    font-size: 100px;
    font-weight: 300;
    color: #9C9C9C;
}

.box-some-facts > div:nth-child(1) h1{
    font-size: 100px;
    font-weight: 300;
    color: #058AC0;
    background: -moz-linear-gradient(-45deg, #058AC0 0%, #2BC9C6 100%);
    background: -webkit-linear-gradient(-45deg, #058AC0 0%,#2BC9C6 100%);
    background: linear-gradient(135deg, #058AC0 0%,#2BC9C6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#058AC0', endColorstr='#2BC9C6',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box-some-facts > div:nth-child(2) h1{
    font-size: 100px;
    font-weight: 300;
    color: rgb(246,108,28);
    background: -moz-linear-gradient(-45deg, rgba(246,108,28,1) 0%, rgba(244,190,0,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(246,108,28,1) 0%,rgba(244,190,0,1) 100%);
    background: linear-gradient(135deg, rgba(246,108,28,1) 0%,rgba(244,190,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66c1c', endColorstr='#f4be00',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box-some-facts > div:nth-child(3) h1{
    font-size: 100px;
    font-weight: 300;
    color: #7A47CA;
    background: -moz-linear-gradient(-45deg, #7A47CA 0%, #4293C5 100%);
    background: -webkit-linear-gradient(-45deg, #7A47CA 0%,#4293C5 100%);
    background: linear-gradient(135deg, #7A47CA 0%,#4293C5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7A47CA', endColorstr='#4293C5',GradientType=1 ); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box-some-facts > div:nth-child(4) h1{
    font-size: 100px;
    font-weight: 300;
    color: #005A7E;
    background: -moz-linear-gradient(-45deg, #005A7E 0%, #42959D 100%);
    background: -webkit-linear-gradient(-45deg, #005A7E 0%,#42959D 100%);
    background: linear-gradient(135deg, #005A7E 0%,#42959D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005A7E', endColorstr='#42959D',GradientType=1 ); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box-some-facts p{
    font-weight: 300;
    padding: 0px 25%;
    color: #9C9C9C;
    font-size: 20px;
    letter-spacing: 0.27px;
    line-height: 26px;
} 

.box-some-facts .box-line{
    border: 1px solid rgba(156, 156, 156, 0.75);
    height: 245px;
    margin: 0.75rem auto;
}

/*************************************************************-*/
/*                         LIFE AT NPAW                        */
/*************************************************************-*/

#life-at-npaw .text-title h2 {
    color: rgba(0,0,0,0.75);
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.27px;
}

#life-at-npaw .text-title p {
    color: #085D84;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 0 45px 0;
}

#life-at-npaw .card {
    text-align: left;    
}

#life-at-npaw .card.large{
    height: 600px;
}

.fixed-card-image{
    overflow:hidden;
    height:230px;
}
.fixed-card-image img{
    max-height: 100%;
    height:230px;
    width:auto!important;
}

#life-at-npaw .card-content span{
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    cursor: default;
}

#life-at-npaw .card-title{
    text-transform: uppercase;
    color:#323232;
    font-size:16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom:23px;
    padding: 20px 20px 0 20px;
    display:block;
}

#life-at-npaw .card-content p{
    font-size: 17px;
    font-weight: 300;
    line-height: 21px;
}

#life-at-npaw .card-action{
    border-top: none;
}

#life-at-npaw .card-content {
    overflow: auto;
    max-height: 50%;
}

#life-at-npaw .card-action .btn-left{
    padding: 0 20px;
    float: left;
    text-transform: uppercase;
}

#life-at-npaw .card-action .btn-right{
    padding: 0 20px;
    float: right;
}

.glassdoor{
    float:right;
    border-radius: 5px; 
    margin: 10px;
}
/*************************************************************-*/
/*                            COMPANY                          */
/*************************************************************-*/

.header-company {
    padding: 175px 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
    overflow: visible;
}

.header-company .title {
    font-weight: 300;
    font-size: 45px;
}

.header-company .subtitle {
    font-weight: 300;
    font-size: 18px;
}

.menu-company {
    background: #EBF3F4;
    position: relative;
}

.menu-company .row{
    margin-bottom: 0px;
}

.menu-company ul {
    padding: 0px;
    width: 100%;
    list-style: none;
    margin: 0;
}

.menu-company li {
    color: #151515;
    display: inline-block;
    width: 19.6%;
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
    font-weight: 500;
    transition: all 0.5s;
}

.menu-company li:hover {
    background: #e2e7e8;
}

/*******************************************/
/*          COMPANY MISSION VISION         */
/*******************************************/

#company-mission-vision{
    text-align: left;
}

#company-mission-vision .title{
    color: #13658A;
    padding: 15px 0;
    font-size: 25px;
}

#company-mission-vision .text{    
    font-weight: 300;
    font-size: 18px;
    line-height: 1.65;
}

.values {
    text-align: center;
}

.values h4 {
    padding: 40px !important;
}

.values span {
    padding: 12px 30px;
    border-radius: 9px;
    display: inline-block;
    transition: all 0.5s;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12), 0 2px 8px 0 rgba(0,0,0,0.24);
    font-weight: 500;
    letter-spacing: 1px;
}

.values span h3{
    color: white;
    font-size: 16px;
    margin: 0;
}

.values p {
    padding: 0 25px 25px 25px !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.65;
}

/*******************************************/
/*          COMPANY HISTORY AWARDS         */
/*******************************************/

#company-history{
    text-align: left;
}

#company-history .title{
    color: #13658A;
    padding: 15px 0;
    text-align: center;
} 

#company-history .list-history{
    padding: 40px 0;
}

.list-date{
    padding:10px;
}

.list-date .date-bullet{
    border-radius: 100%;
    background-color:#035a82;
    display:block;
    content:' ';
    height:30px;
    width:30px;
}
.list-date:nth-child(2n) .date-bullet{
    background-color:#4a4a4a;
}
.list-date:nth-child(3n) .date-bullet{
    background-color:#0082a3;
}
.list-date:nth-child(4n) .date-bullet{
    background-color:#4cadbc;
}
.list-date:nth-child(5n) .date-bullet{
    background-color:#035a82;
}
.list-date:nth-child(6n) .date-bullet{
    background-color:#e89336;
}
.list-date:nth-child(7n) .date-bullet{
    background-color:#4e7321;
}
.list-date:nth-child(8n) .date-bullet{
    background-color:#4a4a4a;
}

.list-date p{
    font-weight: 300;
}

#company-history img{
    width: 100%;
}

.date {
    font-size: 20px;
    margin: 0;
}

/*******************************************/
/*              COMPANY TEAMS              */
/*******************************************/

#company-teams {
    text-align: left;
}

#company-teams .title {
    color: #13658A;
    padding: 15px 0 50px;
    text-align: center;
}

#company-teams img{
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.boxs-team{
    display: flex;
    flex-wrap: wrap;
    min-height: 350px;
}

.boxs-team .item-team{
    height: 100%;
}

.box-item {
    margin: 15px 0;
}

.item-team {
    background: white;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.12), 0 2px 4px 1px rgba(0,0,0,0.24);
    padding: 0;
    border-radius: 5px;
    position: relative;
}

.item-text {
    position: absolute;
    background: rgba(255, 255, 255, 0.85);
    height: 100%;
    width: 100%;
    border-radius: 5px;
    top: 0;
    opacity: 0;
    transition: opacity 0.5s;
}

.box-item:hover .item-text{
    opacity: 1;
    transition: opacity 0.5s;
}

.box-item:hover .info{
    opacity: 0;
}

.logo-linkedin {
    width: 100%;
    padding: 14%;
    position: absolute;
    bottom: 0;
}

.logo-linkedin img {
    width: 30px !important;
    display: block;
    margin: 0 auto;
}

#company-teams h4{
    padding: 0 15px;
    font-size: 17px;;
}

#company-teams p{
    padding: 0 15px;
    overflow: auto;
    height: 62%;
    font-size: 15px;
}

#company-teams .description{
    padding: 15px;
    line-height: 1.1;
    font-size: 15px;
}

/*******************************************/
/*              COMPANY OFFICE             */
/*******************************************/

#company-office .title {
    color: #13658A;
    padding: 15px 0 50px;
    text-align: center;
}

#company-office .card-image {
    max-height: 50%;
}

#company-office .card-content {
    max-height: 50%;
    text-align: left;
    padding: 0px 25px;
}

#company-office .card-content h5{
    padding: 8px 0;
}

#company-office .card-content p{
    font-size: 18px;
    padding: 4px 0;
}

/*******************************************/
/*              COMPANY CONTACT            */
/*******************************************/

#company-contact .btn-red {
    margin: 25px 0 50px 0;
    padding: 10px 50px;
}

#company-contact .box-tutorial-npaw{
    text-align: left;
    padding: 30px 3% !important;
}

#contactus-card .box-modules-card {
    margin-top: 15px;
}

/*************************************************************-*/
/*                           CAROUSEL                          */
/*************************************************************-*/

.fade-carousel {
    position: relative;
    height: 50vh;
}
.fade-carousel .carousel-inner .item {
    height: 50vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #ffffff;
    border-color: #ffffff;
    opacity: .5;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .5;
}

.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 50vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}
.fade-carousel .slides .slide-3 {
  background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}

@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

/*************************************************************-*/
/*                           PARTNERS                          */
/*************************************************************-*/

.header-partners {
    padding: 175px 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
    overflow: visible;
}

.header-partners .title {
    font-weight: 300;
    font-size: 45px;
}

.header-partners .subtitle {
    font-weight: 300;
    font-size: 18px;
}

.img-partners{    
    width: 450px;
    display: block;
    margin: 0 auto;
}

#partners-card .box-modules-card {
    background: white;
    margin-top: -75px;
    padding: 25px 50px !important;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    margin-bottom: 75px;
    z-index: 1000;
    position: relative;
}

#partners-card .box-modules-card p {
    padding: 0;
}

#partners-card .box-modules-card h3{
    font-size: 20px;
    font-weight: 500;
}

#partners-card .box-modules-card li{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    list-style: disc;
    margin-left: 40px;
}

#partners-card h2{
    font-size: 30px;
}

#partners{
    padding: 25px;
}

#partners .title h2 {
    color: #085D84;
    font-size: 34px;
    padding: 0 0 25px 0;
    text-transform: uppercase;
}

#partners .card-image {
    height: 50%;
}

#partners .card-content {
    height: 50%;
    padding: 10px 25px;
}

#partners .card-action {
    border: none;
}

#partners .card-action a{
    font-weight: 500;
    color: #035A82;
}

.img-partner {
    margin: -10px;
}

.img-partner p {
    width: 70%;
    margin: 0;
    float: right;
    font-weight: 500;
    text-align: left;
}

.img-partner img {
    width: 25%;
    margin-left: 5%;
}

#partners-card {
    margin-bottom: -50px;
}

#partners .card .card-title {
    height: 100%;
    width: 100%;
    padding: 0 15%;
    display: flex;
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 700;
    align-items: center;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

#partners .card .card-title h3{
    width: 100%;
    font-size: 30px;
}

.back-card{    
    position: absolute;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.25);
}

.p-back-1{
    background-image: url(../img/partners1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.p-back-2{
    background-image: url(../img/partners2.png);
    background-size: cover;
    background-repeat: no-repeat;
}

/*************************************************************-*/
/*                            EVENTS                           */
/*************************************************************-*/

.menu-events {
    background: #EBF3F4;
}

.menu-events ul {
    padding: 0px;
    width: 75%;
    list-style: none;
    margin: 0 auto;
}

.menu-events li {
    color: #151515;
    display: inline-block;
    width: 32%;
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
    font-weight: 500;
    transition: all 0.5s;
}

.menu-events li:hover {
    background: #e2e7e8;
}

.btn-menu-events li {
    background: #F44661;
    color: #FFFFFF;
}

.btn-menu-events li:hover {
    background: #c9384e;
    color: #FFFFFF;
}

.btn-demo{
            background: white;
            padding: 10px 15px;
            position: fixed;
            bottom: 15px;
            right: 15px;
            border-radius: 50px;
            color: #1C8097;
            text-decoration: none;
            font-weight: bold;
            z-index:1000;
        }

/*************************************************************-*/
/*                           EVENTS                            */
/*************************************************************-*/

.header-events {
    padding: 175px 0;
    color: white;
    text-align: left;
    transition: all 0.6s;
}

.header-events .title {
    font-weight: 300;
    font-size: 45px;
}

.header-events .subtitle {
    font-weight: 300;
    font-size: 18px;
}

#events-page .title h2 {
    color: #085D84;
    font-size: 34px;
    padding: 0 0 50px 0;
    text-transform: uppercase;
}
#events-page .item-events{    
    background: white;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    margin-bottom: 25px;
}

#events-page .item-events img{  
    float: left;
    border-radius: 5px 0 0 5px;
    width: 100%;
}

#events-page .item-events .description{  
    text-align: left;
    padding-top: 25px;
}

#events-page .description h4{ 
    margin: 0;
    padding: 10px 0;
}

#events-page .description p{ 
    margin: 0;
    padding: 10px 0;
}

#events-page .card.horizontal .card-image {
    max-width: 25%;
}

#events-page .card {
    text-align: left;
}

#events-page .card-content p{    
    padding: 0 0 15px 0;
}

#events-page .card-action {
    border: none;
}

#events-page .card-action a{
    float: right;
    color: #035A82;
    font-weight: 500;
}

.pagination li.active {
    background-color: #F44661;
}


@media (max-width: 1475px) {
    .hidden-svg{
        display: none !important;
    }
}

.test{    
    border: 1px solid black;
    text-align: left;
    margin-bottom: 20px;
}

.location{    
    float: right;
    padding: 15px 0;
}

.list-1{
    text-align: left;
    margin-left: 15%;
}

.list-1 li{
    list-style: disc !important;
    font-weight: 300;
}

.list-2{
    text-align: left;
    margin-left: 15%;
}

.list-2 li{
    list-style: disc !important;
}

.list-3{
    text-align: left;
    margin-left: 15%;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
    margin-right: 0px;
}

.modal {
    width: 75%;
    max-width: 800px;
    max-height: 85% !important;
    padding: 15px;
}

.modal-news{
    text-align: left;
    padding: 0px;
}

.modal-news .modal-content{
    padding-left: 61px;
    padding-right: 61px;
}

.date-careers{
    color: #999999;
    font-size: 15px;
    margin: 5px 0;
    text-transform: uppercase;
}

.info-careers{
    color: #999999;
    font-size: 15px;
    margin: 5px 0;
}

#imagesequence img {
    display: block;
    margin: 50px auto;
    width: 100%;
    max-width: 650px;<
}

#modal-contact{
    padding: 25px 0;
}

.input-field input{
    margin-bottom: 0px !important;
}

#carousel-careers.carousel.carousel-slider .carousel-item {
    min-height: 100% !important;
}

.box-text-slide{
    position: absolute !important;
    color: white !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    bottom: 0 !important;
}
.title-slide{
    text-align: right !important;
    margin: 25px 25px 5px 0px !important;
    font-weight: 100 !important;
    font-size: 40px !important;
}
.text-slide{
    text-align: right !important;
    margin: 5px 25px 25px 0px !important;
    font-weight: 100 !important;
    font-size: 18px !important;
}
.carousel .indicators .indicator-item {
    margin: 0px 4px !important;
}

#benefits-perks #tabs-swipe-demo {
    display: block;
    margin: 0 auto 50px auto;
}

li.tab.tab-benefict {
    max-width: 100px;
}

@media (max-width:768px){ 
    .title-slide{
        margin: 10px 10px 20px 0px !important;
        font-size: 25px !important;
    }
    .text-slide{
        display: none;
    }
    .header-careers {
        padding: 10vh 0;
        color: white;
        text-align: left;
        transition: all 0.6s;
        overflow: visible;
    }

    .header-careers .title {
        font-size: 3.6rem;
        font-weight: 900;
        letter-spacing: 0.9px;
        text-align: center;
        text-shadow: 2px 4px 0 rgba(0,0,0,0.24);
    }
}

/* label color */
   /* label focus color */
   .input-field input[type=text]:focus + label, .input-field input[type=email]:focus + label, .input-field input[type=tel]:focus + label, .input-field textarea:focus + label {
     color: #00517C !important;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus, .input-field input[type=email]:focus,.input-field input[type=tel]:focus, .input-field textarea:focus {
     border-bottom: 1px solid #00517C !important;
     box-shadow: 0 1px 0 0 #00517C !important;
   }

   .filled-in[type="checkbox"]:checked + label:after{
    background: #134660;
    background: -moz-linear-gradient(180deg, #134660 0%, #005a7e 37.15%, #1c738b 54.98%, #55a6a6 100%);
    background: -webkit-linear-gradient(180deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%);
    background: linear-gradient(180deg, #134660 0%,#005a7e 37.15%,#1c738b 54.98%,#55a6a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134660', endColorstr='#55a6a6',GradientType=1 );
    border:transparent;
}

.modal-overlay {
    background: #fff;
}

.logo-tmp{
    position: absolute;
    width: 25.5%;
    left: 37%;
    margin-top: 72px;
}

.center-inline{
    display: inline-block;
    margin: 0 auto;    
}

#privacy{
    margin: 30px 0 -30px 0;
}

.privacy{
    float: left;
}

.img-europa {
    width: 100%;
    max-width: 350px;
    float: right;
}

a.btn-social, .btn-social {
    width: 35px !important;
    margin: 0 4px;
    float: right;
}

a.btn-social, .btn-social img {
    width: 100%;
}

.btn-social i {
    color: #348896 !important;
}

a.btn-social2, .btn-social2 {
    width: 35px !important;
}

a.btn-social2, .btn-social2 img {
    width: 40px !important;
    margin: 0 auto;
}

.owl-carousel.off {
    display: block;
}

.loadingVideoHide {
  visibility: hidden;
  opacity: 0;
}

.colum-2{                        
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
    
.colum-2 p{                        
    margin: 0px;
}

@media only screen and (min-width: 993px) {
    .container-card {
        width: 95% !important;
    }
}

#room-news h2{
    font-size: 36px;
    color: #035A82;
    font-weight: 500;
    margin-bottom: 100px;
}

#room-news .item{
    width: 95%;
}

#room-news a{
    color: black !important;
}

#room-news h4{
    font-size: 20px;
    margin: 16px;
    font-weight: 600;
}

#room-news .card-content{
    overflow: auto;
    padding: 10px;
    max-height: 50%;
}

#room-news .card-content b{    
    font-size: 20px;
}

#room-news .card-content p{   
    margin-top: 5px;
}

#room-news .owl-next:before {
    content: ">";
    color: #078DBF;
    font-size: 32px;
}

#room-news .owl-next {
    background: white;
    position: absolute;
    top: 40%;
    right: -35px;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    color: transparent;
    font-size: 0px;
    height: 50px;
    width: 50px;
}

#room-news .owl-prev:before {
    content: "<";
    color: #078DBF;
    font-size: 32px;
}

#room-news .owl-prev {
    background: white;
    position: absolute;
    top: 40%;
    left: -45px;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    color: transparent;
    font-size: 0px;
    height: 50px;
    width: 50px;
}

#room-press-releases a{
    color: black !important;
}

#room-press-releases .item{
    width: 95%;
}

#room-press-releases h2{
    font-size: 36px;
    color: #035A82;
    font-weight: 500;
    margin-bottom: 100px;
}

#room-press-releases a{
    color: black !important;
}

#room-press-releases .card-content b{    
    line-height: 1;
    font-size: 20px;
}

#room-press-releases .card-content p{   
    margin-top: 5px;
}

#room-press-releases h4{
    font-size: 20px;
    margin: 16px;
    font-weight: 600;
}

#room-press-releases  .card.large {
    height: 550px;
}

#room-press-releases .card-content{
    overflow: auto;
    padding: 20px;
    max-height: 50%;
}

#room-press-releases .owl-next:before {
    content: ">";
    color: #078DBF;
    font-size: 32px;
}

#room-press-releases .owl-next {
    background: white;
    position: absolute;
    top: 40%;
    right: -35px;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    color: transparent;
    font-size: 0px;
    height: 50px;
    width: 50px;
}

#room-press-releases .owl-prev:before {
    content: "<";
    color: #078DBF;
    font-size: 32px;
}

#room-press-releases .owl-prev {
    background: white;
    position: absolute;
    top: 40%;
    left: -45px;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    color: transparent;
    font-size: 0px;
    height: 50px;
    width: 50px;
}

#awards h2{
    font-size: 36px;
    color: #035A82;
    font-weight: 500;
    margin-bottom: 100px;
}

.mapas{
    text-align: left;
}

.mapas p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
    padding: 0 0 10px 0;
}

.redes-sociales-2{
    text-align: center;
    margin-top: 50px;
}

.box-modules{
    background: white;
    padding: 50px !important;
    box-shadow: 0px 0px 15px rgba(46, 46, 46, 0.50);
    border-radius: 5px;
    margin-bottom: 75px;
    z-index: 1000;
    position: relative;
}

.box-modules-1{
    background: white;
    padding: 50px !important;
    border-radius: 5px;
    margin-bottom: 75px;
    z-index: 1000;
    position: relative;
}

#media-library h2 {
    font-size: 36px;
    color: #035A82;
    font-weight: 500;
    margin-bottom: 100px;
}
.media-library {
    text-align: center;
}

.box-media {
    display: inline-block;
    margin: 0 50px;
}

.media-library img{
    width: 75%;
    min-width: 110px;
    border-radius: 100%;
}

.box-media p{    
    padding: 0;
}

.awards-library {
    text-align: center;
}

.box-awards {
    display: inline-block;
    width: 22%;
    margin-bottom: 50px;
}

.awards-library img{
    width: 40%;
    min-width: 100px;
    border-radius: 100%;
}

.box-awards p{    
    padding: 0;
}

.btn-see {
    position: relative;
    top: 40%;
}

.btn-see i {
    font-size: 65px;
    padding-right: 10px;
}

/*.btn-see a{
    color: white;
    font-size: 50px;
    font-weight: 300;
    text-shadow: 1px 1px 1px black;
}*/

.btn-see a{
    color: white;
    border-radius: 5px;
    font-size: 16px;
    padding: 3px 10%;
    border: 1px solid white;
    /*text-shadow: 1px 1px 1px black;*/
    font-weight: 500;
    letter-spacing: 0.7px;
}

.btn-see-1 {
    padding: 0px !important;
}

.btn-see-1 i {
    font-size: 40px;
    padding-right: 10px;
}

.btn-see-1 a{
    color: white;
    border-radius: 5px;
    font-size: 16px;
    padding: 3px 10%;
    border: 1px solid white;
    /*text-shadow: 1px 1px 1px black;*/
    font-weight: 500;
    letter-spacing: 0.7px;
}

.logo-npaw{    
    width: 80%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    opacity: 0.8;
}

#modal-videoyoubora .row{    
    margin-bottom: 0px;
}

.box-tutorial-npaw h5 {
    font-size: 30px;
    font-weight: bold;
    color: rgba(0,0,0,0.75);
    letter-spacing: 0.66px;
}

#lets-talk{
    background-image:url(../img/barcelona.png);
    background-position: center;
    background-size: cover;
    color:white;
    font-family: 'Yantramanav', sans-serif;
    position: relative;
    /*min-height:600px;*/
    /*padding:5%;*/
    transition: all 0.5s;
    padding: 30px 0;
}
.talk-container{
    padding:5%;
    position:absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(55,122,135,0.5);
}
#mapContact{width: 100%; height:450px;}
#lets-talk h4{
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
}
#mapCountry{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
}
#mapPhone{
    font-size: 30px;
    font-weight: 300;
    line-height: 22px;
}
#mapAddress{
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
}
.btn-contact{
    text-transform: none;
    border:1px solid white;
    background-color: transparent;
    color:white;
    border-radius: 5px;
    box-shadow:none;
    font-size:14px;
    font-family: Roboto;
    font-weight: 500;
    letter-spacing: 0.7px;
    padding:1% 10%;
}
.btn-contact:hover{
    box-shadow: none;
}
.carousel-map .btn-contact {
    text-align: center;
    margin-left: 7vw;
    padding: 1.5% 20%;
    /* margin-right: 25vw; */
}
.amcharts-chart-div a{
    color:transparent!important;
}
.grid-positions .Software:before, .grid-positions .software:before {
    content:' ';
    display: block;
    position:relative;
    z-index:1;
    height: 0.5rem;
    width: 100%;
    margin-bottom:-1.0rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #B8428C;
    background: -moz-linear-gradient(-45deg, #B8428C 0%, #FF6A47 100%);
    background: -webkit-linear-gradient(-45deg, #B8428C 0%,#FF6A47 100%);
    background: linear-gradient(135deg, #B8428C 0%,#FF6A47 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B8428C', endColorstr='#FF6A47',GradientType=1 );
}

.grid-positions .Infrastructure:before, .grid-positions .infrastructure:before {
    content:' ';
    display: block;
    position:relative;
    z-index:1;
    height: 0.5rem;
    width: 100%;
    margin-bottom:-1.0rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #A5C7F4;
    background: -moz-linear-gradient(-45deg, #A5C7F4 0%, #657AA3 100%);
    background: -webkit-linear-gradient(-45deg, #A5C7F4 0%,#657AA3 100%);
    background: linear-gradient(135deg, #A5C7F4 0%,#657AA3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A5C7F4', endColorstr='#657AA3',GradientType=1 );
}

.grid-positions .Design:before, .grid-positions .design:before {
    content:' ';
    display: block;
    position:relative;
    z-index:1;
    height: 0.5rem;
    width: 100%;
    margin-bottom:-1.0rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #F7F920;
    background: -moz-linear-gradient(-45deg, #F7F920 0%, #F7A800 100%);
    background: -webkit-linear-gradient(-45deg, #F7F920 0%,#F7A800 100%);
    background: linear-gradient(135deg, #F7F920 0%,#F7A800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F920', endColorstr='#F7A800',GradientType=1 );
}

.grid-positions .Marketing:before, .grid-positions .marketing:before {
    content:' ';
    display: block;
    position:relative;
    z-index:1;
    height: 0.5rem;
    width: 100%;
    margin-bottom:-1.0rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #3024AE;
    background: -moz-linear-gradient(-45deg, #3024AE 0%, #753081 100%);
    background: -webkit-linear-gradient(-45deg, #3024AE 0%,#753081 100%);
    background: linear-gradient(135deg, #3024AE 0%,#753081 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3024AE', endColorstr='#753081',GradientType=1 );
}

.grid-positions .Corporate:before, .grid-positions .corporate:before {
    content:' ';
    display: block;
    position:relative;
    z-index:1;
    height: 0.5rem;
    width: 100%;
    margin-bottom:-1.0rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #134660;
    background: -moz-linear-gradient(-45deg, #134660 0%, #187BB0 100%);
    background: -webkit-linear-gradient(-45deg, #134660 0%,#187BB0 100%);
    background: linear-gradient(135deg, #134660 0%,#187BB0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134660', endColorstr='#187BB0',GradientType=1 );
}

.grid-positions .Sales:before, .grid-positions .sales:before {
    content:' ';
    display: block;
    position:relative;
    z-index:1;
    height: 0.5rem;
    width: 100%;
    margin-bottom:-1.0rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #6BA4C1;
    background: -moz-linear-gradient(-45deg, #6BA4C1 0%, #43B3EE 100%);
    background: -webkit-linear-gradient(-45deg, #6BA4C1 0%,#43B3EE 100%);
    background: linear-gradient(135deg, #6BA4C1 0%,#43B3EE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BA4C1', endColorstr='#43B3EE',GradientType=1 );
}

.card-panel p{
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.24px;
    line-height: 23px;
}
.card-panel p strong{
    font-size:20px;
}
.parallax-container{
    height: 70vh;
}
.parallax-container p.flow-text{
    color:white;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 0.22px;
    line-height: 63px;
    text-shadow: 0 2px 4px 8px rgba(0,0,0,0.5);
}
.map-textbox{
    padding-top:5%!important;
}
#clients-trusted h5{
    margin-top:66px;
    font-size: 18px;
    letter-spacing: 0.48px;
    line-height: 23px;
}

#form-joinus-2 h5{
    color: #9E9E9E;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.6px;
    margin-top:30px;
}

@media (max-width: 991px){
    .box-tutorial-npaw {
        box-shadow: none;
        margin: 50px 0px;
    }

    .menu-footer {
        margin-top: 0px;
    }

    .menu-footer h4{
        text-align: left !important;
    }

    .menu-footer p{
        text-align: left !important;
        margin: 20px 0px !important;
    }

    .sub-menu {
        width: 50%;
    }
}

@media (min-width: 992px){
    .coll-youbora-1 .collapsible {
        padding-left: 25px;
    }
}

@media (min-width: 991px) and (max-width: 1199px){
    #item-integration .card-panel {
        min-height: 450px;
    }
}

@media (min-width: 1200px) {
    #item-integration .card-panel {
        min-height: 450px;
    }
}

@media (min-width: 651px) {
    #modal-videoyoubora.modal{  
        width: 50% !important;
        min-width: 650px;
    }
}

@media (min-width: 992px) and (max-width: 1450px) {
    #find-solution .container{
        width: 80%;
    }
    
    .cd-gallery li {
        width: 33%;
    }
    
    #find-solution .card.large {
        height: 500px;
    } 
}

/***************************************************************/
/*                           COOKIES                           */
/***************************************************************/

#cajacookies {
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    text-align: center;
    padding: 0px 15px;
    margin-bottom: 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 99999;
}

#cajacookies a.btn-red {
    padding: 5px 15px;
} 

@media (max-width: 650px) {
    #modal-videoyoubora.modal {
        width: 100% !important;
    }
}

@media only screen and (min-width: 993px) {
    #toast-container {
        top: 10%;
        right: 41%;
        max-width: 86%;
    }

    .cerrar-modal {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        text-shadow: 0 0 5px white;
        font-size: 30px;
        z-index: 1000;
    }

    .card .card-content{
        font-weight: 100;
    }
}

.img-infitiny-video{
    display: none;
}

@media (max-width: 767px) {   
    

/***************************************************************/
/*                          CSS GENERAL                        */
/***************************************************************/

    body {
        background-color: black;
        font-family: 'Yantramanav', sans-serif;
        font-size: 16px;
        text-align: center;
    }
    
    .hidden-xs{
        display: none;
    }  
    
    .header-index {
        padding: 0px;
        color: white;
        transition: all 0.6s;
        margin-bottom: 50px;
    }
    
    .index-padding .menu_bar {
        margin-top: 0px;
    }
    
/***************************************************************/
/*                           INDEX                             */
/***************************************************************/
    
    .title-header {
        font-weight: 900;
        text-align: left;
        padding: 0px 10vw;
    }
    
    .subtitle-header {
        padding: 5px 10vw;
        text-align: left;
        padding-bottom: 6vw;
    }

    .carousel-index{
        margin:10px 0 35px 0;
    }

    .carousel-index .item img{
        margin-bottom: 0;
    }

    
/***************************************************************/
/*                        MENU STICKY                          */
/***************************************************************/
    
    .menu-g1 .m3{
        width: 50% !important;
    }
    
    .menu-g2 {
        clear: both;
    }
    
    .menu-g2 .m3{
        width: 50% !important;
    }
        
/***************************************************************/
/*                       INDEX CLIENTES                        */
/***************************************************************/

    .item-client {
        padding: 0px;
    }

/***************************************************************/
/*                        INDEX YOUBORA                        */
/***************************************************************/

    .box-youbora {
        padding: 10px !important;
        margin-top: -70px;
        margin-bottom: 30px;
    }
    
    #discover-youbora {
        margin: 50px 0;
    }

    #discover-youbora p{
        text-align:center; 
    }
    
    #discover-youbora .row{
        margin-bottom: 0px;
    }
    
    .video-youbora {
        margin-top: 25px;
        width: 100%;
        float: right;
    }

/***************************************************************/
/*                         INDEX CARDS                         */
/***************************************************************/

    .card {
        margin-bottom: 0px;
    }

/***************************************************************/
/*                        INDEX HOUSTON                        */
/***************************************************************/

    #houston {
        margin: 18% 0px;
        padding: 10px;
    }

/***************************************************************/
/*                      INDEX NPAW BLOG                        */
/***************************************************************/
    
    #npaw-blog .row{
        margin: 0px;
    }
    
    #blog{
        height: 50px;
        max-height: 50px !important;
    }
    
    #academy{
        height: 100%;
        max-height: 50px !important;
    }
    
    #news{
        height: 100%;
        max-height: 50px !important;
    }
    
    #events{
        height: 100%;
        max-height: 50px !important;
    }
    
/***************************************************************/
/*                         INDEX NPAW                          */
/***************************************************************/
    
    #npaw {
        margin: 0px;
    }
    
    #npaw .row{
        margin: 0px;
    }
    
    #npaw .card.large {
        height: 550px !important;
        margin-bottom: 20px;
    }
    .box-4-npaw {
        background: white;
    }
    
    .list-blog {
        width: 100% !important;
        margin-left: 0% !important;
    }
    
    .blog-left {
        height: 50px;
    }
    
    .blog-left h2 {
        padding: 35px 0 0px 0;
    }

    #lets-talk{
        padding-bottom: 65px;
    }
    
/***************************************************************/
/*                       YOUBORA CARD                          */
/***************************************************************/
    
    #youbora-infinity-card .box-modules-card{
        padding: 20px 10px !important;
    }
    
    #youbora-infinity-card .row{
        margin: 0px;
    }
    
    .box-modules-card .logo {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    
    .box-modules-card p {
        padding: 0px 0;
    }
    
    .btn-red {
        margin-bottom: 15px;
    }
    
/***************************************************************/
/*                    YOUBORA DESCRIPTION                      */
/***************************************************************/
    
    #youbora-infinity-description {
        text-align: center;
        padding: 0 0 25px 0;
    }
    
    #youbora-infinity-description .row{
        margin: 0px;
    }
    
    #youbora-infinity-description video{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    
/***************************************************************/
/*                     YOUBORA INFINITY                        */
/***************************************************************/
    
    .logo-infinity-1 {
        max-width: 200px;
        width: 100%;
        margin-bottom: 25px;
    }
    
    .logo-infinity-2 {
        width: 300px;
        display: block;
        margin: 0 auto;
    }
    
/***************************************************************/
/*                   YOUBORA INFINITY CARD                     */
/***************************************************************/
    
    #youbora-infinity-card-2 video{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    
    #youbora-infinity-card-2 .box-modules-card{
        padding: 0px !important;
    }
    
/***************************************************************/
/*                 YOUBORA PROBLEMS WE SOLVE                   */
/***************************************************************/
        
    #problems-we-solve .item-smart {
        height: 100%;
    }
    
    #problems-we-solve .text-title h3 {
        padding: 0px;
    }
    
    #problems-we-solve .text-title p {
        padding: 0px;
    }
    
    .list-problems-we-solve li {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    
/***************************************************************/
/*              YOUBORA COMPETITIVE ADVENTAGES                 */
/***************************************************************/
    
    #functional-features {
        padding: 0px 0px 30px 0px;
    }
    
    #functional-features .row{
        margin: 0px;
    }
    
    #functional-features .item-smart {
        height: 100%;
    }
    
    .list-competitive-advantages li {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    
    .item-smart {
        width: 100%;
    }
    
    .item-smart img {
        height: 100px;
        margin: 25px 0 10px 0;
    }
    

    #support .cd-main-content .cd-tab-filter-wrapper {
    margin-top: 0;
    }
/***************************************************************/
/*            YOUBORA INFINITY ADVANCED FEATURES               */
/***************************************************************/
    
    #youbora-infinity-af .text-title img {
        max-width: 400px;
        width: 100%;
    }
    
/***************************************************************/
/*                   SMART MODULES HEADER                      */
/***************************************************************/
    
   .header-smartmodules .text img {
       max-width: 400px;
       width: 100%;
    }
    
/***************************************************************/
/*                    SMART MODULES CARDS                      */
/***************************************************************/
    
   #smart-modules-card .box-modules-card{
        padding: 20px 10px !important;
        text-align: center;
    }
    
/***************************************************************/
/*                       COMPANY TEAM                          */
/***************************************************************/
    
   .item-text {
        width: 100%;
    }
    
/***************************************************************/
/*                      COMPANY OFFICE                         */
/***************************************************************/
   
    #company-mission-vision {
        text-align: center;
    }
    
   #company-office .card.large {
       height: 100%;
    }
    
    #company-contact .box-tutorial-npaw{
        text-align: center;
    }
/***************************************************************/
/*                      PARTNERS CARDS                         */
/***************************************************************/
    
   .img-partners {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    
    #partners-card .box-modules-card {
        padding: 25px 15px !important;
    }

    .modal {
        width: 90%;
        max-height: 85% !important;
    }

    .modal-news .modal-content {
        padding-left: 3%;
        padding-right: 3%;
    }
    
    .logo-footer {
        height: 40px;
        display: block;
        margin: 0 auto 40px;
    }
    
    .privacy {
        margin: 0 auto;
    }
    
    #footer h4 {
        text-align: center;
    }
    
    #footer p {
        text-align: center;
    }
    
    .index-padding header nav {
        margin-top: 70px;
    }
    
    .owl-nav {
        display: none;
    }
    
    .img-partner img {
        width: 50%;
        margin-left: 0%;
    }
    
    .colum-2{                        
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
    
    .colum-2 p{                        
        margin: 0px;
    }
    
    #functional-features .text-title h3 {
        padding: 25px 0 0px 0;
    }
    
    .npaw-blog-2 {
        background-image: url(../img/back-npaw-blog.jpg) !important;
        background-position: bottom center;
        height: 350px !important;
    }
    
    .npaw-academy-2 {
        background-image: url(../img/back-npaw-academy.jpg) !important;
        background-position: bottom center;
        height: 350px !important;
    }
    
    .npaw-news-2 {
        background-image: url(../img/back-npaw-news.jpg) !important;
        background-position: bottom center;
        height: 350px !important;
    }
    
    .npaw-events-2 {
        background-image: url(../img/back-npaw-events.jpg) !important;
        background-position: bottom center;
        height: 350px !important;
    }
    
    .see-more{
        float: right;
    }

    .header-youbora-sections .image img {
        max-height: 224px;
        /*max-width: 100px;*/
    }

    .header-youbora-sections .text .title {
        font-size: 25px;
        text-align: center;
        line-height: 1.25;
        margin-top: 35px;
    }

    .coll-youbora-1 .collapsible-header {
        text-align: center;
    }

    .coll-youbora-1 .collapsible-body {
        text-align: center;
    }

    #get-started-in .box-logos {
        display: inline-block;
        width: 24%;
    }

    #get-started-in .box-logos-started img {
        height: auto;
        margin: 0;
        width: 80%; 
    }

    #get-started-in .box-logos .img-plus {
        width: 10px;
        height: 10px;
        margin: 0;
        margin-bottom: 40%;
    }

    #get-started-in .box-logos-started .first-logo {
        height: auto;
        margin-bottom: 0%;
    }

    #get-started-in .box-logos .first-plus {
        margin-bottom: 40%;
    }

    #details-youbora .box-details:nth-child(odd) .vertical-align {
        display: block;
    }

    #details-youbora .box-details:nth-child(even) .vertical-align {
        display: block;
    }

    #details-youbora .box-details .line {
        display: none;
    }

    #details-youbora .box-details img{
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        display: block;
    }

    #details-youbora .title {
        text-align: center;
    }

    #details-youbora .text {
        text-align: center;
    }

    #discover-youbora .btn-red {
        display: block;
        width: 100%;
        max-width: 250px;
        margin: 15px auto;
    }

    .parallax-container p.flow-text {
        color: white;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.22px;
        line-height: 25px;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    }
    
    .p-cont-mov{
        height: auto !important;
        padding: 50px 0;
    }

    .glassdoor {
        float: none;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    
    .list-blog {
        width: 100%;
        margin-left: 0%;
    }
    
    .blog-left {
        height: 50px !important;
    }

    #get-started-in .box-logos {
        display: inline-block;
        width: 24%;
    }

    #get-started-in .box-logos-started img {
        height: auto;
        margin: 0;
        width: 80%; 
    }

    #get-started-in .box-logos .img-plus {
        width: 25px;
        height: 25px;
        margin: 0;
        margin-bottom: 40%;
    }

    #get-started-in .box-logos-started .first-logo {
        height: auto;
        margin-bottom: 0%;
    }

    #get-started-in .box-logos .first-plus {
        margin-bottom: 40%;
    }

    #details-youbora .box-details:nth-child(odd) .vertical-align {
        display: block;
    }

    #details-youbora .box-details:nth-child(even) .vertical-align {
        display: block;
    }

    #details-youbora .box-details .line {
        display: none;
    }

    #details-youbora .box-details img{
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 530px){
    .animation{
        display: none !important;
    }
}

@media (min-width: 531px){
    .logo-npaw{
        display: none !important;
    }
}

@media (max-width: 600px){
    
    .btn-watch-xs {
        box-shadow: none;
        background: none;
        padding: 0px !important;
        text-decoration: underline;
    }  
    
    .btn-watch-xs:hover {
        box-shadow: none;
        background: none;
        padding: 0px !important;
        text-decoration: underline;
    } 
    
    .img-infitiny-video{
        display: block;
        width: 100%;
    }
    
    #youbora-infinity-card-2 video {
        display: none;
    }
    
    #find-solution .card.large {
        height: 510px;
    }
    
    .header-youbora .logo-houston-white {
        margin: 0 auto;
        display: block;
    }
    
    .tabs .tab a {
        font-size: 15px;
    }
    
    .logo-footer {
        display: none;
    }
    
    #footer p {
        text-align: center;
        margin: 30px;
        font-size: 18px;
        line-height: 1;
    }
    
    #privacy {
        margin: 0px 0 -30px 0;
    }
    
    .privacy {
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    
    .redes-sociales {
        text-align: center !important;
    }
    
    a.btn-social, .btn-social {
        margin: 0px 5px;
        float: none;
    }
    
    a.btn-social, .btn-social img {
        width: 35px;
    }
    
    .img-europa {
        float: none;
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 1201px) and (max-width:1500px){
    .blog-left p {
        font-size: 19px !important;
        font-weight: 300 !important;
    }
}

@media (min-width: 1201px) and (max-width:1247px){
    #company-teams h4 {
        padding: 0 10px;
        font-size: 17px;
    }
    #company-teams p {
        padding: 0 10px;
        overflow: auto;
        height: 62%;
        font-size: 15px;
    }
}

@media (max-width: 919px){
    .back-joinus{
        display: none;
    }
    .tab-short{
        opacity:1;
        height:inherit;
        overflow: initial;
        text-align: left;
        margin-top: 70px;
    }
    .tab-short:after {
        content: ' ';
        border: 1px solid #e2e2e2;
        height: 1px;
        display: block;
        margin: 2% 9%;
        margin-top: -30px;
    }
    .tab-short:nth-child(1):after {
        content: '';
        border: none;
    }
    #support .filter-find{
        margin-top:0 !important;
    }
    .youbora-side-image{
        float: left;
    }
    .youbora-side-image img {
        width: 20vw;
    }
    #youbora-suite-options strong.text-youbora-suite{
        display: inherit;
        text-align: left;
    }
    .text-youbora-title {
        font-size: 25px;
        line-height: 1.2;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        margin: 0;
        margin-bottom: 15px;
        color: rgba(0,0,0,0.75);
    }
    .text-youbora-title:after {
        content: "by NPAW";
        font-size: 10px;
        font-weight: 700;
        margin-left: 1vw;
    }
    .image-side-suite a.btn-youbora-suite {
        margin-top: 10px;
    }
}