/***** PRUEBA ******/
.mix{display: none}
.flip-container {
    perspective: 1000;
}
    /* flip the pane when hovered */
.flip-container:hover .position_post, .flip-container.hover .position_post {
    transform: rotateY(180deg);
}
 
/*.flip-container, #posts .mix, .back {
    width: 320px;
    height: 220px;
}*/
.flip-container,.back{
    display: inline-block;
    position: relative;
    width: 25%;
    height: 251px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
}

/* flip speed goes here */
.position_post {
    transition: 0.9s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
#posts .mix, .back {
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
    background-color: black;
    color:white;
    width: 100%;
    text-align: center;
    padding-top: 20%;
}
/*******FIN PRUEBA ********/
#posts.fail .mix{display: inline-block;}
.portfolio_btn {border: 2px solid #FFF;color: #FFF;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 20px;font-weight: 200;padding: 10px;margin-top: 35px;}
.offer_search{text-align:left;}
.offer_search p {line-height: 25px;color: #646464;font-family: "Open Sans",Arial,sans-serif;font-size: 15px;font-weight: 300;width: 100%;text-align:left!important}
h3 {font-size: 18px;color: #5A5A5A;font-family: "Montserrat",sans-serif !important;font-style: normal;text-align: left;text-transform: uppercase;margin: 0px;padding: 0px;}
.offer {border: 1px solid #E8E8E8;height: auto;margin: 0px 0px 20px;}
.offer li {border-bottom: 1px dotted #D1D5D8;padding: 10px 0px;overflow: hidden;text-align: left;float: left;width: 100%;}
.offer li:last-child {border-bottom: 0px dotted #D1D5D8;}
.offer li span {line-height: 25px;color: #646464;font-family: "Open Sans",Arial,sans-serif;font-size: 15px;font-weight: 300;width: 100%;}
.offer li strong {font-weight: 600;color: #5A5A5A;float: left;width: 100%;font-family: "Montserrat",sans-serif !important;font-size: 15px;}
.offer h6 {font-size: 18px;color: rgb(90, 90, 90);border-bottom: 1px dotted #D1D5D8;font-family: "Montserrat",sans-serif !important;font-style: normal;text-align: left;margin: 20px 0px 0px;padding-bottom: 10px;font-weight: 300;text-transform: uppercase;}
.livevideo {width: 77%;height: 560px;margin: 0px auto;padding-bottom: 50px;}
.livevideo iframe {display: block;top: 0px;left: 0px;width: 100%;height: 100%;}
#phrase {background: transparent url("http://cymetria.com/img/bg-venue.jpg") repeat fixed;font-size:20px;color: #FFF;background-position: 100% 61%;background-size: cover;}
.street_inner {display: table-cell;vertical-align: middle;background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;}
.street {height: 261px;display: table;width: 100%;padding: 0px;}
.menu_footer {
    width: 22%;
    margin: 0px auto;
    display: inherit;
    height: 110px;
}
 .sub_menu {display: block;width: 100%;}
.responsive{display:none}
.none{display:block;}
.cont_data p {color: #FFF;font-family: "Open Sans",Arial,sans-serif;font-weight: 100;}
.digital_icon_02 {margin: auto auto 20px;border: 3px solid #f0f0f0;position: relative;transition: all 0.2s ease-in-out 0s;padding: 10px;}
.overlayPattern {background: transparent url("../img/background_overlay.png") repeat scroll 0% 0%;width: 100%;height: 100%;position: absolute;z-index: 1;}
.container_banner video {position: absolute;width: 100%;left: 0px;}
.title_works {line-height: 40px;color: #545454;font-family: "Open Sans",Arial,sans-serif;font-size: 30px;margin: 0px 0px 10px;font-weight: 300;}
.service-icon_03 {border-radius: 50%;border: 4px solid #FBC177;transition: all 0.2s ease-in-out 0s;height: 70px;width: 70px;padding: 0px;margin: 0px 15px 0px auto;float: left;}
.entrenamiento p {font-family: "Open Sans",Arial,sans-serif!important;font-weight: 100!important;text-align: left!important;color: #646464!important;}
.service-icon_02{border-radius: 50%;border: 4px solid #FBC177;transition: all 0.2s ease-in-out 0s;height:100px;width:100px;padding: 0px;margin: 0px auto;float: left;margin-right:15px;}
.base_iphone{background-image: url("http://cymetria.com/img/portfolio_02.png");width: 708px;height: 504px;}
.base_portfolio_mac{ background-image: url("http://cymetria.com/img/portfolio_01.png");width: 100%;height:504px;margin:0px;}
.portfolio_img_inner02 {right: 0px;top: 78px;display: block;position: relative;width: 190px;left: 156px;}
.portfolio_img_inner {right: 0px;top: 41px;display: block;position: relative;width: 83%;left: 21px;}
.text_right{ text-align:right;}
.margin_top{margin:10px 0px;}
#suscriber { margin-top:60px}
.adobe_cc {background:transparent url("http://cymetria.com/img/adobe_cc.svg") no-repeat scroll center center}
.googlecloud {background:transparent url("http://cymetria.com/img/googlecloud.svg") no-repeat scroll center center}
.googleapp {background:transparent url("http://cymetria.com/img/googleapp.svg") no-repeat scroll center center}
.googleanalytics {background:transparent url("http://cymetria.com/img/googleanalytics.svg") repeat scroll top center}
.adwords{background:transparent url("http://cymetria.com/img/adwords.svg") no-repeat scroll center center}
.acrobat{background:transparent url("http://cymetria.com/img/acrobat-dc.svg") repeat scroll center center}
.dps {background:transparent url("http://cymetria.com/img/DPS.svg") repeat scroll center center}
.adobeconnect {background:transparent url("http://cymetria.com/img/adobeconnect.svg") no-repeat scroll center bottom}
.autodesk{background:transparent url("http://cymetria.com/img/autodesk.svg") no-repeat scroll center bottom}
.center{text-align:center}
.partner {margin-top:20px;}
.partner img{width:auto}
.fa-globe{font-size: 50px !important;padding: 10px 15px;color: #F9A335;}
.fa-user-plus{font-size:40px !important;padding: 13px 15px;color: rgb(249, 163, 53);}
.fa-graduation-cap{font-size:45px !important;padding: 15px 4px;color: rgb(249, 163, 53);}
.fa-certificate{font-size:50px !important;padding: 13px 15px;color: rgb(249, 163, 53);}
.fa-user {padding: 8px 15px;font-size: 40px!important;color: rgb(249, 163, 53);}
.fa-users {font-size: 32px!important;padding: 16px 14px;color: rgb(249, 163, 53);}
ul.catalogo{}
ul.catalogo li{width:100%!important;list-style:outside none none;float:left;}
.service-icon2{margin: auto auto 20px;border-radius: 50%;border: 4px solid rgb(252, 197, 126);position: relative;transition: all 0.2s ease-in-out 0s;width: 50px;float: left;height: 50px;display: inline-block;}
.fa-pencil-square-o {font-size: 55px !important;padding: 10px 11px;color: #EFA443;}
.fa-sliders{font-size: 50px !important;padding: 10px 15px;color: #F9A335;}
.service-icon {border-radius: 50%;border: 4px solid #FBC177;transition: all 0.2s ease-in-out 0s;height:80px;width:80px;padding: 0px;margin: 15px auto;}
.btn_inner_section{ display: block;margin: 20px auto 0px;border: 1px solid #FCAC45;border-radius: 0px;font-weight: 300;line-height: 0.45;font-size: 17px;font-family: "Open Sans",Arial,sans-serif;padding: 20px 0px;color: white;background: rgb(252, 172, 69) none repeat scroll 0% 0%;width: 35%;text-align:center;}
.btn_inner_section:hover, .btn_inner_section:active {background: #F1A441 none repeat scroll 0% 0%;text-decoration: none;border: 1px solid #F1A441;}
.fa-mobile{padding: 20px 25px;font-size: 100px!important;color: rgb(249, 163, 53);}
.fa-desktop{font-size: 70px!important;padding: 40px 25px;color: rgb(249, 163, 53);}
.fa-cogs{font-size: 70px!important;padding: 35px 25px;color: rgb(249, 163, 53);}
.fa-line-chart{font-size:70px!important;padding: 43px 25px;color: rgb(249, 163, 53);}
#logos_socios li {width: 49%;display: inline-block;}
.title_inner_portfolio {max-width: 100%;font-family: "Montserrat",sans-serif;line-height: 0px;font-size: 40px;margin-top: 165px;}
.section-title {text-align: left;font-size: 20px;color: #5A5A5A;}
.section-title h3{text-align:left;font-size:14px;color: #5A5A5A;}
.section-title h2{text-align:left;color: #5A5A5A;margin: 0px}
.section-title h4 {text-align: left;font-size: 15px;color: #5A5A5A;font-family: "Open Sans",Arial,sans-serif;font-style: italic;}
.p.intro {font-size: 16px!important;margin: 12px 0 0!important;line-height: 24px!important;font-family: 'Open Sans'!important, sans-serif;text-align:left!important}
ul.about-list {margin: 30px 0px 0px !important;width: 100%;}
ul.about-list li {display: block!important;font-size: 16px;line-height: 30px;font-family: 'Open Sans', sans-serif;text-align:left}
ul.about-list li span {margin-right: 10px!important;}
#casos{width: 100%;/*min-height: 1730px;*/}
.hidden { display: none;}
#filter {
    text-align: center;
    background-color: #FFF;
    display: inline-block;
    margin: 15px 0px;
    width:56%;
}
#filter button {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #545454;
    cursor: pointer;
    padding: 5px 20px;
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    float: left;
    display: inline-block;
    width: 130px;
    border-radius: 0px;
    text-align: center;
    margin: 0px 5px;
}
#filter button.active {background-color: #f2f2f2;color: #7f7f7f;}
#filter button:hover {background-color:#f2f2f2;color: #7f7f7f;}
#filter button:focus { outline: 0; }
#posts {max-width: 1200px;margin: 0 auto;}
#posts .post {width: 100%;height: 250px;overflow: hidden;text-align: center;cursor: pointer;z-index: 1;background: #000 none repeat scroll 0% 0% !important;margin: 5px;}
#posts .post img {position: relative;display: block;width: -webkit-calc(100% + 60px);width: calc(100% + 60px);opacity:0.7;}
#posts .post:hover img {opacity: 10;-webkit-transform: translate3d(0, 0, 0) scale(1);transform: translate3d(0, 0, 0) scale(1);content: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt sint officiis fugit dicta consequatur eaque blanditiis soluta ratione aliquid incidunt quidem, molestiae magnam error placeat, reprehenderit debitis voluptatem temporibus odit.";}

#posts .post .post-content {position: absolute;top: 90px;left: 0;right: 0;margin-left: auto;margin-right: auto;text-shadow: 2px 2px 4px rgba(73, 73, 73, 0.79);}
.all{-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;}

.solutions {-webkit-transition: -webkit-transform 0.3s linear, width 0s linear 0.3s;
    -moz-transition: -moz-transform 0.3s linear, width 0s linear 0.3s;
    -o-transition: -o-transform 0.3s linear, width 0s linear 0.3s;
    -ms-transition: -ms-transform 0.3s linear, width 0s linear 0.3s;
    transition: transform 0.3s linear, width 0s linear 0.3s;
    -webkit-animation: scaleUp 0.3s linear 0.4s forwards;
    -moz-animation: scaleUp 0.3s linear 0.4s forwards;
    -o-animation: scaleUp 0.3s linear 0.4s forwards;
    -ms-animation: scaleUp 0.3s linear 0.4s forwards;
    animation: scaleUp 0.3s linear 0.4s forwards;}

#posts .post .post-content h5, #posts .post .post-content p{ color: white;font-family: "Open Sans",Arial,sans-serif;}
#posts .post .post-content p {
    font-style: italic;
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
}
#posts .post .post-content h5{margin: 5px;font-weight: lighter;}
#posts .post a {display: block;position: relative;}
@media screen and (max-width: 600px) {
    .flip-container,.back{
    display: inline-block;
    position: relative;
    width: 100%!important;
    height: 200px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
}
#posts .post {width: 100%;}
}
#lightbox_back{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
z-index: 10000;
}
#lightbox, #lightbox_back{
cursor: pointer;
}
#lightbox{
position: fixed;
top: 80px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width:600px;
height:600px;
overflow: hidden;
background-image: url(../img/lightbox.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
z-index: 10001;
}
#social-icons-footer {float:left;}
#map-canvas {width: 100%;margin: 0px;padding: 0px;height: 570px;}
.back_services {background: linear-gradient(-180deg, rgba(47, 174, 143, 0.9) 0%, rgba(47, 146, 174, 0.9) 100%) repeat scroll 0% 0% transparent;}
.our-team {text-align: center;}
.our-team li:hover >.team-profile{ background-color:#eee;}
.team-person h3 {color: #555;text-transform: uppercase;font-weight: 600;padding-bottom: 0px !important;font-size: 14px;font-family: "Open Sans",Arial,sans-serif !important;line-height: 3px;text-align: center;}
.team-person p {font-size: 12px;font-family: "Open Sans",Arial,sans-serif;color: #067EB1;font-weight: 600;line-height: 15px;margin-top: 8px;}
.team-profile {height: 238px;width: 6%;z-index: 11;border-radius: 3px;transition: all 0.4s ease 0s;padding: 180px 0px 0px;position: absolute;top: 0px;cursor: pointer;overflow: hidden;}
.team-profile:hover {height: 196px; width: 6%;z-index: 11;position: absolute;border-radius: 3px;transition: all 0.4s ease 0s;padding: 42px 0px 0px;background-color: rgba(255, 255, 255, 0.8);}
.team-link {cursor: pointer;margin-top: 30px;}
ul.socials-icons2 li {width: 35px !important;height: 35px !important;display: inline-block !important;margin: 5px !important;}
.icon_01,.icon_02,.icon_03,.icon_04,.icon_05,.icon_06,.icon_07,.icon_08,.icon_09,.icon_10 { height:113px;width:112px;display: inline-block; cursor:pointer;}
.icon_01:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -10px -452px transparent;}
.icon_02:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -154px -452px transparent;}
.icon_03:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -302px -452px transparent;}
.icon_04:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -152px -736px transparent;}
.icon_05:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -10px -601px transparent;}
.icon_06:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -152px -601px transparent;}
.icon_07:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -302px -600px transparent;}
.icon_08:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -302px -452px transparent;}
.icon_09:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -9px -736px transparent;}
.icon_10:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -301px -736px transparent;}
.icon_01 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -10px -22px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_02 {
background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll  -154px -22px  transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_03 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -302px -22px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_04 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -152px -306px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_05 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -10px -170px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_06 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -152px -171px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_07 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -302px -170px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_08 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -302px -22px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_09 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -9px -306px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.icon_10 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -301px -306px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.portfolio_02:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -595px -281px transparent;}
.portfolio_03:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -729px -281px transparent;}
.portfolio_04:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -459px -417px transparent;}
.portfolio_05:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -595px -417px transparent;}
.portfolio_06:hover {transition: #6363CE 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -728px -417px transparent;}
.portfolio_01 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -459px -281px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.portfolio_02 {
background:url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -597px -14px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.portfolio_06 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -731px -146px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.portfolio_04 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -462px -146px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.portfolio_05 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -596px -146px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.portfolio_06 {
background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -731px -146px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.partners_01 {
background: url("http://cymetria.com/img/partners.png") no-repeat scroll 0px 5px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.partners_02 {
background: url("http://cymetria.com/img/partners.png") no-repeat scroll -244px 5px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.partners_03 {
background: url("http://cymetria.com/img/partners.png") no-repeat scroll -486px 5px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.partners_04 {
background: url("http://cymetria.com/img/partners.png") no-repeat scroll -731px 5px transparent;
transform-style: preserve-3d;transition: all 400ms ease 0s;}
.internal_01,.internal_02,.internal_03,.internal_04,.internal_05,.internal_06  { height:107px;width:107px;display:inline-block}
.internal_01 {background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -460px -15px transparent;}
.internal_02 {background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -596px -15px transparent;}
.internal_03 {background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -731px -14px transparent;}
.internal_04 {background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -461px -146px transparent}
.internal_05 {background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -596px -146px transparent;}
.internal_06 {background: url("http://cymetria.com/img/icons_culture.png") no-repeat scroll -730px -146px transparent;}
.portfolio_01,.portfolio_02,.portfolio_03,.portfolio_04,.portfolio_05,.portfolio_06  { height:107px;width:107px;display: inline-block;}
.portfolio li {list-style: outside none none;display: inline-block;margin:6px 6px 5px 0px !important;padding: 8px 0px;width: 309px;}
.digital , .soluciones, .ilab,.courses{width: 100%;margin: 0px auto;display: inline-block;font-weight: 100;padding: 45px 0px;}
.digital p {font-family: "Open Sans",Arial,sans-serif;font-weight: 100;text-align:center}
.ilab p {
    font-family: "Open Sans",Arial,sans-serif;
    font-weight: 100;
    text-align: left;
    color: #646464;
    font-size: 18px;
    line-height: 25px;
}
.soluciones p {font-family: "Open Sans",Arial,sans-serif;font-weight: 100;text-align:center;color:#646464;}
.soluciones h3, .digital h3,.ilab h3  {font-family: "Open Sans",Arial,sans-serif;margin: 5px 0px;color: #646464;font-size: 16px;font-weight: bold;text-align: center;}
.entrenamiento h3  {font-family: "Open Sans",Arial,sans-serif;margin: 5px 0px;color: #646464;font-size: 16px;font-weight: bold;text-align:left;}
.digital p span ,.soluciones p span {font-family: "Open Sans",Arial,sans-serif;font-weight: 200;font-size: 17px;font-style: italic;color: #646464;line-height: 25px;text-align: center;width: 100% !important;display: inline-block;}
.digital li {list-style: outside none none;display: inline-block;float: left;width: 23%;color: #646464;text-align: center;font-family: "Open Sans",Arial,sans-serif;margin-bottom: 1.75em;margin-right: 22px;}
.digital_icon {height: 145px;margin: auto auto 20px;border-radius: 50%;border: 4px solid #fbc177;position: relative;transition: all 0.2s ease-in-out 0s;width: 145px;}
.digital_icon span {position: relative;font-weight: bold;}
.digital_icon img {border-radius: 500px;width: 145px;height: 145px;}
.pixeden{margin: auto;position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;display: block;height: 63px;}
.portfolio ul, .culture ul,.digital{}
.partners_01,.partners_02,.partners_03,.partners_04 { height:87px;width:207px;display: inline-block;}
.title-icons {font-size:15px;}
.title-partners {font-size:14px;}
.title-icons,.title-partners {font-family: "Open Sans",Arial,sans-serif;width:auto;line-height: 18px;text-align: center;font-weight:100;}
.title-partners {color:#646464;}
.title-icons {color:white;}
.title-icons h1 { color: #FFF;font-weight: 600;font-family: "Open Sans",Arial,sans-serif;font-size: 19px;text-transform: uppercase;}
.title-icons span {color: #FFF;font-weight: 600;font-style: italic;}
.culture li {list-style: outside none none;display: inline-block;margin: 0px 6px 5px 0px !important;padding: 8px 34px;}
hr.air {margin: 3% 0px !important;}
hr.clear, hr.air {border: 0px none;height: 1px;margin: 1.75% 0px;width: 100%;clear: both;display: block;background: inherit !important;}
.prev{width: 200px;height: 570px;position: absolute;left: 0;top: 0;cursor: pointer;display:none}
.next{width: 200px;height: 570px;position: absolute;right: 0;top: 0;cursor: pointer;display:none}
.sub_menu li a{color: white;}
.sub_menu li a:hover{text-decoration: none;}
#map { height: 635px; transition: opacity 2s; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; -ms-transition: opacity 2s; }
.close_lightbox{
background: url("../img/icon_close_page.png") no-repeat scroll center center #CCCCCC;
height: 25px;
width: 25px;
position: absolute;
right: -33px;
top: 0;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);

transition: transform 1s;
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-o-transition: -o-transform 1s;
-ms-transition: -ms-transform 1s;

cursor: pointer;}
.close_lightbox:hover{opacity:0.8}
#banner_img_1{background-image: url('../img/main-frame-1.jpg');background-position: right center;}
#banner_img_2{background-image: url('../img/main-frame-2.jpg');background-position: center center;}
#banner_img_3{background-image: url('../img/main-frame-3.jpg');background-position: left bottom;}
#banner_img_4{background-image: url('../img/main-frame-4.jpg');background-position: right center;}
/*
#banner_img_5{background-image: url('../img/main-frame-5.jpg');background-position: center center;}
#banner_img_6{background-image: url('../img/main-frame-6.jpg');background-position: left bottom;}*/
#banner_01 {background-image: url("../img/main-frame-1.jpg");background-position: left bottom;height:380px;background-size: 100%;position:relative;}
#banner_02 {background-image: url("../img/main-frame-2.jpg");background-position: left bottom;height:380px;background-size: 100%;position:relative;}
#banner_03 {background-image: url("../img/main-frame-3.jpg");background-position: left bottom;height:380px;background-size: 100%;position:relative;}
#banner_04 {background-image: url("http://cymetria.com/img/vivelab/vivelabcasanare.jpg");background-position: center;height: 380px;position: relative;}
#banner_05 {background-image: url("http://cymetria.com/img/i-lab.jpg");background-position: center;height: 380px;position: relative;}
#banner_06 {background-image: url("http://cymetria.com/img/consulting.jpg");background-position: center;height: 380px;position: relative;}
#banner_07 {background-image: url("http://cymetria.com/img/digital_banner.jpg");background-position: center;height: 380px;position: relative;}
#banner_08 {background-image: url("http://cymetria.com/img/out_banner.jpg");background-position: center;height: 380px;position: relative;}

http://cymetria.com/img/cappacitate_banner.jpg

#banner_vivelab_casanare {
    background-image: url("http://cymetria.com/img/vivelab/vivelabcasanare.jpg");
    background-position: center;
    height: 380px;
    position: relative;
}


#banner_vivelab_atlantico {
    background-image: url("http://cymetria.com/img/vivelabatlantico_banner.jpg");
    background-position: center;
    height:380px;
    position: relative;
}

#banner_bootcamps {
    background-image: url("http://cymetria.com/img/bootcamps_banner.jpg");
    background-position: center;
    height: 380px;
    position: relative;
}
#banner_cappacitate {
    background-image: url("http://cymetria.com/img/cappacitate_banner.jpg");
    background-position: center;
    height: 380px;
    position: relative;
}
#banner_talentoit {
    background-image: url("http://cymetria.com/img/talentoit_banner.jpg");
    background-position: center;
    height: 380px;
    position: relative;
}
#form_1{display:block;}
.background_banner{position: absolute;left: 0;background-size: cover;width: 100%;height: 100%;opacity: 0;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);-webkit-transition: opacity 1s, -webkit-transform 80s;-moz-transition: opacity 1s, -moz-transform 80s;transition: opacity 1s, transform 80s;}
.lightbox-background{position: fixed;width: 100%;height: 100%;background: none repeat scroll 0% 0% rgba(10, 10, 10, 0.8);z-index: -1;top: 0;display: none;z-index: 1000;}
.background_banner_animate{
opacity: 1;
transform: scale(2);
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2); 
}
/*ESTILOS ETIQUETAS*/
body {background-color: #ffffff;400 14px/1.4 "Open Sans",Arial,sans-seriffont-size: 14px;line-height: 20px;margin: 0;}
h6{font-style: italic;font-weight: normal;}
p{margin: 0;}
.slide_item {position: absolute;background-size: cover;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;transform-origin: 50% 50%;left: 0px;width: 100%;height: 640px;background-position: 100% 50%;}
.container_banner {background: #ccc;position: relative;top: 0;width: 100%;height: 640px;overflow: hidden;}
.title_section {max-width: 100%;font-family: "Montserrat",sans-serif;line-height: 0px;font-size: 40px;margin-top:30px}
.box_internal {width:100%;margin: 0px auto;}
.box_text {float: left;display: inline-block;width: 443px;text-align: left;padding-right: 35px;padding-bottom: 1.75em;}
.box_text_title{font-size: 20px}
.box_internal li {list-style: outside none none;margin: 6px 6px 50px 0px !important;color: #646464;font-family: "Open Sans",Arial,sans-serif;font-weight: 100;font-size: 1em;text-align: justify;}
/*.soluciones li {list-style: outside none none;color: #646464;text-align: center;font-family: "Open Sans",Arial,sans-serif;margin-bottom: 1.75em;}*/
.soluciones li {list-style: outside none none;color: #646464;text-align: center;font-family: "Open Sans",Arial,sans-serif;margin-bottom: 1.75em;display: inline-block;float: none !important;width: 553px;}
.internal_pages_txt {
    width: auto;
    position: absolute;
    overflow: hidden;
    top: 120px;
    height: auto;
    left: 0px;
    right: 0px;
    margin-right: auto;
    margin-left: auto;
    z-index: 1;
    text-align: center;
    color: #FFF;
}
.internal_pages_txt p { font-size: 25px;line-height: 1.2;font-weight: 300;font-family: "Open Sans",Arial,sans-serif;}
.text_container {width: 960px;position: absolute;overflow: hidden;top: 185px;height: 220px;left: 0px;right: 0px;margin-right: auto;margin-left: auto;z-index: 1;display: none;text-align: left;color: #FFF;padding: 25px 0px 0px;}
.headline {max-width: 80%;font-family: "Montserrat",sans-serif;font-size: 45px;}
.slider p {color: #FFFFFF;font-size: 3.125rem;font-weight: 300;line-height: 1;margin-bottom: 27px;}
.description {font-size: 32px;line-height: 1.0;margin-bottom: 30px;font-weight: 300;font-family: "Open Sans",Arial,sans-serif;text-align: left;}
.slider p {color: #FFFFFF;font-size: 3.125rem;font-weight: 300;line-height: 1;margin-bottom: 27px;font-family:"Montserrat", sans-serif;}
.orange { color:#F36F21;}
.lightbox-image-animate {opacity: 1 !important;-webkit-transform: scale(1) !important;-moz-transform: scale(1) !important;-o-transform: scale(1) !important;-ms-transform: scale(1) !important;}
.lightbox-caption {padding: 10px 0px 0px;height: auto;margin: 0 auto;text-align: left;color: #646464;font-family: "Open Sans",Arial,sans-serif;font-weight: 100;width: 90%;font-size: 12px;}
.lightbox-image img {height: auto;width:95%;}
.lightbox-image {position: fixed;top: 14%;bottom: 0px;left: 0px;right: 0px;width: 72%;margin-left: auto;opacity: 0;z-index: 1001;margin-right: auto;padding-top: 8px;background: url("http://cymetria.com/img/bkg_proyectos.png") no-repeat scroll 0% 0% #FFFFFF;border-radius: 10px;transform: scale(0);transition: opacity 1s ease 0s, transform 0.5s ease 0s;height:75%;}
.boton_container {}
#boton_banner_1, #boton_banner_2, #boton_banner_3, #boton_banner_4, #boton_banner_5, #boton_banner_6 {font-weight: 300;line-height: 0.45;color:white;font-family: "Open Sans",Arial,sans-serif;font-size: 15px;padding: 20px 0px;text-align: center;text-decoration: none;z-index: 3;background: rgb(63, 167, 87) none repeat scroll 0% 0%;width: 35%;}
#boton_banner_1 a:hover, #boton_banner_2 a:hover, #boton_banner_3 a:hover, #boton_banner_4 a:hover, #boton_banner_5 a:hover, #boton_banner_6 a:hover {border: 1px solid #FCAC45!important;color: #ffdaaa!important;font-weight:300!important;line-height: 0.45;border-radius: 5px;font-family: "Open Sans",Arial,sans-serif;font-size: 15px;padding: 20px 15px;text-align: center;text-decoration: none;width: 168px;z-index: 3;background: rgba(252, 172, 69, 0.2)!important;}
#boton_banner a:hover {color: #fff;font-weight: 300;background-color:#3FA757; text-decoration:none} 
#banner_button{width: 960px;left: 0;right: 0;margin-right: auto;margin-left: auto;position: relative;top: 370px;text-align: left;}
#boton_send {border: 1px solid #FCAC45;border-radius: 0px;color: #FFF;font-weight: 300;line-height: 0.45;height: 40px;width: 100%;font-size: 17px;background-color: #FCAC45;margin-top: 25px;}
#boton_send a:hover {background-color:red; text-decoration:none}
.animacion_button{display: block;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;transition: opacity 1s;}
.animacion_text{display: block;}
b {color: #FFFFFF;font-family: "Open Sans",Arial,sans-serif;font-size: 12px;font-weight: 300;line-height:20px;}
#text01 {color: #888888;font-family: "Open Sans",Arial,sans-serif;font-size: 15px;font-weight: 300;line-height: 1.2;margin: 0;position: relative;text-align: center;top:40px;width: 100%;}
.btn_send {
margin-top: 5px;}
.btn-large{border-radius: 3px 3px 3px 3px;font-size: 17.5px;padding: 5px 20px;}
.banner #scroll_img{height: auto;min-width: 30px;margin-top: 33px;position: static;width: 30px;}
.carousel-control{top:315px;}
.container_menu_top{width: 90%;}
.content_form {padding: 0px;position: relative;}
.footer_form {background-color: #848578;clear: both;height: 29px;margin: 28px auto 0;padding: 9px 70px 0;width:51%;}
.footer_form li {border-right: 1px solid #CECDC8;color: #FFFFFF;display: inline-block;float: left;font-family: "Open Sans",Arial,sans-serif;font-size: 12px;font-weight: 300;padding: 0 20px;}
#container-casos{position: relative;}
.footer_form li:nth-child(4)  {border-right: 0px;}
.featurette-heading span{font-size: 30px;color: #666;}
.footer{padding-top: 30px;}
.footer span{color:#FCAC45;}
.form_box {background: rgba(255, 255, 255, 0.35) none repeat scroll 0% 0%;margin-bottom: 50px;font-family: "Open Sans",Arial,sans-serif;color: #646566;font-size: 12px;position: relative;padding: 5px;}
.form_cont {margin: 0px 10px;width: 100%;display: inline-block;vertical-align: top;}
.cont_data {display: inline-block;text-align: left;}
.cont_data span {color: #08b8ef;font-size: 1.2em;}
.line_form {text-align: left;width: 100%;display: inline-block;}
.line_form input, .line_form label{display:block;vertical-align: top;}
.line_form input {display: block;width: 100%;font-size: 14px;color: #555;background-color: #FFF;background-image: none;border: 1px solid #CCC;border-radius: 2px;box-shadow: none;transition: none 0s ease 0s;height: 34px;padding: 0px 12px;}
.line_form label {width: 100%;font-size: 13px;color: #FFF;font-family: "Open Sans",Arial,sans-serif;font-weight: 400;float: left;height: auto;padding: 0px;}
.label02{width:100%!important}
.line_form label.error{width: 100%;color: red;text-align: right;}
.margin_content {margin: 100px 0px;}
.message {left: 0px;right: 0px;text-align: center;height: auto;position: relative;animation: 3s ease 0s normal none 1 running fade-in;}
.margin_90{ margin:90px auto 50px; }
.message .lead {line-height: 40px;color: #545454;font-family: "Open Sans",Arial,sans-serif; -webkit-font-smoothing: antialiased;font-size: 35px;font-weight: 300;}
.message .lead2  {line-height:30px;color: #646464;font-family:"Open Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:20px;font-style:italic;}
.lead{opacity: 1;top: 0;}
.back_conten{ /*position: relative;*/background-color:#F9F8F8 !important;width:100%; min-height:570px;}
.back_conten02{ background-color:black;width:100%; min-height:570px;}
.back_portfolio, .back_digital  {position: relative;width: 100%;}
.back_portfolio img {margin-bottom: 55px;width:100%;}
.back_team{position: relative;width:100%; height:570px; background-size: cover;}
.back_about{position: relative;}
.back_about  p {font-size: 24px;line-height: 30px;font-family: "Open Sans",Arial,sans-serif;font-weight: 300;color: rgb(85, 85, 85);}
.back_portfolio p {line-height: 25px;color: #646464;font-family: "Open Sans",Arial,sans-serif;font-size: 15px;font-weight: 300;text-align: center;}
.message_bold{font-family:"Open Sans",Arial,sans-serif; font-weight:600;}
.svg_01 {display: block;height: 205px;margin: 0px auto;position: relative;top: -175px;width: 239px;z-index: -1;}
.color_cymetria { color:#dd5f51;}
.navbar .nav{margin-right:40px;font-family: 'Open Sans', sans-serif;margin-top: 10px;margin-left: 25px;font-weight: 300;-webkit-font-smoothing:antialiased;}
.navbar-scroll{background: rgba(0,0,0,0.8);}
.navbar-wrapper {position: fixed;top: 0;left: 0;right: 0;z-index: 2000;width: 100%;-webkit-transition: background 2s;-o-transition: background 2s;-moz-transition: background 2s;-ms-transition: background 2s;}
.navbar .navbar-inner {border: 0;}
.navbar .brand {padding: 14px 20px 16px; font-size: 16px;font-weight: bold;text-shadow: 0 -1px 0 rgba(0,0,0,.5);}
.navbar .nav > li> a { text-transform:uppercase;}
.navbar .nav > li:nth-child(6)> a {color: #FCAC45;}
.navbar .nav > li:nth-child(6)> a:hover {color: white;}
.navbar .nav > li > a {padding: 14px 7px;cursor: pointer;font-weight: 400;}
.navbar .nav > li > a:hover{}
.navbar .btn-navbar {margin-top: 10px;}
.nav-bottom{list-style: none;}
.nav-bottom li{margin: 2px 5px;display: inline-block;}
.nav-bottom li a{color: white;}
.magin-top55{ margin-top:55px;}
.row{text-align:center;}
.row_cont { position:relative; z-index:5; text-align:center;}
.row_cont_img02 {width: auto;border-radius:50%}
.row_cont_img {width: auto;}
.row_cont_img li { display:block; margin-right:5px; width:50px}
.servicios { margin:0px;}
.servicios p {font-family:"Open Sans",Arial,sans-serif;font-size:13px; font-weight:300;margin:0px 0 20px; color:#888888;}
.servicios li  { width:262px; display:inline-block; margin-right:83px; text-align:center}
.servicios li:nth-child(3)  {margin-right:0px;}
.bkg_team{ width:220px;height:172px; position:relative; z-index:1; top:-280px;}
.icon_case li svg{height: 20px;}
.title-section {line-height: 0;margin: 0px auto;width: 100%; text-align:center;}
.title-section p {font-family:"Open Sans",Arial,sans-serif;font-size:20px;-webkit-font-smoothing:antialiased;font-style:italic;color:#646464;line-height:25px;font-weight:200;}
.t_section_pro {width: 100%;margin: 0px auto;font-size: 20px;color: #5A5A5A;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.color_title{ color:#f75008; font-weight:400;}
#aliados{}
#color01 { background: #3c3c3c;width: 100%; }
/*ESTILOS ID*/
#box_quienes_somos, #box_servicios, #box_team{ position: relative; min-height:570px;}
#carrusel-box1, #carrusel-box2{display: inline-block;}
#container-carrousel, #container-servicios, #container-team{width: 100%;position: relative;left: 0;right: 0;margin-left: auto;margin-right: auto;}
#Enviar_form{background-color: #76cc73;border: 0px;color: #fff;height:35px;font-size:15px;margin:13px 0 0 117px;width:130px;}
#formulario_contacto h4{font-size: 19px;text-align: center;margin-top: 0;}
#logos_casos a{color: black;text-decoration: none;}
#logos_casos a:hover{text-decoration: none;}
#myCarouselLanding{width: 968px;}
#pos{position: absolute;left: 0;top: 0;}
#slide03 h4{margin-bottom: 0;font-size: 13px;font-family:"Open Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;
/* -moz-font-smoothing: antialiased; - No longer available in FF */font-smoothing: antialiased;}
#slide03 h6{margin-top: 0px;}
#social-icons-footer li {display: inline-block;list-style: outside none none;padding: 5px;}
#social-icons-footer li:nth-child(6){padding: 0px 0px 0px 10px;}
#social-icons-footer li:nth-child(6) { transition:none; -webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none;}
#social-icons-footer .social-icons{
transition: transform 1s;
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-o-transition: -o-transform 1s;
-ms-transition: -ms-transform 1s;
-webkit-transform:  perspective(300px) rotateY(0deg);
-moz-transform:  perspective(300px) rotateY(0deg);
-o-transform:  perspective(300px) rotateY(0deg);
-ms-transform:  perspective(300px) rotateY(0deg);
}
#social-icons-footer .social-icons:hover{
transform:  perspective(300px) rotateY(360deg);
-webkit-transform:  perspective(300px) rotateY(360deg);
-moz-transform:  perspective(300px) rotateY(360deg);
-o-transform:  perspective(300px) rotateY(360deg);
-ms-transform:  perspective(300px) rotateY(360deg);
}
#suscriber input, #suscriber #send_suscriber {float:right;margin: 0px;padding:10px;height: 40px;vertical-align: middle;width:35%;font-weight:300;}
#suscriber input{border-radius: 0;border: none;}
#suscriber #send_suscriber {background-color: #F45017;color: #FFF;width:121px;padding: 10px 5px;height: 40px;font-family: "Open Sans",Arial,sans-serif;font-weight: 100;}
.banner {background: black;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 640px;background-position: center center;}
.banner-animated img{width: 100%;}
.banner .container {text-align: center;position: relative;z-index: 9;}
.banner-control {height: 80px;margin-top: 0;font-size: 120px;text-shadow: 0 1px 1px rgba(0,0,0,.4);background-color: transparent;border: 0;z-index: 10;}
.banner .item {height: 400px;}
.banner img {position: absolute;top: 0;left: 0;min-width: 100%;height: 500px;}
.banner-caption {background-color: transparent;position: static;max-width: 550px;padding: 0 20px;margin-top: 103px;width: 500px;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.banner-caption p{font-size: 31px;color: white;}
.banner-caption h1,
.banner-caption .lead {font-family: 'Open Sans', sans-serif;    margin: 0;font-size: 100px;line-height: 1.25;color: #F64C32;}
.banner-caption .btn {background: #1abc9c;margin-top: 10px;font-size: 12px;font-weight: 600;-webkit-font-smoothing:antialiased;}
.carrousel-container{background: black;width: 100%;height:399px;}
.carrousel-container02{background:white;width: 100%;border-bottom:3px solid #e8e8e8;margin-bottom:25px;}
.marketing .span2 {text-align: center;width: 215px;display: inline-block;float: none;}
.marketing h2 {font-weight: normal;}
.marketing .span2 p {margin-left: 10px;margin-right: 10px;}
.featurette-divider {margin: 25px 0;}
.featurette {padding-top:5%;overflow: hidden;width:100%;left: 0;right: 0;margin:0 auto; text-align:center;}
.featurette_02 {padding-top:0%;overflow: hidden;width:100%;left: 0;right: 0;margin:0 auto; text-align:center;}
.featurette-image.pull-left {margin-right: 40px;}
.featurette-image.pull-right {margin-left: 40px;margin-top:-6px;}
.featurette-heading {font-weight: 300;line-height: 1;letter-spacing: -1px;}
.lead{font-size:15px;line-height: 1.2;font-family:"Open Sans",Arial,sans-serif;color:#888888;font-weight:300;}
#logos_tecnologias ul{list-style: none;margin: 0;padding: 0;left: 0;right: 0;margin-right: auto;margin-left: auto;text-align: center; width:100%;}
#logos_tecnologias ul li {padding: 0px;width: 208px;height: 150px;display: inline-block;margin: 12px !important;cursor:pointer;}
#logos_tecnologias #first-row li:nth-child(even){
background: #f5f5f3; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f5f5f3 0%, #f5f5f3 50%, #f1f1f1 51%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f5f5f3), color-stop(50%,#f5f5f3), color-stop(51%,#f1f1f1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f5f5f3 0%,#f5f5f3 50%,#f1f1f1 51%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f5f5f3 0%,#f5f5f3 50%,#f1f1f1 51%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f5f5f3 0%,#f5f5f3 50%,#f1f1f1 51%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(135deg,  #f5f5f3 0%,#f5f5f3 50%,#f1f1f1 51%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f3', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#logos_tecnologias #first-row li:nth-child(odd){
background: #e2e1df; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #e2e1df 0%, #e2e1df 50%, #ebeae9 51%, #ebeae9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e2e1df), color-stop(50%,#e2e1df), color-stop(51%,#ebeae9), color-stop(100%,#ebeae9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #e2e1df 0%,#e2e1df 50%,#ebeae9 51%,#ebeae9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #e2e1df 0%,#e2e1df 50%,#ebeae9 51%,#ebeae9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #e2e1df 0%,#e2e1df 50%,#ebeae9 51%,#ebeae9 100%); /* IE10+ */
background: linear-gradient(135deg,  #e2e1df 0%,#e2e1df 50%,#ebeae9 51%,#ebeae9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e1df', endColorstr='#ebeae9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.logo01 {background-image: url("../img/html5.png");left: 55px;position: relative;top: 20px;width: 84px;height: 117px;}
.logo02 {background-image: url("../img/android.png");left: 55px;position: relative;top: 20px;width: 92px;height: 112px;}
.logo03 {background-image: url("../img/ios.png");left: 30px;position: relative;top: 47px;width: 149px;height: 61px;}
.logo04 {background-image: url("../img/angular.png");left: 47px;position: relative;top: 16px;width: 115px;height: 124px;}
.logo05 {background-image: url("../img/django.png");left: 30px;position: relative;top: 55px;width: 149px;height: 51px;}
.logo06 {background-image: url("../img/nodejs.png");left: 32px;position: relative;top: 45px;width: 149px;height: 51px;}
.logo07 {background-image: url("../img/java.png");left: 67px;position: relative;top: 10px;width: 72px;height: 128px;}
.logo08 {background-image: url("../img/cf.png");left: 60px;position: relative;top: 30px;width: 90px;height: 88px;}  
#logos_tecnologias #second-row li:nth-child(even){
background: #efeeec;
}
#logos_tecnologias #second-row li:nth-child(odd){
background: #f5f5f3;
}
#logos_tecnologias #second-row li:nth-child(even):hover{
background: #f5f5f3;
}
#logos_tecnologias #second-row li:nth-child(odd):hover{
background: #efeeec;
}
#logos_tecnologias #first-row li:nth-child(even):hover{
background: #efeeec;
}
#logos_tecnologias #first-row li:nth-child(odd):hover{
background: #f5f5f3;
}
.franja_socios{margin-bottom: 50px;padding-bottom: 32px;padding-top: 35px; height:220px;}
.franja_negra{background:#1F2222;}
#container-contacto {margin-left: auto;margin-right: auto;}
#contacto {width: 100%;position: relative; -moz-user-select: none;background: rgb(38, 38, 38) url("http://arysta.co/img/map-image.png") repeat scroll center center / 80% auto;}
.textoIcon {display: none;position: absolute;top: 35px;}
.casos_exito { margin:0px;}
.slide_exito li{list-style: none; width:230px;display:inline-block; margin-right:9px; margin-bottom:9px;border-bottom:1px solid #CCCCCC;vertical-align: top;}
.casos_exito {position: relative;overflow:hidden;text-align: center;}
.casos_exito ul{margin: 0;}
.slide_exito li:nth-child(4),.casos_exito li:nth-child(8){margin-right:0px;}
.icon_case ul {float: right;font-size: 0;padding-right: 5px; padding-top:10px; background-color:#990;}
.icon_case li {border-bottom: 0 none;display: inline-block;margin-bottom: 0;margin-right: 2px;vertical-align: top;width: 20px;}
.icon_case li:nth-child(3) {margin-right:0px;}
.textos_socios{position: relative;right: 0;left: 0;margin-left: auto;margin-right: auto;top: 98px;}
.sub_menu li { cursor:pointer; color:#FFF; display:block;font-family:"Open Sans",Arial,sans-serif; font-weight:300; font-size:12px; line-height:25px;} 
.view-first img {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.view-first .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;background-color: rgba(255,255,255, 0.9);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.view-first h2 {-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-o-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
}
.view-first p {-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.view-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.view-first div.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover div.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-first:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.view-first:hover div.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.info{
cursor: pointer;
}
.view {
border: 4px solid #FFFFFF;
cursor: default;
float: left;
overflow: hidden;
position: relative;
width: 224px;
}
.view .mask,.view .content {
width:230px;
height:171px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.title-view {color: #545454;font-family: "Montserrat",sans-serif;font-size:16px;height: auto;line-height: 1;margin: 0px auto;text-align: center;width: 90%;padding: 30px 0px 20px;}
.view  {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;background: rgba(0, 0, 0, 0.8);margin-bottom:10px;}
.view div.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: none repeat scroll 0% 0% #129CD8;color: #FFF;font-family: "Open Sans",sans-serif;font-size: 13px;font-style: italic;}
.view div.info: hover {-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;}
.title_job {color: #A1A1A1;float: left;font-size: 14px;line-height: 1.2;max-width:70%;overflow: hidden;text-overflow: ellipsis;font-family:"Open Sans",Arial,sans-serif;margin-bottom:10px;}
li{list-style: none;}
#rotador_1 ul li, #rotador_2 ul li, .casos_exito .slide_exito{float: left;margin: 0;}
.btn, .dot {}
.dots {position: absolute;left: 0px;right: 0px;bottom: 35px;text-align: center;}
.dots li {display: inline-block;width:10px;height:10px;margin: 0 4px;text-indent: -999em;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s; background-color:#bababa;}
.dots li.active {background:#f75008;opacity: 1;}
.en-es { top: 20px;position: fixed;right: 30px;z-index: 2001;font-family: "Open Sans",Arial,sans-serif;}
.en-es ul {background:#F36F21;border-radius:10px;padding: 3px!important;overflow: hidden;width:58px!important}
.en-es ul li{display: block;float: left;width: 23px!important}
.en-es ul li a{color: #FFFFFF;display: block;font-size: 11px;text-align: center;line-height: 16px;}
.en-es ul li.active a{ background: rgba(255, 255, 255, 0.5); border-radius: 4px;width: 23px!important}
.item ul li{float: none !important;display: inline-block;vertical-align: top;}
.item ul li{height: 290px;width: 24.4%;}
.message02 {width:100%;left: 0;right: 0;text-align: center;height:135px; position:relative;-webkit-animation:fade-in 3s;animation: fade-in 3s;color: #666;font-family:"Open Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:25px; margin-top:25px;}
.tit_01{font-size:25px;line-height: 1.2;font-family:"Open Sans",Arial,sans-serif;color:#888888;font-weight:300;}
#landing_left{width: 43%;display: inline-block;vertical-align: top;margin-right: 30px;margin-bottom: 20px;text-align: left;margin-top:50px;font-family:"Open Sans",Arial,sans-serif; color:#888888; font-weight:200;}
#landing_left span{color: red;}
#landing_right{width: 43%;display: inline-block;vertical-align: top;margin-bottom: 20px;text-align: left;margin-top: 50px;}
.landing {padding-top:72px;}
.landing-container{text-align: center;}
.line_form02 {width: 90px;}
.landing .carousel-control {top: -200px;}
.carousel-control.right {left:0px;right:0px; float:right;}
.carousel-control.left {left:0px;right:0px; float:left;}
/*
/* RESPONSIVE CSS
-------------------------------------------------- */
@media screen and (min-width: 1070px){.container {width:1170px;}}
@media screen and (min-width: 1024px){
.livevideo {height:478px;}
#rotador_2 { width:100%!important;}
.featurette {width: 100%!important;padding: 5px!important;margin-top: 45px;}
.portfolio li {width: 301px;}
.casos_exito{
height: auto !important;
}
#container-casos .featurette{
width: 100%;
padding: 10px 0 0 0;
}
.servicios li{margin: 0;}
.banner-animated img{left: 0;right: 0;margin-right: auto;margin-left: auto;width: 85%;}
.prev, .next{display: none;}
.landing .carousel-control {top: 260px;}
.featurette{width: 90%;padding: 5px 5%;}
.nav{margin-right: 50px !important;}
}
.flip-container,.back{
    display: inline-block;
    position: relative;
    width: 25%!important;
    height: 251px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
}
.back{
    width: 100%!important;
}
@media (max-width: 980px) {
   .flip-container,.back{
    display: inline-block;
    position: relative;
    width: 40%!important;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
} 
.back{
    width: 100%!important;
    height: 218px!important;  
}

#posts .post{width: 100%!important;}
}
.livevideo {height:478px;}
.back_team{
height: auto;
}
.flip-container,.back{
    display: inline-block;
    position: relative;
    width: 50%;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
}
#rotador_1, #rotador_2{
height: auto !important;
}

.text_container {height:50%;width:92%}

.en-es{
top: auto;
bottom:10px;
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
-o-transition: top 0.5s;
-ms-transition: top 0.5s;
}
#logos_socios li{
margin: 10px 0;
}
.navbar-wrapper { 
position: static;
background: black;
}
.featurette{
text-align: center !important;
}
.pull-right{
float: none;
}
#contacto #form_2, #contacto #form_1{
margin-bottom: 20px;
display: inline-block;
float: none;
}
.right_footer, .left_footer{
text-align: center;
float: none;
display: inline-block;
margin: 0;
}
.footer{
width: 81%;
text-align: center;
}
}
@media screen and (max-width: 890px){
    .flip-container,.back{
    display: inline-block;
    position: relative;
    width: 40%!important;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
}
.back{
    width: 100%!important;
    height: 218px!important;  
}
#posts .post{width: 100%!important;}
}
#rotador_2 {
height: auto !important;
}
#rotador_2>ul{
height: 100% !important;
}
}
@media (max-width: 720px) {
    .flip-container,.back{
    display: inline-block;
    position: relative;
    width: 40%!important;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
}
.back{
    width: 100%!important;
    height: 218px!important;  
}
#posts .post{width: 100%!important;}
}
.responsive{display:block;}
.none{display:none;}


#landing_left , #landing_right{
width: 100%;
display: inline;
margin: 20px auto;
}

#landing_right .form_box{
display: inline-block;
}
#landing_left p{
margin-bottom: 20px;
padding: 0 10px;
}
}
@media (max-width: 480px) {
    .flip-container,.back{
    display: inline-block;
    position: relative;
    width: 90%!important;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
}
#posts .post{width: 100%!important;}
}
.casos_exito{
overflow: hidden;
width: 100%;
height: auto !important;
}
.casos_exito>ul{
height: auto !important;
}
#rotador_2 {
overflow: hidden;
width: 100%;
height: auto !important; /*1200px !important;*/
}
#rotador_2>ul{
width: 200%;
position: relative;
left: 0%;
height: auto !important;
}
.carousel-control{
display: none;
}
.landing .carousel-control {
top: 140px;
}
#logos_socios li{
width: 100%;
}
.form_box{
width: 100%;
}
.featurette-image.pull-right{
margin: 0;
}
.pull-right{
width: 75%;
}

@media (max-width:640px) {
    .flip-container,.back{
    display: inline-block;
    position: relative;
    width: 90%!important;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    margin: 5px;
}#posts .post{width: 100%!important;}
}
.responsive{display:block;}.none{display:none;}
}
.footer{text-align: center;}
.banner-caption{padding: 0;width: 100%;}
.title-section{width: 95%;}
.title-section h2 {line-height: 1;}
#Enviar_form{width: 100px;}
#suscriber input, #suscriber #send_suscriber{display: inline-block;float: none;}
#map {height: 700px;transition: opacity 2s;-webkit-transition: opacity 2s;-moz-transition: opacity 2s;-o-transition: opacity 2s;-ms-transition: opacity 2s;}
.form_box02 {width: 407px;}
.franja_socios {margin-bottom: 50px;padding-bottom: 32px;padding-top: 35px;height: 440px;}
.footer_form li {border-right: 1px solid #CECDC8;color: #FFFFFF;display: inline-block;float: left;font-family: "Open Sans",Arial,sans-serif;font-size: 12px;font-weight: 300;padding: 0 3px;}
#Enviar_form {width: 124px;}}
.fade-in {
animation-name: reset, fade-in;
animation-duration: 3s;
animation-timing-function: ease-in;
animation-iteration-count: 1;
}

.fade-in.one {animation-delay: 0, 0;}
.fade-in.two {animation-delay: 0, 1s;}
.fade-in.three {animation-delay: 0, 1.5s;}
.fade-in.four {animation-delay: 0, 2s;}
.fade-in.five {animation-delay: 0, 3s;}

@keyframes reset {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}

@keyframes fade-in {
0% {
opacity: 0;
}
60% {
opacity: 0;
}
100% {
opacity: 1;
}
}

@-webkit-keyframes fadeInOut {
0% {
opacity: 0;
top: -.5em;
}
25% {
opacity: 1;
top: 0;
}
75% {
opacity: 0;
top: .5em;
}
100% {
opacity: 0;
top: .5em;
}
}
@keyframes fadeInOut {
0% {
opacity: 0;
top: -.5em;
}
25% {
opacity: 1;
top: 0;
}
75% {
opacity: 0;
top: .5em;
}
100% {
opacity: 0;
top: .5em;
}
}

 /*1200px !important; @-webkit-keyframes scaleUp {
    60% { -webkit-transform: scale(0,0); }
    100% {width: 24%; -webkit-transform: scale(1,1); 
    transition: all 0.25s ease-in-out 0s;}
}
@-webkit-keyframes scaleDown {
    0% { -webkit-transform: scale(1,1);}
    100% { width: 24%; -webkit-transform: scale(0,0);
    transition: all 0.25s ease-in-out 0s; }
}
@-moz-keyframes scaleUp {
    60% { -moz-transform: scale(0,0); }
    100% { width: 24%; -moz-transform: scale(1,1);
    transition: all 0.25s ease-in-out 0s; }
}
@-moz-keyframes scaleDown {
    0% { -moz-transform: scale(1,1);}
    100% { width: 24%; -moz-transform: scale(0,0);
    transition: all 0.25s ease-in-out 0s; }
}
@-o-keyframes scaleUp {
    60% { -o-transform: scale(0,0); }
    100% { width: 24%;-o-transform: scale(1,1); 
    transition: all 0.25s ease-in-out 0s;}
}
@-o-keyframes scaleDown {
    0% { -o-transform: scale(1,1);}
    100% { width: 24%; -o-transform: scale(0,0);
    transition: all 0.25s ease-in-out 0s; }
}
@-ms-keyframes scaleUp {
    60% { -ms-transform: scale(0,0); }
    100% { width: 24%; -ms-transform: scale(1,1);
    transition: all 0.25s ease-in-out 0s; }
}
@-ms-keyframes scaleDown {
    0% { -ms-transform: scale(1,1);}
    100% { width:24%; -ms-transform: scale(0,0);
    transition: all 0.25s ease-in-out 0s; }
}
@keyframes scaleUp {
    60% { transform: scale(0,0); }
    100% {width: 24%; transform: scale(1,1);
    transition: all 0.25s ease-in-out 0s; }
}
@keyframes scaleDown {
    0% { transform: scale(1,1);}
    100% { width: 24%; transform: scale(0,0); 
    transition: all 0.25s ease-in-out 0s;}
}*/