/*
Theme Name: TECNOM
Theme URI: http://www.tecnom.com.ar
Description: Template personalizado de Wordpress
Author: Federico Higashino para Estudio Demaro
Version: 1.0
*/

/* Bootstrap styles overrides */

*:hover, *:focus {
outline: 0!important;
}

.row {
margin-left: -1rem;
margin-right: -1rem;
}

.container {
padding-right: 1rem;
padding-left: 1rem;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-right: 1rem;
padding-left: 1rem;
}

.col-sm-5 {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%
}

@media (min-width: 768px) {
.container {
width: auto;
}
}

@media (min-width: 1024px) {
.container {
width: auto;
}
}

@media (min-width: 1200px) {
.container {
max-width: 1220px;
}

.container.container-narrow {
max-width: 780px;
}

.container.container-narrow-2 {
max-width: 860px;
}

}

.dropdown-menu {
margin:.5em 0 0;
padding:0;
border-radius:0;
border:0 none
}

.dropdown-menu>li>a {
padding: .75em 1em;
}

.dropdown:hover {
cursor:pointer
}

.dropdown-menu .divider {
margin: 0;
}

.uppercase {
text-transform:uppercase
}

strong {
font-weight:bold
}

.btn {
font-size:16px;
text-transform:uppercase;
transition: all .25s;
transition: all .25s;
transition: all .25s, all .25s;
}

.btn-bold {
font-weight:600;
}

.btn-lg, .btn {
padding: 8px 2em;
}

.btn-sm {
padding: 4px 2em;
font-size:14px
}

.btn-xsm {
padding: 5px 0;
font-size: 12px;
}

.btn-xsm .ion {
font-size: 16px;
}

.btn-xsm span {
display: inline-block;
vertical-align: top;
line-height: 1;
padding-top: 2px;
font-size: 11px;
}

.btn.btn-outline {
background:none
}

.btn.btn-outline-red {
color:#FF0C3E;
border-color:#FF0C3E;
background-color:transparent
}

.btn.btn-outline-red:hover {
color:#FFF;
background-color:#FF0C3E
}

.btn.btn-outline-white {
color:#FFF;
border-color:#FFF
}

.btn.btn-outline-white:hover {
color:#555;
background-color:#FFF
}

.btn.btn-outline-black {
color:#000;
border-color:#000
}

.btn.btn-outline-black:hover {
color:#FFF;
background-color:#000
}

.btn:hover, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, button:hover, button:focus, button:active {
outline:none!important;
-webkit-box-shadow:none;
box-shadow:none
}

.btn-primary {
color: #fff;
background-color: #54b0a7;
border-color: #54b0a7;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
color: #fff;
background-color: #333;
border-color: #333;
}

.btn-primary.btn.disabled, .btn-primary.btn[disabled] {
background-color:#999;
border-color:#999
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #000;
border-color: #000;
}

.navbar {
min-height: 0;
margin-bottom: 0;
border: 0 none;
border-bottom: 1px solid rgba(0,0,0,.15);
}

#header {
background-color:#FFF
}

#header.top-header {
background-color:transparent;
border-bottom:1px solid transparent;
}

.navbar-nav a {
color:#00283d;
text-transform: uppercase;
}

.top-header .navbar-nav a {
color:#00283d;
}

.top-header .navbar-nav a:hover {
color:#3fa2ae;
}

.top-header.header-black .navbar-nav a, .top-header .navbar-nav .dropdown-menu>li>a {
color:#000;
}

.top-header .navbar-nav .dropdown-menu>li>a:hover, .navbar-nav a:hover, .navbar-nav .active a, .top-header.header-black .navbar-nav a:hover, .top-header.header-black .navbar-nav .active a {
color:#00a2da
}

.navbar-nav>li>a {
padding-top: 23px;
padding-bottom: 23px;
-webkit-transition: all .25s;
transition: all .25s;
transition: all .25s;
transition: all .25s, all .25s;
font-weight:bold;
}

.top-header .navbar-nav>li>a {
padding:20px 12px
}

#header .dropdown-menu:before {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #f7fafa;
content:'';
position: absolute;
top: -10px;
left: 50%;
margin-left: -20px;
}

.navbar a.btn {
padding: 5px 1em;
text-transform: none;
margin:14px 0;
font-weight:600;
float:right
}

.navbar-header {
float: right;
}

.navbar nav {
float:right
}

.navbar-nav li {
display:inline-block
}

.nav>li>a:focus, .nav>li>a:hover {
color:#00a2da;
background-color:transparent
}

.navbar-toggle {
float: right;
display: none;
margin-top: 17px;
margin-right: .5rem;
margin-bottom: 0;
transition: all .25s;
transition: all .25s;
transition: all .25s, all .25s;
}

