/*
* Touchware
* Copyright 2013, Francisco Duran G
* www.touchware.com
* http://www.ideaware.co
* 9/22/2013
*/

/* Table of Content
==================================================
	#Basic Styles
	#Page Styles
	#Spritesheet
	#Media Queries
	#Font-Face */

/* #Basic Styles
================================================== */
body {
    background: #FAFAFA;
    font-family: Helvetica;
}

a.shownav {
    display: none;
    float: right;
    text-decoration: none !important;
}

input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

h1 {
    font-size: 28px;
}

h2 {
    color: #6C6C6C;
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h4.bold {
    font-weight: bold;
}

p {
    color: #444444;
    font-size: 14px;
}

.w254 {
    width: 254px !important;
}

.w275 {
    width: 275px !important;
}

.w319 {
    width: 319px !important;
}

.w390 {
    width: 390px !important;
}

.w506 {
    width: 506px !important;
}

.w550 {
    width: 550px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mt300 {
    margin-top: 300px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mb50 {
    margin-bottom: 50px;
}

.ovv {
    overflow: visible !important;
}

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

/* #Specific Styles
================================================== */
.slides-control {
    z-index: 0 !important;
}

header.fullheight {
    background-size: cover;
    background-attachment: fixed;
    height: 640px !important;
    -moz-filter: blur(5px);
    position: relative;
    z-index: 0;
    behavior: url(../js/PIE.htc);
}

header.fullheight:before {
    background: url('../img/bg/bg-arrow-left.png') no-repeat left bottom;
    bottom: 0;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
    z-index: 1;
}

header.fullheight:after {
    background: url('../img/bg/bg-arrow-right.png') no-repeat right bottom;
    bottom: 0;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
    z-index: 2;
}

header.fullheight .infohome {
    position: absolute;
    top: 0px;
    z-index: 2;
    width: 100%;
}

header.fullheight .infohome .info {
    text-align: center;
    padding-top: 220px;
}

.infohome .info .info-text {
    color: #FFF;
    display: none;
    font-weight: 100;
    margin-top: 20px;
}

header.medical {
    background: url('../img/bg/internal.jpg') no-repeat center center;
}

header.bg-subpage-blue {
    background: url('../img/bg/bgblue.jpg') no-repeat center center;
}

header.bg-subpage-green {
    background: url('../img/bg/bggreen.jpg') no-repeat center center;
}

header.bg-subpage-orange {
    background: url('../img/bg/bgorange.jpg') no-repeat center center;
}

header.bg-subpage-violet {
    background: url('../img/bg/bgviolet.jpg') no-repeat center center;
}

header.about {
    background: url('../img/bg/about.jpg') no-repeat center center;
}

header.product {
    background: url('../img/bg/bgproduct.jpg') no-repeat center center;
}

header.contact {
    background: url('../img/bg/bgcontact.jpg') no-repeat center center;
}

header.normal {
    background-size: cover;
    background-attachment: fixed;
    height: 640px;
    overflow: hidden;
    position: relative;
    behavior: url(../js/PIE.htc);
}

header.normal2 {
    background-size: cover;
    background-attachment: fixed;
    height: 690px;
    overflow: hidden;
    position: relative;
    behavior: url(../js/PIE.htc);
}

header.normal:before, header.marketing:before, header.normal2:before {
    background: url('../img/bg/bg-arrow-left.png') no-repeat left bottom;
    bottom: 0;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
    z-index: 1;
}

header.normal:after, header.marketing:after, header.normal2:after {
    background: url('../img/bg/bg-arrow-right.png') no-repeat right bottom;
    bottom: 0;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
    z-index: 1;
}

header.fullheight .header, header.normal .header, header.normal2 .header {
    background: url("../img/bg/opacity50.png");
    zoom: 1;
    overflow: hidden;
    padding: 30px 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 3;
}

header.fullheight .header .head h1.logo, header.normal .header .head h1.logo, header.normal2 .header .head h1.logo {
    float: left;
}

header.fullheight .header .head h1.logo a, header.normal .header .head h1.logo a, header.normal2 .header .head h1.logo a {
    background: url("../img/misc/logo.png") no-repeat scroll left top transparent;
    display: block;
    height: 46px;
    position: relative;
    text-indent: -9999px;
    width: 245px;
}

header.fullheight .header .head nav, header.normal .header .head nav, header.normal2 .header .head nav {
    float: right;
    margin-top: 12px;
}

header.fullheight .header .head nav a, header.normal .header .head nav a, header.normal2 .header .head nav a {
    color: #6F7C7F;
    font-family: 'layarbahtera_doomsday_condeRg';
    font-weight: 400;
    font-size: 18px;
    margin-right: 10px;
    padding: 40px 20px;
    text-decoration: none;
}

header.fullheight .header .head nav a:hover,
header.fullheight .header .head nav a.active,
header.normal .header .head nav a:hover,
header.normal .header .head nav a.active,
header.normal2 .header .head nav a:hover,
header.normal2 .header .head nav a.active {
    border-top: 4px solid #0087D1;
    color: #FFF;
}

header.fullheight .infohome .info h1 {
    color: #FFF;
    font-size: 36px;
    font-family: 'layarbahtera_doomsday_lightRg';
    margin-bottom: 30px;
    line-height: 30px;
}

header.medical .infome, header.normal .infome {
    padding-top: 200px;
    overflow: hidden;
}

header.medical .infohome .info, header.normal .infohome .info {
    text-align: center;
    margin-top: 190px;
}

header.medical .infohome .info img, header.normal .infohome .info img {
    margin-bottom: 20px;
}

header.medical .infohome .info h1, header.normal .infohome .info h1 {
    color: #FFF;
    font-family: 'layarbahtera_doomsday_condeRg';
}

section.information {
    padding: 40px 0px;
    text-align: center;
    margin-bottom: 180px;
}

section.information h2 {
    color: #6C6C6C;
    font-weight: 100;
    line-height: 35px;
    margin-bottom: 40px;
}

section.information .box-detail {
    float: left;
    height: 230px;
    margin: 1px 1px 1px;
    padding: 80px 40px 40px;
    width: 398px;
}

section.information .box-detail .images {
    height: 200px;
}

section.information .box-detail h3 {
    color: #FFF;
    font-size: 22px;
}

section.information .box-detail.green {
    background: #75C3B6;
}

section.information .box-detail.purple {
    background: #9EB4CE;
}

section.information .box-detail.blue {
    background: #77C7D8;
}

section.information .box-detail.orange {
    background: #F47C5A;
}

/* ====== Origamis ======= */

.origami {
    /* You must specify at least a height on the origami */
    width: 320px;
    height: 220px;
    margin: 0 auto;
    color: #484745;
}

.origami p {
    font-size: 1.2em;
    text-align: center;
}

.origami p strong {
    font-size: 1.3em;
}

.origami img {
    position: relative;
    display: block;
    margin: 75px auto 0;
    color: #f04831;
    line-height: 100px;
}

.origami .origami-content {
    color: white;
    background-color: #5F6C7C;
}

.origami .origami-content img {
    position: relative;
    display: block;
    height: 50px;
    color: #f04831;
}

.origami .origami-content p {
    margin: 0 12.5%;
}

/*======== End Origamis  =====*/

section.items {
    background: #9DB4CF;
    padding: 40px 0;
    position: relative;
}

section.items:before {
    background: url('../img/bg/bg-arrow-right2.png') no-repeat right top;
    top: -155px;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
}

section.items:after {
    background: url('../img/bg/bg-arrow-left.png') no-repeat left top;
    top: -155px;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
}

section.items .item {
    float: left;
    margin-right: 69px;
    text-align: center;
    width: 274px;
}

section.items .item:last-child {
    margin-right: 0px;
}

section.items .item img {
    margin-bottom: 15px;
}

section.items .item .box-text {
    background: #53616F;
    color: #FFF;
    display: block;
    font-size: 16px;
    padding: 13px 20px;
    position: relative;
}

section.items .item .box-text:before {
    background: url('../img/icn/sprite.png') no-repeat top left;
    background-position: 0 0;
    left: -20px;
    width: 35px;
    height: 36px;
    top: 20px;
    content: "";
    position: absolute;
}

section.items .item .box-text:after {
    background: url('../img/icn/sprite.png') no-repeat top left;
    background-position: 0 -86px;
    width: 34px;
    height: 36px;
    right: -20px;
    top: 20px;
    content: "";
    position: absolute;
}

section.items .item h4 {
    color: #444444;
    margin: 40px 0px 20px;
}

section.items .item p {
    font-weight: 100;
    line-height: 24px;
    text-align: justify;
}

section.grey {
    background: #F9F9F9;
    padding: 10px 0px 50px;
    text-align: center;
}

section.grey h2 {
    color: #6C6C6C;
    font-weight: 100;
    line-height: 35px;
    margin: 80px 0px 0px;
}

.medical-container {
    display: none;
}

.medical-container .medical-left {
    float: left;
    width: 341px;
}

.medical-container .medical-left h1 {
    font-family: 'layarbahtera_doomsday_lightRg';
    margin-bottom: 20px;
}

.medical-container .medical-left p {
    font-weight: 100;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.medical-container .medical-right {
    float: right;
    width: 362px;
}

.medical-container .medical-right .item-medical {
    margin-bottom: 50px;
    overflow: hidden;
}

.medical-container .medical-right .item-medical img {
    float: left;
    margin-right: 10px;
}

.medical-container .medical-right .item-medical p {
    float: right;
    font-weight: 100;
    margin-top: 15px;
    text-align: left;
    width: 225px;
}

section.white {
    background: #FFFFFF;
    margin-bottom: 40px;
    padding: 60px 0px;
}

section.white p {
    color: #6C6C6C;
    font-weight: 100;
    font-size: 18px;
    line-height: 29px;
}

.apps {
    padding: 100px 0px !important;
    margin: 0 !important;
}

section.white .app {
    overflow: hidden;
    margin-bottom: 100px;
}

section.white .app img {
    float: left;
}

section.white .app .text-ipad {
    float: right;
    margin-top: 70px;
    width: 435px;
}

section.white .app .text-ipad h1 {
    color: #6C6C6C;
    font-family: 'layarbahtera_doomsday_lightRg';
    font-weight: 100;
    margin-bottom: 15px;
}

section.white .app2 {
    overflow: hidden;
    margin-bottom: 50px;
}

section.white .app2 img {
    float: right;
}

section.white .app2 .text-ipad {
    float: left;
    margin-top: 70px;
    width: 435px;
}

section.white .app2 .text-ipad h1 {
    color: #6C6C6C;
    font-family: 'layarbahtera_doomsday_lightRg';
    font-weight: 100;
    margin-bottom: 15px;
}

section.white .localize {
    overflow: hidden;
}

section.white .localize .localize-left {
    float: left;
    margin-bottom: 50px;
    text-align: center;
    width: 470px;
}

section.white .localize .localize-bro {
    float: right;
    margin-bottom: 50px;
    text-align: center;
    width: 470px;
}

section.white .localize .localize-left img, section.white .localize .localize-bro img {
    margin-bottom: 20px;
}

section.white .localize .localize-left p, section.white .localize .localize-bro p {
    text-align: left;
}

section.white .localize-right {
    float: right;
    width: 450px;
}

section.white .coment-center {
    margin: 80px auto 40px;
    overflow: hidden;
    width: 550px;
}

section.white .localize .localize-right .coment, section.white .coment-center .coment, .coment-one .coment-one-det {
    background: #ffffff;
    border: 1px solid #DCDCE4;
    border-radius: 5px;
    height: 90px;
    margin-bottom: 40px;
    padding: 20px 19px 65px;
    position: relative;
    text-align: center;
    width: 405px;
}

section.white .localize .localize-right .coment:after,
section.white .localize .localize-right .coment:before,
section.white .coment-center .coment:after,
section.white .coment-center .coment:before,
.coment-one .coment-one-det:after,
.coment-one .coment-one-det:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

section.white .localize .localize-right .coment:after,
section.white .coment-center .coment:after, .coment-one .coment-one-det:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 19px;
    left: 70px;
    margin-left: -19px;
}

section.white .localize .localize-right .coment:before,
section.white .coment-center .coment:before, .coment-one .coment-one-det:before {
    border-color: rgba(220, 220, 228, 0);
    border-top-color: #DCDCE4;
    border-width: 20px;
    left: 70px;
    margin-left: -20px;
}

section.white .localize .localize-right .coment p,
section.white .coment-center .coment p {
    text-align: left;
    padding: 0px 30px;
    position: relative;
}

section.white .coment-center .coment p span.quotesleft {
    position: absolute;
    left: 0;
}

section.white .coment-center .coment p span.quotesright {
    position: absolute;
}

section.white .localize .localize-right .title h4,
section.white .coment-center .title h4, .coment-one h4 {
    color: #6C6C6C;
    margin-bottom: 5px;
    font-weight: 100;
}

section.white .localize .localize-right .title h4.bold,
section.white .coment-center .title h4.bold, .coment-one h4.bold {
    font-weight: bold;
}

.coment-one {
    margin-bottom: 40px;
}

.coment-one .coment-one-det {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px 20px;
}

.coment-one h4 {
    text-align: left;
}

.coment-one .coment-one-det {
    margin-bottom: 30px;
}

.coment-one .coment-one-det p {
    position: relative;
    padding: 0px 35px;
}

.coment-one .coment-one-det p {
    margin: 15px 0;
}

.coment-one .coment-one-det p span.quotesleft {
    left: 0;
    position: absolute;
    margin-right: 15px !important;
}

.coment-one .coment-one-det p span.quotesright {
    position: absolute;
    margin-left: 5px;
}

section.grey-touch:before {
    background: url('../img/bg/bg-arrow-right2.png') no-repeat right top;
    top: -155px;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
}

section.grey-touch:after {
    background: url('../img/bg/bg-arrow-left2.png') no-repeat left top;
    top: -155px;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
}

section.grey-touch {
    background: #F2F2F2;
    padding: 60px 0px 100px;
    position: relative;
}

.title-deco {
    margin-bottom: 50px;
    text-align: center;
    overflow: hidden;
    padding: 5px;
}

.title-deco h3.title {
    color: #505F6D;
    font-weight: 100;
    padding: 0 15px;
}

.title-deco h3.title:after {
    background: none repeat scroll 0 0 #AFB6BC;
    content: "";
    display: inline-block;
    height: 1px;
    margin: 0 0px 5px 5px;
    width: 121px;
}

.title-deco h3.title:before {
    background: none repeat scroll 0 0 #AFB6BC;
    content: "";
    display: inline-block;
    height: 1px;
    margin: 0 5px 5px 0;
    width: 121px;
}

section.grey-touch .other-services {
    overflow: hidden;
}

section.grey-touch .other-services .osbox {
    color: #FFF;
    height: 218px;
    float: left;
    padding: 40px 20px;
    text-align: center;
    text-decoration: none;
    width: 280px;
}

section.grey-touch .other-services .osbox:last-child {
    margin-right: 0px;
}

section.grey-touch .other-services .osbox .images {
    height: 170px;
    margin-bottom: 30px;
}

section.grey-touch .other-services .osbox h3 {
    font-family: 'layarbahtera_doomsdayregular';
}

section.grey-touch .other-services .m-management {
    background: #75C3B6;
}

section.grey-touch .other-services .information {
    background: #9EB4CE;
}

section.grey-touch .other-services .authomation {
    background: #77C7D8;
}

section.grey-touch .other-services .medical {
    background: #F47C5A;
}

/*=======   About Us ========*/

.news {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #ccc;
    margin-left: 25px;
    width: 390px;
}

.news .news-head {
    background: #fcfdfd; /* Old browsers */
    background: linear-gradient(#fcfdfd 0%, #dde0e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdfd', endColorstr='#dde0e6', GradientType=0); /* IE6-9 */
    font-family: 'layarbahtera_doomsdayregular';
    font-size: 18px;
    padding: 18px 30px;
    text-align: center;
}

.news .news-body .new {
    border-top: 1px solid #ccc;
    padding: 10px 5px;
    overflow: hidden;
}

.news .news-body .new:hover {
    background: #f9f9f9;
}

.news .news-body .new img {
    float: left;
    margin-right: 11px;
}

.news .news-body .new .text-news {
    width: 295px;
    float: left;
}

.news .news-body .new .text-news p {
    font-size: 13px;
    line-height: 20px;
    margin: 0px;
}

.news .news-body .new .text-news p a {
    color: #2692FF;
    display: block;
    margin-left: 5px;
}

.about-text {
    overflow: hidden;
    float: left;
    margin-top: 40px;
}

.about-text .title-deco h3 {
    margin-bottom: 20px;
}

.privacy-text {
    overflow: hidden;
}

.privacy-text .title-deco h3 {
    margin-bottom: 20px;
}

.privacy-text,
.privacy-text p,
.privacy-text li {
    text-align: justify;
}

.privacy-text ul {
    list-style: disc inside;
}

.privacy-text ol {
    font-size: 100%
}

section.team {
    background: #F9F9F9;
    padding: 180px 0px 80px;
    position: relative;
}

section.team:after {
    background: url('../img/bg/bg-arrow-right3.png') no-repeat right top;
    top: -38px;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
    z-index: 1;
}

section.team:before {
    background: url('../img/bg/bg-arrow-white.png') no-repeat left top;
    top: -40px;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
    z-index: 2;
}

section.team .team-member:after {
    clear: both;
    content: "\0020";
    display: block;
    height: 0px;
    visibility: hidden;
}

section.team .team-member {
    margin-top: 20px;
}

section.partners {
    background: #FFFFFF;
    padding: 180px 0px 250px;
    position: relative;
}

section.partners:after {
    background: url('../img/bg/bg-arrow-right4.png') no-repeat right top;
    top: 0px;
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
    z-index: 2;
}

section.partners:before {
    background: url('../img/bg/bg-arrow-left3.png') no-repeat left top;
    top: 0px;
    content: "";
    height: 125px;
    width: 100%;
    position: absolute;
    z-index: 1;
}

section.partners .title-deco p {
    color: #4E6070;
    font-size: 16px;
    margin-top: 20px;
}

section.partners .partners-logo {
    margin-top: 20px;
    text-align: center;
}

section.partners .partners-logo a {
    margin-right: 66px;
}

section.partners .partners-logo a:last-child {
    margin-right: 0px;
}

section.company {
    background: #9DB4CF;
    padding: 100px 0px 130px 0px;
    position: relative;
}

section.company:before {
    background: url('../img/bg/bg-arrow-right2.png') no-repeat right top;
    top: -155px;
    content: "";
    height: 155px;
    width: 100%;
    position: absolute;
}

section.company:after {
    background: url('../img/bg/bg-arrow-left.png') no-repeat left top;
    top: -173px;
    content: "";
    height: 173px;
    width: 100%;
    position: absolute;
}

section.company .title-deco h3 {
    color: #FFFFFF;
}

section.company .title-deco h3:after {
    background: #687F93;
}

section.company .title-deco h3:before {
    background: #687F93;
}

section.company .title-deco p {
    color: #FFF;
    font-family: Helvetica;
    font-size: 16px;
    margin-top: 20px;
}

section.company .brand-logo {
    margin-top: 20px;
}

section.company .brand-logo img {
    margin-right: 73px;
}

section.company .brand-logo img:last-child {
    margin-right: 0px;
}

section.company h3.title {
    margin-bottom: 20px;
}

section.company p.hiring {
    margin-bottom: 130px;
    margin-top: 0;
}

section.company ul.hexagon {
    margin: 0 auto;
    width: 686px;
}

section.company ul.hexagon li {
    border-bottom: 1px solid #687F93;
    color: white;
    font-size: 16px;
    margin-bottom: 0;
    padding: 10px 0 10px 25px;
    text-align: left;
    position: relative;
}

section.company ul.hexagon li:last-child {
    border-bottom: none;
}

section.company ul.hexagon li span.hexa {
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
}

section.company ul.hexagon li span.resalt {
    color: #0088CD;
}

section.team .team-all {
    float: left;
    margin: 0px 120px 50px 0px;
    position: relative;
}

section.team .team-all > a {
    display: block;
}

section.team .team-all:nth-child(4n) {
    margin-right: 0px;
}

section.team .team-all:nth-child(4n) .team-information {
    right: 0px;
    /*left: auto;*/
}

.team-information {
    background: #FFF;
    box-shadow: 0px 0px 1px #ccc;
    display: none;
    left: 0px;
    padding: 10px;
    position: absolute;
    overflow: hidden;
    top: 0px;
    width: 230px;
    z-index: 9999999;
    behavior: url(../js/PIE.htc);
}

.team-information img {
    float: left;
    margin-right: 10px;
}

.team-information .team-information-text {
    float: left;
    margin-top: 35px;
    width: 115px;
}

.team-information .team-information-text h4 {
    color: #000;
    font-family: 'layarbahtera_doomsdayregular';
}

.team-information .team-information-text h4.grey {
    color: #9DA6AD;
}

.team-information .team-information-content {
    float: left;
    margin-top: 30px;
    padding: 0 10px;
}

.team-information .team-information-content h4 {
    margin-top: 10px;
}

.team-information .team-information-content p {
    color: #6C6C6C;
    font-weight: 100;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

.team-information .team-information-content .social {
    padding: 8px;
}

.team-information .team-information-content .social a {
    margin: 0 11px;
    padding: 10px;
}

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

section.product {
    padding: 80px 0px;
}

section.product .product .content-pro {
    float: left;
    margin: 0px 15px 20px 0px;
    overflow: hidden;
    width: 310px
}

section.product .product .content-pro:nth-child(3n) {
    margin-right: 0px;
}

section.product .product .content-pro .pro {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 20% px;
}

section.product .product .text-pro {
    display: block;
    text-align: center;
}

section.product .product .text-pro h4 {
    color: #666666;
    margin-bottom: 5px;
    font-family: 'layarbahtera_doomsdayregular';
}

section.product .product .text-pro p {
    font-weight: 100;
    color: #6C6C6C;
}

section.product .product .content-pro div.pro img {
    display: block;
}

section.product .product .content-pro div.pro a.button {
    display: none;
    left: 50%;
    margin-left: -67px;
    position: absolute;
    top: 100px;
    z-index: 2;
    -webkit-appearance: none;
    behavior: url(../js/PIE.htc);
}

section.product .product .content-pro div.pro .overlay {
    background-color: rgba(0, 135, 209, .59);
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-appearance: none;
    behavior: url(../js/PIE.htc);
}

section.product .product .content-pro div.pro:hover .overlay, section.product .product .content-pro div.pro:hover a.button {
    display: none;
}

/*  =============Pendiente Hover Product================  */
section.product .product .content-pro div.prohover a.button {
    display: inline-block;
    -webkit-appearance: none;
}

.ipad {
    position: absolute;
    margin-top: 173px;
}

.ipad article {
    color: #FFF;
    float: left;
    margin-top: 100px;
    width: 285px;
}

.ipad article h3 {
    color: #FFF;
    font-family: 'layarbahtera_doomsdayregular';
    margin-bottom: 20px;
}

.ipad article p {
    color: #FFF;
    line-height: 24px;
    font-family: Helvetica;
    font-weight: 100;
    font-size: 16px;
}

.ipad img {
    float: right;
}

section.product-detail {
}

section.product-detail .progress {
    float: left;
    margin-right: 97px;
    text-align: center;
    width: 255px;
}

section.product-detail .progress:last-child {
    margin-right: 0px;
}

section.product-detail .progress img {
    margin-bottom: 30px;
}

section.product-detail .progress h4 {
    color: #5E6C7D;
    margin-bottom: 10px;
}

section.product-detail .progress p {
    color: #5E6C7D;
    font-weight: 100;
    font-size: 14px;
}

section.foot {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #CCCCCC;
    height: 35px;
    line-height: 35px;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle
}

section.foot .icon-foot a span.buttonproduct {
    margin-top: 5px;
}

section.foot .icon-foot a span.arrowproductleft {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

section.foot .icon-foot a span.arrowproductright {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

/*====== Contact =====*/

section.contact {
    padding: 100px 0px 0px;
}

section.contact .form {
    float: left;
    width: 525px;
}

section.contact .form input[type=text] {
    border-radius: 4px;
    border: none;
    box-shadow: 0px 0px 1px #5E6C7D;
    color: #5E6C7D;
    font-family: Arial;
    font-size: 12px;
    height: 30px;
    padding: 5px 15px;
    width: 484px;
    behavior: url(../js/PIE.htc);
}

section.contact .form textarea {
    border-radius: 4px;
    border: none;
    box-shadow: 0px 0px 1px #5E6C7D;
    color: #AAAAAA;
    font-family: Arial;
    font-size: 12px;
    height: 120px;
    padding: 15px;
    resize: none;
    width: 484px;
    behavior: url(../js/PIE.htc);
}

section.contact .form input[type=submit] {
    border-radius: 4px;
    border: none;
    box-shadow: 0px 0px 1px #5E6C7D;
    color: #5E6C7D;
    font-family: Arial;
    font-size: 12px;
    height: 30px;
    padding: 5px 15px;
    width: 515px;
    behavior: url(../js/PIE.htc);
}

section.contact .form input[type=submit]:hover {
    background-color: #F8F8F8;
    color: #5E6C7D;
}

section.contact .location {
    float: right;
    width: 400px;
}

section.contact .location h4 {
    color: #5E6C7D;
    font-family: 'layarbahtera_doomsdayregular';
    margin-bottom: 10px;
}

section.contact .location ul li a {
    color: #5E6C7D;
    font-weight: 100;
    text-decoration: underline;
}

section.contact .location img {
    margin-bottom: 20px;
}

.wufoo ul {
    background: transparent !important;
}

.wufoo li.focused label.desc {
    color: #BFBFBF !important;
}

/*===== Carousel =====*/

.carousel-full {
    background: #FFF;
    margin-top: 90px;
    position: relative;
}

.caroufredsel_wrapper {
    height: 305px !important;
}

#carousel img {
    display: block;
    float: left;
}

#prev, #next {
    background-color: rgba(24, 41, 64, 0.99);
    display: block;
    height: 305px;
    width: 45px;
    padding: 0px 5px;
    top: 0;
    position: absolute;
}

#prev:hover, #next:hover {
    background-color: #fff;
    background-color: rgba(24, 41, 64, 1);
}

#prev {
    left: 0;
}

#prev img.prev {
    margin-top: 130px;
}

#next img.next {
    margin-top: 130px;
    margin-left: 15px;
}

#next {
    right: 0;
}

