@import "https://fonts.googleapis.com/css?family=Lato|Open+Sans:300,400,600,700|Roboto:400,300,500,700|Montserrat";


.breadcrumb{
    background-color: transparent;    
    margin: 0;
    padding: 0 0 5px 5px;
}

.breadcrumb .breadcrumb-item a{
    color: #555;
       text-decoration:none;
}

.breadcrumb .breadcrumb-item a:hover{
    text-decoration: underline; 
}


.breadcrumb .breadcrumb-item.active{
    font-weight:bold;    
}

#services-sni .breadcrumb .breadcrumb-item{
   color: #2677ab;
}

#services-ues .breadcrumb .breadcrumb-item{
   color: #27ae60;
}
#services-ciam .breadcrumb .breadcrumb-item{
   color: #8e44ad;
}

body {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    color: #333;
    word-wrap: break-word;
    background-color: #fbfbfb;
    position: relative;
}

a {
    color: #0087b9;
    text-decoration: underline;
}

a:active {
    outline: 0;
}

a:hover, a:focus {
    color: #0087b9;
    text-decoration: none;
    outline: 0
}

a:focus {
    outline: 0;
}

a.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}

a.btn-pdf {
    font-size: 15px;
    padding: 3px 10px;
    margin-top: 5px;
}

p {
    margin-bottom: 20px;
}