.top-header .navbar-toggle {
margin-top: 16px;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
margin-right: 0;
margin-left: 0;
}

.navbar-collapse.collapse {
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important;
}

.navbar-toggle .icon-bar {
background-color: #00283d;
}

.top-header .navbar-toggle .icon-bar {
background-color: #00283d;
}

nav#bs-navbar {
float: right;
margin: 0px 155px 0 0;
width: auto;
text-align: center;
padding-top: 0;
-webkit-transition: all .25s;
transition: all .25s;
transition: all .25s;
transition: all .25s, all .25s;
}

.top-header nav#bs-navbar {
padding-top: 12px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent
}

.top-header .navbar-nav .dropdown-menu>.active>a, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #00a2da;
    background-color: transparent;
    border-color:#00a2da
}


/*!
 * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
 */
.dropdown .dropdown-menu .caret{border:4px solid transparent;border-left-color:#000;float:right;margin-top:6px}.dropdown-menu{min-width:0}.dropdown-menu > li.open > a{background-color:#F5F5F5;color:#262626;text-decoration:none}.dropdown-menu .dropdown-menu{left:100%;margin:0;right:auto;top:-1px}.dropdown-menu-right .dropdown-menu,.navbar-right .dropdown-menu .dropdown-menu,.pull-right .dropdown-menu .dropdown-menu{left:auto;right:100%}.dropdown-menu.animated{-webkit-animation-duration:0.3s;animation-duration:0.3s}.dropdown-menu.animated:before{content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:99}.dropdownhover-top{margin-bottom:2px;margin-top:0}.navbar-fixed-bottom .dropdown-menu .dropdown-menu,.dropdownhover-top .dropdown-menu{bottom:-1px;top:auto}.navbar-nav > li > .dropdown-menu{margin-bottom:0}.dropdownhover-bottom{-webkit-transform-origin:50% 0;transform-origin:50% 0}.dropdownhover-left{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.dropdownhover-right{-webkit-transform-origin:0 50%;transform-origin:0 50%}.dropdownhover-top{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}


.is-hidden .open>.dropdown-menu {
    display: none;
}

#header .dropdown.open>a {
    color: #00a2da;
}

#header .dropdown-menu {
	min-width: 690px;
    left: -285px;
    padding: 40px 50px;
    background-color:#f7fafa
}

.dropdown-menu>li>a {
    display: block;
    padding: 45px 0;
    clear: none;
    font-weight: 400;
    line-height: 1.25;
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    height: 110px;
    width: 115px;
    text-align: center;
}

.dropdown-menu>li>a:hover {
	border-color:#00a2da;
	color:#00a2da;
	background-color:transparent
}

.open .ion-chevron-down:before {
    content: "\f126";
}



/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* @group CLEARFIX */
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}

.clearfix:after {
clear: both;
}

* {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
}

*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


/* GENERAL */

body {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position:relative;
color:#000
}

a {
color:#000;
text-decoration: none
}

a:hover, a:focus, a:active {
color:#00a2da;
text-decoration: none
}

#header {
z-index:9999
}

#header .container {
position:relative
}

#logo {
float:left;
text-indent: -9999px;
width:260px;
height:34px;
background-size:100px;
margin:16px 0;
-webkit-transition: all .25s;
transition: all .25s;
transition: all .25s;
background-image:url(images/logo.png);
background-size:260px;
background-repeat: no-repeat;
background-position:center top;
transition: all .25s, all .25s;
}

#logo a {
display:block;
width:100%;
height:100%
}

.top-header #logo {
width:260px;
height:34px;
background-size:260px;
margin:25px 0
}

h1 {
font-size:34px;
line-height: 1.125;
}

h2 {
font-size:24px;
line-height: 1.125;
}

h3 {
font-size:20px;
line-height:1.25;
margin-bottom:1em;
padding-top:1rem
}

.color-white {
color:#FFF
}

p, ul, ol {
line-height: 1.375;
margin-bottom: 1em;
}

ol, ul {
list-style: none;
margin-left: 0;
padding: 0;
}

ul.social {
position:absolute;
right:1rem;
top:21px;
margin-bottom:0;
-webkit-transition: all .25s;
transition: all .25s;
transition: all .25s;
transition: all .25s, all .25s;
}

.top-header ul.social {
top:28px;
}

ul.social li {
display:inline-block;
margin-left:1em;
text-align:center
}

ul.social a {
color:#000;
display:block;
font-size:22px;
min-width:20px;
}

.top-header ul.social a {
color:#00283d
}

ul.social a:hover, .top-header ul.social a:hover {
color:#00a2da
}