#pager {
    margin-left: -470px;
    position: absolute;
    left: 50%;
    bottom: 10px;
}

#pager a {
    border: 2px solid #fff;
    border-radius: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
    behavior: url(../js/PIE.htc);
}

#pager a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

#pager a span {
    display: none;
}

#pager a.selected {
    background-color: #fff;
}

#donate-spacer {
    height: 100%;
}

#donate {
    border-top: 1px solid #999;
    width: 750px;
    padding: 50px 75px;
    margin: 0 auto;
    overflow: hidden;
}

#donate p, #donate form {
    margin: 0;
    float: left;
}

#donate p {
    width: 650px;
}

#donate form {
    width: 100px;
}

.ipad-in {
    height: 465px;
    position: absolute;
    top: -46px;
    width: 100%;
}

.ipad-in .ipad-product {
    background: url('../img/bg/bg-IPAD.png') no-repeat center center;
    height: 465px;
    margin: 0 auto;
    width: 604px;
    z-index: 999;
}

/*====== Footer ======*/

footer {
    background: url("../img/bg/footer.jpg") no-repeat center center;
    background-size: cover;
    height: 290px;
    padding: 150px 0px 40px 0px;
    margin: 0;
    text-align: center;
    behavior: url(../js/PIE.htc);
}

footer h4 {
    color: #FFF;
    font-family: 'layarbahtera_doomsdayregular';
    margin-bottom: 25px;
    text-transform: uppercase;
    behavior: url(../js/PIE.htc);
}

