@charset "utf-8";
/* CSS Document */

/*Fonts*/

@font-face {/*font-family: 'AvantGardeLT Book', sans-serif;*/
    font-family: "AvantGardeLT Book";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/AvantGardeLT-Book.eot?#iefix") format("eot"), 
	url("fonts/AvantGardeLT-Book.woff") format("woff"), 
	url("fonts/AvantGardeLT-Book.woff2") format("woff2"), 
	url("fonts/AvantGardeLT-Book.ttf") format("truetype"), 
	url("fonts/AvantGardeLT-Book.svg") format("svg");
}

@font-face {/*font-family: 'NATS', sans-serif;*/
    font-family: "NATS";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/NATS.eot?#iefix") format("eot"), 
	url("fonts/NATS.woff") format("woff"), 
	url("fonts/NATS.woff2") format("woff2"), 
	url("fonts/NATS.ttf") format("truetype"), 
	url("fonts/NATS.svg") format("svg");
}
@font-face {/*font-family: 'AlexBrush Regular', sans-serif;*/
    font-family: "AlexBrush Regular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/AlexBrush-Regular.eot?#iefix") format("eot"), 
	url("fonts/AlexBrush-Regular.woff") format("woff"), 
	url("fonts/AlexBrush-Regular.woff2") format("woff2"), 
	url("fonts/AlexBrush-Regular.ttf") format("truetype"), 
	url("fonts/AlexBrush-Regular.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Black', sans-serif;*/
    font-family: "Raleway Black";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Raleway-Black.eot?#iefix") format("eot"), 
	url("fonts/Raleway-Black.woff") format("woff"), 
	url("fonts/Raleway-Black.woff2") format("woff2"), 
	url("fonts/Raleway-Black.ttf") format("truetype"), 
	url("fonts/Raleway-Black.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Black Italic', sans-serif;*/
    font-family: "Raleway Black Italic";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/Raleway-BlackItalic.eot?#iefix") format("eot"), 
	url("fonts/Raleway-BlackItalic.woff") format("woff"), 
	url("fonts/Raleway-BlackItalic.woff2") format("woff2"), 
	url("fonts/Raleway-BlackItalic.ttf") format("truetype"), 
	url("fonts/Raleway-BlackItalic.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Bold', sans-serif;*/
    font-family: "Raleway Bold";
    font-style: normal;
    font-weight: bold;
    src: url("fonts/Raleway-Bold.eot?#iefix") format("eot"), 
	url("fonts/Raleway-Bold.woff") format("woff"), 
	url("fonts/Raleway-Bold.woff2") format("woff2"), 
	url("fonts/Raleway-Bold.ttf") format("truetype"), 
	url("fonts/Raleway-Bold.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Bold Italic', sans-serif;*/
    font-family: "Raleway Bold Italic";
    font-style: italic;
    font-weight: bold;
    src: url("fonts/Raleway-BoldItalic.eot?#iefix") format("eot"), 
	url("fonts/Raleway-BoldItalic.woff") format("woff"), 
	url("fonts/Raleway-BoldItalic.woff2") format("woff2"), 
	url("fonts/Raleway-BoldItalic.ttf") format("truetype"), 
	url("fonts/Raleway-BoldItalic.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Extra Bold', sans-serif;*/
    font-family: "Raleway-ExtraBold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Raleway-ExtraBold.eot?#iefix") format("eot"), 
	url("fonts/Raleway-ExtraBold.woff") format("woff"), 
	url("fonts/Raleway-ExtraBold.woff2") format("woff2"), 
	url("fonts/Raleway-ExtraBold.ttf") format("truetype"), 
	url("fonts/Raleway-ExtraBold.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Extra Bold Italic', sans-serif;*/
    font-family: "Raleway Extra Bold Italic";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/Raleway-ExtraBoldItalic.eot?#iefix") format("eot"), 
	url("fonts/Raleway-ExtraBoldItalic.woff") format("woff"), 
	url("fonts/Raleway-ExtraBoldItalic.woff2") format("woff2"), 
	url("fonts/Raleway-ExtraBoldItalic.ttf") format("truetype"), 
	url("fonts/Raleway-ExtraBoldItalic.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Extra Light', sans-serif;*/
    font-family: "Raleway Extra Light";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Raleway-ExtraLight.eot?#iefix") format("eot"), 
	url("fonts/Raleway-ExtraLight.woff") format("woff"), 
	url("fonts/Raleway-ExtraLight.woff2") format("woff2"), 
	url("fonts/Raleway-ExtraLight.ttf") format("truetype"), 
	url("fonts/Raleway-ExtraLight.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Italic', sans-serif;*/
    font-family: "Raleway Italic";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/Raleway-Italic.eot?#iefix") format("eot"), 
	url("fonts/Raleway-Italic.woff") format("woff"), 
	url("fonts/Raleway-Italic.woff2") format("woff2"), 
	url("fonts/Raleway-Italic.ttf") format("truetype"), 
	url("fonts/Raleway-Italic.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Light', sans-serif;*/
    font-family: "Raleway Light";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Raleway-Light.eot?#iefix") format("eot"), 
	url("fonts/Raleway-Light.woff") format("woff"), 
	url("fonts/Raleway-Light.woff2") format("woff2"), 
	url("fonts/Raleway-Light.ttf") format("truetype"), 
	url("fonts/Raleway-Light.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Light Italic', sans-serif;*/
    font-family: "Raleway Light Italic";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/Raleway-LightItalic.eot?#iefix") format("eot"), 
	url("fonts/Raleway-LightItalic.woff") format("woff"), 
	url("fonts/Raleway-LightItalic.woff2") format("woff2"), 
	url("fonts/Raleway-LightItalic.ttf") format("truetype"), 
	url("fonts/Raleway-LightItalic.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Medium', sans-serif;*/
    font-family: "Raleway Medium";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Raleway-Medium.eot?#iefix") format("eot"), 
	url("fonts/Raleway-Medium.woff") format("woff"), 
	url("fonts/Raleway-Medium.woff2") format("woff2"), 
	url("fonts/Raleway-Medium.ttf") format("truetype"), 
	url("fonts/Raleway-Medium.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Medium Italic', sans-serif;*/
    font-family: "Raleway Medium Italic";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/Raleway-MediumItalic.eot?#iefix") format("eot"), 
	url("fonts/Raleway-MediumItalic.woff") format("woff"), 
	url("fonts/Raleway-MediumItalic.woff2") format("woff2"), 
	url("fonts/Raleway-MediumItalic.ttf") format("truetype"), 
	url("fonts/Raleway-MediumItalic.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Regular', sans-serif;*/
    font-family: "Raleway Regular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Raleway-Regular.eot?#iefix") format("eot"), 
	url("fonts/Raleway-Regular.woff") format("woff"), 
	url("fonts/Raleway-Regular.woff2") format("woff2"), 
	url("fonts/Raleway-Regular.ttf") format("truetype"), 
	url("fonts/Raleway-Regular.svg") format("svg");
}
@font-face {/*font-family: 'Raleway SemiBold', sans-serif;*/
    font-family: "Raleway SemiBold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Raleway-SemiBold.eot?#iefix") format("eot"), 
	url("fonts/Raleway-SemiBold.woff") format("woff"), 
	url("fonts/Raleway-SemiBold.woff2") format("woff2"), 
	url("fonts/Raleway-SemiBold.ttf") format("truetype"), 
	url("fonts/Raleway-SemiBold.svg") format("svg");
}
@font-face {/*font-family: 'Raleway SemiBold Italic', sans-serif;*/
    font-family: "Raleway SemiBold Italic";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/Raleway-SemiBoldItalic.eot?#iefix") format("eot"), 
	url("fonts/Raleway-SemiBoldItalic.woff") format("woff"), 
	url("fonts/Raleway-SemiBoldItalic.woff2") format("woff2"), 
	url("fonts/Raleway-SemiBoldItalic.ttf") format("truetype"), 
	url("fonts/Raleway-SemiBoldItalic.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Thin', sans-serif;*/
    font-family: "Raleway Thin";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Raleway-Thin.eot?#iefix") format("eot"), 
	url("fonts/Raleway-Thin.woff") format("woff"), 
	url("fonts/Raleway-Thin.woff2") format("woff2"), 
	url("fonts/Raleway-Thin.ttf") format("truetype"), 
	url("fonts/Raleway-Thin.svg") format("svg");
}
@font-face {/*font-family: 'Raleway Thin Italic', sans-serif;*/
    font-family: "Raleway Thin Italic";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/Raleway-ThinItalic.eot?#iefix") format("eot"), 
	url("fonts/Raleway-ThinItalic.woff") format("woff"), 
	url("fonts/Raleway-ThinItalic.woff2") format("woff2"), 
	url("fonts/Raleway-ThinItalic.ttf") format("truetype"), 
	url("fonts/Raleway-ThinItalic.svg") format("svg");
}
@font-face {/*font-family: 'NATS', sans-serif;*/
    font-family: "NATS";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/NATS.eot?#iefix") format("eot"), 
	url("fonts/NATS.woff") format("woff"), 
	url("fonts/NATS.woff2") format("woff2"), 
	url("fonts/NATS.ttf") format("truetype"), 
	url("fonts/NATS.svg") format("svg");
}
@font-face {/*font-family: 'Squada One', cursive;*/
    font-family: "Squada One";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/SquadaOne-Regular.eot?#iefix") format("eot"), 
	url("fonts/SquadaOne-Regular.woff") format("woff"), 
	url("fonts/SquadaOne-Regular.woff2") format("woff2"), 
	url("fonts/SquadaOne-Regular.ttf") format("truetype"), 
	url("fonts/SquadaOne-Regular.svg") format("svg");
}

/*Estilos Generales*/

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0;}
html,body {margin:0; padding:0; font-family: 'AvantGardeLT Book', sans-serif; font-weight:normal; color:#7f8084;}
a{text-decoration:none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
b,strong{font-weight:bold;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
.float-left {float:left;}
.float-right {float:right;}
.float-none {float:none;}
.width-auto {width:0 auto;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-justify {text-align:justify;}
.clearfix {clear:both;}
.list {list-style:outside none;}
.responsive {width:100%; height:100%;}
.invisible{visibility:hidden}
.hidden{display:none!important;visibility:hidden!important}
.center-block{display:block;margin-left:auto;margin-right:auto}
.cover {background-size:cover;}
h1, h2, h3, h4, h5 {margin-bottom:5px;}
p {line-height:140%; margin-bottom:5px;}
.overflow {overflow:hidden;}
img {border:0; vertical-align:middle;}
.margin-auto {margin: 0 auto;}
.margin-cero {margin: 0;}

/*Secciones Offset*/

.secciones{ position:absolute; top:100px;}
#home {top:0px; position:relative;}
.home {top:240px; position:relative; overflow:hidden;}
#bienvenidos {top:-240px; position:relative;}
.bienvenidos {top:0px; position:relative;}
#campanasdigitales {top:0px; position:relative;}
.campanasdigitales {top:240px; position:relative; overflow:hidden;}
#productos {top:0px; position:relative;}
.productos {top:300px; position:relative; overflow:hidden;}
#elcontacto {top:-40px; position:relative;}
.elcontacto {top:240px; position:relative;}
#footer {top:160px; position:relative;}
.footer {top:160px; position:relative;}

/*Font Size*/

.gigalarge{font-size:400%;}
.extralarge{font-size:320%;}
.mediumlarge{font-size:240%;}
.large{font-size:180%;}
.medium{font-size:180%;}
.normal{font-size:120%;}
.menupersonalizado{font-size:130%;}
.personalizado{font-size:120%;}
.small{font-size:97%;}
.extrasmall{font-size:87%;}

/*Columnas*/

.container{margin: 0 auto; width:67%;}
.fullwidth{width:100%; /*overflow:hidden;*/}
.row{margin-left:-15px; margin-right:-15px}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;} 
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float:left;}
.col1{width:8.33333333%}
.col2{width:17.66666667%}
.col3{width:25%}
.col4{width:33.33333333%}
.col5{width:41.66666667%}
.col6{width:50%}
.col7{width:58.33333333%;}
.col8{width:66.66666667%}
.col9{width:75%}
.col10{width:83.33333333%}
.col11{width:91.66666667%}
.col12{width:100%}

/* Padding Secciones */

.home .col12{padding-top: 10px; padding-bottom: 10px; overflow:hidden;}
.losservicios .col12{padding-top: 10px; padding-bottom: 10px; overflow:hidden;}
.clientes .col12{padding-top: 10px; padding-bottom: 10px; /*overflow:hidden;*/}
.campanasdigitales .col12{padding-top: 10px; padding-bottom: 10px; /*overflow:hidden;*/}
.elcontacto .col12{padding-top: 10px; padding-bottom: 10px; overflow:hidden;}

/*Scroll*/

.scroll-to-top{-webkit-transition:all .3s; -moz-transition:all .3s;transition:all .3s; background:#000; border-radius:0px 0; bottom:10px; color:#fff;display:block; height:9px; opacity:0; padding:13px 0 35px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:999; border: solid 1px white;}
.scroll-to-top:hover{filter: alpha(opacity=100);opacity:1}
.scroll-to-top.visible{filter: alpha(opacity=75);opacity:.75}

/*Colores*/

.bg-white {background-color:white;}
.bg-dark {background-color:#333;}
.bg-grey {background-color:#ececec;}
.bg-sky {background:#2aa1c8;}

.bg-green {background:#83c74c;}
.bg-blue {background:#1b70a8;}
.bg-violet {background:#b142a6;}
.bg-orange {background:#fe5e44;}
.bg-yellow {background:#fcc12c;}

.color-white {color:white;}
.color-black {color:black;}
.color-grey {color:#7f8084;}
.color-light-grey {color:#c3c3c5}
.color-dark {color:#333;}
.color-green {color:#83c74c;}
.color-blue {color:#1b70a8;}
.color-sky {color:#2aa1c8;}
.color-violet {color:#b142a6;}
.color-orange {color:#fe5e44;}
.color-yellow {color:#fcc12c;}

.border-white {border-left:solid 7px white;}


/*Supertop*/

.slogan {float: left; font-family: "AvantGardeLT Book",sans-serif; font-weight: normal; margin-left: 3%; text-align: left; width: 20%; margin-top:2%; letter-spacing:0.1em; border-left:solid 1px #7f8084; padding-left:3%; padding-top:1%; padding-bottom:1%;}

/*Colores Menú*/

.current {background-color: transparent!important; border-bottom: 4px solid #83c74c!important; color: #83c74c!important;}
.current a{ color: #83c74c!important;}   

hr.hr {background:#7f8084; width:100%; height:1px; border:none; margin:40px auto; float:left;}
hr.hr-black {background:#000; width:100%; height:1px; border:none; margin:3px auto; float:left;}
.menu{background:transparent;}
.menuint{background:transparent;}
.submenu{background:transparent;}
.children{background:transparent; color:#000;}
.children a{color:#000;}
.menuint a{ text-decoration:none; color:#7f8084; padding:15px 15px 17px 15px;}
header nav{background-color:#fff;}
#submenu a{color:#000;}
#submenu {color:#000;}
#btmobile{ background-color:#83c74c; color:#fff;}
#children{background-color:transparent;}
header nav ul li.current {background:transparent;}
header nav ul#menu li .children {background:transparent;}
header nav ul#menu li .children li {background:transparent;}
/*SUBMENU*/
header nav ul#menu li #big {background:transparent;}
/*SUBMENU*/
header nav ul#menu li #big li {background:transparent;}
/*CHILDREN*/
header nav ul#menu .children .submenu .children {background: transparent;}
header .container {width:70%; margin-top:2.5%; border-bottom:solid 1px #dedede; min-height:200px;}

/*Menu Desplegable*/

.menu{text-align:center; display:block; float:right; margin-top:3%; margin-right:0; border-right:solid 1px #7f8084; min-height:90px;}
.menuint{ display:inline-block;  position: relative; font-weight:400; float:left; min-height:50px; width:auto; cursor:pointer; text-align:center; line-height:59px; border-bottom:solid 1px #7f8084;}
.menuint:hover {border-bottom:solid 4px #83c74c;}
.menuinta {color:#333;}
.menuinta:hover {color:#83c74c;}
.menuint2{ display:inline-block;  position: relative;  font-weight:400; float:left; min-height:30px; width:100%; margin-left:0px; cursor:pointer; text-align:center; line-height:30px;}
.submenu{ display:inline-block;  position: relative; font-weight:400; float:left; height:30px; width:100%; cursor:pointer; text-align:left; text-indent:20px; line-height:30px; text-decoration:none;}
.submenu span.caret {margin-top:7px;}
.submenu a{text-decoration:none;}
.children{ display:inline-block;  position: relative;  font-weight:400; float:left; min-height:30px; width:100%; cursor:pointer; text-align:left; line-height:30px; padding-left:10px;}
.children:hover{background-color:rgba(255, 255, 255, 0.4)}
.children a{text-decoration:none; }
.materiales img{ width:10px; height:10px;}
header nav{text-align:center; width:100%;  margin:0 auto; position: relative; min-height: 50px;}
#submenu{ position:absolute; width:14%;display:none; margin-top:0px;}
#children{ position:absolute; /*width:430px;*/ width:16%; display:none; margin-left:0px; margin-top:0px; padding:10px;}
.fl{float:right;margin-right:2px; margin-top:7px;}
.FSM{float:right;margin-right:2px; margin-top:7px;}
#puntomenu{display:none;}
#puntosubmenu{display:none;}
#pagina{display:none;}
#btmobile{ display:none; position:absolute; top:15px; right:20px; width:35px; height:35px; cursor:pointer; font-size:140%; border:solid thin #fff; padding:5px;}
#btmobile img{ width:25px; height:25px;}
.materiales { display:inline-block; float: right; margin-right:5px; position: relative; top: 0px;}
.materiales img{padding:2px; border: solid thin white; width:17px; height:17px;}
.menu_bar {display:none;}
.menubtrs{display:none;}
nav .logo img{width:100%; vertical-align: middle;}
nav .logomob {display: none; float: left; left: 0%; padding: 0px; position: relative; text-align: left; top: 0;}
nav .logomob img{width:100%;}
nav .header-info {position: relative; float:right; top:0px; padding:20px; margin-right:10px;}
nav .header-info .datos-top{display: block; float: right; padding: 0; position: relative; text-align: right; width: 100%;}
nav .header-info .datos-top p{color:white; font-weight:400;}
.menu_bar {display:none;}
header {width: 100%; position:fixed; z-index:9; left:0; background:#fff;}
.facebook{width:30px; height:28px;}
.twitter{width:30px; height:28px;}
.instagram{width:30px; height:28px;}
.sm{width:100%; display:none; float:left;}
.ch{width:100%; display:none; float:left; height:200px; height:auto; margin-top:2px;margin-bottom:2px;}
nav .logo {left: 0%; position: relative; float:left; top:0px; text-align:left; margin-top:0; margin-bottom:0.5%; }
.menu_bar {display:none;}
header nav .bgmenu {height:100%;}
header nav ul#menu {list-style:none; margin:0 auto; position: relative; top: 0px; margin:0 auto;}
header nav ul li {position: relative; font-weight:400;}
header nav ul#menu li a {display:block; text-decoration:none; padding: 20px 20px 10px; text-transform:uppercase;}
header nav ul#menu li.current a {display:block; text-decoration:none; padding: 20px 20px 10px; text-transform:uppercase;}
header nav ul#menu li.current a:hover {display:block; text-decoration:none; padding: 20px 20px 10px; text-transform:uppercase;}
header nav ul#menu li.submenu a:hover, header nav ul#menu li.submenu a:focus {border-bottom:none;}
header nav ul#menu li a:hover {}
header nav ul#menu li a span {margin-right:10px;}
header nav ul#menu li:hover .children {display:block;}
header nav ul#menu li .children {display: none; position: absolute; width: 100%;z-index:9999; left:0px; padding:10px 0px;}
header nav ul#menu li .children li {display:block; overflow: hidden;}
header nav ul#menu li .children li a {display: block;}
header nav ul#menu li .children li a span {float: right;position: relative;top:4px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu li span.icon-arrow {font-size: 0.7em; font-weight: 700; top: -3px;}
header nav ul#menu ul.children li a{display:block; text-decoration:none; display: block;  padding: 8px; text-decoration: none;}
header nav ul#menu ul.children li a:hover {display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; }

/*SUBMENU*/
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {display: none; position: absolute; /*width: 300%;*/ width: 100%; z-index:9999; left:0px; padding:10px 0px;}
header nav ul#menu li #big li {display:block; overflow: visible!important;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%;}
header nav ul#menu ul#big li a:hover {display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none;}

/*CHILDREN*/
header nav ul#menu ul.children li:hover .children {display:block;}
header nav ul#menu .children .submenu .children {display: none; left: 200px; position: absolute; top: -10px; /*width: 90%;*/width: 250%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none}
header nav ul#menu .children .submenu .children li {float:left; clear:right; display:inline-block; /*width:50%;*/ width:50%;}

/*CHILDREN IMAGENES*/
header nav ul#menu .children .submenu .children li div.materiales { display:inline-block; float: right; margin-left: 10px; margin-right: 0; position: relative; top: 0px;}
header nav ul#menu .children .submenu .children li div.materiales img{padding:2px; border: solid thin white; width:17px; height:17px;}

/*Social*/

#redes-top {padding: 0; position: fixed; top:130px; right:0; z-index:3;}
.redes-top li {cursor:pointer; list-style:outside none; padding:5px; background:#059da2; margin:5px; border-radius:5px; text-align:center;}
.redes-top li:hover {background:#036366;}
.redes-top .icon{font-size:1.4em; color:#fff; padding:0; cursor:pointer;}
.redes-top .icon:hover{color:#fff; }

#redes-pie{clear: right; float: right; position: relative; padding: 0; right:70px; top:0px;}
.redes-pie li {display: inline-block; cursor:pointer; line-height: 1.7em;}
.redes-pie .icon{font-size:2.2em; color:#fff; padding:0 10px}
.redes-pie .icon:hover{color:#0098ce; }

/* Nuestras Camaras */
#nuestras-camaras {height: 100%; overflow: hidden; position: relative; width: 100%;}
#nuestras-camaras .titulos-slider {background: #fff none repeat scroll 0 0;  display: block; left: auto; padding: 0; top: 0; width: 90%; margin:0 auto; position:relative; overflow:hidden;}
#nuestras-camaras .titulos-slider .titulos-contenenedor { float: left; margin: 0 2.5%; overflow: hidden; text-align: center; width: 45%;}
#nuestras-camaras .titulos-slider .titulos-contenenedor .camara-img {border:solid 3px #ececec; padding:20px; width:100%;  float: left; position:relative; margin-bottom:10px;}
#nuestras-camaras .titulos-slider .titulos-contenenedor .camara-img img {width:100%;}
#nuestras-camaras .titulos-slider .titulos-contenenedor .camara-text {padding:20px; width:100%;  float: left; position:relative;}
#nuestras-camaras .titulos-slider .titulos-contenenedor .camara-text p {font-size:120%;}
#nuestras-camaras .titulos-contenenedor h1 {font-weight:normal; margin-bottom:0; font-family: 'Raleway Medium', sans-serif; line-height:300%;}

/* Slider Cabecera */

#slider .container {width:70%;}

#galeria {position:relative; top:0px!important; margin-top:0px!important; padding-top:0px!important;}
#jssor_1 {position: relative; top:0px!important; margin-top:0px!important; padding-top:0px!important;}
.jssorb05 {position: absolute;display:none;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: absolute;width: 16px;height: 16px;background: url('../slider-cabecera/b05.png') no-repeat;overflow: hidden;cursor: pointer;}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
.jssora22l, .jssora22r {position:relative; display:inline-block; clear:both; width: 60px; height: 59px; cursor: pointer; background: url('../slider-cabecera/a22.png') center center no-repeat; overflow: hidden;}

.arrows {width:100%; position:relative; clear:both; top:45%; height:auto; margin:0 auto; padding:0px 40px; display:inline-block; z-index:1!important;}
.jssora22l { background-position: -10px -31px; display:inline-block!important; left:0!important;}
.jssora22r { background-position: -70px -31px; float:right; display:inline-block!important; right:0!important;}

.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
#jssor_1 .titulos-slider{position: absolute; z-index:9999!important;}

.titulos-slider { display:block; width:100%; left:0; top:20%; padding:0;}
.titulos-slider .titulos-contenenedor {margin: 0 auto; overflow: hidden; padding: 2%; text-align: left; width: 95%;}
.titulos-contenenedor h2 {font-weight:normal; margin-bottom:0; padding:5px;}
.titulos-contenenedor p {font-weight:normal; margin-bottom:40px; padding:5px; width:40%;}
.titulos-contenenedor a {font-weight:normal; margin-bottom:0; padding:1% 2%; width:50%; color:#fff;}
.titulos-contenenedor a:hover {font-weight:normal; margin-bottom:0; padding:1% 2%; width:50%; color:#fff; background:#7f8084;}



/* Galería Catálogo */

#linea {height:350px; width:100%;}
#relleno { background: #c1d72e none repeat scroll 0 0; float: left; margin: 5px; padding: 20px; box-sizing: content-box;/* height: 240px;*/}
#relleno:hover { opacity:0.7;}
#relleno img { width: 100%; height:100%; border:solid thin white;}
a.more_link{ color:#fff;  background:#c1d72e; text-decoration:none; padding:2px 10px; font-style:normal; cursor:pointer;}
a.more_link:hover{ color:#fff; background:#414141; text-decoration:none; font-style:normal;}
.contenedor {position:relative;	/*margin:10px;*/}
#full-view{ position:fixed; top:60px; left:0px; width:100%!important; height:91%!important; z-index:1000; display:none; background-color:white;}
.header{ position:absolute; top:0px;padding:20px 30px;background:#414141;left:0px;color:#fff;margin:5px;-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);box-shadow:1px 1px 3px rgba(0,0,0,0.3);width:400px;/*min-width:340px;*/}
.header h1 span{ line-height:60px; float: left; color:#ef1010;}
.header h2{ text-transform:uppercase; width:100%;}
p.subline{font-family: 'Droid Sans Regular', sans-serif; line-height:20px; font-size:11px; text-transform: uppercase; letter-spacing: 4px; font-style:normal;}
.block{ float:left; margin:20px; background:#000; box-sizing:content-box;}
.block-small{ width:160px;} 
.block-medium{ width:174px;}
.block h2{ font-size: 15px; text-transform: uppercase; background: #414141; color: white; padding: 2px 5px;}
.block p{ font-style:italic; line-height:20px; padding-bottom:5px;}
.block p.subline{ margin:10px 0px; font-style:normal; height:40px; text-align:left;}
.block img{ border:none; display:block;}
.project-descr{ display:none;}
.project-descr-full{ position:absolute; background:#fff; padding:0px; top:50%; opacity:0.9; left:6px; margin:150px 0 0 0; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); min-width:0px;}
.project-descr2{width:140px;}
.project-descr-full-wrapper{ margin:20px; overflow:hidden; width:33%; /*nuevo*/}
.project-descr-full-wrapper2{ margin:20px; overflow:hidden; width:33%; /*nuevo*/}
.project-descr-full-content p{ line-height: normal; padding-bottom: 5px; font-style: normal; color:#666463;}
.full-view .thumbs-wrapper{ margin:5px;/*nuevo 20px ultimo*/ float:right; /*width:57%;*/ -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#articulo{text-align:left; line-height:normal;}
.thumbs-wrapper{ overflow:hidden; position:relative;}
.thumbs-wrapper2{ overflow:hidden; position:relative;}
.thumbs img{ float:left; cursor:pointer; }
.thumbs2 img{ float:left; cursor:pointer;}
.thumbs-nav span{ position:absolute; width:22px; height:40px; background:transparent url(../images/nav.png) no-repeat top left; top:50%; left:5px; margin-top:-20px; cursor:pointer; text-indent:-9000px; display:none;}
.thumbs-nav span.thumbs-nav-next{ left:auto; right:5px; background-position:top right;}
.thumbs-nav span.thumbs-nav-prev:hover{ background-position:bottom left;}
.thumbs-nav span.thumbs-nav-next:hover{ background-position:bottom right;}
.full-view-exit{ background:#414141 url(../images/cross.png) no-repeat 10px 50%; position:absolute; top:40px; right:0px; cursor:pointer; width:50px; height:46px; text-indent:-9000px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;}
.full-view-exit:hover{ width:60px; background:#c1d72e url(../images/cross.png) no-repeat 10px 50%;}
.full-nav{ float:right; padding-top:5px;}
.full-nav-prev,.full-nav-next{ float:left; width:22px; height:40px; background:transparent url(../images/nav.png) no-repeat bottom left; cursor:pointer; text-indent:-9000px;}
.full-nav-next{ background-position:bottom right;}
.full-nav-pages{ float:left; line-height:40px; font-size:12px; padding:0 10px; font-style:italic; color:#fff;}
.intro-loading{ background: transparent url(../images/loading.gif) no-repeat center center; opacity:0.6;}
.loading-small{ position:absolute; top:20px; right:20px; width:16px; height:16px; background: transparent url(../images/loading-small.gif) no-repeat center center; display:none;}
.thumbs{ position:absolute;}
.thumbs2{ position:absolute;}
.title{ margin:0px;}
.vuelta{ position:absolute; top:60px; left:4px; cursor:pointer; height:39px; width:20px; background-image:URL("../images/nav11.png"); display:none;}
.ida{ position:absolute; top:60px; right:4px; cursor:pointer; height:39px; width:20px; background-image:URL("../images/nav21.png");}
.vuelta2{ position:absolute; top:60px; left:4px; cursor:pointer; height:39px; width:20px; background-image:URL("../images/nav11.png"); display:none;}
.ida2{ position:absolute; top:60px; right:4px; cursor:pointer; height:39px; width:20px; background-image:URL("../images/nav21.png");}
.fondpant{ width:100%; display:block; overflow:auto; /*height:100%;*/}
.fondpant img{ width:100%;}
#articulo{/*width:170px;*/}
.galeria{ position:relative; width:100%; /*height:auto;*/ height:100%; min-width:250px; text-align:center; min-height:305px;}
#imgbg{height:100%;}
.titulos{margin-top:10px; font-family: "Acens",sans-serif; font-weight: 800; padding-left:10px; }
.titulos p{border-left:solid 7px #c1d72e; color:#c1d72e; letter-spacing:normal; line-height:0.85em; text-align: left; text-indent:5px;}
.articulo{margin-top:0px; font-weight: 800; padding-left:10px; width:100%;}
.articulo p{border-left:solid 7px #fff; color:#fff; letter-spacing:normal; line-height:0.85em; text-align: left; text-indent:5px;}
.intro a.link {padding:5px 10px; border:1px solid #c1d72e; text-align:center; position:relative; bottom:0px; left:20px; float:left; text-decoration:none; color:#c1d72e;}
.intro a.link:hover {text-decoration:none; border:1px solid #fff; color:#fff;}
.intro a.link i{margin-left:10px;}
.visor { position:absolute; width:98%; overflow:hidden; height:350px;}
.carro { position:absolute; width:150%;}
.descripcion{ float:left; display:block; width:99%; background: black; padding-bottom:10px;}
.foto { padding:0px; cursor:pointer; width:11.11%; color:#fff; float:left;}
.foto img{margin:0px;  width:99%;}
#avanza	{ position:absolute; top:40%; margin-top:-20px; height:39px; width:20px; right:5px; cursor:pointer}
#vuelve	{ position:absolute; top:40%; margin-top:-20px; height:39px; width:20px; left:5px; display:none; cursor:pointer}
#vuelve img{ height:100%; width:100%;}
#avanza img{ height:100%; width:100%;}
#pantcomp{ width:100%; height:100%; position:fixed; display:none; top:0px; left:0px; z-index:1040;}
#pantcom2{ width:100%; height:100%; top:0px; left:0px; overflow:hidden;}
#pantcomp img{ position:absolute; top:0px; height:100%; right:0px;}
#descfp{ position:absolute; background-color:#000; width:50%; height:200px; top:10px; left:10px;}
#titulopf{ font-size:2rem; color:#fff; text-indent:30px; margin-top:30px; font-family: "Acens",sans-serif; letter-spacing:normal;}
#materialpf{ font-size:1.2rem; color:#fff; text-indent:30px; /*margin-top:40px;*/}
#articulopf{ font-size:1.2rem; color:#fff; text-indent:30px; margin-top:5px;}#colorespf{ width:64px; height:21px; position:absolute; left:30px; top:130px;}#colorespf img{width:64px; height:21px;}
#avanzapf{ width:20px; height:39px; position:absolute; top:30px; right:30px; cursor:pointer;}
#vuelvepf{ width:20px; height:39px; position:absolute; top:30px; right:90px; cursor:pointer;}
#paginapf{ width:40px; height:39px; line-height:39px; position:absolute; top:30px; right:50px; color:#fff; text-align:center; font-size:1.2rem;}
.full-view-exit{ background:#414141 url(images/cross.png) no-repeat 10px 50%; position:absolute; top:40px; right:0px; cursor:pointer; width:50px; height:46px; text-indent:-9000px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;}
.full-view-exit:hover{ width:60px; background:#c1d72e url(images/cross.png) no-repeat 10px 50%;}

/* Clientes logos */

.jcider-nav span,.jcider-pagination{text-align:center;position:absolute}
.jcider-nav{position:absolute;top:35%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:0; width:100%;color:#fff;font-size:30px}
.jcider-nav span{cursor:pointer; font-size:40px; color:#4d4d4d; -webkit-transition:all .3s; transition:all .3s; line-height:0}
.jcider-nav span:hover{color:#bf1522}
.jcider-nav .jcider-nav-left{left:5px}
.jcider-nav .jcider-nav-right{right:5px}
.jcider-pagination{bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.jcider-pagination .jcider-pagination-point{position:relative;border-radius:50%;margin:0 8px;display:inline-block;width:8px;height:8px;cursor:pointer;background:rgba(255,255,255,.5);-webkit-transition:all .3s;transition:all .3s; display:none;}
.demo,.demo div.wrapper>div,.loader{width:100%;text-align:center}
.jcider-pagination .jcider-pagination-point.active{background:#fff}
.loader{background:#1abc9c;color:#F2F2F2}
.contenido{max-width:95%; margin:0 auto;}
.loader{height:100%;position:absolute}
.loader h1{position:relative;top:35%}
.loader h1 span{position:relative;-webkit-animation:bounce .8s infinite;animation:bounce .8s infinite}
.loader h1 span.stop{-webkit-animation-play-state:paused;animation-play-state:paused}
.loader h1 span:nth-child(1){-webkit-animation-delay:50ms;animation-delay:50ms}
.loader h1 span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}
.loader h1 span:nth-child(3){-webkit-animation-delay:150ms;animation-delay:150ms}
.loader h1 span:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}
.loader h1 span:nth-child(5){-webkit-animation-delay:250ms;animation-delay:250ms}
.loader h1 span:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}

@-webkit-keyframes bounce{0%,100%,50%{top:0}25%{top:-10px}}

@keyframes bounce{0%,100%,50%{top:0}25%{top:-10px}}

.logos{text-align:center; background-color:#e6e6e6;}
.demo{margin:0 auto; height:120px; width:100%;}
.demo div.wrapper>div{height:100%;margin:0px}
.demo div.wrapper > div img {width:100%;}
.demo div.wrapper>div p{font-weight:400;font-size:200%;position:relative;top:40%}
.demo div.wrapper {width:90%!important; cursor:default!important; margin:0 auto!important;}

/*Flechas Clientes Logos*/
/* jcider */

[data-icon]:before {
  font-family: 'FontAwesome'!important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="jcider-"]:before,
[class*=" jcider-"]:before {
 font-family: 'FontAwesome' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.jcider-nav-left:before { content:'\f053';}
.jcider-nav-right:before {  content:'\f054';}

/* Animaciones */

.appear-animation{opacity:0}
.appear-animation-visible{opacity:1}
.animated,.appear-animation{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}

@-moz-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}
@-o-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}
@keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}

.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}

@-webkit-keyframes shake {0%, 100% {-webkit-transform: translateX(0);opacity: 1;}10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}}

@-moz-keyframes shake {0%, 100% {-moz-transform: translateX(0);opacity: 1;}10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}}

@-o-keyframes shake {0%, 100% {-o-transform: translateX(0);opacity: 1;}10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}20%, 40%, 60%, 80% {-o-transform: translateX(10px);}}

@keyframes shake {0%, 100% {transform: translateX(0);opacity: 1;}10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}20%, 40%, 60%, 80% {
transform: translateX(10px);}}

.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}

@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);opacity: 1;}40% {-webkit-transform: translateY(-30px);}60% {
-webkit-transform: translateY(-15px);}}

@-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);opacity: 1;}40% {-moz-transform: translateY(-30px);}60% {-moz-transform: translateY(-15px);}}

@-o-keyframes bounce {0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);opacity: 1;}40% {-o-transform: translateY(-30px);}60% {-o-transform: translateY(-15px);}}

@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);opacity: 1;}40% {transform: translateY(-30px);}60% {transform: translateY(-15px);}}

.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}

@-webkit-keyframes tada {0% {-webkit-transform: scale(1);}10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}100% {-webkit-transform: scale(1) rotate(0);opacity: 1;}}

@-moz-keyframes tada {0% {-moz-transform: scale(1);}10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}100% {-moz-transform: scale(1) rotate(0);opacity: 1;}}

@-o-keyframes tada {0% {-o-transform: scale(1);}10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}100% {-o-transform: scale(1) rotate(0);opacity: 1;}}

@keyframes tada {0% {transform: scale(1);}10%, 20% {transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);
}40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}100% {transform: scale(1) rotate(0);opacity: 1;}}

.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}

@-webkit-keyframes swing {20%, 40%, 60%, 80%, 100% {-webkit-transform-origin: top center;}20% {-webkit-transform: rotate(15deg);}40% {-webkit-transform: rotate(-10deg);}60% {-webkit-transform: rotate(5deg);}80% {-webkit-transform: rotate(-5deg);}100% {-webkit-transform: rotate(0deg);opacity: 1;}}

@-moz-keyframes swing {20% {-moz-transform: rotate(15deg);}40% {-moz-transform: rotate(-10deg);}60% {-moz-transform: rotate(5deg);}80% {-moz-transform: rotate(-5deg);}100% {-moz-transform: rotate(0deg);opacity: 1;}}

@-o-keyframes swing {20% {-o-transform: rotate(15deg);}40% {-o-transform: rotate(-10deg);}60% {-o-transform: rotate(5deg);}80% {-o-transform: rotate(-5deg);}100% {-o-transform: rotate(0deg);opacity: 1;}}

@keyframes swing {20% {transform: rotate(15deg);}40% {transform: rotate(-10deg);}60% {transform: rotate(5deg);}80% {transform: rotate(-5deg);
}100% {transform: rotate(0deg);opacity: 1;}}

.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}

@-webkit-keyframes wobble {0% {-webkit-transform: translateX(0%);}15% {-webkit-transform: translateX(-25%) rotate(-5deg);}30% {-webkit-transform: translateX(20%) rotate(3deg);}45% {-webkit-transform: translateX(-15%) rotate(-3deg);}60% {-webkit-transform: translateX(10%) rotate(2deg);
}75% {-webkit-transform: translateX(-5%) rotate(-1deg);}100% {-webkit-transform: translateX(0%);opacity: 1;}}

@-moz-keyframes wobble {0% {-moz-transform: translateX(0%);}15% {-moz-transform: translateX(-25%) rotate(-5deg);}30% {-moz-transform: translateX(20%) rotate(3deg);}45% {-moz-transform: translateX(-15%) rotate(-3deg);}60% {-moz-transform: translateX(10%) rotate(2deg);}75% {-moz-transform: translateX(-5%) rotate(-1deg);}100% {-moz-transform: translateX(0%);opacity: 1;}}

@-o-keyframes wobble {0% {-o-transform: translateX(0%);}15% {-o-transform: translateX(-25%) rotate(-5deg);}30% {-o-transform: translateX(20%) rotate(3deg);}45% {-o-transform: translateX(-15%) rotate(-3deg);}60% {-o-transform: translateX(10%) rotate(2deg);}75% {-o-transform: translateX(-5%) rotate(-1deg);}100% {-o-transform: translateX(0%);opacity: 1;}}

@keyframes wobble {0% {transform: translateX(0%);}15% {transform: translateX(-25%) rotate(-5deg);}30% {transform: translateX(20%) rotate(3deg);
}45% {transform: translateX(-15%) rotate(-3deg);}60% {transform: translateX(10%) rotate(2deg);}75% {transform: translateX(-5%) rotate(-1deg);}100% {transform: translateX(0%);opacity: 1;}}

.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}

@-webkit-keyframes wiggle {0% {-webkit-transform: skewX(9deg);}10% {-webkit-transform: skewX(-8deg);}20% {-webkit-transform: skewX(7deg);}
30% {-webkit-transform: skewX(-6deg);}40% {-webkit-transform: skewX(5deg);}50% {-webkit-transform: skewX(-4deg);}60% {-webkit-transform: skewX(3deg);}70% {-webkit-transform: skewX(-2deg);}80% {-webkit-transform: skewX(1deg);}90% {-webkit-transform: skewX(0deg);}100% {-webkit-transform: skewX(0deg);opacity: 1;}}

@-moz-keyframes wiggle {0% {-moz-transform: skewX(9deg);}10% {-moz-transform: skewX(-8deg);}20% {-moz-transform: skewX(7deg);}30% {-moz-transform: skewX(-6deg);}40% {-moz-transform: skewX(5deg);}50% {-moz-transform: skewX(-4deg);}60% {-moz-transform: skewX(3deg); }70% {-moz-transform: skewX(-2deg);}80% {-moz-transform: skewX(1deg);}90% {-moz-transform: skewX(0deg);}100% {-moz-transform: skewX(0deg);opacity: 1;}}

@-o-keyframes wiggle {0% {-o-transform: skewX(9deg);}10% {-o-transform: skewX(-8deg);}20% {-o-transform: skewX(7deg);}30% {-o-transform: skewX(-6deg);}40% {-o-transform: skewX(5deg);}50% {-o-transform: skewX(-4deg);}60% {-o-transform: skewX(3deg);}70% {-o-transform: skewX(-2deg);
}80% {-o-transform: skewX(1deg);}90% {-o-transform: skewX(0deg);}100% {-o-transform: skewX(0deg);opacity: 1;}}

@keyframes wiggle {0% {transform: skewX(9deg);}10% {transform: skewX(-8deg);}20% {transform: skewX(7deg);}30% {transform: skewX(-6deg);}
40% {transform: skewX(5deg);}50% {transform: skewX(-4deg);}60% {transform: skewX(3deg);}70% {transform: skewX(-2deg);}80% {transform: skewX(1deg);
}90% {transform: skewX(0deg);}100% {transform: skewX(0deg);opacity: 1;}}

.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(1.1);}100% {-webkit-transform: scale(1);opacity: 1;}}

@-moz-keyframes pulse {0% {-moz-transform: scale(1);}50% {-moz-transform: scale(1.1);}100% {-moz-transform: scale(1);opacity: 1;}}

@-o-keyframes pulse {0% {-o-transform: scale(1);}50% {-o-transform: scale(1.1);}100% {-o-transform: scale(1);opacity: 1;}}

@keyframes pulse {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);opacity: 1;}}

.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}

@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

@-moz-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUp {0% {opacity: 0;-moz-transform: translateY(20px);}100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUp {0% {opacity: 0;-o-transform: translateY(20px);}100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUp {0% {opacity: 0;transform: translateY(20px);}100% {opacity: 1;transform: translateY(0);}}

.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInDown {0% {opacity: 0;-moz-transform: translateY(-20px);}100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInDown {0% {opacity: 0;-o-transform: translateY(-20px);}100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInDown {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}

.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-20px);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInLeft {0% {opacity: 0;-moz-transform: translateX(-20px);}100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInLeft {0% {opacity: 0;-o-transform: translateX(-20px);}100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px);}100% {opacity: 1;transform: translateX(0);}}

.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}

@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(20px);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInRight {0% {opacity: 0;-moz-transform: translateX(20px);}100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInRight {0% {opacity: 0;-o-transform: translateX(20px);}100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInRight {0% {opacity: 0;transform: translateX(20px);}100% {opacity: 1;transform: translateX(0);}}

.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}

@-webkit-keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(2000px);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUpBig {0% {opacity: 0;-moz-transform: translateY(2000px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUpBig {0% {opacity: 0;-o-transform: translateY(2000px);}100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUpBig {0% {opacity: 0;transform: translateY(2000px);}100% {opacity: 1;transform: translateY(0);}}

.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}

@-webkit-keyframes fadeInDownBig {0% {opacity: 0;-webkit-transform: translateY(-2000px);}100% {opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInDownBig {0% {opacity: 0;-moz-transform: translateY(-2000px);}100% {opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInDownBig {0% {opacity: 0;-o-transform: translateY(-2000px);}100% {opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInDownBig {0% {opacity: 0;transform: translateY(-2000px);}100% {opacity: 1;transform: translateY(0);}}

.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}

@-webkit-keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-2000px);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInLeftBig {0% {opacity: 0;-moz-transform: translateX(-2000px);}100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInLeftBig {0% {opacity: 0;-o-transform: translateX(-2000px);}100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInLeftBig {0% {opacity: 0;transform: translateX(-2000px);}100% {opacity: 1;transform: translateX(0);}}

.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}

@-webkit-keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translateX(2000px);}100% {opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInRightBig {0% {opacity: 0;-moz-transform: translateX(2000px);}100% {opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInRightBig {0% {opacity: 0;-o-transform: translateX(2000px);}100% {opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInRightBig {0% {opacity: 0;transform: translateX(2000px);}100% {opacity: 1;transform: translateX(0);}}

.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}

@-webkit-keyframes bounceIn {0% {opacity: 0;-webkit-transform: scale(0.3);}50% {opacity: 1;-webkit-transform: scale(1.05);}70% {-webkit-transform: scale(0.9);}100% {-webkit-transform: scale(1);opacity: 1;}}

@-moz-keyframes bounceIn {0% {opacity: 0;-moz-transform: scale(0.3);}50% {opacity: 1;-moz-transform: scale(1.05);}70% {-moz-transform: scale(0.9);
}100% {-moz-transform: scale(1);opacity: 1;}}

@-o-keyframes bounceIn {0% {opacity: 0;-o-transform: scale(0.3);}50% {opacity: 1;-o-transform: scale(1.05);}70% {-o-transform: scale(0.9);}100% {
-o-transform: scale(1);opacity: 1;}}

@keyframes bounceIn {0% {opacity: 0;transform: scale(0.3);}50% {opacity: 1;transform: scale(1.05);}70% {transform: scale(0.9);}100% {transform: scale(1);opacity: 1;}}

.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}

@-webkit-keyframes bounceInUp {0% {opacity: 0;-webkit-transform: translateY(2000px);}60% {opacity: 1;-webkit-transform: translateY(-30px);}80% {
-webkit-transform: translateY(10px);}100% {-webkit-transform: translateY(0);opacity: 1;}}

@-moz-keyframes bounceInUp {0% {opacity: 0;-moz-transform: translateY(2000px);}60% {opacity: 1;-moz-transform: translateY(-30px);}80% {-moz-transform: translateY(10px);}100% {-moz-transform: translateY(0);opacity: 1;}}

@-o-keyframes bounceInUp {0% {opacity: 0;-o-transform: translateY(2000px);}60% {opacity: 1;-o-transform: translateY(-30px);}80% {-o-transform: translateY(10px);}100% {-o-transform: translateY(0);opacity: 1;}}

@keyframes bounceInUp {0% {opacity: 0;transform: translateY(2000px);}60% {opacity: 1;transform: translateY(-30px);}80% {transform: translateY(10px);
}100% {transform: translateY(0);opacity: 1;}}

.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}

@-webkit-keyframes bounceInDown {0% {opacity: 0;-webkit-transform: translateY(-2000px);}60% {opacity: 1;-webkit-transform: translateY(30px);}
80% {-webkit-transform: translateY(-10px);}100% {-webkit-transform: translateY(0);opacity: 1;}}

@-moz-keyframes bounceInDown {0% {opacity: 0;-moz-transform: translateY(-2000px);}60% {opacity: 1;-moz-transform: translateY(30px);}80% {-moz-transform: translateY(-10px);}100% {-moz-transform: translateY(0);opacity: 1;}}

@-o-keyframes bounceInDown {0% {opacity: 0;-o-transform: translateY(-2000px);}60% {opacity: 1;-o-transform: translateY(30px);}80% {-o-transform: translateY(-10px);}100% {-o-transform: translateY(0);opacity: 1;}}

@keyframes bounceInDown {0% {opacity: 0;transform: translateY(-2000px);}60% {opacity: 1;transform: translateY(30px);}80% {transform: translateY(-10px);}100% {transform: translateY(0);opacity: 1;}}

.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}

@-webkit-keyframes bounceInLeft {0% {opacity: 0;-webkit-transform: translateX(-2000px);}60% {opacity: 1;-webkit-transform: translateX(30px);}80% {
-webkit-transform: translateX(-10px);}100% {-webkit-transform: translateX(0);opacity: 1;}}

@-moz-keyframes bounceInLeft {0% {opacity: 0;-moz-transform: translateX(-2000px);}60% {opacity: 1;-moz-transform: translateX(30px);}80% {-moz-transform: translateX(-10px);}100% {-moz-transform: translateX(0);opacity: 1;}}

@-o-keyframes bounceInLeft {0% {opacity: 0;-o-transform: translateX(-2000px);}60% {opacity: 1;-o-transform: translateX(30px);}80% {-o-transform: translateX(-10px);}100% {-o-transform: translateX(0);opacity: 1;}}

@keyframes bounceInLeft {0% {opacity: 0;transform: translateX(-2000px);}60% {opacity: 1;transform: translateX(30px);}80% {transform: translateX(-10px);}100% {transform: translateX(0);opacity: 1;}}

.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}

@-webkit-keyframes bounceInRight {0% {opacity: 0;-webkit-transform: translateX(2000px);}60% {opacity: 1;-webkit-transform: translateX(-30px);}
80% {-webkit-transform: translateX(10px);}100% {-webkit-transform: translateX(0);opacity: 1;}}

@-moz-keyframes bounceInRight {0% {opacity: 0;-moz-transform: translateX(2000px);}60% {opacity: 1;-moz-transform: translateX(-30px);}80% {-moz-transform: translateX(10px);}100% {-moz-transform: translateX(0);opacity: 1;}}

@-o-keyframes bounceInRight {0% {opacity: 0;-o-transform: translateX(2000px);}60% {opacity: 1;-o-transform: translateX(-30px);}80% {-o-transform: translateX(10px);}100% {-o-transform: translateX(0);opacity: 1;}}

@keyframes bounceInRight {0% {opacity: 0;transform: translateX(2000px);}60% {opacity: 1;transform: translateX(-30px);}80% {transform: translateX(10px);}100% {transform: translateX(0);opacity: 1;}}

.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}

@-webkit-keyframes rotateIn {0% {-webkit-transform-origin: center center;-webkit-transform: rotate(-200deg);opacity: 0;}100% {-webkit-transform-origin: center center;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateIn {0% {-moz-transform-origin: center center;-moz-transform: rotate(-200deg);opacity: 0;}100% {-moz-transform-origin: center center;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateIn {0% {-o-transform-origin: center center;-o-transform: rotate(-200deg);opacity: 0;}100% {-o-transform-origin: center center;
-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateIn {0% {transform-origin: center center;transform: rotate(-200deg);opacity: 0;}100% {transform-origin: center center;transform: rotate(0);opacity: 1;}}

.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}

@-webkit-keyframes rotateInUpLeft {0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInUpLeft {0% {-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}100% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInUpLeft {0% {-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}100% {-o-transform-origin: left bottom;
-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInUpLeft {0% {transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}100% {transform-origin: left bottom;transform: rotate(0);opacity: 1;}}

.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}

@-webkit-keyframes rotateInDownLeft {0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInDownLeft {0% {-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}100% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInDownLeft {0% {-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}100% {-o-transform-origin: left bottom;
-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInDownLeft {0% {transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}100% {transform-origin: left bottom;transform: rotate(0);opacity: 1;}}

.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}

@-webkit-keyframes rotateInUpRight {0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(-90deg);opacity: 0;}100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInUpRight {0% {-moz-transform-origin: right bottom;-moz-transform: rotate(-90deg);opacity: 0;}100% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInUpRight {0% {-o-transform-origin: right bottom;-o-transform: rotate(-90deg);opacity: 0;}100% {-o-transform-origin: right bottom;-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInUpRight {0% {transform-origin: right bottom;transform: rotate(-90deg);opacity: 0;}100% {transform-origin: right bottom;transform: rotate(0);opacity: 1;}}

.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}

@-webkit-keyframes rotateInDownRight {0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(90deg);opacity: 0;}100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInDownRight {0% {-moz-transform-origin: right bottom;-moz-transform: rotate(90deg);opacity: 0;}100% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInDownRight {0% {-o-transform-origin: right bottom;-o-transform: rotate(90deg);opacity: 0;}100% {-o-transform-origin: right bottom;-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInDownRight {0% {transform-origin: right bottom;transform: rotate(90deg);opacity: 0;}	100% {transform-origin: right bottom;
transform: rotate(0);opacity: 1;}}

.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}

/*Animate.css*/

.animated { animation-duration: 1s; animation-fill-mode: both;}
.animated.infinite { animation-iteration-count: infinite;}
.animated.hinge { animation-duration: 2s;}

@keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0px);} 40% { transform: translateY(-30px);} 60% { transform: translateY(-15px);} }
.bounce { animation-name: bounce;}

@keyframes flash {0%, 50%, 100% { opacity: 1;}25%, 75% { opacity: 0;}}
.flash { animation-name: flash;}

@keyframes pulse {0% { transform: scale(1);}50% { transform: scale(1.1);}100% { transform: scale(1);}}
.pulse { animation-name: pulse;}

@keyframes rubberBand {0% { transform: scale(1);}30% { transform: scaleX(1.25) scaleY(0.75);}40% { transform: scaleX(0.75) scaleY(1.25);}60% { transform: scaleX(1.15) scaleY(0.85);}100% { transform: scale(1);}}
.rubberBand { animation-name: rubberBand;}

@keyframes shake {0%, 100% { transform: translateX(0px);}10%, 30%, 50%, 70%, 90% { transform: translateX(-10px);}20%, 40%, 60%, 80% { transform: translateX(10px);}}
.shake { animation-name: shake;}

@keyframes swing {20% { transform: rotate(15deg);}40% { transform: rotate(-10deg);}60% { transform: rotate(5deg);}80% { transform: rotate(-5deg);}100% { transform: rotate(0deg);}}
.swing { animation-name: swing; transform-origin: center top 0;}

@keyframes tada {0% { transform: scale(1);}10%, 20% { transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg);}40%, 60%, 80% { transform: scale(1.1) rotate(-3deg);}100% { transform: scale(1) rotate(0deg);}}
.tada { animation-name: tada;}

@keyframes wobble {0% { transform: translateX(0%);}15% { transform: translateX(-25%) rotate(-5deg);}30% { transform: translateX(20%) rotate(3deg);}45% { transform: translateX(-15%) rotate(-3deg);}60% { transform: translateX(10%) rotate(2deg);}75% { transform: translateX(-5%) rotate(-1deg);}100% { transform: translateX(0%);}}
.wobble { animation-name: wobble;}

@keyframes bounceIn {0% { opacity: 0; transform: scale(0.3);}50% { opacity: 1; transform: scale(1.05);}70% { transform: scale(0.9);}100% { opacity: 1; transform: scale(1);}}
.bounceIn { animation-name: bounceIn;}

@keyframes bounceInDown {0% { opacity: 0; transform: translateY(-2000px);}60% { opacity: 1; transform: translateY(30px);}80% { transform: translateY(-10px);}100% { transform: translateY(0px);}}
.bounceInDown { animation-name: bounceInDown;}

@keyframes bounceInLeft {0% { opacity: 0; transform: translateX(-2000px);}60% { opacity: 1; transform: translateX(30px);}80% { transform: translateX(-10px);}100% { transform: translateX(0px);}}
.bounceInLeft { animation-name: bounceInLeft;}

@keyframes bounceInRight {0% { opacity: 0; transform: translateX(2000px);}60% { opacity: 1; transform: translateX(-30px);}80% { transform: translateX(10px);}100% { transform: translateX(0px);}}
.bounceInRight { animation-name: bounceInRight;}

@keyframes bounceInUp {0% { opacity: 0; transform: translateY(2000px);}60% { opacity: 1; transform: translateY(-30px);}80% { transform: translateY(10px);}100% { transform: translateY(0px);}}
.bounceInUp { animation-name: bounceInUp;}

@keyframes bounceOut {0% { transform: scale(1);}25% { transform: scale(0.95);}50% { opacity: 1; transform: scale(1.1);}100% { opacity: 0; transform: scale(0.3);}}
.bounceOut { animation-name: bounceOut;}

@keyframes bounceOutDown {0% { transform: translateY(0px);}20% { opacity: 1; transform: translateY(-20px);}100% { opacity: 0; transform: translateY(2000px);}}
.bounceOutDown { animation-name: bounceOutDown;}

@keyframes bounceOutLeft {0% { transform: translateX(0px);}20% { opacity: 1; transform: translateX(20px);}100% { opacity: 0; transform: translateX(-2000px);}}
.bounceOutLeft { animation-name: bounceOutLeft;}

@keyframes bounceOutRight {0% { transform: translateX(0px);}20% { opacity: 1; transform: translateX(-20px);}100% { opacity: 0; transform: translateX(2000px);}}
.bounceOutRight { animation-name: bounceOutRight;}

@keyframes bounceOutUp {0% { transform: translateY(0px);}20% { opacity: 1; transform: translateY(20px);}100% { opacity: 0; transform: translateY(-2000px);}}
.bounceOutUp { animation-name: bounceOutUp;}

@keyframes fadeIn {0% { opacity: 0;}100% { opacity: 1;}}
.fadeIn { animation-name: fadeIn;}

@keyframes fadeInDown {0% { opacity: 0; transform: translateY(-20px);}100% { opacity: 1; transform: translateY(0px);}}
.fadeInDown { animation-name: fadeInDown;}

@keyframes fadeInDownBig {0% { opacity: 0; transform: translateY(-2000px);}100% { opacity: 1; transform: translateY(0px);}}
.fadeInDownBig {animation-name: fadeInDownBig;}

@keyframes fadeInLeft {0% { opacity: 0; transform: translateX(-20px);}100% { opacity: 1; transform: translateX(0px);}}
.fadeInLeft { animation-name: fadeInLeft;}

@keyframes fadeInLeftBig {0% { opacity: 0; transform: translateX(-2000px);}100% { opacity: 1; transform: translateX(0px);}}
.fadeInLeftBig { animation-name: fadeInLeftBig;}

@keyframes fadeInRight {0% { opacity: 0; transform: translateX(20px);}100% { opacity: 1; transform: translateX(0px);}}
.fadeInRight { animation-name: fadeInRight;}

@keyframes fadeInRightBig {0% { opacity: 0; transform: translateX(2000px);}100% { opacity: 1; transform: translateX(0px);}}
.fadeInRightBig { animation-name: fadeInRightBig;}

@keyframes fadeInUp {0% { opacity: 0; transform: translateY(20px);}100% { opacity: 1; transform: translateY(0px);}}
.fadeInUp { animation-name: fadeInUp;}

@keyframes fadeInUpBig {0% { opacity: 0; transform: translateY(2000px);}100% { opacity: 1; transform: translateY(0px);}}
.fadeInUpBig { animation-name: fadeInUpBig;}

@keyframes fadeOut {0% { opacity: 1;}100% { opacity: 0;}}
.fadeOut { animation-name: fadeOut;}

@keyframes fadeOutDown {0% { opacity: 1; transform: translateY(0px);}100% { opacity: 0; transform: translateY(20px);}}
.fadeOutDown {animation-name: fadeOutDown;}

@keyframes fadeOutDownBig {0% { opacity: 1; transform: translateY(0px);}100% { opacity: 0; transform: translateY(2000px);}}
.fadeOutDownBig { animation-name: fadeOutDownBig;}

@keyframes fadeOutLeft {0% { opacity: 1; transform: translateX(0px);}100% { opacity: 0; transform: translateX(-20px);}}
.fadeOutLeft { animation-name: fadeOutLeft;}

@keyframes fadeOutLeftBig {0% { opacity: 1; transform: translateX(0px);}100% { opacity: 0; transform: translateX(-2000px);}}
.fadeOutLeftBig { animation-name: fadeOutLeftBig;}

@keyframes fadeOutRight {0% { opacity: 1; transform: translateX(0px);}100% { opacity: 0; transform: translateX(20px);}}
.fadeOutRight { animation-name: fadeOutRight;}

@keyframes fadeOutRightBig {0% { opacity: 1; transform: translateX(0px);}100% { opacity: 0; transform: translateX(2000px);}}
.fadeOutRightBig { animation-name: fadeOutRightBig;}

@keyframes fadeOutUp {0% { opacity: 1; transform: translateY(0px);}100% { opacity: 0; transform: translateY(-20px);}}
.fadeOutUp { animation-name: fadeOutUp;}

@keyframes fadeOutUpBig {0% { opacity: 1; transform: translateY(0px);}100% { opacity: 0; transform: translateY(-2000px);}}
.fadeOutUpBig { animation-name: fadeOutUpBig;}

@keyframes flip {0% { animation-timing-function: ease-out; transform: perspective(400px) translateZ(0px) rotateY(0deg) scale(1);}40% { animation-timing-function: ease-out; transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);}50% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);}80% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(0.95);}100% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(1);}}
.animated.flip { animation-name: flip; backface-visibility: visible;}

@keyframes flipInX {0% { opacity: 0; transform: perspective(400px) rotateX(90deg);}40% { transform: perspective(400px) rotateX(-10deg);}70% { transform: perspective(400px) rotateX(10deg);}100% { opacity: 1; transform: perspective(400px) rotateX(0deg);}}
.flipInX { animation-name: flipInX; backface-visibility: visible !important;}

@keyframes flipInY {0% { opacity: 0; transform: perspective(400px) rotateY(90deg);}40% { transform: perspective(400px) rotateY(-10deg);}70% { transform: perspective(400px) rotateY(10deg);}100% { opacity: 1; transform: perspective(400px) rotateY(0deg);}}
.flipInY { animation-name: flipInY; backface-visibility: visible !important;}

@keyframes flipOutX {0% { opacity: 1; transform: perspective(400px) rotateX(0deg);}100% { opacity: 0; transform: perspective(400px) rotateX(90deg);}}
.flipOutX { animation-name: flipOutX; backface-visibility: visible !important;}

@keyframes flipOutY {0% { opacity: 1; transform: perspective(400px) rotateY(0deg);}100% { opacity: 0; transform: perspective(400px) rotateY(90deg);}}
.flipOutY { animation-name: flipOutY; backface-visibility: visible !important;}

@keyframes lightSpeedIn {0% { opacity: 0; transform: translateX(100%) skewX(-30deg);}60% { opacity: 1; transform: translateX(-20%) skewX(30deg);}80% { opacity: 1; transform: translateX(0%) skewX(-15deg);}100% { opacity: 1; transform: translateX(0%) skewX(0deg);}}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out;}

@keyframes lightSpeedOut {0% { opacity: 1; transform: translateX(0%) skewX(0deg);}100% { opacity: 0; transform: translateX(100%) skewX(-30deg);}}
.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in;}

@keyframes rotateIn {0% { opacity: 0; transform: rotate(-200deg); transform-origin: center center 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: center center 0;}}
.rotateIn { animation-name: rotateIn;}

@keyframes rotateInDownLeft {0% { opacity: 0; transform: rotate(-90deg); transform-origin: left bottom 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom 0;}}
.rotateInDownLeft { animation-name: rotateInDownLeft;}

@keyframes rotateInDownRight {0% { opacity: 0; transform: rotate(90deg); transform-origin: right bottom 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom 0;}}
.rotateInDownRight { animation-name: rotateInDownRight;}

@keyframes rotateInUpLeft {0% { opacity: 0; transform: rotate(90deg); transform-origin: left bottom 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom 0;}}
.rotateInUpLeft { animation-name: rotateInUpLeft;}

@keyframes rotateInUpRight {0% { opacity: 0; transform: rotate(-90deg); transform-origin: right bottom 0;}100% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom 0;}}
.rotateInUpRight { animation-name: rotateInUpRight;}

@keyframes rotateOut {0% { opacity: 1; transform: rotate(0deg); transform-origin: center center 0;}100% { opacity: 0; transform: rotate(200deg); transform-origin: center center 0;}}
.rotateOut { animation-name: rotateOut;}

@keyframes rotateOutDownLeft {0% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom 0;}100% { opacity: 0; transform: rotate(90deg); transform-origin: left bottom 0;}}
.rotateOutDownLeft { animation-name: rotateOutDownLeft;}

@keyframes rotateOutDownRight {0% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom 0;}100% { opacity: 0; transform: rotate(-90deg); transform-origin: right bottom 0;}}
.rotateOutDownRight { animation-name: rotateOutDownRight;}

@keyframes rotateOutUpLeft {0% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom 0;}100% { opacity: 0; transform: rotate(-90deg); transform-origin: left bottom 0;}}
.rotateOutUpLeft { animation-name: rotateOutUpLeft;}

@keyframes rotateOutUpRight {0% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom 0;}100% { opacity: 0; transform: rotate(90deg); transform-origin: right bottom 0;}}
.rotateOutUpRight { animation-name: rotateOutUpRight;}

@keyframes slideInDown {0% { opacity: 0; transform: translateY(-2000px);}100% { transform: translateY(0px);}}
.slideInDown { animation-name: slideInDown;}

@keyframes slideInLeft {0% { opacity: 0; transform: translateX(-2000px);}100% { transform: translateX(0px);}}
.slideInLeft { animation-name: slideInLeft;}

@keyframes slideInRight {0% { opacity: 0; transform: translateX(2000px);}100% { transform: translateX(0px);}}
.slideInRight { animation-name: slideInRight;}

@keyframes slideOutLeft {0% { transform: translateX(0px);}100% { opacity: 0; transform: translateX(-2000px);}}
.slideOutLeft { animation-name: slideOutLeft;}

@keyframes slideOutRight {0% { transform: translateX(0px);}100% { opacity: 0; transform: translateX(2000px);}}
.slideOutRight { animation-name: slideOutRight;}

@keyframes slideOutUp {0% { transform: translateY(0px);}100% { opacity: 0; transform: translateY(-2000px);}}
.slideOutUp { animation-name: slideOutUp;}

@keyframes slideOutDown {0% { transform: translateY(0px);}100% { opacity: 0; transform: translateY(2000px);}}
.slideOutDown { animation-name: slideOutDown;}

@keyframes hinge {0% { animation-timing-function: ease-in-out; transform: rotate(0deg); transform-origin: left top 0;}20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: left top 0;}40% { animation-timing-function: ease-in-out; transform: rotate(60deg); transform-origin: left top 0;}80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg) translateY(0px); transform-origin: left top 0;}100% { opacity: 0; transform: translateY(700px);}}
.hinge { animation-name: hinge;}

@keyframes rollIn {0% { opacity: 0; transform: translateX(-100%) rotate(-120deg);}100% { opacity: 1; transform: translateX(0px) rotate(0deg);}}
.rollIn { animation-name: rollIn;}

@keyframes rollOut {0% { opacity: 1; transform: translateX(0px) rotate(0deg);}100% { opacity: 0; transform: translateX(100%) rotate(120deg);}}
.rollOut { animation-name: rollOut;}

/**********************************************Comienzan los sectores*********************************************/

/*Generales*/

.bienvenidos {overflow:hidden;}
.lostitulos {line-height:normal;}
.recursotitulos { border-bottom:solid 1px #7f8084; position: relative; width: 100%; height:2px; margin-bottom:50px; margin-top: 0; margin-right: auto; margin-left: auto; }
.elrecurso {background-color: #83c74c;  height: 4px; position: relative; width: 5%; }
.lossubtitulos {font-family: 'Raleway Medium', sans-serif; margin-top:40px;}
.espacio {padding:40px 0px!important;}
.presupuesto {padding-bottom:40px!important;}
p strong {font-family: 'Raleway Medium', sans-serif;}
.image img {width:100%;}
.im{width:17%; margin:0 auto;}
.im img{width:auto;}
.im a:hover{opacity:0.7;}
section.home h2, h3 {font-weight:normal;}

/* flip the pane when hovered */
.ca-icon {float:left; position:relative; height:382px;}
.ca-icon:hover .flipper, .ca-icon.hover .flipper {		transform: rotateY(180deg);	}
.front, .back {	width: 100%;	height: 100%;}
.ca-icon, .front img, .back img{	width: 100%;}
/* flip speed goes here */
.flipper {	transition: 0.6s;	transform-style: preserve-3d;	position: relative;}
/* hide back of pane during swap */
.front, .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);}
.head img {width:100%;}

/*Digitales*/

.parallax { background-image: url("images/parallax.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top:35px;}
.texto-parallax {float:none; margin:5% auto;}

/*Planes*/

.plan {border-radius: 100%;  height: 100%; line-height: 30px; overflow: hidden; padding: 40px 5px; width: 80%; margin:20px auto;}
.plan:hover {background:#000; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.precio {font-family: 'AlexBrush Regular', sans-serif;}
.moneda {display: inline;  font-family: 'NATS', sans-serif; font-size: 50%; left: 15%; padding-top: 25px; }
.duracion {line-height:100%;}
.consultar-plan {font-family: 'NATS', sans-serif; width:100%; float:left; text-align:center; margin-top:20px;}
.consultar-plan a{color:#fff; padding:0 10px; border-radius:20px;}
.consultar-plan a:hover{color:#fff; background:#000;}
.plan-detalle {float:right; padding-top:100px!important;}
.plan-detalle p.first {display:block; border-bottom: solid 1px #ddd; line-height:260%;}
.plan-detalle p {line-height:300%;}
.plan-detalle span.underline-green {border-bottom: solid 6px #009e7b; padding-bottom:3px;}
.plan-detalle span.underline-blue {border-bottom: solid 6px #009fc3; padding-bottom:3px;}
.plan-detalle span.underline-violet {border-bottom: solid 6px #b142a6; padding-bottom:3px;}

/*Sociales*/

.social {border-radius: 100%;  height: 100%; line-height: 30px; overflow: hidden; padding: 40px 5px; margin:40px 20px 20px 0; text-align:center;}
.social img{width:auto}
.social:hover {background:#000; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

/*Galeria*/

section.clientes .titulo {background-image:url("img/recurso-titulos.png"); background-repeat:no-repeat; background-position:left center; background-size:20% auto; line-height:400%;}
section.clientes .galeria-texto {padding-top:12%; text-align:right;}
section.clientes .galery {padding-bottom:80px;}
.galery-container {width:95%; margin:0 auto; float:none;}
.overlay { background-color: rgba(0, 0, 0, 0.4); background-image: url("images/zoom.png"); background-position: center center; background-repeat: no-repeat; border-radius: 100%; display: none; height: 20%; left: 45%; position: absolute; top: 25%; width: 10%; z-index: 99; border:solid 5px #fff; }
.uu a:hover .overlay {display:block;}

/*Lightbox*/

.lb-loader, .lightbox { text-align:center; line-height:0 }
body:after { content:url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png); display:none }
.lb-dataContainer:after, .lb-outerContainer:after { content:""; clear:both }
body.lb-disable-scrolling { overflow:hidden }
.lightboxOverlay { position:absolute; top:0; left:0; z-index:9999; background-color:#000; filter:alpha(Opacity=80); opacity:.8; display:none }
.lightbox { position:absolute; left:0; width:100%; z-index:10000; font-weight:400 }
.lightbox .lb-image { display:block; height:auto; max-width:inherit; max-height:none; border-radius:3px; border:4px solid #fff }
.lightbox a img { border:none }
.lb-outerContainer { position:relative; width:250px; height:250px; margin:0 auto; border-radius:4px; background-color:#fff }
.lb-loader, .lb-nav { position:absolute; left:0 }
.lb-outerContainer:after { display:table }
.lb-loader { top:43%; height:25%; width:100% }
.lb-cancel { display:block; width:32px; height:32px; margin:0 auto; background:url(images/loading.gif) no-repeat }
.lb-nav { top:0; height:100%; width:100%; z-index:10 }
.lb-container>.nav { left:0 }
.lb-nav a { outline:0; background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) }
.lb-next, .lb-prev { height:100%; cursor:pointer; display:block }
.lb-nav a.lb-prev { width:34%; left:0; float:left; background:url(images/prev.png) left 48% no-repeat; filter:alpha(Opacity=0); opacity:0; -webkit-transition:opacity .6s; -moz-transition:opacity .6s; -o-transition:opacity .6s; transition:opacity .6s }
.lb-nav a.lb-prev:hover { filter:alpha(Opacity=100); opacity:1 }
.lb-nav a.lb-next { width:64%; right:0; float:right; background:url(images/next.png) right 48% no-repeat; filter:alpha(Opacity=0); opacity:0; -webkit-transition:opacity .6s; -moz-transition:opacity .6s; -o-transition:opacity .6s; transition:opacity .6s }
.lb-nav a.lb-next:hover { filter:alpha(Opacity=100); opacity:1 }
.lb-dataContainer { margin:0 auto; padding-top:5px; width:100%; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px }
.lb-dataContainer:after { display:table }
.lb-data { padding:0 4px; color:#ccc }
.lb-data .lb-details { width:85%; float:left; text-align:left; line-height:1.1em }
.lb-data .lb-caption { font-size:13px; font-weight:700; line-height:1em }
.lb-data .lb-caption a { color:#4ae }
.lb-data .lb-number { display:block; clear:left; padding-bottom:1em; font-size:12px; color:#999 }
.lb-data .lb-close { display:block; float:right; width:30px; height:30px; background:url(images/close.png) top right no-repeat; text-align:right; outline:0; filter:alpha(Opacity=70); opacity:.7; -webkit-transition:opacity .2s; -moz-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s }
.lb-data .lb-close:hover { cursor:pointer; filter:alpha(Opacity=100); opacity:1 }

.thumb {background-size:100% auto; background-repeat:no-repeat; background-position:center center; padding:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease; margin:10px; width:24%;}
.thumb img{width:100%;}
.easing {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.easing:hover {opacity:0.9;}

.uno {background-image:url("../lightbox/thumbs/thumb-1.jpg");}
.dos {background-image:url("../lightbox/thumbs/thumb-2.jpg");}
.tres {background-image:url("../lightbox/thumbs/thumb-3.jpg"); }
.cuatro {background-image:url("../lightbox/thumbs/thumb-4.jpg");margin-right:0;}
.cinco {background-image:url("../lightbox/thumbs/thumb-5.jpg");}
.seis {background-image:url("../lightbox/thumbs/thumb-6.jpg"); }
.siete {background-image:url("../lightbox/thumbs/thumb-7.jpg");}
.ocho {background-image:url("../lightbox/thumbs/thumb-8.jpg"); margin-right:0;}


/* Mapa Ubicación */

.mapa .col12 {padding-left:0; padding-right:0;}
.titulo-mapa {padding:25px 0; min-height: 120px;}
.titulo-mapa .recursotitulos { border-bottom:solid 1px #ececec; position: relative; width: 20%; height:2px; margin-bottom:0px; margin-top: 0; margin-right: auto; margin-left: auto; }
.titulo-mapa .elrecurso {background-color: #fff;  height: 4px; margin: 0 auto; position: relative; width: 25%; }


/*Contacto*/

.tecontacto {padding-left:0;}
.lemap {float:right!important; padding-right:0px;}
.titulosmap {margin-top:20px; overflow:hidden; padding:20px!important; text-align:center;}
.left-contact {float:left}
.seguinos {float:right; width:70%; line-height:25px; border:solid thin #888; padding-right:5px; margin:5px;}
.seguinos a {color:#888}
.seguinos .icon {width:100%; font-family: 'NATS', sans-serif; position:relative; top:-1px;}
.seguinos .icon span{text-align:left; float:left; background:#888; padding:5px; width:30px; font-size:80%; text-align:center;}
.contact {margin-bottom:80px;}
#contenedor {float:none!important; margin:0 auto;}
.contact .col11 {margin-bottom:40px;}
.contact .col11 img{width:70%;}
#cont_form {padding:0!important;}

/*Footer*/

footer {background:#fff; width:100%; padding:0px; position:relative; clear:both; overflow:hidden;}
footer #upper-foot { padding: 30px 0;}
footer #upper-foot .texto-pie{ float:right; margin-top:40px; letter-spacing:0.1em;}
#lower-foot {padding:20px 0; background-color:#fff;}
#lower-foot p{letter-spacing:0.1em; margin-top:10px;}
#lower-foot .container {padding-top:20px; width:69%;}
#lower-foot .container .firma { float: right; right: 50px; margin-top:5px;}
.logo-pie img {width:100%; margin-top:10px;}

/*Servicios*/

.img-responsive {display: block; max-width: 100%; height: auto;}
.pull-left {float: left !important;}
.campanasdigitales h4 { cursor: pointer; font-weight:normal; margin-bottom:20px;}
.campanasdigitales h4.nocursor { cursor: default; font-weight:normal; margin-bottom:20px; }
.campanasdigitales h5.nocursor { cursor: default; font-weight:normal; margin-bottom:20px; text-align:right;}
.campanasdigitales .bloque-imagenes { margin: 0;}
.campanasdigitales .bloque-imagenes .item img.last { padding: 0!important; }
.campanasdigitales .bloque-imagenes .item .bloque-interior { display: none; padding: 0px; margin-top: 0px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img {  padding: 0;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p {margin-bottom:10px;}
.clic .imghiden {-webkit-transition: all 4s ease; -moz-transition: all 4s ease; -o-transition: all 4s ease; -ms-transition: all 4s ease; transition: all 4s ease;}
.clic:hover .imghiden {-webkit-transition: all 4s ease; -moz-transition: all 4s ease; -o-transition: all 4s ease; -ms-transition: all 4s ease; transition: all 4s ease;}

/*Productos*/
#nuestras-camaras {padding-left:0; padding-right:0;}
#nuestras-camaras .container {width:100%;}