h2 {
    color: #777;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

h3 {
    color: #777;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

h3.dot {
    background: transparent url("/img/bullets/7.png") no-repeat scroll 0 50%;
    color: #666;
    margin-left: 5px;
    padding-left: 15px;
}

ol.listing li {
    margin-bottom: 15px;
}

.btn {
    font-size: 17px;
    line-height: 20px;
    text-decoration: none
}

.m-20 {
    margin: 20px;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 10px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}


/* =============== HEADER */
header {
    height: auto;
}

header #menu.navbar {
    background-color: transparent;
    border-color: transparent;
}

header.header-with-canvas #menu.navbar-no-js-opaque, 
header.header-with-canvas #menu.navbar-fixed-opaque {
    background: linear-gradient(46deg, #263b49 15%, #537591);
    box-shadow: 0 1px 10px #00000026;
    color: #fff;
}

.navbar-toggle {
    background-color: #191d2166;
    margin: 10px 20px 0 0 !important;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}

/*  =============== Container for the page content */
.page-container {
    margin: 40px 0 0 0;
    min-height: 300px;
}

/*  =============== Stripe below header */
.content .stripe {
    background-color: rgba(240, 240, 240, 0.9);
    border-bottom: 1px solid #ebeded;
    border-top: 1px solid #ebeded;
}

.content .stripe .teaser {
    color: #5d5d5d;
    font-size: 16px;
    padding: 15px 0;
    text-align: center;
}


/* =============== Canvas */
.content .canvas {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

.content .canvas .wrapper {
    max-height: 600px;
    position: relative;
}

.content .canvas .wrapper .background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}

.content .canvas .wrapper .contents {
    padding: 240px 0;
    position: relative;
}

.content .canvas.canvas-share-phone {
    background-image: url("/img/canvas/share-phone.jpg");
}

.content .canvas.canvas-share-phone .background {
    background: linear-gradient(150deg, #fff0 15%, #0000004d 70%, #27ae6099 94%);
}

.content .canvas.canvas-crowd {
    background-image: url("/img/canvas/crowd.jpg");
}

.content .canvas.canvas-crowd .background {
    background: linear-gradient(-52deg, rgba(87, 87, 87, 0.63), #2e5577 92%)
}

.content .canvas.canvas-office {
    background-image: url("/img/canvas/office.jpg");
}

.content .canvas.canvas-office .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-behappy {
    background-image: url("/img/canvas/behappy.jpg");
}

.content .canvas.canvas-behappy .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-compass {
    background-image: url("/img/canvas/compass.jpg");
}

.content .canvas.canvas-compass .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-robot {
    background-image: url("/img/canvas/robot.jpg");
}

.content .canvas.canvas-robot .background {
    background: linear-gradient(-47deg, rgba(43, 69, 87, 0.19), #2D485B 85%);
}

.content .canvas.canvas-agree {
    background-image: url("/img/canvas/agree.jpg");
}

.content .canvas.canvas-agree .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-rack {
    background-image: url("/img/canvas/rack.jpg");
}

.content .canvas.canvas-rack .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-camera {
    background-image: url("/img/canvas/camera.jpg");
}

.content .canvas.canvas-camera .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-cookie {
    background-image: url("/img/canvas/cookie.jpg");
}

.content .canvas.canvas-cookie .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-chart {
    background-image: url("/img/canvas/chart.jpg");
}

.content .canvas.canvas-chart .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-desk {
    background-image: url("/img/canvas/desk.jpg");
}

.content .canvas.canvas-desk .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-glasses {
    background-image: url("/img/canvas/glasses.jpg");
}

.content .canvas.canvas-glasses .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-flags {
    background-image: url("/img/canvas/flags.jpg");
}

.content .canvas.canvas-flags .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-paper {
    background-image: url("/img/canvas/paper.jpg");
}

.content .canvas.canvas-paper .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-teamwork {
    background-image: url("/img/canvas/teamwork.jpg");
}

.content .canvas.canvas-teamwork .background {
    background: linear-gradient(205deg, rgba(43, 69, 87, 0.1), #4a779f 200%);
}

.content .canvas.canvas-hipster {
    background-image: url("/img/canvas/hipster.jpg");
}

.content .canvas.canvas-hipster .background {
    background: linear-gradient(205deg, rgba(43, 69, 87, 0.1), #46a26ab3 200%);
}

.content .canvas.canvas-bolt {
    background-image: url("/img/canvas/bolt.jpg");
}

.content .canvas.canvas-bolt .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-locker {
    background-image: url("/img/canvas/locker.jpg");
}

.content .canvas.canvas-locker .background {
    background: linear-gradient(to left, rgba(43, 69, 87, 0.19), #294457);
}

.content .canvas.canvas-social {
    background-image: url("/img/canvas/cubes.jpg");
}

.content .canvas.canvas-social .background {
    background: linear-gradient(to left, rgba(158, 158, 158, 0.2), #012542);
}

.content .canvas.canvas-people {
    background-image: url("/img/canvas/people.jpg");
}

.content .canvas.canvas-people .background {
    background: linear-gradient(to left, rgba(158, 158, 158, 0.2), #012542);
}

.content .canvas.canvas-ues {
    background-image: url("/img/canvas/header2.jpg");
}

.content .canvas.canvas-ues .background {
    background-color: #22d46d66;
}

.content .canvas.canvas-employees {
    background-image: url("/img/canvas/employees.jpg");
}

.content .canvas.canvas-employees .background {
    background: linear-gradient(158deg, #00000080 25%, #a53fd14d 77%);
}

.content .canvas .slogan {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(2, 2, 2, 0.7)
}

.content .canvas .slogan h1,
.content .canvas .slogan .primary {
    color: #ffffff;
    font-size: 46px;
    letter-spacing: -1px;
    border: 0 none;
    font-weight: 400;
    line-height: 60px;
    padding: 0;
    margin: 0px 0 15px 0;
}

.content .canvas .slogan h2,
.content .canvas .slogan .secondary {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    line-height: 30px;
    padding: 0;
}

/* =============== Footer */
.footer {
    background-color: #f9f9f9;
    z-index: 250;
}

.footer a {
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.footer .large-links {
    padding: 40px 0 20px 0;
    background-color: #374e5f;
}

.footer .large-links .title a {
    font-size: 17px;
}

.footer .large-links ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 20px 5px;
}

.footer .large-links ul li {
    padding: 0 0 0 5px;
}

.footer .large-links ul li a {
    color: #C0C0C0;
    font-size: 15px;
}



.footer .small-links {
    font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, sans-serif;
    font-size: 10px;
    padding: 15px 0;
    color: #999;
    background-color: #344756;
}

.footer .small-links a {
    color: #777;
}

.clickable {
    cursor: pointer;
}

/* =============== Info box */

.company-info {
    color: #444;
    font-size: 17px;
    background-color: #F2F2F2;
    margin: 0 0 20px 0;
    padding: 20px 20px 0 20px;
    overflow: hidden;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
}

.company-info-success {
    background-color: #E5F5E8;
    border-color: #D8ECDC;
}

.company-info-success a:not(.btn){
    color: #4A995A;
}

.company-info-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.company-info p {
    margin-bottom: 20px;
}

/* =============== Service infos */
.service-info {
    color: #444;
    font-size: 17px;
    background-color: #f4f4f4;
    margin: 0 0 10px 0;
    text-align: justify;
    padding: 20px;
    overflow: hidden;
}

.service-info-transparent {
    background-color: transparent;
}

.service-info p {
    margin-bottom: 20px;
}

.service-info p:last-child {
    margin-bottom: 0;
}

/* =============== Product infos */

.service-product-info {
    padding: 20px 20px 0 20px;
    overflow: hidden;
    margin-bottom: 10px;
}

.service-product-info.clickable:hover {
    background-color: #f4f4f4 !important;
}

.service-product-info.clickable:hover a {
    text-decoration: none !important;
}

.service-product-info p {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 15px;
}

.service-product-info h3 {
    margin: 0 0 20px 0;
    font-size: 20px;
    color: #3e7cb3;
    text-align: center;
}

.service-product-info h3 a {
    text-decoration: none;
}

.service-product-info h3 i {
    margin-right: 5px;
    font-size: 20px;
}

.service-product-info.service-product-info-main {
    margin-bottom: 50px;
    color: #545454;
}

.service-product-info.service-product-info-main p {
    font-size: 16px;
}

.service-product-info.service-product-info-main h3 {
    font-size: 25px;
}

.service-product-info.service-product-info-main h3 i {
    font-size: 26px;
}

#service-product-info-sni h3 *, 
#services-sni .service-product-info h3 * {
    color: #2980b9;
}

#service-product-info-ues h3 *, 
#services-ues .service-product-info h3 * {
    color: #27ae60;
}

#service-product-info-ciam h3 *, 
#services-ciam .service-product-info h3 * {
    color: #8e44ad;
}

#service-product-info-sni h3 a, 
#services-sni .service-product-info h3 a, 
#service-product-info-ues h3 a, 
#services-ues .service-product-info h3 a, 
#services-ciam .service-product-info h3 a,
#service-product-info-ciam h3 a {
    text-decoration: underline;
}



.product-info {
    color: #444;
    font-size: 17px;
    background-color: #f4f4f4;
    margin: 0 0 30px 0;
    text-align: justify;
    padding: 20px;
    overflow: hidden;
}

.product-info p {
    margin-bottom: 20px;
}

.product-info p:last-child {
    margin-bottom: 0;
}

.product-info a {
    color: #666;
}

.product-description {
    font-size: 16px;
    color: #444;
}

.product-description a {
    color: #555;
}

.product-image {
    text-align: center;
}

.product-image img {
    margin: 0 auto;
}

.product-image .shadow {
    padding: 10px;
}

.product-image .shadow img {
    box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.1);
}

.product-feature {
    color: #2c2c2c;
    padding: 60px 0;
}

.product-feature a {
    color: #666;
}

.product-feature h3 {
    font-size: 19px;
    margin-left: 20px;
}

.product-feature ul li {
    font-size: 16px;
    line-height: 30px;
    color: #dedede;
}

.product-feature ul li span {
    color: #666;
    padding-left: 5px;
}

.product-demo {
    margin-bottom: 40px;
}

.product-demo.product-demo-odd {
    background-color: #F3F3F3;
}

.product-demo p a {
    color: #666;
}

.product-demo h4 {
    color: #999;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-demo p {
    font-size: 16px;
}

.product-demo #product-demo-data {
    margin-top: -180px;
    padding-top: 180px;
}

.product-demo .nav-tabs li a{
     border-color: transparent;
    border-width: 1px 1px 0 1px;
    font-size:20px;
    text-decoration: none;
    padding: 10px 40px;
    color: #757575;
}
    
.product-demo .nav-tabs li.active a{
    font-weight: bold;
    border-color: #eee;
     border-width: 1px 1px 0 1px;
}

.product-demo .tab-content{
    border: 1px solid #eee;
    border-width: 0 1px 1px 1px;
    padding: 50px;
    background-color: #fff;
}


#services-ues .product-demo .share-dialog-trigger:hover {
    opacity: 0.9;
}

#services-ues .product-demo .nav-tabs li.active a,
#services-ues .product-demo h4 {
    color: #27ae60;
}

#services-sni .product-demo .nav-tabs li.active a,
#services-sni .product-demo h4 {
    color: #2980b9;
}

/* ====================== Small services badges */
.service-badge{
    font-size: 12px;
    width: 40px;
    display: inline-block;
    text-align: center;
    background-color: #0000001a;
    border-radius: 5px;
    line-height: 18px;
}

.service-badge-sni{
    background-color: #2980b9;
    color: #fff;    
}

.service-badge-ues{
    background-color: #27ae60;
    color: #fff;    
}

.service-badge-ciam{
    background-color: #8e44ad;
    color: #fff;   
}


/* ====================== Homepage Service Boxes */
.service-boxes {  
    padding: 20px 0;
}

.service-boxes .service-box {
    background-color: #fff;
    box-shadow: 2px 4px 12px #DEDEDE;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #FBFBFB;
    margin: 15px 0;
}

@media ( max-width: 1200px) {
    .service-boxes .service-box {
        min-height: 320px;
    }
}

@media ( max-width: 600px) {
    .service-boxes .service-box {
        min-height: 340px;
    }
}

.service-boxes .service-box .service-image {
    height: 150px;
    overflow: hidden;
}

.service-boxes .service-box .service-image img {
    width: 100%;
}

.service-boxes .service-box .service-description {
    padding: 0 10px;
}

.service-boxes .service-box .service-description h3 {
    margin: 15px 0 10px 0;
    font-size: 17px;
    text-align:center;
}

.service-boxes .service-box .service-description h3 a{
    text-decoration: underline;
}
.service-boxes .service-box .service-description p{
    text-align: justify;
    padding:0 5px;
}

.service-boxes .service-box .service-image {
    opacity: 0.8;
    background-size: cover;
}

.service-boxes .service-box:hover .service-image {
    opacity: 1;
}

.service-boxes .service-box:hover {
    cursor: pointer;
}

.service-boxes .service-box:hover .service-description h3 a {
    color: #23527c;
    text-decoration: none;
}

.service-boxes .service-box-turnkey-plugins .service-image {
    background-image: url("/img/presentation/pencils.jpg");
}

.service-boxes .service-box-mobile-sdks .service-image {
    background-image: url('/img/presentation/ipad.jpg');
}

.service-boxes .service-box-tailor-made .service-image {
    background-image: url("/img/presentation/suit.jpg");
}

.service-boxes .service-box-support .service-image {
    background-image: url("/img/presentation/people.jpg");
    background-size: cover;
}

.service-boxes .service-box-rest-api .service-image {
    background-image: url("/img/presentation/desk.jpg");
}

.service-boxes .service-box-data-protection .service-image {
    background-image: url('/img/presentation/lock.jpg');
}


/* =============== STRIPES */
.content {
    position: relative;
    z-index: 500;
}

.area {
    overflow: hidden;
}

.area.area-odd {
    background-color: #F3F3F3;
}

.area-last {
    margin-bottom: 0;
}

.area-padded {
    padding: 30px 0;
}

.content h1 {
    border-bottom: 1px solid #e7e7e7;
    color: #333;
    font-size: 32px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 30px;
    padding-bottom: 13px;
}

/* =============== Entrice */
.entice-container .entice {
    padding: 60px 0;
}

.entice-container .entice .btn {
    padding: 20px 30px;
    border-radius: 15px;
    font-size: 20px;
    margin: 5px;
}

.entice-container .entice.entice-dark {
    background-color: #F3F3F3;
    border-top: 1px solid #dedede;
}

/* =============== Stripe Menu */
.menu-stripe {
    background-color: #514e4e;
    border-bottom: 1px solid #797979;
    border-top: 1px solid #797979;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    text-align: center;
}

.menu-stripe.is-fixed {
    position: fixed;
    top: 81px;
    width: 100%;
    z-index: 99;
}

.menu-stripe .nav-pills>li+li {
    margin: 0;
}

.menu-stripe .nav>li>a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
    color: #eee;
    border-radius: 20px !important;
    white-space: nowrap;
    overflow: hidden;
}