footer .social {
    margin: 0 auto;
    margin-bottom: 120px;
    overflow: hidden;
    width: 220px;
}

footer .foot {
    margin: 0 auto;
    width: 300px;
}

footer .social .social-item {
    background: #FFF;
    border-radius: 5px;
    float: left;
    height: 40px;
    line-height: 55px;
    margin-right: 20px;
    padding: 10px;
    transition: all 0.3s ease-out 0s;
    width: 40px;
    behavior: url(../js/PIE.htc);
}

footer .social .social-item:hover {
    border-radius: 100px;
}

footer .social .social-item span {
    display: inline-block;
}

footer .social .social-item:last-child {
    margin-right: 0px;
}

footer .foot img {
    margin-bottom: 25px;
}

footer .foot p {
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;;
    font-weight: 100;
    margin: 0px;
}

/* Navigation Menu */
nav.menu {
    background: #718397;
    height: 100%;
    position: fixed;
    top: 0;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    visibility: hidden;
    z-index: 1;
    right: 0;
    transform: translate(259px, 0px);
    -webkit-transform: translate(259px, 0px);
    width: 259px;
    overflow: scroll;
    behavior: url(../js/PIE.htc);
}

nav.menu > ul {
    margin-bottom: 20px;
    margin-top: 16px;
}

