/* RESPONSIVE STYLES//////////////*/ @media (max-width: 767px) { .overlay_mask .inner .title-wrap h1{ max-width:190px; margin-bottom:20px;} .productos_slide .hero_title {margin-top: 155px; } .productos_slide .hero_title b{ display:none} .italianas_home .bx-wrapper .hero_title img{ margin-top: 0px!important; height:70px!important; width:70px!important; padding:10px!important;margin:0 auto!important} .blue_title {font-size: 30px; padding-bottom:20px;} .top_nav {padding: 0 30px;} .planta-info {padding:40px;} .contacto-info {padding: 50px 40px; text-align:center; width:100%;display: block;height: auto;} .hero_title {font-size: 43px; line-height:41px; padding:0 30px;} .overlay_mask .inner .title-wrap h2 span {font-size: 60px;line-height: 60px;} .recetas_logo {margin-left: -75px;width: 150px;} .top_nav .navbar-brand { width:140px; background-size:140px auto} .top_nav .navbar ul li.first_level a { font-size:19px;} .top_nav .navbar ul li.first_level a b { display:none} .mobile_menu_container{ padding:0} .top_bar { top:-20px; border-radius:0; height:62px;} .top_nav .navbar ul {padding-top: 20px;} .overlay_mask .inner .title-wrap p{ padding:20px 40px 0} footer p {padding-left:40px; line-height:60px;} footer .copy_social ul li {height: 60px;width: 60px;} .planta-info .btn_style {margin-top: 30px;} p{ font-size:15px; line-height:25px} .container { padding:0 60px;} .productos_home .bx-controls-direction{ display:none} .navbar-nav li:first-child{ display:none} .italianas_home .bx-wrapper,.italianas_home .productos_slide{ min-height:345px; height: 345px; overflow: hidden} .italianas_home .slider-home-main-img{ height:434px; width: 968px!important; max-width: inherit!important; margin: 0 auto; float: left; margin-left: -200px;} .italianas_home .productos_slide{ text-align:center} .italianas_home .bx-wrapper .productos_slider{ overflow:hidden} .italianas_home .bx-wrapper li{overflow:hidden} .italianas_home .bx-wrapper li a { overflow:hidden} .italianas_home .bx-wrapper li a img { height:345px!important; width:auto!important; max-width:inherit!important;} .productos_home .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -45px;} .productos_home .bx-wrapper img {max-width: 300px; margin:0 auto} .productos_home {box-shadow: 0 0 90px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 90px rgba(0, 0, 0, 0.8);padding: 40px 0 70px;} .productos_home .bx-wrapper .bx-pager.bx-default-pager a{ width:7px; height:7px; border-radius:7px; background-color:#CCC; margin:0 8px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;display:inline-block; vertical-align:middle} .productos_home .bx-wrapper a.bx-pager-link.active{ -webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;background-color:#1a9750;} .planta-pic { width:100%; display:block; height:300px;} .planta-info { text-align:center} .planta-info .btn_style{ float:none;} .productos_slide .bx-wrapper img {min-height: 319px; } .contacto-info .btn_style {float: none;} footer { padding-bottom: 40px;} footer .copy_social ul { display:block; float:none; margin:0 auto 15px; text-align:center;} footer .copy_social ul li{ float:none; display:inline-block; margin-top:-20px;} footer .copy_social ul li a{ background-color:transparent!important} footer p { width:100%; padding:20px 40px; text-align:center; line-height:20px;} footer p b{ display:block} .big_hero.hero_fixed{ position:absolute!important; z-index:-1!important; top:0;background-size:cover!important; background-position:-200px top !important; background-repeat:no-repeat!important; min-height:630px!important} .small_hero.hero_fixed{ position:absolute!important; z-index:-1!important; top:0;background-size:cover!important;background-repeat:no-repeat!important; } .overlay_mask .inner .title-wrap {padding: 50px 0 0!important;} .overlay_mask .inner .title-wrap p .btn_style {margin-top:40px;} .italianas_home .bx-wrapper .recetas_logo{ top:3px;} .italianas_home .bx-wrapper .recetas_logo img{ margin-left:0px!important} .product_slide_title {bottom: 50px;font-size: 40px;left: 0px;line-height: 33px; width:100%; text-align:center;} .italianas_home .bx-controls.bx-has-pager{ width:100%; right:0; bottom:15px;} .italianas_home .bx-pager{ float:none; text-align:center} .italianas_home .bx-wrapper li a{ text-align:right; display:block; width:100%; height:100%} .italianas_home .bx-pager-item {float: none; display:inline-block} .gold_separator {height: 6px;top: -3px;} .contacto-pic { display:block; width:100%; height:300px; float:left} .contacto-info{ float:left} .productos_slide .hero_title:hover img { padding: 10px;} .product_block .producto_pic, .product_block h4, .product_block p{ margin:0px} .contacto_home .table{ display:block; margin:0} .planta_home .table {margin: 0} .contacto_home .table-row{ margin:0; display:block} .big_hero{ min-height:480px;} /*EMPRESA*/ .empresa{background:rgba(255,255,255,1)!important; padding:40px 0;} .empresa .container { padding: 0 50px;} .empresa .empresa_left, .empresa .empresa_right {padding:0} .empresa .blue_title{background-size:12px auto; padding-left:20px} .small_hero {height: 305px;} .small_hero.hero_fixed{background-position:left top!important} /*CONTACTO*/ .contacto-pic.internal{ height:400px} .mercados {padding: 40px 0;} .mercados .container{ padding:0 35px} .mercados ul { height:220px;} .mercados ul li{ font-size:15px; margin:0} .mercados .blue_title{padding-bottom:30px;} .breakpoint.contacto{ height:auto;} .breakpoint.contacto .noventa{ width:250px;margin-left: -125px;margin-top: -100px;} .contacto-info.internal p.first{ padding-bottom:40px;} /*PRODUCTOS*/ .italiana_block {padding:0px 4px;} .product_italiana{ padding-bottom:0px;} .product_info_tradicional {overflow:hidden} .tab-pane .container{padding:0 20px!important} .product_info_tradicional .row{ margin:0!important} .product_info_rausa .container{padding:0 20px!important} .product_info_rausa .row{ margin:0!important} .tab-content p { margin: 0 auto 20px; padding:0 30px;} .tradicional_block{ width:50%!important; padding:10px 15px 70px!important} .product_filter li {margin: 15px 0 0;} .product_filter li a{ padding:0 15px; font-size:13px;} .planta_home.internal.first .table{margin:0!important;} .planta_home.internal.second .table{margin:0!important;} .product_filter li{ margin:0!important} .product_filter li a{ padding:0 15px; font-size:13px; cursor:pointer} .internal.products .nav-tabs > li {width: 100%; padding:0px;} .internal.products .nav-tabs > li > a { height:36px; line-height:36px; font-size:14px;padding:0px 20px;text-transform:uppercase; text-align:left;color:#333!important; border-radius:0!important } .internal.products .nav-tabs > li > a:hover{background-color:#CaCaCa!important; } .internal.products .nav-tabs > li.active > a{color: #999!important; } .internal.products h4#nav { height:36px; line-height:36px; font-size:14px;padding:0px 20px;text-align:left;font-family: Proxima,Arial,Helvetica,sans-serif; color:#fff!important; background-color: #aa9c65 !important; text-transform:uppercase; display:block; position:relative;border-radius: 36px;width:220px; margin:20px auto 0; cursor:pointer} .internal.products .nav-tabs {width:220px; margin:2px auto 0; margin-left:-110px!important; left:50%; position:absolute; background-color:#dedede; color:#333!important; border-radius:17px; padding:10px 0} .chorizos_angus_pics .italiana_block:last-child{ display: none;} .producto_title {font-size: 22px;} .tab-content h4 b {font-size: 16px; display: block;} .internal.products h4#nav span.drop-icon {background: rgba(0, 0, 0, 0) url(../imgs/products-caret-icon.png) no-repeat scroll left center / 10px auto;border: 0 none;display: block;height: 20px;margin-top: 2px;padding: 0;position: absolute;right: 10px;top: 7px;width: 20px;} .product_filter li.active a {background-color:transparent !important;} .product_info_carnes .tradicional_block { float:none; display:inline-block!important; width:49%!important; vertical-align:top} .product_info_carnes .traditional_products{ text-align:left} .product_info_carnes .container{ padding:0 30px;} .product_info_carnes .traditional_products .tradicional_block p{ text-align:center!important; padding:0!important; margin-bottom:10px!important} /*.product_info_carnes p{ padding:0}*/ #modal_nutricion .modal-dialog {margin:15px auto ; padding: 0 15px;} #modal_nutricion .modal-content .modal-body .table_general td{font-size: 14px!important;line-height: 18px!important; padding:8px!important } #modal_nutricion .modal-content .modal-body .table_general td.indentado{padding:13px!important } #modal_nutricion .modal-content .modal-body{ padding:8px;} #modal_nutricion .modal-footer { padding-bottom: 20px!important;} #modal_nutricion .modal-footer img{ float: left; margin-top: 25px;} #modal_nutricion .modal-footer, #modal_nutricion .modal-header{padding:8px} #modal_nutricion .modal-content .modal-body .porcion .porcion-txt{ display:block} #modal_nutricion .modal-header { padding-top: 30px !important;} #modal_nutricion .close {top:-5px;right:-5px;} #modal_nutricion .blue_bar_modal {padding: 0 10px;} .internal.products .mobile-selector.fixed h4#nav {height: 40px;line-height: 40px;position: fixed;bottom: 0;width: 100%;border-radius: 0;transform:translateY(40px);animation-name: menu_shrink;animation-delay: 0s;animation-duration: 0.5s;animation-fill-mode: forwards;} .internal.products .mobile-selector.fixed h4#nav .drop-icon{ transform: rotate(180deg); background-position: 8px center} .internal.products .mobile-selector.fixed .nav-tabs { margin-left: 0px !important;position: fixed;bottom: 0;width: 100%;left: 0;border-radius: 0;} .mobile-selector-open .up{transform: translateX(45px)} .up{transform: translateX(0px)} /*PLANTA*/ .planta_home.internal .planta-pic{ height:480px;} .planta_home.internal .planta-info.left {padding: 40px;vertical-align: top;width: 100%;} .planta_home.internal .planta-info.right {padding: 40px;vertical-align: top;width: 100%;} .planta_home.internal .planta-info{ display:block} .planta-brekpoint-text{ font-size:24px; line-height:30px; padding-left:40px; padding-right:40px;} .planta-video { min-height:300px; overflow:hidden;height:300px; position:relative} .planta-video img.video_caption{ height:400px; overflow:hidden; width:auto!important} .planta-video .hero_title { margin-left:-90px; margin-top:-70px;} /*CHORIZOS ANGUS HOME SLIDE/*/ .chorizos_angus .chorizos_logo { display:none;} .chorizos_angus .prop_logo {display:none;} .productos_slide .hero_title{top:38%; } /*Hamburguesas slide*/ .hamburguesas_slide .hamburguesas_logo {position: absolute; top:25px; left: 35px; width: 190px; z-index: 15; margin-left: 0} .hamburguesas_slide .prop_logo {display:none} .italianas_home .hamburguesas_slide .slider-home-main-img { margin-left: -100px!important;} /*CHORIZOS ANGUS NUEVOS GUSTOS*/ .productos_slide .lanzamiento_logo {bottom:40px; } .productos_slide.chorizos_angus_nuevos .acelu_logo {bottom: 62px; right: -200px; width: 280px; } .productos_slide.chorizos_angus_nuevos .gustos_logo {display: none;} } @keyframes menu_shrink { 0% {transform: translateY(40px)} 100% { transform: translateY(0)} } @media (max-width: 484px) { .productos_slide .hero_title b{ display:none} .overlay_mask .inner .title-wrap h1{ display:none} .overlay_mask .inner .title-wrap h2 span {display:none} .italianas_home .bx-wrapper li a img {margin-left:-285px;} /*CONTACTO*/ .mercados{ background-image:none} .mercados .col-xs-4{ width:50%!important} .mercados .container{ padding:0 30px} .breakpoint.contacto{ height:250px;} .breakpoint.contacto .aniversario{ width:auto!important; height:100%!important; margin-left:-150px;} /*PRODUCTOS*/ .italiana_block h2 {font-size: 45px;line-height: 35px;padding: 80px 35px 35px;} .tradicional_block{ width:100%!important; padding:10px 30px 70px!important} .producto_pic img{ max-width:324px; margin:0 auto} .tab-pane .container{padding:0px!important} .product_info_tradicional .traditional_products p {margin: 10px auto; height:auto} .product_info_rausa .traditional_products p {margin: 10px auto; height: auto; } .traditional_products h4 {height: auto; } .product_info_carnes .tradicional_block { float:none; display:inline-block!important; vertical-align:top; width:100%!important} .chorizos_angus_pics .italiana_block:last-child, .chorizos_angus_pics .italiana_block:first-child{ display: none;} .chorizos_angus_pics .italiana_block{width: 100%!important;} /*PLANTA*/ .planta_home.internal .planta-pic{ height:400px;} .planta_home.internal .planta-info.left {padding: 30px;vertical-align: top;width: 100%;} .planta_home.internal .planta-info.right {padding: 30px;vertical-align: top;width: 100%;} /*CHORIZOS ANGUS HOME SLIDE/*/ .italianas_home .slider-home-main-img {margin-left: -300px;} /*Hamburguesas slide*/ .hamburguesas_slide .hamburguesas_logo {position: absolute; top:10px; left: 20px; width: 160px; z-index: 15; margin-left: 0} .italianas_home .hamburguesas_slide .slider-home-main-img { margin-left: -200px!important;} /*CHORIZOS ANGUS NUEVOS GUSTOS*/ .productos_slide .lanzamiento_logo {bottom:45px; width:120px} .productos_slide.chorizos_angus_nuevos .acelu_logo {bottom: 47px;right: -280px; width: 401px;} .productos_slide.chorizos_angus_nuevos .gustos_logo {display:none;} /*Frankfurter slide*/ .frank_angus_nuevos .lanzamiento_logo {width: 40px!important;bottom: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .overlay_mask .inner .title-wrap h1{ max-width:210px;} .productos_slide .hero_title {margin-top: 140px; line-height:30px;} .productos_slide .hero_title img { margin-top: 25px; height:90px; width:90px; padding:10px;} .blue_title {font-size: 30px; padding-bottom:20px;} .top_nav {padding: 0 40px;} .planta-info {padding:50px 40px;} .contacto-info {padding: 50px 40px;} .hero_title {font-size: 50px; line-height:55px} .overlay_mask .inner .title-wrap h2 span {font-size: 65px;} .recetas_logo {margin-left: -100px;width: 200px;} .top_nav .navbar-brand { width:140px; background-size:140px auto} .top_nav .navbar ul li.first_level a { font-size:19px;} .top_nav .navbar ul li.first_level a b { display:none} .mobile_menu_container{ padding:0} .top_bar { top:-20px; border-radius:0} .top_nav .navbar ul {padding-top: 20px;} .overlay_mask .inner .title-wrap p{ padding:30px 45px 0} footer p {padding-left:40px; line-height:60px;} footer .copy_social ul li {height: 60px;width: 60px;} footer .copy_social ul li a.twitter { background-position: center -7px;} footer .copy_social ul li a.youtube { background-position: center -90px;} footer .copy_social ul li a.ig {background-position: center -169px;} footer .copy_social ul li a.facebook { background-position: center -250px;} .planta-info .btn_style {margin-top: 30px;} p{ font-size:15px; line-height:25px} .container { padding:0 60px;} .productos_home .bx-controls-direction{ display:none} .productos_home .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -45px;} .productos_home {box-shadow: 0 0 90px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 90px rgba(0, 0, 0, 0.8)} .productos_home .bx-wrapper .bx-pager.bx-default-pager a{ width:7px; height:7px; border-radius:7px; background-color:#CCC; margin:0 8px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;display:inline-block; vertical-align:middle} .productos_home .bx-wrapper a.bx-pager-link.active{ -webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;background-color:#1a9750;} .big_hero.hero_fixed{ position:absolute!important; z-index:-1!important; top:0;background-size:cover!important; background-position:left top !important; background-repeat:no-repeat!important;min-height:667px!important} .productos_slide .hero_title:hover img { padding: 10px;} .overlay_mask .inner { padding: 80px 0} /*EMPRESA*/ .small_hero {height: 440px;display: block!important;top: 0 !important;} /*CONTACTO*/ .mercados {padding: 40px 0;} .mercados ul { height:220px;} .mercados ul li{ font-size:15px; margin:0} .mercados .blue_title{padding-bottom:30px;} /*Productos*/ .tab-pane .container{padding:0px 30px!important} .product_info_carnes .tradicional_block {width:49%; text-align:left; } .product_info_carnes .traditional_products{ text-align:left} .product_info_carnes .traditional_products p{ text-align:center!important} #modal_nutricion .modal-dialog {margin: 30px auto ;} .internal.products .tabs_labels {display: block !important;height: auto !important; padding: 20px 20% 0;} .product_filter li { margin: 15px 0px 0;} /*PLANTA*/ .planta_home .planta-info.left{ padding:43px; } .planta_home .planta-info.right{ padding:43px; } .planta-brekpoint-text{ font-size:25px; line-height:38px; padding-left:100px; padding-right:100px;} .planta-info.left + .planta-pic{ background-position:center top!important} /*CHORIZOS ANGUS HOME SLIDE/*/ .chorizos_angus .chorizos_logo { width: 150px; left:40px; bottom:40px;} .chorizos_angus .prop_logo {display:none;} /*Hamburguesas slide*/ .hamburguesas_slide .hamburguesas_logo {position: absolute; top:25px; left: 25px; width: 200px; z-index: 15; margin-left: 0} .hamburguesas_slide .prop_logo {display:none} /*CHORIZOS ANGUS NUEVOS GUSTOS*/ .productos_slide .lanzamiento_logo {bottom: 54px;} .productos_slide.chorizos_angus_nuevos .acelu_logo {position: absolute; bottom: 100px; right: 40px; width: 230px; z-index: 15; top: inherit;} .productos_slide.chorizos_angus_nuevos .gustos_logo { display: none;} } @media (min-width: 600px) and (max-width: 767px) { /*FRANKFURTERS ANGUS NUEVOS*/ .productos_slide.frank_angus_nuevos .frankfurters_sello{ width: 30%; } .productos_slide.frank_angus_nuevos .gustos_logo {width: 45%;} .frank_angus_nuevos .slider-home-main-img {width: 768px !important; max-width: inherit !important; margin: 0 auto; margin-left: auto;float: left; height: 345px} /*Frankfurter slide*/ .frank_angus_nuevos .lanzamiento_logo {width: 40px!important;bottom: 0; } } @media (min-width: 485px) and (max-width: 599px) { /*FRANKFURTERS ANGUS NUEVOS*/ .productos_slide.frank_angus_nuevos .frankfurters_sello{ width: 30%; min-width:150px; top:15px;transform: translateY(0); left:15px} .productos_slide.frank_angus_nuevos .gustos_logo { display: none} .frank_angus_nuevos .slider-home-main-img {width: 768px !important; max-width: inherit !important; margin: 0 auto; margin-left: auto;float: left; height: 345px; margin-left:-100px;} /*Frankfurter slide*/ .frank_angus_nuevos .lanzamiento_logo {width: 40px!important;bottom: 0; } } @media (max-width: 484px) { /*FRANKFURTERS ANGUS NUEVOS*/ .productos_slide.frank_angus_nuevos .frankfurters_sello{ display: none; } .productos_slide.frank_angus_nuevos .gustos_logo { display: none} .frank_angus_nuevos .slider-home-main-img {width: 768px !important; max-width: inherit !important; margin: 0 auto; margin-left: auto;float: left; height: 345px; margin-left:-220px;} /*Frankfurter slide*/ .frank_angus_nuevos .lanzamiento_logo {width: 40px!important;bottom: 0; } } @media (min-width: 768px) and (max-width: 820px) { .navbar-nav li:first-child { display:none!important} /*CONTACTO*/ .breakpoint.contacto .noventa {margin-left: -200px;margin-top: -140px;width: 400px;} /*PRODUCTOS*/ } @media (min-width: 991px) and (max-width: 1023px) { /*PRODUCTOS*/ .italiana_block h2 {font-size: 45px;line-height: 35px;padding: 80px 35px 35px;} } @media (max-width: 1200px) { .noventa_fixed{ top:50%!important;display:block!important} .play_fixed{ top:50%!important;display:block!important; margin-top:-70px!important;} /*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:1;} .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: 1;} } @media (min-width: 1024px) and (max-width: 1199px) { .productos_slide .hero_title {margin-top: 155px;} .productos_slide .hero_title img { margin-top: 30px;} .blue_title {font-size: 38px;} .top_nav {padding: 0 5%;} footer p {padding-left:5%} .planta-info {padding: 12%;} .contacto-info {padding: 6%;} .hero_title {font-size: 55px;} .recetas_logo {margin-left: -100px;width: 200px;} .top_nav .navbar-brand { width:160px; background-size:160px auto} .top_nav .navbar ul li.first_level a { font-size:19px;} .mobile_menu_container{ padding:0} .top_bar { top:-9px; border-radius:0} .top_nav .navbar ul {padding-top: 26px;} .overlay_mask .inner { padding:60px 0} .container { padding:0 100px;} .productos_home .bx-controls .bx-next { right: -50px;} .productos_home .bx-controls .bx-prev { left: -50px;} .big_hero.hero_fixed{ position:absolute!important; z-index:-1!important; top:70px;background-size:cover!important; background-position:left top !important; background-repeat:no-repeat!important;min-height:744px!important} .productos_slide .hero_title:hover img { padding: 15px;} /*EMPRESA*/ .small_hero {height: 440px;top: 0 !important;} .hero_fixed.small_hero {top: 30px;} /*PRODUCTOS*/ .italiana_block h2 {font-size: 45px;line-height: 35px;padding: 80px 35px 35px;} .overlay_mask .inner .internal.products {padding: 40px 0 0!important;} .tab-pane .container{ padding:0 40px!important;} .planta-info.left + .planta-pic{ background-position:left top!important} .internal.products .tabs_labels {display: block !important;height: auto !important;padding: 20px 10% 0;} /*PLANTA*/ .planta_home .planta-info.left{ padding:60px; } .planta_home .planta-info.right{ padding:60px; } .planta-brekpoint-text{ font-size:30px; line-height:48px;} /*CHORIZOS ANGUS HOME SLIDE/*/ .chorizos_angus .chorizos_logo {bottom: 60px; left: 60px; width: 200px; } .chorizos_angus .prop_logo {bottom: 70px; right: 60px; width: 350px; } } @media (min-width: 1200px) and (max-width: 1436px) { .container { padding:0 100px;} .productos_home .bx-controls .bx-next { right: -50px;} .productos_home .bx-controls .bx-prev { left: -50px;} .productos_slide .hero_title {margin-top: 220px;} .productos_slide .hero_title img { margin-top: 30px;} /*CHORIZOS ANGUS HOME SLIDE/*/ .chorizos_angus .chorizos_logo {bottom: 80px; left: 80px; width: 200px; } .chorizos_angus .prop_logo {bottom: 100px; right: 80px; width: 400px; } } @media (min-width: 1437px) and (max-width: 1500px) { .productos_home .bx-controls .bx-next { right: -50px;} .productos_home .bx-controls .bx-prev { left: -50px;} } /***Mobile menu*****/ @media (max-width: 767px) { .fix_menu .internal {margin-top: 65px;} .clima_header a{ display:block; float:left; margin-left:27px;} .home .top_nav, .home .top_nav.opacity-off{ height:50px} .home .top_nav { position: fixed} .small_header .top_nav.opacity-off{ position: fixed} .menu_open .top_nav, .menu_open .top_nav.opacity-off{left: -260px!important;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transition: all .4s ease-out;} .top_nav,.top_nav.opacity-off {height: 65px !important;position:fixed; top:0; opacity:1; left:0!important; width:100%;-webkit-transition: all .4s ease-out!important;-moz-transition: all .4s ease-out!important;transition: all .4s ease-out!important; border:none!important} .small_header .top_nav .logo { margin-top:10px;} .top_nav .navbar-brand,.top_nav.transition-on .navbar-brand{ width:100px; padding:0; height: 80px; background-size:100px auto;background-position: -6px top;} .mobile_menu_btn { background-color:transparent;margin-right: 0px;margin-top: 12px;padding:0; position:absolute; width:50px;top:0; right:0; border:0} .menu_open .mobile_menu_btn {padding: 0 0 460px!important} .mobile_menu_btn .icon-bar {background-color: #fff;display: block;height: 2px;margin-bottom: 5px;width: 21px;border-radius:2px;} .mobile_menu_btn .icon-bar.last {margin-bottom: 0;} .row-offcanvas {position:relative;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transition: all .4s ease-out;height:100%} .row-offcanvas-right {right: 0;} .row-offcanvas-right .sidebar-offcanvas {right: -260px;z-index:100; padding:0; background-color: transparent; height:auto;} .row-offcanvas-right.active {right:260px;} body.menu_open{ height:inherit!important} /*NAVIGAITION*/ .navbar-fixed-top, .navbar-fixed-bottom {left: inherit;} .sidebar-offcanvas {display:block; padding-top:15px; height:100%;width: 260px; position:absolute} .active .sidebar-offcanvas .navbar{ right:0;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transition: all .4s ease-out ;} .sidebar-offcanvas .navbar{ width:260px; padding:0; margin:0; height:100%; border:0; position:fixed; background-color:#11284f; right:-260px;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transition: all .4s ease-out; overflow-y:scroll; top:0; box-shadow:6px 0 4px -6px rgba(0, 0, 0, 0.6) inset; -webkit-box-shadow: 6px 0 4px -6px rgba(0, 0, 0, 0.6) inset;} .menu_open{overflow:hidden} .sidebar-offcanvas .navbar ul.navbar-nav{ margin:0; position:relative; padding-top:0px; padding-bottom:50px!important;width:100%;} .top_nav .navbar ul.navbar-nav li.first_level{ width:100%; overflow:hidden} .top_nav .navbar ul.navbar-nav > li.first_level a {padding: 0px; height:50px; line-height:50px; width:100%; display:block; padding-left:25px;} .top_nav .navbar ul.navbar-nav{ padding:0; width:100%} .sidebar-offcanvas .navbar ul.navbar-nav li.first_level{ padding:0; position:relative; width:100%} .sidebar-offcanvas .navbar ul.navbar-nav > li.first_level a{ color:#FFF!important;font-size: 18px; outline:none; text-transform:uppercase;height:65px;padding:0 25px;line-height:65px;border-bottom: 1px solid rgba(0,0,0,0.08); display:block; font-family: Hagin, Serif, serif} .sidebar-offcanvas .navbar ul.navbar-nav > li.first_level a.active, .sidebar-offcanvas .navbar ul.navbar-nav > li.first_level a.active:hover{color:#56adfa!important} .sidebar-offcanvas .navbar ul.navbar-nav > li.first_level a:hover{ color:#56adfa!important} .navbar-collapse{ max-height:inherit} .navbar-fixed-top, .navbar-fixed-bottom { right: inherit!important;} .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {padding-left: 0px!important;padding-right: 0px!important;} .mobile_menu_container .navbar ul li.first_level a span { display:none} .mobile_menu_container .navbar ul li.langs {margin-left: 25px;margin-top: 20px;} /* Cross Animation*/ .mobile_menu_btn{ outline:0; display:block!important} .mobile_menu_btn.active .icon-bar:nth-child(2){ opacity:0;} .mobile_menu_btn.active .icon-bar:nth-child(1){ -moz-transform: rotate(-45deg) translateY(10px) ;-webkit-transform: rotate(-45deg) translateY(10px);transform: rotate(-45deg) translateY(10px) ;-webkit-transform: rotate(-45deg) translateY(10px);} .mobile_menu_btn.active .icon-bar:nth-child(3){ -moz-transform: rotate(45deg) translateY(-10px);-webkit-transform: rotate(45deg) translateY(-10px);transform: rotate(45deg) translateY(-10px)} .mobile_menu_btn.active .icon-bar{-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: all;-moz-transition-property: all;-ms-transition-property: all;-o-transition-property: all;transition-property: all;} .mobile_menu_btn .icon-bar{-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: all;-moz-transition-property: all;-ms-transition-property: all;-o-transition-property: all;transition-property: all;} } @media (min-width: 1200px){ .internal.products .tabs_labels{display: block !important; height:90px!important} }