.menu-stripe .nav>li>a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
}

.menu-stripe .nav>li.menu-stripe-item-active a {
    color: #616161;
    background-color: #fff;
}

#services-sni .menu-stripe {
    background: linear-gradient(46deg, #2676aa 15%, #2980b9);
    border-top: 1px solid #2c8ac8;
}

#services-sni  .menu-stripe .nav>li.menu-stripe-item-active a {
    font-weight: bold;
    color: #616161;
    background-color: #fff;
}

#services-ues .menu-stripe {
    background: linear-gradient(46deg, #4fb178 15%, #4db076);
    border-top: 1px solid #50c381;
}

#services-ues  .menu-stripe .nav>li.menu-stripe-item-active a {
    font-weight: bold;
    color: #616161;
    background-color: #fff;
}

#services-ciam .menu-stripe {
    background: linear-gradient(46deg, #865899 15%, #9456ae);
    border-top: 1px solid #a759c8;
}

#services-ciam  .menu-stripe .nav>li.menu-stripe-item-active a {
    font-weight: bold;
    color: #616161;
    background-color: #fff;
}


/* ====================== LEFT MENU ABOUT US */


#side-menu .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

#side-menu .menu li {
    padding: 0;
    display: block;
}

#side-menu .menu li a {
    color: #666;
    text-decoration: none;
}