.home .hero {
padding: 84px 0 0;
margin-top: -84px;
position:relative
}

.hero h2 {
font-size:48px;
line-height:1;
font-weight:600;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.hero p.hero-txt {
margin-bottom:0;
font-size:22px;
line-height:1;
margin-top:1rem
}

.hero a.btn {
margin-top:3em
}

.hero ul, .hero li {
height:640px;
overflow:hidden
}

.hero-container {
min-height:640px;
overflow:hidden
}

.hero ul {
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}

.hero li {
width:100%;
padding:260px 0 30px;
position:relative;
color:#FFF
}

.hero-container {
width:100%;
padding:260px 0 30px;
position:relative;
color:#FFF
}

.hero ul {
margin-bottom:0
}

.container-narrow {
max-width:780px
}

footer {
background-color:#00283c;
color:#FFF;
padding:3em 0;
}

footer p, footer ul {
line-height:1.5;
margin-bottom:0;
}

footer a {
color:#43a1ac;
margin:0 .75em;
display:inline-block;
padding:.5em .25em;
}

footer a:hover {
color:#43a1ac
}

.logo-footer {
text-indent: -9999px;
display: inline-block;
background:url(images/logo.png) no-repeat center;
    width: 260px;
    height: 34px;
    background-size: 260px;
    background-position:center bottom;
    margin-bottom:1.5em;
}

.cd-auto-hide-header {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 67px;
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
-webkit-transition: all .25s;
transition: all .25s;
transition: all .25s;
transition: all .25s, all .25s;
}
.cd-auto-hide-header::after {
clear: both;
content: "";
display: block;
}
.cd-auto-hide-header.is-hidden {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}

.cd-auto-hide-header.top-header {
height: 67px;
}

@media only screen and (max-width: 1023px) {
.cd-auto-hide-header.top-header {
    height: 85px;
}
}

@media only screen and (max-width: 767px) {
.cd-auto-hide-header.top-header {
    height: 48px;
}

.cd-auto-hide-header {
height: 48px;
}

}



/* HOME */

.home .hero li .col-md-5 {
padding-top: 100px;
transition: all .25s;
transition: all .25s;
transition: all .25s;
opacity:0
}

.home .hero li.cycle-slide-active .col-md-5 {
padding-top: 0;
opacity:1
}

#prevslide, #nextslide {
position:absolute;
top:50%;
margin-top:-15px;
z-index:120;
color:#FFF;
font-size:36px;
cursor:pointer;
padding:1em .5em
}

#prevslide:hover, #nextslide:hover {
color:#00a2da;
}

#prevslide {
left:0;
}

#nextslide {
right:0;
}

main h2 {
color:#43a0ab;
font-weight:bold;
text-align:center;
text-transform:uppercase;
font-size:1.375em;
margin-bottom:1.25em;
}

main .destacado h2 {
color:#FFF
}

main .container {
max-width:900px;
}

strong {
font-weight:600;
}

main {
font-size:20px;
padding-top:2em;
}

main section {
padding-top:3em;
padding-bottom:4em;
}

main img {
width:100%;
max-width:100%;
height:auto;
margin:1.5em 0 0;
}

.destacado {
padding:1.5em;
color:#FFF;
background-color:#43a0ab;
margin:1.5em 0 2em;
}

.destacado.no-margin {
margin:0
}

.destacado ul {
margin-bottom:0;
}

.destacado li {
margin-bottom:1em;
}

.destacado ul>li:last-child {
margin-bottom:0;
}

.color {
color:#43a0ab;
}

.ausp img {
max-width:200px;
height:auto;
margin-bottom:10px;
}

footer .ion {
font-size:1.5em;
vertical-align: middle;
display:inline-block;
margin-right:5px;
}

footer a span {
display:inline-block;
vertical-align: middle
}

#servicios ul, .destacado ul {
list-style-type: disc;
list-style-position: outside;
margin-left: 2rem;
}

#servicios ul li, .destacado ul li {
margin-bottom:.5rem
}

h3 {
font-weight:bold;
color:#43a0ab;
}

.mb {
margin-bottom:3rem
}




/* Media Queries */

@media (max-width:1279px) {
.hero ul, .hero li {
height:580px;
}

.hero-container {
min-height:580px;
}

.hero li, .hero-container {
padding-top:220px;
}



}


@media (max-width:1023px) {

.hero h2 {
    font-size: 38px;
}

.hero li, .hero-container {
    padding: 190px 0 30px;
}

.hero ul, .hero li {
    height: 480px;
}

.hero-container {
    min-height: 480px;
}

.hero a.btn {
    margin-top: 2em;
}


nav#bs-navbar {
background-color:#FFF;
}

