/*!
/*
RESPONSIVE BASIC STYLES OF HTML DOCUMENT
Screen Stylesheet
version:                      3.3.6
version update:   	          3.6.8
update date:      	          10/11/2016
author update:		          ASF PRO "Assista Facility Services"
modification and development: Antonio Genaro Scarano Perez
-----------------------------------------------------------------------------*/
html, body {
  border: 0;
  height: 100%;
}
body {
  overflow-x: hidden;
}



/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#D3222A;
}
.social-network a {
 background-color: #151515;   
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9 {
  visibility: hidden; }

.wp2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }
.sidebar {
    padding-bottom: 25px;
}

#sidebar {
    width:252px;
    float: right;
}
li a#google_translate_element .goog-te-menu-value span:hover{
    color: #D3222A !important;
}
nav.transparent.fixed .menu>li>a#google_translate_element .goog-te-menu-value span {
    color: #151515;
}
nav.transparent.fixed .menu>li>a#google_translate_element .goog-te-menu-value span:hover {
    color: #D3222A !important;
}
.navbar-custom.top-nav-collapse .goog-te-menu-value span {
    color: #fff!important;
}
/* navigation */
nav.nav-access {
    width:252px;
    background: #fff;
}

nav.nav-access.stick {
    position: fixed;
    top: 0;
    z-index: 999;
    margin-top: 90px;
}
nav.nav-access.nostick {
    position: relative;
    top: 0;
    z-index: 999;
    margin-top: 90px;
}

nav.nav-access ul {
    list-style-type:none;
    margin:0;
    padding:0px;
    font: normal normal normal normal 16px / normal "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

nav.nav-access li {
    border-top: 1px solid rgb(234, 234, 234);
}

nav.nav-access li.active {
    border-left: 6px solid rgb(234, 234, 234);
}

nav.nav-access li a {
    color:rgb(50,50,50);
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    letter-spacing: .2rem;
    transition: all .1s ease;
    text-decoration: none;
    margin-left: 25px;
}
nav.nav-access li a:focus{
    color:rgb(211, 34, 42)!important;
    font-weight: bold!important;
}
nav.nav-access li p {
    color: rgb(51, 51, 51);
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    letter-spacing: .2rem;
    transition: all .1s ease;
    text-decoration: none;
    margin-left: 10px
}
.iphoneSocial{
    background-image: url('../img/iPhone_6_plus_perspective-Gold-small-p.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95%;
    height: 222px;
    width: 100%;
}
/* Base structure */
.DIV_BASE {
    width: 222px;
    margin-left: 0px;
    margin: 0px;
    position: fixed;
    top: 60px;
    z-index: -2;
    left: 260px;
}
.DIV_BASE .h4, h4, .h5, h5 {
    margin: 20px 10px 25px;
    letter-spacing: 1px;
    font-weight: 600;
}

.nav-contact li {
    border: 0px none rgb(51, 51, 51);
}

#news .page-title-3, .page-title-4 {
    height: 111px;
}
section#country {
    position: relative;
    z-index: 999;
    padding: 30px 0 106px;
}

.blogShort .img-thumbnail {
    margin-right: 15px;
}

.blogShort p {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.5;
}

.blogShort{ border-bottom:1px solid rgb(234, 234, 234);padding-bottom: 25px;
    padding-top: 50px;}


.btn-blog {
    color: #ffffff;
    background-color: #D3222A;
    border-color: #D3222A;
    border-radius:0;
    margin-bottom:10px
}
.btn-blog:hover,
.btn-blog:focus,
.btn-blog:active,
.btn-blog.active,
.open .dropdown-toggle.btn-blog {
    border: 2px solid #D3222A;
    color: #D3222A;
    text-align: center;
    background: #fff;
}
.nav-contact li span {
    background: url("../img/productnav-icons.png") top center no-repeat;
    margin-right: 10px;
    height: 40px;
    width: 35px;
    display: inline-block;
    line-height: 50px;
}
.nav-contact li.phone span {
    background-position: 0 -40px;
}


  .DIV_BASE > ul {
    list-style-type: none;
  }

    .DIV_BASE > ul > li {
      display: block;
      border-bottom: 1px solid rgb(234, 234, 234);
      margin-left: 0px;
    }

      .DIV_BASE > ul > li > a {
        color: rgb(51, 51, 51);
        display: block;
        font-weight: 500;
        height: 50px;
        line-height: 50px;
        letter-spacing: .2rem;
        transition: all .1s ease;
        text-decoration: none;
      }

        .DIV_BASE > ul > li > a:hover {
         cursor: pointer;
         color: rgb(51, 51, 51);
        }
        
          .DIV_BASE > ul > li > div {
            background-color: rgb(255,255,255);
          }
 
          .DIV_BASE > ul > li > div > ul {
            list-style-type: none;
          }

            .DIV_BASE > ul > li > div > ul > li > a {
             background-color: rgb(255,255,255);
             border-bottom: 1px solid rgba(0,0,0,.05);
             color: #333331;
             display: block;
             font-size: 1.1rem;
             padding: 10px 0;
             text-decoration: none;
             transition: all 0.15s linear;
            }

              .DIV_BASE > ul > li > div > ul > li:hover > a {
                background-color: rgb(246, 247, 249) none repeat scroll 0% 0% / auto padding-box border-box;
                color: rgb(51, 51, 51);
                padding: 10px 0 10px 50px;
              }
              .DIV_BASE > ul > li > div p, span {
                margin-left: 0px;
}
ul.UL_11 {
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 16px / normal "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    list-style: none outside none;
    margin: 0px 0px 40px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px;
}/*#UL_11*/
ul.UL_11 a {
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
}/*#UL_11*/
ul.UL_11 .active {
    color: rgb(33, 33, 33);
    text-decoration: none solid rgb(33, 33, 33);
    border-left: 6px solid rgb(211, 34, 42);
    font: normal normal normal normal 14px / 19.6px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(33, 33, 33) none 0px;
    line-height: 50px;
    color: rgb(51, 51, 51)!important;
    font-weight: bold;
}
a.nav-active {
    font: normal normal normal normal 18px / normal "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(211, 34, 42)!important;
    font-weight: bold!important;
}
li.nav-active {
    border-left: 6px solid rgb(211, 34, 42);
}
.DIV_Content {
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    outline: rgb(51, 51, 51) none 0px;
    border-left: 3px solid rgb(211, 34, 42);
    background: rgb(246, 247, 249) none repeat scroll 0% 0% / auto padding-box border-box;
}