#side-menu .menu li a.group-title {
    background: transparent url("/img/bullets/5.png") no-repeat scroll 0 50%;
    color: #3a3a3a;
    margin-left: 2px;
    padding-left: 12px;
}

#side-menu .menu li.active>a {
    color: #0087b9;
    font-weight: bold;
}

#side-menu .menu li a {
    text-decoration: none;
}

#side-menu .menu li a:hover {
    text-decoration: underline;
}

#side-menu .menu li.group {
    margin:0 0 5px 5px;
}

#side-menu .menu li.group-header {
    color: #555;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    padding: 0;
    text-transform: uppercase;
}




/* =============== MEDIAQUERIES */

/* Phone and not small tablet */
@media ( max-width : 767px) {


    .menu-stripe .nav > li > a{
        font-size: 15px;
    }

    .content .canvas .background {
        height: 500px;
    }

    .content .canvas .wrapper {
        padding: 120px 0 0;
    }

    .content .canvas .slogan h1,
    .content .canvas .slogan .primary {
        font-size: 26px;
        line-height: 25px;
        margin: 0 0 5px 0;
    }
    
    .content .canvas .slogan h2,
    .content .canvas .slogan .secondary {
        font-size: 17px;
    }
    
    .footer .large-links ul{
        margin: 0 0 20px 0;
    }
    
    .footer .large-links .title a {
        font-size: 16px;
    }
    
    .content .feature .icon-container {
        margin-top: 26px;
    }
    
    .content .feature .icon-container i {
        font-size: 16px;
    }


    /* side menu company */
    .content-with-side-menu {
        margin-bottom: 0;
    }
    
    #side-menu {
        background-color:#efefef;
        padding: 10px 10px 0 10px;
        font-size:14px;
        margin-bottom: 20px;
    }
    
    .entice-container .entice .btn {
        padding: 10px 15px;
        font-size: 15px;
        border-radius: 10px;
    }
}

