@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%; max-width: 1235px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

button{ outline:0}

::-webkit-input-placeholder { opacity:1}
::-moz-placeholder {  opacity:1 } /* firefox 19+ */
:-ms-input-placeholder { opacity:1 } /* ie */
input:-moz-placeholder { opacity:1 }

/* draw any selected text yellow on red background */
::-moz-selection { background-color:#19458d; color:#fff; text-shadow:none; }
::selection{ background-color:#19458d; color:#fff;  text-shadow:none; } 
::-webkit-selection{ background-color:#19458d; color:#fff; text-shadow:none;  } 


/**FONTS***/
@font-face {
	font-family: 'Proxima';
	src: url('fonts/ProximaNova-Bold.eot');
	src: local('☺'), url('fonts/ProximaNova-Bold.woff') format('woff'), url('fonts/ProximaNova-Bold.ttf') format('truetype'), url('fonts/ProximaNova-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Italianno';
	src: url('fonts/Italianno-Regular-OTF.eot');
	src: local('☺'), url('fonts/Italianno-Regular-OTF.woff') format('woff'), url('fonts/Italianno-Regular-OTF.ttf') format('truetype'), url('fonts/Italianno-Regular-OTF.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Hagin';
	src: url('fonts/Hagin Caps Medium.eot');
	src: local('☺'), url('fonts/Hagin Caps Medium.woff') format('woff'), url('fonts/Hagin Caps Medium.ttf') format('truetype'), url('fonts/Hagin Caps Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {height:100%;}
body {margin:auto;line-height:1.7;height:100%;font-family: Rubik, Arial, sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#585858;-webkit-text-size-adjust:none;background:#11284f;width:100%;-webkit-appearance: none;border-radius: 0; min-width:320px;}

/**LINKS***/
a {-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;text-decoration:none; outline:0; text-shadow:none!important;-webkit-font-smoothing: subpixel-antialiased;}
a:hover {text-decoration:none!important;outline:0;}
a:active {text-decoration:none!important;outline:0; color:inherit!important;}
a:focus {text-decoration:none!important;outline:0;color:inherit!important; }

/**BUTTONS**/
.btn_style{ width:192px; height:30px; line-height:31px; text-align:center; font-size:14px; font-family:Proxima, Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; display:block; margin:0px auto 0; border-radius:30px;}
.btn_style:hover{ opacity:0.8!important; color:#fff!important;}
.btn_style:focus,.btn_style:hover { opacity:0.8!important; color:#fff!important;}
.blue{ background-color:#19458d;}
.light_blue{ background-color:#87c8ff}
.gold{ background-color:#aa9c65}

/**TITLES*/
.hero_title{font-size:60px;padding-top:25px; line-height:60px;text-shadow: 1px 1px 0px rgba(10,33,72,0.55), 2px 2px 0px #aa9c65!important; color:#fff!important;}
.small_hero_title{}
.blue_title{color:#19458d; font-size: 40px; padding-bottom:30px;}
.producto_title{color:#19458d; font-size:25px; text-align:center}
h1, h2, h3, h4, h5, h6 {margin:0;line-height:1;font-family:Hagin, serif;}
p{-webkit-font-smoothing: subpixel-antialiased;}

/**OFF CANVAS**/
.row-offcanvas {height: 100%;}

/*COLORS, BACKGROUNDS, FONTS*/
.white_bkr{ background-color:#FFF}
.fix_menu .internal{ margin-top:84px}
.white_pattern{ background: url(../imgs/white-pattern.jpg)}
.blue_pattern{ background: url(../imgs/blue-pattern.jpg)}

/*SEPARATOR*/
.separator{ position:relative}
.gold_separator{ width:100%; height:12px; border-radius:100%; position:absolute; top:-6px; z-index:10}

/*MODAL*/
.modal-content{ box-shadow:none; -webkit-box-shadow:none; border:0; background-color:transparent}
.close_modal{ position:absolute; top:30px; right:30px; background:none; border:0; z-index:100001}
.modal{ background-color:rgba(35,42,49,1);z-index:100000}
.modal_container img{ margin:0 auto}
.modal-lg {width: 100%;}
.modal-dialog{ margin:0 auto}
#modal_nutricion .modal-dialog {margin: 50px auto ;padding:0 20px;}
#modal_nutricion{background-color: rgba(7,25,54,0.8);}
#modal_nutricion .modal-content{ background-color:#fff; padding: 0px; border-radius:10px; }
#modal_nutricion .producto_title{ text-align:center; color:#0056a0; font-size: 28px;text-transform:uppercase; padding-right: 35px;}
#modal_nutricion .producto_subtitle{ text-align:center; color:#0056a0; font-size: 18px;text-transform:uppercase;}
#modal_nutricion .modal-header{ padding-top:40px!important;}
#modal_nutricion .modal-header,#modal_nutricion .modal-footer{border:0; padding: 20px; margin: 0}
#modal_nutricion .modal-footer{padding-top: 0;}
#modal_nutricion .modal-footer p{ float: left; width: 100%; max-width: 350px; line-height: 22px; font-size: 14px; text-align: left}
#modal_nutricion .modal-footer p span{font-weight: bold;}
#modal_nutricion .modal-footer img{ display:inline-block; vertical-align: bottom}
#modal_nutricion .blue_bar_modal{ color:#fff; font-size: 16px; font-weight: bold; padding:0 20px; line-height: 50px; background-color:#0056a0 }
#modal_nutricion .blue_bar_modal img{ float:right; vertical-align: middle; margin-top: 15px;filter: brightness(100)}
#modal_nutricion .modal-content .modal-body .table_general{border:2px solid #d9d9d9}
#modal_nutricion .modal-content .modal-body .table_general td{ color:#585858;font-size: 14px; font-weight: regular;line-height: 20px; padding: 10px 20px; text-align: center;border-right:1px solid #d9d9d9; vertical-align: middle}
#modal_nutricion .modal-content .modal-body .table_general p{ line-height:20px;}
#modal_nutricion .modal-content .modal-body .table_general tr td:first-child{text-align: left}
#modal_nutricion .modal-content .modal-body .table_general tr {border-bottom:1px solid #d9d9d9}
#modal_nutricion .modal-content .modal-body .table_general .table_header td{ background-color: #cecece; color:#585858;font-size: 14px; font-weight: bold;line-height: 20px; padding: 10px 20px;border:0}
#modal_nutricion .modal-content .modal-body .table_general .table_header td:first-child{background-color: #d9d9d9}
#modal_nutricion .close {font-size: 24px;font-weight: 500; color: #fff;text-shadow: none;opacity: 1;filter: alpha(opacity=100); background-color: #0056a0; width: 30px; height: 30px; border-radius: 30px; position: absolute; top:20px; right:20px; line-height: 30px; text-align: center}
#modal_nutricion .modal-content .modal-body .table_general td.indentado{ padding-left:25px}

/*SHADOW*/
.shadow_overlay{background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.95)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}

/*UP*/
.up {background: #87c8ff url(../imgs/up_icon.png) no-repeat scroll center center / 18px auto; bottom: 110px;cursor: pointer;height: 40px;line-height: 500px; overflow: hidden;position: fixed;right: 0;width: 45px;z-index: 10000; height:45px;}


/********TOP NAV***************/
.top_bar{height:80px;position:fixed; background:url(../imgs/header_bkgr.jpg) repeat-x top center; border-radius:0  0 50%  50%; left:-25%; width:150%;z-index:99;box-shadow: 0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);}
.top_nav{opacity:1;z-index:100; width:100%;margin-top:0; top:0px;display:block; position:fixed; z-index:100; padding:0 7%}
.top_nav .logo{padding:0}
.small_header .top_nav{ background-color:#003768; height:160px; border-bottom:#87c8ff 8px solid; }
.top_nav .navbar-brand{ outline:none; width:185px; display:block; background: url(../imgs/sarubbi-logo.png?v=2) no-repeat top left; background-size:185px auto; line-height:500px; overflow:hidden; height:134px; margin-top:0px!important; opacity:1;}
.mobile_menu_container .navbar { border:0; float:right; margin:0px!important; min-height:inherit;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: margin;-moz-transition-property: margin;-ms-transition-property: margin;-o-transition-property: margin;transition-property: margin; clear:both;}
.mobile_menu_container .navbar ul{ display:inline; float:left; padding-top:29px;}
.mobile_menu_container .navbar ul ul{ padding-top:0px;}
.mobile_menu_container .navbar ul li.first_level{position:relative;font-size:14px; text-transform:uppercase;color:#FFF; display:block;}
.mobile_menu_container .navbar ul li.first_level.dropdown-toggle:hover{ z-index:10001!important}
.mobile_menu_container .navbar ul li.first_level:hover{background-color:transparent!important;cursor: pointer}
.mobile_menu_container .navbar ul li.first_level a{font-size:20px; text-transform:uppercase;font-weight:normal; outline:none;color:#FFF;height:30px; line-height:20px; padding:0px 25px 0px 0px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s; font-family:Hagin, serif; position:relative }
.mobile_menu_container .navbar ul li.first_level a span{webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;position:absolute; top:25px; left:0px; width:0px; height:2px; background-color:#87c8ff}
.mobile_menu_container .navbar ul li.first_level a:hover span{position:absolute; top:25px; left:0px; width:15px; height:2px; background-color:#87c8ff;webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.mobile_menu_container .navbar ul li.first_level a.active{color:#87c8ff}
.mobile_menu_container .navbar ul li.first_level a.active span{ position:absolute; top:25px; left:0px; width:15px; height:2px; background-color:#87c8ff }
.mobile_menu_container .nav > li > a:hover, .top_nav .nav > li > a:focus{ background-color:transparent!important;}
.mobile_menu_container .navbar ul.navbar-nav li a:hover{background-color:transparent!important;color:#87c8ff}
.mobile_menu_container .navbar ul li.langs {margin-top: -6px;}
.mobile_menu_container .navbar ul li.langs a.active {background-color:#87c8ff;color:#19458d}
.mobile_menu_container .navbar ul li.langs a.active:hover,.top_nav .navbar ul li.langs a.active:focus {background-color:#87c8ff!important;color:#19458d!important}
.mobile_menu_container .navbar ul li.langs a:hover,.top_nav .navbar ul li.langs a:focus {color:#fff!important}
.mobile_menu_container .navbar ul li.langs a {border-radius:25px;float:left;font-size:16px;font-weight:500;height:30px;line-height:33px;margin-right:10px;text-align:center;width:30px; padding:0;font-family:Hagin, serif;color:#fff}



/*VIDEO CONTAINER*/
video { display: block; }
video#bgvid {height: auto;min-height: 100%;position: absolute;right: 0;top: 0px!important;width: auto;z-index: -1; min-width:100%}
video#bgvid source{ opacity:1!important; display:block}
.overlay_mask {background-color: rgba(0, 0, 0, 0,0);color: #fff;display: table;position: relative;width: 100%;z-index: 1;}
.overlay_mask .inner { vertical-align:middle;text-align:center;display:table-cell;padding:40px 0; min-height:100%; }
.image-mirror {background-position: center center !important;background-repeat: no-repeat !important;background-size: cover !important;position: fixed !important;top: 0; z-index: -10 !important;}
.big_hero{ height:100%; min-height:620px;}
.small_hero{ height:400px; background-position:left top!important}
.overlay_mask h1.top_slide_title {text-align:center;  text-transform:uppercase;font-size:100px; padding:0 50px;}
.overlay_mask h1.top_slide_title span {display:block; margin-top:12px}
.overlay_mask .inner .title-wrap{ padding:80px 0}
.overlay_mask .inner .title-wrap h1{ max-width:300px; margin:0 auto; width:100%; padding:0 20px;}
.overlay_mask .inner .title-wrap h2 span{ display:block; font-family:Italianno, Arial, Helvetica, sans-serif; font-size:80px; text-shadow:none; text-align:center}
.overlay_mask .inner .title-wrap h2 span .star{ width:21px; height:18px; display:block; background:url(../imgs/stars.png) no-repeat top left; background-size:42px auto; display:inline-block; margin:0 15px; margin-bottom:5px; vertical-align:middle}
.overlay_mask .inner .title-wrap h2 span .star_right{ background-position:right top;}
.overlay_mask .inner .title-wrap p{ color:#FFF; max-width:800px; font-size:16px; margin:0 auto; line-height:27px; padding:30px 15px 0; }
.overlay_mask .inner .title-wrap p .btn_style{ margin-top:60px;}
#introduction.overlay_mask{ background-color:rgba(10,33,72,0.55)}
.overlay_mask .inner .title-wrap .cover_auto_scroll { margin-top: 20px;width: 100%;}
.overlay_mask .inner .title-wrap .cover_auto_scroll .cover_scroll { color: #fff;display: block;height: 104px; margin: 0 auto;outline: medium none;overflow: hidden;padding: 15px;text-align: center;width: 104px;}
.overlay_mask .inner .title-wrap .cover_auto_scroll .cover_scroll:hover {height: 104px;padding: 5px;width: 104px;}
.video_layer video{ opacity:0}

/*PLANTA HOME*/
.planta_home .table{ display:table; margin:0 -1px;padding:0}
.table-row{ display:table-row;}
.planta-pic{ padding:0; display:table-cell; height:100%; float:none; width:50%;background:url(../imgs/planta-home-pic.jpg) no-repeat top right; background-size:cover;}
.planta-info{ padding:15%;display:table-cell;height:100%;float:none; width:100% }
.planta-info .btn_style{ float:left; margin-top:50px;}


/* SLIDER ITALIANA HOME*/
.italianas_home{ position:relative}
.italianas_home .bx-controls.bx-has-pager{position:absolute; bottom:5%; right:7%; width:30%; height:20px; z-index:18}
.italianas_home .bx-pager-item{ float:left;}
.italianas_home .bx-wrapper .bx-pager.bx-default-pager a{ width:7px; height:7px; border-radius:7px; background-color:#FFF; margin:0 8px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;display:inline-block; vertical-align:middle}
.italianas_home .bx-wrapper a.bx-pager-link.active{ border:4px solid #1a9750;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;box-sizing:content-box}
.italianas_home .bx-pager{ padding:0; width:auto; float:right; position:static}
.italianas_home .bx-viewport{height: inherit!important}
.productos_slide{ text-align:center;}
.product_slide_title{font-family:Italianno, Serif; font-size:70px; line-height:61px; color:#FFF; position:absolute; bottom:10%; left:7%; text-shadow:0 0 20px rgba(0,0,0,1); text-align:left;z-index:18; opacity:0;margin-left:-30px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;}
.active-slide .product_slide_title{ margin-left:0!important; opacity:1;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;}

.recetas_logo{ position:absolute; top:6px; left:50%; width:260px; margin-left:-140px; z-index:15}
.productos_slide .hero_title{ position:absolute; width:100%; top:30%; padding: 0!important; margin: 0!important}
.productos_slide .hero_title img {color: #fff;display: block;height: 120px;margin: 50px auto 0;outline: medium none;overflow: hidden;padding: 15px;text-align: center;width: 120px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.productos_slide .hero_title:hover img{padding:5px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}

/*Chorizos angus slide*/
.chorizos_angus .chorizos_logo {position: absolute; bottom: 80px; left: 80px; width: 300px; z-index: 15; top: inherit; margin-left: 0;}
.chorizos_angus .prop_logo {position: absolute; bottom: 100px; right: 80px; width: 500px; z-index: 15; top: inherit; margin-left: 0;}
.bx-clone {display: none;}

/*Hamburguesas slide*/
.hamburguesas_slide .hamburguesas_logo {position: absolute; bottom: 50%; left: 80px; width: 20%; z-index: 15; top: inherit; margin-left: 0;margin-bottom: -60px;}
.hamburguesas_slide .prop_logo {position: absolute; bottom: 50%; right: 80px; width: 15%; z-index: 15; top: inherit; margin-left: 0; margin-bottom:-60px}
.bx-clone {display: none;}

/*CHORIZOS ANGUS NUEVOS GUSTOS*/
.productos_slide .lanzamiento_logo {position: absolute; bottom: 0; left: 0px; width: 20%; z-index: 15; top: inherit;}
.productos_slide.chorizos_angus_nuevos .acelu_logo {position: absolute; bottom: 65px; right: 40px; width: 230px; z-index: 15; top: inherit;}
.productos_slide.chorizos_angus_nuevos .gustos_logo {position: absolute; bottom:82px; left: 50%; width: 40%; z-index: 15; top: inherit; transform: translateX(-50%)}


/*FRANKFURTERS ANGUS NUEVOS*/
.frank_angus_nuevos .lanzamiento_logo {width: 60px; }
.productos_slide.frank_angus_nuevos .frankfurters_sello{ position: absolute;left: 28px; width: 24%; z-index: 15; top: 28px;}
.productos_slide.frank_angus_nuevos .gustos_logo {position: absolute;bottom: 50px;left: 50%;width: 35%;z-index: 15; top: inherit; transform: translateX(-50%);}


/*Productos home/**/
.productos_home{padding:50px 0 70px; box-shadow:0 -30px 130px rgba(0, 0, 0, 0.8); position:relative; z-index:10; -webkit-box-shadow:0 -30px 130px rgba(0, 0, 0,0.8);}
.product_block{ text-align:center}
.more_products_link{ margin-top:70px; clear:both}
.productos_home .bx-controls a{background: rgba(0, 0, 0, 0) url(../imgs/home_slider_arrows.png) no-repeat scroll top right; background-size:40px auto; width:20px; height:32px;}
.productos_home .bx-controls .bx-next { right: -100px;}
.productos_home .bx-wrapper .bx-next:hover {background-position:top right; opacity:0.8}
.productos_home .bx-controls .bx-prev { left: -100px; background-position: top left}
.productos_home .bx-wrapper .bx-prev:hover {background-position:top left; opacity:0.8}
.product_block .producto_pic,  .product_block h4,  .product_block p{ margin:0 20px}
.productos_home h4 b{ font-size:19px; display:block}
.productos_home  p{ width:100%; padding:0 30px; margin:10px auto; height:45px; line-height:22px;}

/*Contacto Home*/
.contacto-pic{ padding:0; display:table-cell; height:100%; float:none; width:50%;background:url(../imgs/contacto-home-pic.jpg) no-repeat; background-size:cover;}
.contacto-info{ padding:8%;display:table-cell;height:100%;float:none;}
.contacto-info .btn_style{ float:left; margin-top:50px;}
.contacto-info span{ text-transform:uppercase;display:block;color:#87c8ff; font-weight:500}
.contacto-info p{color:#fff;}
.contacto-info a{ color:#FFF}
.contacto-info .blue_title{color:#fff;}
.contacto-info .btn_style.blue{background-color:#fff;color:#19458d!important}
.contacto_home { width:100%; overflow:hidden}
.contacto_home .table{ display:table; margin:0 1px;padding:0}

/*FOOTER*/
footer{background-color:#11284f; overflow:hidden}
footer p{ float:left; color:#FFF; font-size:12px; padding-left:8%; line-height:80px;}
footer .copy_social ul li {float: left;height: 80px;line-height: 500px;overflow: hidden;width: 60px;}
footer .copy_social ul{float: right;}
footer .copy_social ul li a { background:url(../imgs/social.png) no-repeat scroll center top / 80px auto; display: block;}
footer .copy_social ul li a.twitter {/*background-color: #55acee*/;background-position: center top;}
footer .copy_social ul li a.youtube {/*background-color: #be270e*/; background-position: center -80px;}
footer .copy_social ul li a.linkedin {/*background-color: #008cc9*/;background-position: center -160px;}
footer .copy_social ul li a.facebook { /*background-color: #3a5795*/;background-position: center -240px;}
footer .copy_social ul li a.ig {/*background-color: #f30074;*/ background-position: center -160px;}

/*LOADER MASK*/
.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url(../imgs/ajaxloader.gif) center center no-repeat #fff; background-size: 40px auto
}


/*EMPRESA*/
.internal .hero_title{ padding-top:35px; background:url(../imgs/internal_titles_bkgr.png) no-repeat top center ; background-size:185px auto}
.empresa{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );
padding: 50px 0 70px;
box-shadow:0 -1px 35px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 -1px 35px rgba(0, 0, 0, 0.5);
}
.empresa .blue_title{ margin-bottom:20px; padding-bottom:0; padding-left:27px; background:url(../imgs/bullets.png) no-repeat left 7px; background-size:16px auto}
.empresa p{ padding-bottom:45px;}
.empresa .empresa_left { padding-right:50px; padding-left:0}
.empresa .empresa_right { padding-left:50px; padding-right:0}

/*PLANTA*/
.planta_home .planta-info.left{ width:50%; padding:80px; overflow:hidden; vertical-align:top }
.planta_home .planta-info.right{ width:50%; padding:80px;overflow:hidden; vertical-align:top }
.planta_home .bx-wrapper{ display: table-cell!important; height:100%!important; width:50%!IMPORTANT}
.planta_home .bx-wrapper .bx-viewport{ height:100%!important}
.planta_home .bx-wrapper .bx-viewport .image_gallery li{background-size:auto 100%!important; height:100%;}
.planta_home .bx-wrapper .planta-pic{ height:100%!important; display:block}
.planta-video{ padding:0; overflow:hidden;}
.planta-video img{ float:left;}
.planta_home.internal{box-shadow:0px 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.5); position:relative; z-index:3; overflow:hidden}
.planta-video .hero_title{ position:absolute; top:50%; left:50%; margin-left:-60px; overflow:hidden;margin-top:-120px}
.planta-video .hero_title img {color: #fff;display: block;height: 120px;margin: 0px auto 0;outline: medium none;overflow: hidden;padding: 15px;text-align: center;width: 120px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.planta-video .hero_title:hover img{padding:5px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.planta-brekpoint{ padding:50px 0 30px;box-shadow:0px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.2); position:relative; z-index:3}
.planta-brekpoint-text{background: rgba(0, 0, 0, 0) url(../imgs/internal_titles_bkgr.png) no-repeat scroll center top / 185px auto; font-size:32px; line-height:50px; width:100%; max-width:800px; padding:35px 30px; margin:0 auto; text-align:center}
.planta_bottom_pics{}
.planta-bottom-pic{ padding:0; overflow:hidden}
.planta-bottom-pic img{ float:left}
.planta_home.internal.first .table{margin:0 0 0 1px!important;}
.planta_home.internal.second .table{margin:0 -1px 0 0!important;}
.planta-pic.clone_col{ background:url(../imgs/gallery/2.jpg) no-repeat top center; background-size:cover}


/*CONTACTO*/
.contacto-info.internal{ text-align:center}
.contacto-info.internal h2{color:#19458d;}
.contacto-info.internal p{ color:#555;}
.contacto-info.internal p.first{ padding-bottom:60px;}
.contacto-info.internal a.email{ color:#cf0f22;}
.contacto-info.internal a{ color:#555;}
.contacto-pic.internal{ background:#11284f}
#sarubbi_map > div{ top:0!important}
#sarubbi_map h1{  font-size:18px;}
.breakpoint.contacto{ overflow:hidden; position:relative}
.breakpoint.contacto .noventa{ width:500px; position:absolute; left:50%; margin-left:-250px; top:50%; margin-top:-170px; }
.breakpoint.contacto img{ float:left}
.mercados {padding: 80px 0 120px; background:url(../imgs/contact_mundimap.png) no-repeat center center #fff; background-size:100% auto;}
.mercados .blue_title{ text-align:center; padding-bottom:60px;}
.mercados ul{ padding-bottom:40px;}
.mercados ul li{ padding-left:20px; background: url(../imgs/flechita-icon.png) no-repeat left 3px; background-size:10px auto; margin-bottom:3px; padding-bottom:10px; line-height:15px;}

/*PRODUCTOS*/
.nuevo_prod{ width:75px; background: url("../imgs/nuevo-producto.png") no-repeat left center; background-size: 75px auto; color:#c5b279; font-weight: bold;  text-transform: uppercase; text-align: center; font-size: 12px; line-height: 19px; position: absolute; top:15px; left:15px; width: 75px; height: 19px;}
.tab-content{ padding-bottom:30px;}
.product_info_italiana, .product_info_angus{ text-align:center; padding: 50px 0 70px;}
.product_info_italiana p{ width:100%; padding:0 30px; max-width:880px; margin:0 auto}
.product_info_angus p{ width:100%; padding:0 30px; max-width:880px; margin:0 auto}
p img.acelu{display:block; margin:40px auto 20px}
.product_italiana{ padding-bottom:4px;}
.product_italiana.container-fluid {padding-left: 11px;padding-right: 11px; overflow:hidden}
.italiana_block{ padding:4px 4px; overflow:hidden;}
.italiana_block h2{ font-family:Italianno, Serif; font-size:50px; position:absolute; bottom:0px; left:0px; color:#fff; padding:80px 40px 40px; width:100%; line-height:40px;}
.italiana_block_container img{ float: left;transform:scale(1,1);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.italiana_block_container:hover img{ float: left; transform:scale(1.02,1.02);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.italiana_block_container{ overflow:hidden; position:relative}
.product_info_tradicional{ text-align:center; padding: 50px 0 40px;}
.tab-content h4{ height:42px;}
.tab-content h4 b{ font-size:19px; display:block}
.tab-content .tab-pane{ overflow-x: hidden!important}
.product_info_tradicional .traditional_products p{ width:100%; padding:0 30px; max-width:880px; margin:10px auto 15px; height:45px; line-height:22px;}
.product_info_angus .chorizos_angus_products p{ width:100%; padding:0 30px; max-width:880px; margin:10px auto 15px; height:45px; line-height:22px;}
section .container li p{ padding:0!important}
.tradicional_block{ padding:10px 30px 70px; display:block!important}
.product_info_rausa{ text-align:center; padding: 30px 0 0px;}
.product_info_rausa p,.product_info_tradicional p { width:100%; padding:0 30px; max-width:880px; margin:0px auto 50px;}
.product_info_rausa .traditional_products p{ width:100%; padding:0 30px; max-width:880px; margin:10px auto 15px; height:45px; line-height:22px;}
.product_filter{ /*overflow:hidden;*/ text-transform:uppercase; font-size:14px;font-family:Proxima, Arial, Helvetica, sans-serif; text-align:center; border:0 !important}
.product_filter li{ display:inline-block; margin:27px 0px 0; float:none!important}
.product_filter li a{ line-height:36px; padding:0 15px; border-radius:36px; display:block; color:#FFF!important; margin:0;border:0 !important; cursor:pointer }
.product_filter > li > a:hover, .product_filter > li > a:focus{ background-color:transparent!important}
.product_filter > li.active > a, .product_filter > li.active > a:hover, .product_filter > li.active > a:focus { border:0!important;}
.product_filter li.active a{ background-color:#aa9c65!important; }
.work_th{display:block!important}
.overlay_mask .inner .internal.products {padding: 20px 0 0;}
h4#nav {display: none;}
.product_info_carnes{ text-align:center; padding: 50px 0 70px;}
.product_info_carnes p{ width:100%; padding:0 30px; max-width:880px;margin:0px auto 50px;}
.product_info_carnes p img{display:block; margin:50px auto 0}
.product_info_carnes .tradicional_block { float:none; display:inline-block!important; width:32.3%; vertical-align:top; padding-bottom: 0!important}
.product_info_carnes .traditional_products p {line-height: 22px;margin: 10px auto 30px;max-width: 880px;padding: 0 30px;width: 100%;}
.angus_logos{ padding:20px 0; max-width: 400px; display: block; margin: 0 auto;}
.chorizos_angus_pics{ margin-top:30px;}
p.product-subtitle{ font-size: 10px; margin-bottom: 0!important; margin-top: 0!important; height: auto!important;}


.tradicional_block.active{ opacity:1!important}
.nutricion-btn{ background:none; border:0;font-size: 12px; line-height: 20px; padding-left: 0; padding-right: 0}
.nutricion-btn.white{color:#ffF; position: absolute; top:12px; right: 15px; margin: 0; padding: 0;}
.nutricion-btn.white img{ margin-left: 10px; float: none; transform: translateY(5px); filter: brightness(100)}
.nutricion-btn.black { text-align: center; border-top:1px solid #d9d9d9; padding-top: 13px; width: 80%; margin: 0 auto}
.nutricion-btn.black img{ margin-right: 10px; float: none; transform: translateY(5px)}
.nut-prod-divider{;position: absolute; bottom:10px; left:0; width: 100%}

/*Animations*/
.fromTopIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromTopOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,-10px);opacity:0;}
.fromBottomIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromBottomOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,10px);opacity: 0;}