nav.menu > ul.pages a {
    display: block;
    font-weight: none;
    font-size: 11px;
    padding: 8px 38px;
    text-transform: uppercase;
    text-decoration: none;
    behavior: url(../js/PIE.htc);
}

nav.menu > ul.pages a:hover {
    background: #9DB4CF;
}

nav.menu a {
    color: white;
    font-size: 13px;
    opacity: 0.5;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    transition: ease .2s;
    -webkit-transition: ease .2s;
    -webkit-font-smoothing: antialiased;
    behavior: url(../js/PIE.htc);
}

nav.menu a:hover {
    opacity: 1;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

nav.menu a.current {
    opacity: 1;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    behavior: url(../js/PIE.htc);
}

.content-all {
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    /*z-index: 9;*/
    behavior: url(../js/PIE.htc);
}

.content-all.nav {
    transform: translate(-259px, 0px);
    -webkit-transform: translate(-259px, 0px);
    behavior: url(../js/PIE.htc);
}

.content-all.nav + nav.menu {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    behavior: url(../js/PIE.htc);
}

nav.menu.visible {
    visibility: visible;
}

/* #Buttons
================================================== */
.button {
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    behavior: url(../js/PIE.htc);
}

.button.big {
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    line-height: 79px \9;
    min-width: 177px;
    padding: 0 15px;
    behavior: url(../js/PIE.htc);
}

.button.blue {
    background: #51ACEC;
    border-bottom: 4px solid #2D9FEE;
    font-family: 'layarbahtera_doomsdayregular';
    behavior: url(../js/PIE.htc);
}

.button.blue:hover {
    background: #2D9FEE;
    border-bottom: 4px solid #51ACEC;
    color: #FFF;
    behavior: url(../js/PIE.htc);
}

.button.opacity {
    background: rgba(0, 0, 0, 0.30);
    font-family: 'layarbahtera_doomsdayregular';
    font-size: 13px;
    height: 28px;
    line-height: 30px;
    padding: 10px 30px;
    behavior: url(../js/PIE.htc);
}

.button.opacity:hover {
    background: rgba(0, 0, 0, 0.50);
    color: #FFF;
    behavior: url(../js/PIE.htc);
}

.origami-ie {
    display: none;
}

/* #Spritesheet
================================================== */
.sprite {
    background: url('../img/icn/sprite.png') no-repeat top left;
    display: inline-block;
}

.sprite.arrow-title-left {
    background-position: 0 0;
    width: 35px;
    height: 36px;
}

.sprite.arrow-title-right {
    background-position: 0 -86px;
    width: 34px;
    height: 36px;
}

.sprite.facebook {
    background-position: 0 -172px;
    width: 11px;
    height: 22px;
}

.sprite.linkedin {
    background-position: 0 -244px;
    width: 20px;
    height: 20px;
}

.sprite.twitter {
    background-position: 0 -314px;
    width: 25px;
    height: 18px;
}

.sprite.quotesleft {
    background-position: 0 -383px;
    width: 25px;
    height: 35px;
    position: absolute;
    left: 0px;
}

.sprite.quotesright {
    background-position: 0 -452px;
    width: 25px;
    height: 35px;
    position: absolute;
}

.sprite.hexa {
    background-position: 0 -526px;
    width: 15px;
    height: 18px;
}

.sprite.dribble {
    background-position: 0 -594px;
    width: 20px;
    height: 20px;
}

.sprite.menu {
    background-position: 0 -594px;
    width: 20px;
    height: 20px;
}

.sprite.menu {
    background-position: 0 -663px;
    width: 19px;
    height: 15px;
}

.sprite.arrowproductleft {
    background-position: 0 -729px;
    width: 9px;
    height: 18px;
}

.sprite.arrowproductright {
    background-position: 0 -799px;
    width: 9px;
    height: 18px;
}

.sprite.buttonproduct {
    background-position: 0 -867px;
    width: 27px;
    height: 27px;
}

/* #Media Queries for Devices
================================================== */

@media only screen and (min-width: 960px) {

    .slides-pagination {
        bottom: 152px !important;
    }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* Home */
    .slides-pagination {
        bottom: 152px !important;
    }

    .origami-content a.button {
        left: 88px !important;
    }

    section.information .box-detail {
        height: 210px;
        width: 302px;
    }

    section.items .item {
        width: 236px;
        margin-right: 30px;
    }

    section.items .item .box-text {
        display: none;
    }

    section.items .item img {
        width: 187px;
        height: 183px;
    }

    /* Medical */
    .infohome .info .info-text {
        display: block;
        font-size: 16px;
    }

    header.medical .infohome .info, header.normal .infohome .info {
        margin-top: 170px;
    }

    section.grey h2 {
        margin-top: 0px;
    }

    section.white .app .text-ipad {
        width: 280px;
    }

    section.white .app .text-ipad h1 {
        line-height: 28px;
    }

    section.white p {
        font-size: 16px;
        line-height: 24px;
    }

    section.white .app .text-ipad {
        margin-top: 40px;
    }

    section.grey-touch .other-services .osbox {
        width: 216px;
        height: 190px;
    }

    section.grey-touch .other-services .osbox .images {
        margin-bottom: 4px;
    }

    .other-services .osbox h3 {
        font-size: 18px;
    }

    section.white .section-medical {
        display: none;
    }

    section.grey h2.medical {
        display: none;
    }

    .medical-container {
        display: block;
    }

    /*  About */
    section.white .localize .localize-left {
        float: none;
        margin: 0 auto;
    }

    section.white .localize .localize-right {
        float: none;
        margin: 0 auto;
    }

    .flexslider .slides .title {
        text-align: left;
    }

    section.team .team-all {
        margin-left: 50px;
        margin-right: 50px !important;
    }

    section.team .team-all:nth-child(3n) {
        margin-right: 50px;
    }

    section.team .team-all:nth-child(3n) .team-information {
        right: 0;
        left: auto;
    }

    /* Product */
    section.product .product .content-pro {
        margin-left: 50px;
    }

    section.product .product .content-pro.mr0 {
        margin-right: 15px !important;
    }

    /* Information */
    section.white .localize .localize-bro {
        float: none;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 70px;
    }

    /* Contact */
    section.contact .form {
        width: 367px;
    }

    section.contact .form input[type="text"] {
        width: 312px;
    }

    section.contact .form textarea {
        width: 312px;
    }

    section.contact .form input[type="submit"] {
        width: 342px;
    }

    .title-deco h3.title:before {
        display: none;
    }

    .title-deco h3.title:after {
        display: none;
    }

    /* Product Detail */
    .ipad {
        margin-top: 130px;
    }

    .ipad article {
        color: #FFFFFF;
        float: none;
        margin-top: 0px;
        width: 100%;
    }

    .ipad img {
        float: left;
    }

    .progress {
        margin-right: 0px !important;
    }

    section.white .app2 .text-ipad {
        width: 288px;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* General */
    a.shownav {
        display: block;
        margin-right: 10px;
    }

    header.fullheight .header .head nav, header.normal .header .head nav, header.normal2 .header .head nav {
        display: none;
    }

    /* Home */
    header.fullheight {
        height: 467px !important;
    }

    header.fullheight div.infohome {
        padding-top: 130px !important;
    }

    .slides-pagination {
        bottom: 168px !important;
    }

    section.information .box-detail {
        width: 340px;
    }

    section.items .item {
        margin-bottom: 20px;
        margin-right: 0px;
        width: 415px;
    }

    section.grey-touch .other-services .osbox {
        width: 380px;
    }

    .other-services {
        width: 100%;
    }

    .origami-content a.button {
        left: 104px !important;
    }

    header.fullheight .infohome .info {
        padding-top: 0px !important;
    }

    /* About */
    .title-deco h3.title:before {
        display: none;
    }

    .title-deco h3.title:after {
        display: none;
    }

    section.team .team-all {
        margin-right: 60px;
    }

    section.team .team-all:nth-child(4n) {
        margin-right: 50px;
    }

    section.white .localize .localize-right .coment, section.white .coment-center .coment, .coment-one .coment-one-det {
        width: 376px;
    }

    .w550 {
        width: 420px !important;
    }

    .news {
        margin-left: 0px;
    }

    /* Medical */
    header div.infohome {
        padding-top: 0px !important;
    }

    section.grey h2 {
        margin-top: 0px;
    }

    section.white .app .text-ipad {
        width: 420px;
    }

    section.white .localize-right {
        margin-bottom: 30px;;
        width: 420px;
    }

    /* Information */
    section.white .localize .localize-left {
        width: 420px;
    }

    section.white .localize .localize-bro {
        width: 420px;
    }

    .w506 {
        width: 370px !important;
    }

    .flex-control-nav {
        width: 75% !important;
    }

    /* Products  */
    section.product .product .content-pro {
        width: 195px;
    }

    section.product .product .content-pro div.pro img {
        height: 190px;
    }

    section.product .product .content-pro:nth-child(3n) {
        margin-right: 15px;
    }

    section.product {
        padding: 0px;
    }

    .mt300 {
        margin-top: 250px !important;
    }

    /* Contact */
    section.contact .form {
        margin-bottom: 20px;
        width: 430px;
    }

    section.contact .form input[type="text"], section.contact .form textarea {
        width: 390px;
    }

    section.contact .form input[type="submit"] {
        width: 422px;
    }

    section.contact {
        padding: 1px 0px 50px;
    }

    /* Product Detail */
    .ipad-in .ipad-product {
        display: none;
    }

    .ipad {
        margin-top: 130px;
        position: static;
    }

    .ipad article {
        color: #FFFFFF;
        float: none;
        margin-top: 0px;
        width: 100%;
    }

    .ipad img {
        float: left;
    }

    .progress {
        margin-right: 0px !important;
    }

    section.white .app2 .text-ipad {
        width: 288px;
    }

    section.product-detail .progress {
        width: 435px;
        margin-bottom: 30px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 480px) {

    /* Home */
    header.fullheight {
        height: 550px !important;
    }

    section.information .box-detail {
        width: 218px !important;
    }

    section.items .item {
        width: 286px;
    }

    .origami-content a.button {
        left: 47px !important;
    }

    header.fullheight div.infohome {
        padding-top: 156px !important;
    }

    .slides-navigation {
        display: none;
    }

    section.white .app .text-ipad {
        width: 292px !important;
    }

    section.items .item .box-text:before {
        z-index: -2;
    }

    section.items .item .box-text:after {
        z-index: -2;
    }

    section.items .item .box-text {
        margin-left: 19px;
        padding: 13 7px;
        width: 218px;
        z-index: 2;
    }

    /*  About */
    section.white .localize .localize-left {
        width: 299px;
    }

    section.white .app .text-ipad {
        width: 295px;
    }

    section.white .localize-right {
        width: 304px;
    }

    section.white .localize .localize-right .coment, section.white .coment-center .coment, .coment-one .coment-one-det {
        height: 180px;
        width: 260px;
    }

    /* automation */
    section.grey-touch .other-services .osbox {
        width: 260px;
    }

    section.white .localize .localize-bro {
        width: 300px;
    }

    /* Information */
    .w506 {
        width: 253px !important;
    }

    section.white .coment-center {
        width: 297px;
    }

    /* About */
    .w550 {
        width: 300px !important;
    }

    .news {
        width: 298px;
    }

    .w390 {
        width: 300px !important;
    }

    .news .news-body .new .text-news {
        width: 208px;
    }

    section.team .team-all .team-information {
        left: -30%;
        top: -130px;
        right: auto;
    }

    section.team .team-all:nth-child(5n) .team-information {
        left: -30%;
        top: -130px;
        right: auto;
    }

    section.team .team-all {
        margin-left: 70px;
    }

    section.company ul.hexagon {
        width: 295px;
    }

    /* Product  */
    section.product .product .content-pro {
        width: 300px;
    }

    section.product .product .content-pro div.pro img {
        width: 300px;
    }

    /* Contact */
    section.contact .form input[type="text"], section.contact .form textarea {
        width: 259px;
    }

    section.contact .form input[type="submit"] {
        width: 290px;
    }

    section.contact .form {
        width: 300px;
    }

    section.contact .location {
        width: 294px;
    }

    section.contact .location img {
        width: 290px;
    }

    /* Product Detail */
    .ipad-in .ipad-product {
        display: none;
    }

    .ipad {
        margin-top: 130px;
    }

    .ipad article {
        color: #FFFFFF;
        float: none;
        margin-top: 0px;
        width: 100%;
    }

    .ipad img {
        float: left;
    }

    .progress {
        margin-right: 0px !important;
    }

    section.white .app2 .text-ipad {
        width: 288px;
    }

    section.product-detail .progress {
        width: 300px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* ONLY ON STARTING CHARGING FOR MOBILE DEVICE WITH WIDTH 1024px - ADDED BY ANTONIO */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    section.team .team-all:nth-child(4n) .team-information {
        right: 0px;
        left: auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    section.team .team-all:nth-child(4n) .team-information {
        right: 0px;
        left: '';
    }
}

/* #Font-Face
================================================== */

@font-face {
    font-family: 'layarbahtera_doomsdaybold';
    src: url('../font/layarbahtera_doomsday_bold.eot');
    src: url('../font/layarbahtera_doomsday_bold.eot?#iefix') format('embedded-opentype'),
    url('../font/layarbahtera_doomsday_bold.woff') format('woff'),
    url('../font/layarbahtera_doomsday_bold.ttf') format('truetype'),
    url('../font/layarbahtera_doomsday_bold.svg#layarbahtera_doomsdaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'layarbahtera_doomsday_lightRg';
    src: url('../font/layarbahtera_doomsday_condensed_light.eot');
    src: url('../font/layarbahtera_doomsday_condensed_light.eot?#iefix') format('embedded-opentype'),
    url('../font/layarbahtera_doomsday_condensed_light.woff') format('woff'),
    url('../font/layarbahtera_doomsday_condensed_light.ttf') format('truetype'),
    url('../font/layarbahtera_doomsday_condensed_light.svg#layarbahtera_doomsday_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'layarbahtera_doomsday_condeRg';
    src: url('../font/layarbahtera_doomsday_condensed.eot');
    src: url('../font/layarbahtera_doomsday_condensed.eot?#iefix') format('embedded-opentype'),
    url('../font/layarbahtera_doomsday_condensed.woff') format('woff'),
    url('../font/layarbahtera_doomsday_condensed.ttf') format('truetype'),
    url('../font/layarbahtera_doomsday_condensed.svg#layarbahtera_doomsday_condeRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'layarbahtera_doomsdayregular';
    src: url('../font/layarbahtera_doomsday.eot');
    src: url('../font/layarbahtera_doomsday.eot?#iefix') format('embedded-opentype'),
    url('../font/layarbahtera_doomsday.woff') format('woff'),
    url('../font/layarbahtera_doomsday.ttf') format('truetype'),
    url('../font/layarbahtera_doomsday.svg#layarbahtera_doomsdayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}