@media ( max-width : 991px) and ( min-width : 768px) {
    .content .canvas .background {
        height: 400px;
    }
    .content .canvas .wrapper {
        padding: 120px 0 0;
    }
    
    .content .canvas .slogan h1,
    .content .canvas .slogan .primary {
        font-size: 30px;
        line-height: 40px;
        margin: 0;
    }
    
    .content .canvas .slogan h2,
    .content .canvas .slogan .secondary {
        font-size: 17px;
    }

    .content .feature .icon-container {
        margin-top: 26px;
    }
    .content .feature .icon-container i {
        font-size: 16px;
    }

    /* side menu company */
    .content-with-side-menu {
        margin-bottom: 0;
    }
    #side-menu {
        background-color:#efefef;
        padding: 10px 10px 0 10px;
        font-size:14px;
        margin-bottom: 20px;
    }
    fieldset.content-group {
        margin-bottom: 15px;
    }
}

@media ( max-width : 1199px) {
    .content .canvas .wrapper .contents {
        padding: 20px 0 100px 0;
    }
    .content .canvas .slogan .secondary {
        margin-top: 0;
    }
}

@media ( max-width : 1199px) and ( min-width : 992px) {
    .content .canvas .wrapper {
        padding: 120px 0 0;
    }
    .content .canvas .background {
        height: 400px;
    }
    
    .content .canvas .slogan h1,
    .content .canvas .slogan .primary {
        font-size: 30px;
        line-height: 40px;
        margin: 0;
    }
    .content .canvas .slogan h2,
    .content .canvas .slogan .secondary {
        font-size: 17px;
    }
}