.navbar-nav>li>a {
    padding-top: 24px;
    padding-bottom: 23px;
}

#header .dropdown-menu {
    position: relative;
    top: 0!important;
    left: 0!important;
    float: none;
    display:none!important;
    background-color:transparent;
    padding:0
}

#header .open .dropdown-menu {
    display:block!important
}

#header .dropdown-menu:before {
    display:none
}

.navbar-nav li {
    display: block;
}

#header.open-nav {
background-color:#FFF;
}

#header .container {
padding:0
}

#logo, .top-header #logo {
margin: 16px 1rem;
}

.open-nav #logo, .open-nav.top-header #logo {
background-image: url(images/logo.png);
}

.top-header ul.social {
    top: 0;
}

.navbar-toggle {
display: block;
}

.open-nav .navbar-nav a {
    text-transform: uppercase;
}

.top-header .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

nav#bs-navbar {
padding-top: 0;
clear: both;
text-align: left;
float:none;
width: auto;
margin: 0;
background-color:#FFF
border-top: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #DDD;
}

.top-header nav#bs-navbar {
    padding-top: 0;
}

.navbar-collapse.collapse {
display:none!important
}

.navbar-collapse.collapse.in {
display:block!important
}

.is-hidden .navbar-collapse.collapse.in {
display:none!important
}

.navbar-nav {
float: none;
margin: 0;
}

.navbar-nav>li {
float: none;
display:block
}

.navbar-nav>li>a {
padding: 10px 1rem;
}

.navbar-nav>li li>a, .navbar-nav .open .dropdown-menu>li>a {
padding: 10px 50px;
width: auto;
height: auto;
color: #FFF;
text-align: left;
border: 0 none;
line-height: 20px;
}

#header ul.social {
position: relative;
right: auto;
top: 0;
margin:10px 1rem 0;
padding-bottom:20px;
}

#header ul.social li {
margin-left: 0;
margin-right:.5em;
}

#header ul.social a {
}

.navbar-nav>li li>a:hover, .navbar-nav .open .dropdown-menu>li>a:hover, ul.social a:hover {
color:#00a2da
}


}



@media (max-width:767px) {

.mb {
margin-bottom:2rem
}

.col-sm-5 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}

main {
font-size:17px;
padding-top:1em;
}

.ausp img {
max-width:160px;
margin-bottom:10px;
}

#logo, .top-header #logo {
    margin: 14px 1rem;
}

nav#bs-navbar {
  width: 100%;
  padding: 0;
}

.top-header nav#bs-navbar {
    padding: 0;
}

main section {
padding-top:2em;
padding-bottom:3em;
}

#prevslide, #nextslide {
position:relative;
top:auto;
margin-top:0;
padding:0 .5em
}

#prevslide {
left:0;
}

#nextslide {
right:0;
}

#slide-controls {
position:absolute;
bottom:1em;
left:0;
right:0;
width:100%;
}

h2 {
  font-size:20px
}

.home .hero ul li:before {
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,.25)
}

.hero ul, .hero li {
    height: 340px;
    overflow: hidden;
}

.hero-container {
    min-height: 340px;
    overflow: hidden;
}

.hero li, .hero-container {
    padding: 140px 0 30px;
}

#header ul.social {
position: relative;
right: auto;
top: 0;
margin:10px 10px 0;
padding-bottom:20px;
}

.navbar-nav {
margin: 0;
}

.top-header #logo, #logo {
    width: 150px;
    height: 20px;
    background: url(images/logo.png) no-repeat center top;
    background-size: 150px;
    margin: 12px 1rem;
}

.navbar-toggle, .top-header .navbar-toggle {
margin-top: 6px;
}

.navbar-nav>li>a, .top-header .navbar-nav>li>a {
padding: .5em 1rem;
}

.hero p.hero-txt {
    font-size: 18px;
}

.hero h2 {
    font-size: 30px;
}

}


@media (max-width:560px) {

body {
font-size:14px;
}

h1 {
    font-size: 26px;
    line-height: 1.125;
}

h3 {
    font-size: 1.125rem;
}

.article-txt {
    font-size: 14px;
    font-weight: 300;
}

.logo-footer {
    width: 184px;
    height: 24px;
    background-size: 184px;
}

footer p {
text-align:center;
}

footer a {
display: block;
    vertical-align: middle;
    line-height: 1.5;
}

footer span {
display:block;
margin-bottom:.5em;
}

footer .ion {
    font-size: 1.75em;
}

main section {
    padding-bottom: 2em;
}

}


@media (max-width:480px) {

.hero li, .hero-container {
    padding: 130px 0 30px;
}

.hero h2 {
    font-size: 24px;
}

}