.DIV_Content .backContent ol, ul.list-jobs li:before {
    margin-top: 0;
    font-family: 'themify';
    content: "\e64c";
    position: absolute;
    color: #D02320;
    left: 0px;
    margin-top: 0px;
    font-size: 18px;
    margin-left: 0px;
}

.DIV_Content .backContent ol, ul {
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 30px;
    margin-left: 0px;
}

.DIV_Content .backContent ol, ul.list-jobs li {
    margin-top: 0;
    margin-left: 20px;
}

.DIV_40 {
    bottom: 0px;
    color: rgb(51, 51, 51);
    left: 0px;
    position: relative;
    right: 0px;
    text-decoration: none solid rgb(51, 51, 51);
    top: 0px;
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 16px / normal "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
    padding: 20px 20px 5px 20px;
    background-color: #fff;
}
/* ==========================================================================
Video
========================================================================== */
section.video i {
    margin-right: 10px;
    color: #323a45;
    vertical-align: middle;
    font-size: 50px;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}
section.video h1 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0px;
}
section.video {
    padding: 30px 0;
    background-color: #f6f7f9;
}
section.video a {
    color: #323a45
}
section.video a:hover, section.video a:focus {
    color: #D3222A;
    text-decoration: none;
}
section.video a:hover i, section.video a:focus i {
    color: #D3222A
}