/* =============== MORE */
.more-container{
    overflow:hidden;
}

.more-container .wrapper {
    margin:0 0 35px 0;
}

.more-container h3{
    font-size: 16px;
}
.more-container .more-box{
    margin-top: 25px;
    padding: 0 10px;
}
.more-container .more-title a{
    color: #555;
    font-size: 22px;
    margin-bottom: 12px;
    line-height: 36px;
    text-decoration:none;
}

.more-container .more-title a:hover{
    color: #222;
}

.more-container .more-body{
    margin-top: 15px;
    color: #727272;
}
.more-container a.more-button{
    background-color: #939393;
    display: inline;
    padding: 1px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    border-radius: 3px;
    text-decoration: none;
}

.more-container a.more-button:hover{
    background-color: #777
}

/* =============== Header submenus */
#backdrop {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}

#backdrop.in {
    background-color: #000;
    opacity: 0.5;
    display: block;
    visibility: visible;
}

/* =============== Dynamic Navbar */
ul#menu-items {
    float: right;
    margin: 15px 0 0 0;
    padding: 0;
    
            display: none;
        visibility:hidden;
}

ul#menu-items li.menu-item {
    position: relative;
    list-style-type: none;
    display: inline-block;
    float: left;
    margin: 0 10px;
}

ul#menu-items li.menu-item a.menu-link {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 16px;
}

ul#menu-items li.menu-item a.menu-link:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 20px !important;
}

ul#menu-items li.menu-item a.menu-link-signup {
    background-color: rgba(76, 174, 76, 0.8);
    border-radius: 20px;
    color: #fff;
}

ul#menu-items li.menu-item a.menu-link-signup:hover {
    background-color: rgba(76, 174, 76, 1) !important;
}

ul#menu-items li.menu-item a.menu-link-account {
    background-color: rgba(113, 152, 183, 0.64);
    border-radius: 20px;
    color: #fff;
}

ul#menu-items li.menu-item a.menu-link-account:hover {
    background-color: rgba(62, 68, 72, 0.45);
    color: #fff;
}

ul#menu-items li.menu-item-active a.menu-link {
    color: #EF9725;
    font-weight: bold;
}

ul#menu-items li.menu-item-open a.menu-link {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-radius: 20px !important;
}

ul#menu-items li.menu-item .menu-dropdown-container {
    visibility: hidden;
    display: none;
    position: relative;
    margin-top: 10px;
}

ul#menu-items li.menu-item .menu-dropdown-container .menu-dropdown-arrow {
    width: 5px;
    margin: 0 auto;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f0f0f0;
}

ul#menu-items li.menu-item-open .menu-dropdown-container {
    visibility: visible;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown {
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    padding: 0;
    margin: 0;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown a.menu-dropdown-link {
    font-size: 18px;
    padding: 20px;
    margin-bottom: 0;
    text-decoration: none;
    float: left;
    width: 100%;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown a.menu-dropdown-link.even {
    background-color: #fff;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown a.menu-dropdown-link.odd {
    background-color: #f9f9f9;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown a.menu-dropdown-link-divide {
    border-top: 3px dashed #eee;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown a.menu-dropdown-link:hover {
    background-color: #f4f4f4;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown .menu-dropdown-title {
    color: #405b72;
    display: block;
    font-size: 18px;
    font-weight: bold;
    opacity: 0.75;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown .menu-dropdown-icon {
    float: left;
    width: 70px;
    height: 70px;
    vertical-align: middle;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown .menu-dropdown-icon i {
    line-height: 70px;
    color: #405b72;
    font-size: 42px;
    opacity: 0.55;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown a.menu-dropdown-link:hover  .menu-dropdown-title, 
ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown a.menu-dropdown-link:hover  .menu-dropdown-icon i {
    opacity: 1;
}

ul#menu-items li.menu-item .menu-dropdown-container ul.menu-dropdown .menu-dropdown-description {
    color: #717171;
    display: block;
    font-size: 15px;
}

/* =============== Dynamic Navbar \ Account */
ul#menu-items li.menu-item-account .menu-dropdown-container {
    width: 320px;
    left: -80px;
}

/* =============== Dynamic Navbar  \ Info */
ul#menu-items li.menu-item-resources .menu-dropdown-container {
    width: 460px;
    left: -154px;
}

/* =============== Dynamic Navbar  \ Pricing */
ul#menu-items li.menu-item-pricing .menu-dropdown-container {
    width: 600px;
    left: -230px;
}

ul#menu-items li.menu-item-pricing .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-personal-plans .menu-dropdown-title, 
ul#menu-items li.menu-item-pricing .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-personal-plans .menu-dropdown-icon i {
    color: #46a26a;
}

ul#menu-items li.menu-item-pricing .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-business-plans .menu-dropdown-title, 
ul#menu-items li.menu-item-pricing .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-business-plans .menu-dropdown-icon i {
    color: #346189;
}

/* =============== Dynamic Navbar  \ Services */
ul#menu-items li.menu-item-services .menu-dropdown-container {
    width: 600px;
    left: -200px;
}

ul#menu-items li.menu-item-services .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-sni .menu-dropdown-title, 
ul#menu-items li.menu-item-services .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-sni .menu-dropdown-icon i {
    color: #2980b9;
}

ul#menu-items li.menu-item-services .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-ues .menu-dropdown-title, 
ul#menu-items li.menu-item-services .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-ues .menu-dropdown-icon i {
    color: #27ae60;
}

ul#menu-items li.menu-item-services .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-ciam .menu-dropdown-title,
ul#menu-items li.menu-item-services .menu-dropdown-container ul.menu-dropdown .menu-dropdown-item-ciam .menu-dropdown-icon i {
    color: #8e44ad;
}