/* ==========================================================================
Custom Slider Controls (Flickity)
========================================================================== */
.flickity-page-dots .dot {
    width: 13px;
    height: 13px;
    opacity: 1;
    background: transparent;
    border: 2px solid white;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.flickity-page-dots .dot.is-selected {
    background: white;
}

.iMac-01 {
    margin-left: -30px;
}
.iMac-02 {
    margin-left: 20px;
}
.DIV_Content .backContent {
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    border-top: 0px none rgb(51, 51, 51);
    border-right: 0px none rgb(51, 51, 51);
    border-bottom: 1px solid rgb(167, 167, 167);
    border-left: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 16px / normal "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
    bottom: 0px;
    color: rgb(51, 51, 51);
    left: 0px;
    padding: 20px;
    position: relative;
    right: 0px;
    height: 100%;
    text-decoration: none solid rgb(51, 51, 51);
    top: 0px;
    background: rgb(246, 247, 249) none repeat scroll 0% 0% / auto padding-box border-box;
    -webkit-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    -khtml-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    -ms-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    -o-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.DIV_171, #DIV_174 {
    color: rgb(51, 51, 51);
	background: rgb(211, 34, 42);
    font: normal normal normal normal 16px / normal "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 20px;
    width: 100%;
    height: 100%;
    background-color: #D3222A;
    background: #D3222A;
    background-repeat: repeat;
    height: 100%;
}
.lapto-01 {
    background-image: url(../img/lapto-01.png);
    background-repeat: no-repeat;
    height: 575px;
    margin-left: -20px;
    background-position: right -10px bottom 40px;
    background-size: 800px;
}
.LCD {
    height: 680px;
    background-image: url(../img/mockupLCD.png);
    background-repeat: no-repeat;
    margin-right: -20px;
    background-position: left 10px bottom 30px;
    background-size: 800px;
    right: -22px;
    padding: 0px;
    
}
.intro-analytics h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    letter-spacing: 1px;
    font-weight: 300;
}
.navbar-custom a {
    color: #151515;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.navbar-custom.top-nav-collapse a {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}
.navbar-custom .nav li a:hover {
    outline: 0;
    color: #D3222A;
    background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}
.navbar-custom .nav li.active {
    outline: 0;
}
.navbar-custom .nav li.active a {
    color: #D3222A;
    font-weight: 600!important;
}
.navbar-custom .nav li.active a:hover {
    color: #D3222A;
    font-weight: 600!important;
}
.btn-analytics {
    border: 2px solid #595c61;
    color: #595c61;
}

.foundry_modal .btn:visited, .btn:visited:hover {
    color: #fff!important;
}
.image-bg.btn:visited, .btn:visited:hover {
    color: #D3222A!important;
}

.image-bg.btn:visited, .btn:visited:hover:focus, .btn-blog:focus {
    color: #D3222A!important;
}

.btn-analytics {
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
}

.navbar-custom .btn:hover {
    background: #595c61!important;
}
nav .navbar-nav li span {
    font-weight: 400;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #151515!important;
}
/* ==========================================================================
Video
========================================================================== */
div.video i {
    margin-right: 10px;
    color: #323a45;
    vertical-align: middle;
    font-size: 50px;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}
div.video h1, .h1 {
    font-weight: 400;
    font-size: 18px;
    margin: 0px!important;
}
div.video {
    background-color: rgba(246,247,249,0.9);
    background:rgba(246,247,249,0.9);
    border-top: 1px solid rgb(167, 167, 167);
    text-align: center;
    position:absolute;
    bottom:0;
    width:100%;
    max-height: 70px!important;
}
div.video a {
    color: #323a45
}
div.video a:hover, div.video a:focus {
    color: #D3222A;
    text-decoration: none;
}
div.video a:hover i, div.video a:focus i {
    color: #D3222A
}
.intro-analytics {
    display: table;
    width: 100%;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    background: rgb(246, 247, 249) url(../img/analytics.jpg)  no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.intro-analytics .intro-body {
    display: table-cell;
    vertical-align: middle;
    background: rgb(246, 247, 249, .7);
    padding: 60px 0;
}
.intro-analytics .intro-body .brand-heading {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0 0 5px;
}
.intro-analytics .intro-body .intro-text {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
@media(min-width:768px) {
    .intro-analytics {
        padding: 0;
    }
    .intro-analytics .intro-body .brand-heading {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .intro-analytics .list-inline {
        text-align: right;
        margin-top: 15px;
    }
}

@media(max-width:768px) {
    .intro-analytics .intro-body {
        padding: 30px 0;
    }
}
@media(min-width:768px) {

}

@media (min-width: 992px) {

}

@media(max-width:768px) {

}

@media(max-width:768px) {

}


@media (max-width: 768px) {

}

@media (max-width: 468px) {

}

@media(max-width:1200px) {
    
}

@media (max-width: 1600px) {
    .DIV_BASE {
       width: 222px;
       margin-left: 0px;
       margin: 0px;
       position: fixed;
       top: 60px;
       z-index: -2;
       left: 11%;
    }
}

@media (max-width: 1500px) {
}

@media (max-width: 1440px) {
    .DIV_BASE {
       width: 222px;
       margin-left: 0px;
       margin: 0px;
       position: fixed;
       top: 60px;
       z-index: -2;
       left: 8%;
    }
   
}

@media (max-width: 1420px) {
}

@media (max-width: 1320px) {
}

@media (max-width: 1280px) {
    .DIV_Content .backContent ol, ul {
       margin-top: 0;
       margin-bottom: 30px;
       line-height: 30px;
       margin-left: 0px;
    }
    
}

@media (max-width: 1252px) {
    .DIV_BASE {
        width: 222px;
        margin-left: 0px;
        margin: 0px;
        position: fixed;
        top: 60px;
        z-index: -2;
        left: 6%;
    }
}
@media(max-width:1200px) {
    #contact, #mission, #about, #investors, #investors, #contactInvestors, #franchise, #contactAnalytics, .intro-analytics {
        background-attachment: scroll;
    }
}

@media (max-width: 1152px) {

    
}

@media (max-width: 1199px) {
}

@media (max-width: 1024px) {
    .DIV_BASE {
      width: 222px;
      margin-left: 0px;
      left: 35px;
    }
    
}

@media (max-width: 991px) {
    
}

@media (max-width: 768px) {
    .DIV_Content {
       border-left: none;
    }
}

@media (max-width: 767px) {
    .DIV_Content .backContent ol, ul {
       margin-top: 0;
       margin-bottom: 30px;
       line-height: 30px;
       margin-left: 0px;
    }
}

@media (max-width: 720px) {
}

@media (max-width: 620px) {
    .DIV_Content {
       border-left: none;
    }
    #news .page-title-3, .page-title-4 {
       height: 50px;
    }
    
}

@media (max-width: 460px) {
    
}

@media (max-width: 420px) {
    section#country {
       position: relative;
       z-index: 999;
       padding: 0px 0 106px;
    }
    
}

@media (max-width: 390px) {
}

@media (max-width: 380px) {
    
}

@media (max-width: 360px) {
    
}

@media (max-width: 320px) {
    section#country {
      position: relative;
      z-index: 999;
      padding: 00px 0 106px;
    }
    
}