ul#menu-items-small{
    margin: 0 -15px;
    padding: 15px 15px 5px 15px;
    list-style-type: none;
    z-index: 9999;
    background-color: #304655;
    border-radius: 0 0 10px 10px;
}

ul#menu-items-small li{
    padding: 0;
    margin: 0;
    display: block;
}

ul#menu-items-small li a{
    padding: 5px 20px;
    margin-bottom: 10px;
    background-color:#0000004d;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    border-radius: 10px;
}

ul#menu-items-small li a.menu-link-entice{
    background-color: rgba(76, 174, 76, 0.8);
}

ul#menu-items-small li a:hover{
    background-color:#00000080;
}


ul#menu-items-small li a.menu-link-entice:hover {
    background-color: rgba(76, 174, 76, 1) !important;
}


ul#menu-items-small li a i{
    color: #eea51c;
    font-weight: bold;
    font-size: 19px;
    margin-right: 10px;
}


ul#menu-items-small li a.menu-link-entice i{
    color: #fff;
}



@media (min-width: 768px) {
    ul#menu-items-small {
        display: none;
        visibility: hidden;
    }
    ul#menu-items{
        display: block;
        visibility:visible
    }
}


/* ====================== CUSTOMERS */
.customers-container {
    padding: 20px 0;
}

.customers-container h3 {
    color: #8d8d8d;
    text-align: center;
    font-size: 17px;
    margin: 15px 0 35px 0;
}

.customers-container .customer-container {
    text-align: center;
    height: 100px;
    white-space: nowrap;
    line-height: 100px;
    padding: 0 20px;
    margin-bottom: 20px;
    opacity: 0.6;
}

.customers-container .customer-container.helper {
    height: 100%;
    vertical-align: middle;
}

.customers-container .customer-container img {
    vertical-align: middle;
    display: inline;
}

/* ================== Datasheet  */
#datasheet .datasheet-wrapper {
    background-color: #f5f5f5;
    border: 1px solid #ebeded;
    border-radius: 4px;
    clear: both;
    overflow: hidden;
}

#datasheet .datasheet-scroller {
    overflow-x: scroll;
    border-left: 2px solid #ddd;
}

#datasheet .datasheet-scroller::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

#datasheet .datasheet-scroller::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

#datasheet .datasheet-expander {
    min-height: 1px;
}

#datasheet .datasheet-descriptions .datasheet-title {
    line-height: 60px;
    height: 60px;
    padding-left: 10px;
    color: #5cb85c;
    font-weight: bold;
    font-size: 18px;
}

#datasheet .datasheet-descriptions .datasheet-label {
    line-height: 42px;
    height: 42px;
    padding-left: 12px;
    overflow: hidden;
    color: #555;
}

#datasheet .datasheet-descriptions .datasheet-label.hover {
    font-weight: bold;
    color: #000;
}

#datasheet .datasheet-providers {
    float: left;
    width: auto;
}

#datasheet .datasheet-provider, #datasheet .datasheet-feature {
    width: 50px;
    height: 42px;
    float: left;
    line-height: 42px;
    text-align: center;
    border-bottom: 1px solid #DCDCDC;
}

#datasheet .datasheet-features.hover div.even {
    background-color: #fcf29f;
}

#datasheet .datasheet-features.hover div.odd {
    background-color: #F7EE9C
}

#datasheet .datasheet-title .datasheet-provider {
    height: 60px;
}

#datasheet .datasheet-provider span {
    margin: 13px auto 0;
    display: block;
    cursor: default;
}

#datasheet .datasheet-provider.even, #datasheet .datasheet-feature.even {
    background-color: #fefefe;
}

#datasheet .datasheet-feature span {
    display: block;
    margin: 13px auto;
}

#datasheet .datasheet-feature i {
    color: #888;
}