body { overflow-x: hidden; } /******************************************************************/ /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Tablet (Landscape) > 960 ===================================================================================================== */ @media only screen and (min-width: 960px) { .hide-desktop { display:none !important;} } /* #Layouts Móviles - Desktop:: Lefranc; ===================================================================================================== */ /* @media only screen and (min-width: 590px) { #equipoProfesional_movil { display: none !important; visibility: hidden!important; } #equipoProfesional_desk { display: block !important; visibility: visible !important; } } @media only screen and (max-width: 589px) { #equipoProfesional_desk { display: none !important; visibility: hidden!important; } #equipoProfesional_movil { display: block !important; visibility: visible !important; } } @media only screen and (min-width: 768px) { #equipo_united_farms_desktop { display: block !important; visibility: visible !important; } #equipo_united_farms_movil { display: none !important; visibility: hidden!important; } #responsabilidadSocial { display: block !important; visibility: visible !important; } #responsabilidadSocial_movil { display: none !important; visibility: hidden!important; } } @media only screen and (max-width: 767px) { #equipo_united_farms_desktop { display:none !important; visibility: hidden!important; } #equipo_united_farms_movil { display:block !important; visibility: visible !important; } #responsabilidadSocial { display:none !important; visibility: hidden!important; } #responsabilidadSocial_movil { display:block !important; visibility: visible !important; } } */ /******************************************************************/ /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Tablet (Landscape) 768 - 959 ===================================================================================================== */ @media only screen and (min-width: 768px) and (max-width: 959px) { body { min-width: 0; } #Wrapper { width: 728px; } .container, { width: 100%; /*width: 708px;*/ } .section_wrapper, .with_aside .content_wrapper { max-width: calc(100% - 67px) ; /*width: 708px;*/ } /* ======================================================= */ /* Header magazine */ .header-magazine #Top_bar .banner_wrapper { width: 300px; top: 27px; } .hide-tablet { display:none !important;} a.kill_the_icon .button_icon { display: none; } /* Top bar width */ /*#Top_bar .top_bar_left { width: 501px; }*/ /* .footer-sliding */ .footer-fixed #Content, .footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer, .footer-sliding #Footer { position: static;} /* Subheader */ #Subheader .title { width: 100%; } #Subheader ul.breadcrumbs { display: none; } /* Blog */ .with_aside .classic .post-meta .author-date .author .label { display: none; } .with_aside .classic .post-meta .category { display: none; } /* Masonry */ .masonry .post-item { width: 47.9%; } /* Timeline */ .timeline .post-photo-wrapper { width: 100%; float: none; } .timeline .post-desc-wrapper { width: 100%; float: none; } /* Filters */ #Filters .filters_wrapper ul li { float:left; width: 24%; margin: 0.5%; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 694px; } /* Google maps */ .column_map .google-map-contact-wrapper { width: 694px; margin-left: -347px; } /* Recent posts */ .Recent_posts ul li .desc { margin-right: 40px; } .Recent_posts ul li .photo { width: 40px; height: 40px; } .Recent_posts ul li.format-link .photo { background-size: 40% auto; } .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } /* Tabs */ .tabs_vertical.ui-tabs .ui-tabs-nav { width: 33% !important; } .tabs_vertical.ui-tabs .ui-tabs-panel { width: 66.7% !important; } /* Counter */ .one-fourth .counter.counter_horizontal, .one-fifth .counter.counter_horizontal, .one-sixth .counter.counter_horizontal { text-align: center; } .one-fourth .counter.counter_horizontal .icon_wrapper, .one-fifth .counter.counter_horizontal .icon_wrapper, .one-sixth .counter.counter_horizontal .icon_wrapper { position: static; margin: 0 auto; margin-bottom: 15px; } .one-fourth .counter.counter_horizontal .desc_wrapper, .one-fifth .counter.counter_horizontal .desc_wrapper, .one-sixth .counter.counter_horizontal .desc_wrapper { padding-left: 0; } /* Article box */ .one-third .article_box .photo_wrapper { width: 100%; float: none; text-align: center; } .one-third .article_box .desc_wrapper { width: 100%; min-height: auto; float: none; } /* Pricing table */ .pricing-box .plan-header h2 { word-wrap: break-word; } .pricing-box .plan-header .price sup.period { position: static; top: 0; display: block; } /* Infobox */ .infobox { padding-left:20px; word-wrap: break-word;} .infobox ul li { padding-left: 0; padding-right: 0; } .infobox ul li:before { display: none; } /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details:hover .details { opacity: 1; } .portfolio-photo .portfolio-item .portfolio-details .more { display: none; } /* Get in touch */ .get_in_touch { padding-left:20px; word-wrap: break-word;} .get_in_touch ul li { padding-left: 0; padding-right: 0; } .get_in_touch ul li .icon { display: none; } /* Hover color */ .hover_color { word-wrap:break-word;} /* How it works */ .how_it_works .image { width: 120px; height: 120px; line-height: 120px; } .how_it_works .image img { max-width: 66px !important; max-height: 66px !important; } .how_it_works .image .number { bottom: 0; right: 0; } .how_it_works.has_border:after { top: 60px; } /* Opening Hours */ .opening_hours { padding-left:20px; word-wrap: break-word;} .opening_hours .opening_hours_wrapper li span { font-size: 16px; line-height: 16px; } /* Icon box */ .icon_box.icon_position_left { min-height: auto; padding-left: 0; padding-right: 0; } .icon_box.icon_position_left .icon_wrapper { position: static; margin-bottom: 15px; } .icon_box.icon_position_left .desc_wrapper { text-align: center; padding-top: 0; } .icon_box.icon_position_left .image_wrapper { position: static; left: 0; margin-bottom: 15px; width: auto; height: auto; } /* Flat box */ .flat_box .photo_wrapper .icon { width: 50px; } .flat_box .photo_wrapper .icon i { height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; } .flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(-50px); transform: translateX(-50px); } .flat_box .desc_wrapper { margin-left: 50px; } /* Offer thumb */ .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { width: 100%; float: none; } /* Offer thumb bottom */ .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; } .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper { margin-right: 0%; width: 100%; } /* Trailer box */ .trailer_box .desc h2 { font-size: 22px; line-height: 22px; } /* Offer slider */ .offer .offer_li .desc_wrapper { width: 324px; } /* Error 404 */ #Error_404 { position: static; padding-top: 50px; margin-top: 0; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 260px; line-height: 260px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } /* Buttons */ a.kill_the_icon .button_icon, .widget-area a.button .button_icon { display: none; } /* Zoom Box */ .zoom_box .desc .desc_txt { font-size:18px; line-height:22px;} } /******************************************************************/ /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Tablet () & Mobile - < 768 * ===================================================================================================== */ @media only screen and (max-width: 947px) { /*.section_wrapper.carousel_section_wrapper_r { max-width: calc(100% - 20px) !important; }*/ .content_slider.carousel { padding: 0 25px 95px; } .content_slider.carousel { padding: 0 calc(4% + 20px) 12%; } /*.content_slider.carousel a.slider_prev { left: 10px; }*/ /*.content_slider.carousel a.slider_next { right: 10px; }*/ /*.content_slider.carousel ul li { padding: 0 15px; }*/ #datosContacto a.diligencia { font-size: 18px; } } /******************************************************************/ /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Tablet (Portrait) & Mobile - COMMON < 768 * ===================================================================================================== */ @media only screen and (max-width: 767px) { body { min-width:0;} #Wrapper { width: 300px;} .mobile-wide #Wrapper { width: 92%;} .section_wrapper .column, .container .column, .sections_group, .four.columns { margin:0; width: 100% !important; clear: both; } .aside_both .sections_group { margin:0 auto !important;} /* OJO: Nota r: lo retiré para dejar la nueva regla en la linea 530 y aproveche mejor el espacio horizontal ; .section_wrapper, .container, .four.columns { width: 260px !important; } .mobile-wide .section_wrapper, .mobile-wide .container, .mobile-wide .four.columns { width: 90% !important; -webkit-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .left-sidebar .items_group, .right-sidebar .items_group, .with_aside .content_wrapper { width:100%;} .section_wrapper .column { margin:0 0 20px; height:auto !important;} .four.columns { float: none !important; margin:0 auto !important; } /* ======================================================= */ .hide-mobile { display:none !important;} /* .section */ .section { background-attachment:scroll !important; height: auto !important; } /* Popup contact */ #popup_contact { display: none; } /* .footer-sliding */ .footer-fixed #Content, .footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer, .footer-sliding #Footer { position: static;} /* Widget */ .widget-area { min-height: 0 !important; } /* Blog */ /* Classic */ .classic .post-photo-wrapper { width: 100%; float: none; } .classic .post-desc-wrapper { width: 100%; float: none; } .classic .post-meta .author-date .author .label { display: none; } .classic .post-meta .category { display: none; } .classic .post-desc-wrapper .post-footer .button-love .love-text { display: none; } .classic .post-desc-wrapper .post-desc { padding: 15px 0 0 0px; } /* Timeline */ .timeline .post-item { padding-left: 0; background: none; } .timeline .post-item:before { display: none; } .timeline .post-photo-wrapper { width: 100%; float: none; } .timeline .post-desc-wrapper { width: 100%; float: none; } .timeline .post-item .date_label { display: inline-block; position: static; margin-bottom: 10px; } .timeline .post-meta .category { display: none; } .timeline .post-desc-wrapper .post-footer .button-love .love-text { display: none; } .timeline .post-desc-wrapper .post-desc { padding: 15px 0 0 0px; } /* Masonry */ .masonry .post-item { width: 98%; } /* Blog single */ .single-post .format-image .single-photo-wrapper .image_frame { display: block; } .single-post .format-link .single-photo-wrapper, .single-post .format-quote .single-photo-wrapper { display: none; } /* Post header */ .post-header .button-love { width: 69px; } .post-header .title_wrapper { margin-left: 69px; padding-left: 20px; } .post-header .title_wrapper h1 { font-size: 27px; line-height: 27px; } .post-header .post-meta .category { display: none; } /* Single photo wrapper */ .single-photo-wrapper .share_wrapper { display: none; } .single-photo-wrapper .image_frame { margin-left: 0; } /* Post nav */ .post-nav { padding: 10px 10px 4px 90px; } /* Project decription */ .project-description li, .project-description li.one-third { width: 100%; border-width: 0 0 1px 0; } .project-description li:last-child { border-bottom: 0; } /* Portfolio grid */ ul.portfolio_grid li { width: 100% !important; float: left ; } /* Fixed nav */ .fixed-nav { display: none !important; } /* Filters */ .blog #Filters { margin-bottom: 0; } #Filters .filters_wrapper ul li { float:left; width: 49%; margin: 0.5%; } /* Portfolio */ .portfolio_group .portfolio-item { width: 100% !important; float: none; } .portfolio_group .portfolio-item .list_style_header { padding-right: 0; min-height: inherit; } .portfolio_group .portfolio-item .list_style_header h3 { margin: 0px; } .portfolio_group .portfolio-item .list_style_header .links_wrapper { display: none; } .portfolio_group .portfolio-item .desc .desc-wrapper { margin-right: 0px; } .portfolio_group .portfolio-item .desc .details-wrapper { float: none; width: 100%; padding-left: 0; border-left-width: 0px; border-bottom-width: 1px; padding-bottom: 15px; margin-bottom: 15px; } .portfolio_group.list .portfolio-item .desc { padding-top: 10px; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { background-image: none !important; padding-bottom: 0; } body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 380px; } /* Sidebar */ .widget-area { border: 0 !important; padding: 0 !important; margin: 0 0 30px 0 !important; } .widget-area:after, .widget-area:before { display: none; } .widget:after { width: 100%; } /* Divider */ .hr_full hr, .aside_left .hr_full hr, .aside_right .hr_full hr { position: absolute; left: -1000px; top: 0; width: 3000px; } /* How it works */ .how_it_works .image, .with_aside .how_it_works .image { width: 200px; height: 200px; line-height: 200px; } .how_it_works .image img { max-width: 116px !important; max-height: 116px !important; } .how_it_works .image .number, .with_aside .how_it_works .image .number { bottom: 10px; right: 10px; } .how_it_works.has_border:after { display: none; } /* Pricing table */ .pricing-box-label .plan-header, .pricing-box-label .plan-footer { display: none; } .pricing-box-label ul li { text-align: center !important; } /* Offer slider */ .offer .offer_li .image_wrapper { width: 100%; float: none; margin-bottom: 15px; overflow: hidden; } .offer .offer_li .desc_wrapper { width: 100%; float: none; clear: both; margin: 0; } .offer .offer_li .desc_wrapper .title { padding-right: 0; margin-bottom: 15px; } .offer .offer_li .desc_wrapper .title h3 { margin-bottom: 15px;; font-size: 27px; line-height: 27px; } .offer .offer_li .desc_wrapper .title a.button { position: relative; } .offer a.slider_prev { left: 20px; top: 20px; margin: 0; } .offer .slider_pagination { left: 20px; top: 65px; margin: 0; } .offer a.slider_next { left: 20px; top: 111px; margin: 0; } /* Offer thumb */ .offer_thumb { padding-left: 0; } .offer_thumb_ul li.offer_thumb_li { padding-left: 0; } .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title { padding-right: 0; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { margin-bottom: 15px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button { position: relative; } .offer_thumb .slider_pagination { margin-top: 20px; line-height: inherit; } /* Offer thumb bottom */ .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; } .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper { margin-right: 0%; width: 100%; } /* Call to action */ .call_to_action .call_left, .call_to_action .call_center, .call_to_action .call_right { display: block; width: 100%; } .call_to_action .call_left { margin-bottom: 20px; } .call_to_action .call_center { margin-bottom: 20px; } .call_to_action .call_right { margin-bottom: 0px; text-align: center; } /* Timeline */ .timeline_items { background-position: 91px top; } .timeline_items li { margin-bottom: 30px !important; padding: 0 0 25px 150px !important; background: url(../images/timeline_right.png) no-repeat !important; background-position: 50px top !important; width: auto; } .timeline_items li h3 span { left: 0 !important; right: auto; } #timeline .timeline_items li h3 span img { margin-left: -30px; } .timeline_items li h3, .timeline_items li:nth-child(even) h3 { text-align: left; } .timeline_items li h3:before { left: 93px; } .timeline_items li .desc, .timeline_items li:nth-child(even) .desc { text-align: left; } .timeline_items li .desc:before { display: none; } .timeline_items:after { left: 93px; } /* Timeline */ .timeline_items { background-position: 0px 39px; } /*.timeline_items li { padding: 0 0 25px 80px !important; background-position: -20px top !important; }*/ .timeline_items li h3 span { display: block; height: 1px; position:relative; clear:both; padding: 0; top: 8px; } /*display: inline-block; */ /*margin-bottom:20px;*/ .timeline_items li h3:before { left: 3px; top: 50px; } .timeline_items:after { left: 2px; } #timeline .timeline_items li h3 span img { margin-left: -110px; margin-top: -50px; } /*margin-left: -73px;*/ /*margin-top: 0;*/ .timeline_items li { margin-bottom: 0 !important; padding: 0 0 40px 100px !important; background: url(../images/timeline_right_max_767px.png) no-repeat !important; background-position: -41px 0 !important; } .timeline_items li h3 { padding: 42px 28px 18px 60px; min-height: 55px; } .timeline_items li h3 span:after { content: none; display: none; position: relative; border: none; } .timeline_items li:nth-child(2) h3 { background: #616573; background: -moz-linear-gradient(150deg, #616573 25%, #ACB3CC 75%, #C2CAE6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#616573), color-stop(75%,#ACB3CC), color-stop(100%,#C2CAE6)); background: -webkit-linear-gradient(150deg, #616573 25%, #ACB3CC 75%, #C2CAE6 100%); background: -o-linear-gradient(150deg, #616573 25%, #ACB3CC 75%, #C2CAE6 100%); background: -ms-linear-gradient(150deg, #616573 25%, #ACB3CC 75%, #C2CAE6 100%); background: linear-gradient(150deg, #616573 25%, #ACB3CC 75%, #C2CAE6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616573', endColorstr='#C2CAE6',GradientType=0 ); } /* 2 Capital Humano (Aquí termina) */ .timeline_items li:nth-child(4) h3 { background: #5BB9A3; background: -moz-linear-gradient(150deg, #5BB9A3 25%, #66FFDC 75%, #CCFFF3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#5BB9A3), color-stop(75%,#66FFDC), color-stop(100%,#CCFFF3)); background: -webkit-linear-gradient(150deg, #5BB9A3 25%, #66FFDC 75%, #CCFFF3 100%); background: -o-linear-gradient(150deg, #5BB9A3 25%, #66FFDC 75%, #CCFFF3 100%); background: -ms-linear-gradient(150deg, #5BB9A3 25%, #66FFDC 75%, #CCFFF3 100%); background: linear-gradient(150deg, #5BB9A3 25%, #66FFDC 75%, #CCFFF3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5BB9A3', endColorstr='#CCFFF3',GradientType=0 ); } /* 4 Logística (Aquí termina) */ .timeline_items li:nth-child(6) h3 { background: #866967; background: -moz-linear-gradient(150deg, #866967 25%, #B38C89 75%, #E6B4B0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#866967), color-stop(75%,#B38C89), color-stop(100%,#E6B4B0)); background: -webkit-linear-gradient(150deg, #866967 25%, #B38C89 75%, #E6B4B0 100%); background: -o-linear-gradient(150deg, #866967 25%, #B38C89 75%, #E6B4B0 100%); background: -ms-linear-gradient(150deg, #866967 25%, #B38C89 75%, #E6B4B0 100%); background: linear-gradient(150deg, #866967 25%, #B38C89 75%, #E6B4B0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#866967', endColorstr='#E6B4B0',GradientType=0 ); } /* 6 Growing (Aquí termina) */ .timeline_items li:nth-child(8) h3 { background: #C66E3C; background: -moz-linear-gradient(150deg, #C66E3C 25%, #FFA673 75%, #FFD6BF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#C66E3C), color-stop(75%,#FFA673), color-stop(100%,#FFD6BF)); background: -webkit-linear-gradient(150deg, #C66E3C 25%, #FFA673 75%, #FFD6BF 100%); background: -o-linear-gradient(150deg, #C66E3C 25%, #FFA673 75%, #FFD6BF 100%); background: -ms-linear-gradient(150deg, #C66E3C 25%, #FFA673 75%, #FFD6BF 100%); background: linear-gradient(150deg, #C66E3C 25%, #FFA673 75%, #FFD6BF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C66E3C', endColorstr='#FFD6BF',GradientType=0 ); } /* 8 Inocuidad (Aquí termina) */ /* Logotipo de United Fams a color inmediatamente abajo del Slider de Inicio: */ #ufDescription .one-sixth { margin-bottom: 10px; } #ufDescription .one-sixth img { max-width: 20%; display: block; margin: auto; } #Content img.logo_soc_com { max-width: 45%; } /*ul.clients div.column.one.column_divider { display: block; margin-bottom: 0; }*/ /* HEADINGS!!!!!!! */ .section h2 { font-size: 28px; line-height: 1.25; } .section h3 { font-size: 30px; } .section h4 { font-size: 24px; } .section h5 { font-size: 21px; } /* Testimonials list */ .testimonials_list .item { margin-bottom: 30px; } .testimonials_list .item .photo { width: 100%; float: none; margin-bottom: 10px; } .testimonials_list .item .desc { width: 100%; float: none; margin-bottom: 0px; } /* Promo box */ .promo_box.has_border:after { display: none; } .promo_box_wrapper { overflow: visible; } .promo_box_wrapper .photo_wrapper { width: 100%; float: none; line-height: 0; margin-bottom: 15px; } .promo_box_wrapper .desc_wrapper { width: 100%; margin: 0 !important; float: none; padding-top: 0px; } /* Clients */ ul.clients:not(.clients_slider_ul) li { width: 50% !important; } /* Fancy headings */ .fancy_heading h2.title { } /*font-size: 30px; line-height: 32px;*/ .ribbon_home_header h4.title { font-size: 21px; } /* Icon box */ .icon_box.has_border:after { display: none; } /* Image Frame */ .image_frame { margin-top:0 !important;} /* Content block */ .content_slider, .content_slider.flat { padding: 0 65px 32px; } .content_slider a.slider_prev, .content_slider.flat a.slider_prev { left: 0px; } .content_slider a.slider_next, .content_slider.flat a.slider_next { right: 0px; } /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details .details { display: none; } .portfolio-photo .portfolio-item .portfolio-details .more { opacity: 1; } /* Story Box */ .story_box { padding: 0 11% !important; } .story_box .desc_wrapper { margin-right: 0% !important; } /* Tabs */ .ui-tabs .ui-tabs-nav { background: none; } .ui-tabs .ui-tabs-nav li { float: none !important; width: 100% !important; border-width: 0 0 1px 0; } .ui-tabs .ui-tabs-nav li:last-child { border-bottom: 0; } .ui-tabs .ui-tabs-nav li a { text-align: center; } .ui-tabs .ui-tabs-nav li a { background-image: url(../images/bg_panel.png); background-repeat: repeat-x; background-position: left top; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-active a { background-image: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after { display: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none; } /* Google maps */ .column_map .google-map-contact-wrapper { position: static; margin: 0; width: 100%; height: auto; } .column_map .google-map-contact-wrapper .get_in_touch { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Features lists */ .feature_list ul li { width: 100%; float: none; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .feature_list hr { display: none; } /* Error 404 */ #Error_404 { position: static; padding-top: 20px; margin-top: 0; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 160px; line-height: 160px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } #Error_404 .error_desk h2 { font-size: 30px; line-height: 30px; } #Error_404 .error_desk h4 { font-size: 19px; line-height: 25px; } #Error_404 .error_desk p .check { line-height: 22px; font-size: 16px; margin-bottom: 15px; display: block; } /* Footer */ #Footer .footer_copy { text-align: center; } #Footer .footer_copy .copyright { float: none; margin: 0 0 10px 0; } #Footer .footer_copy a#back_to_top { float: none; margin: -10px 0 10px; } #Footer .footer_copy .social { float: none; margin: 0; } #Footer .footer_copy .social-menu { float: none; margin: 0; } #Footer > .widgets_wrapper > .container { width: 84% !important; } /* bbpress */ .bbpress ul { font-size: 13px; } .bbpress li.bbp-forum-info, .bbpress li.bbp-topic-title { width: 44%; } .bbpress li.bbp-forum-topic-count, .bbpress li.bbp-topic-voice-count, .bbpress li.bbp-forum-reply-count, .bbpress li.bbp-topic-reply-count { width: 15%; } .bbpress .bbp-body li.bbp-forum-freshness, .bbpress .bbp-body li.bbp-topic-freshness { line-height: 16px; font-size: 11px; } /* WordPress Admin Bar */ html #wpadminbar { z-index:9999 !important; position:fixed;} .section_wrapper .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns { margin: 0; width:100% !important; clear:both; } .aside_both .sections_group { margin: 0 auto !important; } .section_wrapper, .four.columns .widget-area { max-width: calc(100% - 67px) !important; } /*max-width:90%;*/ /*.container, { max-width:90%; max-width:calc(100% - 67px) !important; }*/ .left-sidebar .items_group, .right-sidebar .items_group, .with_aside .content_wrapper {max-width:100%;} .section_wrapper .column {margin:0 0 25px; height:auto!important; } .four.columns {margin:auto 0!important;} /* -------------------- */ /* Blog Teaser */ .blog-teaser li{width:100%!important} .blog-teaser li:not(:first-child){margin-top:10px} .blog-teaser.margin-no li{margin-top:0} /* -------------------- */ /* | Proposito */ #Proposito{ min-height: auto; } #Proposito .proposito-inner{ padding: 10% 5% 6%; margin-top: calc(15% - 17px); } #Proposito .proposito { font-size: 125%; } /* -------------------- */ /* | Responsabilidad Social Movil */ /*#responsabilidadSocial_movil > .section_wrapper { max-width: calc(100% - 120px) !important; }*/ #responsabilidadSocial_movil .column_image { max-width: 90% !important; margin: 0 0 25px; } #responsabilidadSocial_movil .column_image.vertical_pic { max-width: 70% !important; } #responsabilidadSocial_movil .column_image.vertical_pic.ninio { max-width: 55% !important; } #responsabilidadSocial_movil .vertical_center { margin-bottom: 0; } #responsabilidadSocial_movil .vertical_center p.big { margin-bottom: 25px; padding: 0; } #responsabilidadSocial_movil .hr_wide.hr_color { margin: 20px 0 50px ; } /*div.sections_group { padding-bottom: 100px; }*/ /* -------------------------------------- */ /* | Cover-Intro_seciton Operaciones */ .cover_intro_section#cover_ops { padding-top:3%; } .cover_intro_section#cover_ops .translucid_green_box { width: 75%; } .section_wrapper.carousel_section_wrapper_r { max-width: calc(100% - 20px) !important; } .content_slider.carousel { padding: 0 calc(4% + 20px) calc(10% + 10px); } .content_slider.carousel a.slider_prev { left: 10px; } .content_slider.carousel a.slider_next { right: 10px; } .content_slider.carousel ul li { padding: 0 15px; } #Content .divider_villalobos .image_frame .image_wrapper img.villalobos { display: block; margin: auto; max-width: 60%; } } /* ######################################################################### */ /* ######################################################################### */ /* ######################################################################### */ @media only screen and (max-width: 539px) { #Content .divider_villalobos .image_frame .image_wrapper img.villalobos { max-width: 80%; } .quote_r { font-size: 1.25em; } /* -------------------- */ /* | Proposito */ #Proposito { min-height: auto; } #Proposito .proposito-inner{ padding: 0 10% 12% ; margin-top: calc(70% - 1px); background: none; } #Proposito .proposito { font-size: 110%; } .vertical_center p.big { font-size: 150%; } } /******************************************************************/ /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Tablet (Portrait) & #Mobile (Landscape) 480 - 767 * ===================================================================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { #Wrapper { width: 420px;} /* .section_wrapper, .container, .four.columns { width: 380px !important;} */ .with_aside .content_wrapper { width:100%;} #Footer > .widgets_wrapper > .container { width: 88% !important; } /* ======================================================= */ /* Respond */ #respond .comment-form-author { width: 100%; margin-right: 0%; float: none; } #respond .comment-form-email { width: 100%; margin-right: 0%; float: none; } #respond .comment-form-url { width: 100%; float: none; } #respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 100%; } #respond .comment-form-comment textarea { width: 100%; } #respond .required { right: 15px; } #comments .commentlist > li .comment-body { margin-left:90px; padding:10px;} #comments .commentlist > li .photo { left:-90px;} #comments .commentlist > li .children { margin-left: 0px; padding-left: 10px; } #comments .commentlist > li .reply { right: 10px; top: 10px;} #comments .commentlist > li .comment-meta a.comment-edit-link { padding-right: 45px;} .rtl #comments .commentlist > li .comment-body { margin-left:0; margin-right:90px;} .rtl #comments .commentlist > li .photo { left:auto; right:-90px;} .rtl #comments .commentlist > li .children { margin-right: 0px; padding-left: 0; padding-right: 10px; } .rtl #comments .commentlist > li .reply { left: 10px; right: auto;} .rtl #comments .commentlist > li .comment-meta a.comment-edit-link { padding-left: 45px; padding-right: 0;} /* Zoom Box */ .zoom_box .desc .desc_txt { font-size:18px; line-height:22px;} /* Gallery */ #Content .gallery .gallery-item { width:50%; } } /******************************************************************/ /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Mobile (Portrait) < 600 ===================================================================================================== */ @media only screen and (max-width: 600px) { /* Header */ body:not(.template-slider) #Header { min-height: 67px; } /*body:not(.template-slider) #Top_bar #logo img.logo-calado { display: none; }*/ #Top_bar #logo img.logo-calado { display: none; } #Top_bar, #Action_bar { background: #fff !important; position: static; } #Top_bar .container { padding-top: 12px; width: 85%; margin: 0 5% 0 10%; } #Top_bar .top_bar_left { width: 100%; } /*#Top_bar .top_bar_left { float: none; width: 100% !important; margin-top:10px; background:none !important;}*/ .header-simple #Top_bar .top_bar_left { top:0 !important;} #Header #Top_bar .top_bar_right { width: 90px; float: right; top: 0; height: 30px; padding: 0 10px; margin: -7px 0 0 0; background-color: #006c3f; } #Top_bar .top_bar_right a span { font-size: 90%; } #Top_bar .top_bar_right .top_bar_right_wrapper { float: right; } #Top_bar .top_bar_right:before { display: none; } #Top_bar a#header_cart { top: 20px; } #Top_bar a#search_button { top: 20px; } #Top_bar a.button.action_button { top: 9px; } #Top_bar .wpml-languages { top: 11px; } #Header a.responsive-menu-toggle { position: absolute !important; top: 10px !important; right: 5px !important; z-index: 10; margin: 0; } #Header a.responsive-menu-toggle.is-sticky { position: fixed !important; top: 10px !important; left: 10px !important; z-index:30; } #Header #menu { position: static; float: left; width: auto; } #Top_bar .logo { position: static; float: none; width: 100%; /*text-align: center;*/ margin: 0; } #Top_bar .logo #logo { padding: 0; width: 55px; /*padding: 5px 42px 15px;*/ } #Top_bar .logo #logo img { /*width: 55px; height:auto !important;*/ } /* ################################################################################################### */ /* ################################### Logo!!! add: ###########RRRR################################### */ /* ################################################################################################### */ #Top_bar #logo img.logo-main { display:none;} #Top_bar div#logo_main_wrapper { display:none;} #Top_bar div#logo_outline { display:none;} #Top_bar #logo img.logo-responsive { display:block;} #Top_bar .search_wrapper { top: auto; bottom:-132px; } #Action_bar .contact_details li, #Action_bar .social { padding:0 !important;} #Action_bar .contact_details { float: none; text-align: center; padding: 5px 0; } #Action_bar .contact_details li { color: #000; padding: 0; } #Action_bar .contact_details li.slogan { display: none; } #Action_bar .social { float: none; text-align: center; padding: 5px 0 0; } #Action_bar .social li { margin-right: 5px; } #Action_bar .social li a { color: rgba(0,0,0,.3); } #Action_bar .social li a:hover { color: rgba(0,0,0,.8); } #Action_bar .social-menu { float: none; text-align: center; padding: 5px 0 0; } /* Header below */ body.header-below:not(.template-slider) #Header { padding-top: 0; } /* Stack header */ .header-stack #Top_bar .logo { padding: 0; text-align: center !important; } .header-stack #Top_bar .secondary_menu_wrapper { display: none; } .header-stack #Top_bar .top_bar_right { position: static; } /* Header Creative */ .header-creative #Wrapper { padding-top:0; } #Header_creative { position: static; } #Header_creative #Top_bar .responsive-menu-toggle { top: 20px; } #Header_creative #Top_bar .responsive-menu-toggle.is-sticky { position: fixed !important; top: 10px !important; left: 10px !important; z-index:30; } #Header_creative #Top_bar .top_bar_left { margin-top: 0; padding-top: 10px; overflow: hidden; } #Header_creative #Top_bar .logo #logo { padding: 5px 42px 15px; } #Header_creative #Top_bar .logo #logo img { max-height:50px; } #Header_creative #Top_bar #menu { position: static; width: 100%; } /* Header menu */ .header-overlay .overlay-menu-toggle { right:10px; top:20px; } #overlay-menu ul li a { font-size:22px; line-height:36px;} /* Subheader */ body:not(.template-slider):not(.header-simple) #Header { /*min-height: 350px;*/ background-position: center 202px; } #Subheader .title { width: 100%; } #Subheader ul.breadcrumbs { display: none; } /* Minimalist Header */ body.minimalist-header.header-classic:not(.template-slider) #Header, body.minimalist-header.header-creative:not(.template-slider) #Header, body.minimalist-header.header-split:not(.template-slider) #Header { min-height:0;} body.minimalist-header.header-simple:not(.template-slider) #Header { min-height:90px;} body.minimalist-header.header-transparent #Header { min-height:0 !important;;} /* Header Magazine */ .header-magazine #Top_bar .banner_wrapper { width: 100%; height: auto; text-align: center; position: static; margin-bottom: 20px; } /* Header Split */ .header-split #Top_bar a#search_button { display:none; } /* Description_uf: (EN HOME) */ /* Logotipo de United Fams a color inmediatamente abajo del Slider de Inicio: */ #ufDescription .one-sixth, #ufDescription img { display: none } .description_uf { font-size: 19px; line-height: 1.5; } /*color: teal;*/ #ufDescription p { font-size: 21px; } .description_uf span.minor { font-size: 16px; } /* -------------------------------------- */ /* | Cover-Intro_seciton Operaciones */ .cover_intro_section#cover_ops { padding-top:5%; } .cover_intro_section#cover_ops .translucid_green_box { width: 83%; padding-top: 5% } .section_wrapper.carousel_section_wrapper_r { max-width: calc(100% - 10px) !important; } /*r*/ .content_slider.carousel { padding: 0 calc(4% + 20px) calc(3% + 28px); } /*r*/ .content_slider.carousel a.slider_prev { left: 5px; } /*r*/ .content_slider.carousel a.slider_next { right: 5px; } /*r*/ .content_slider.carousel a.button{ top:22.5%; } } /* TIMELINE: /* ************* !!! r:******************** >480 < 767 r ===================================================================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { .timeline_items li:nth-child(6) h3, .timeline_items li:nth-child(9) h3 { padding: 30px 28px 30px 60px; } #timeline .timeline_items li:nth-child(6) h3 span img, #timeline .timeline_items li:nth-child(9) h3 span img { margin-top: -38px; } } /* TIMELINE: /* ************* !!! r:******************** >480 < 747 r ===================================================================================================== */ @media only screen and (min-width: 480px) and (max-width: 747px) { .timeline_items li:nth-child(3) h3, .timeline_items li:nth-child(8) h3 { padding: 30px 28px 30px 60px; } #timeline .timeline_items li:nth-child(3) h3 span img, #timeline .timeline_items li:nth-child(8) h3 span img { margin-top: -38px; } } /* TIMELINE: /* ************* !!! r:******************** >480 < 589 r ===================================================================================================== */ @media only screen and (min-width: 480px) and (max-width: 589px) { .timeline_items li:nth-child(2) h3 { padding: 30px 28px 30px 60px; } #timeline .timeline_items li:nth-child(2) h3 span img { margin-top: -38px; } } /* TIMELINE: /* ************* !!! r:******************** >428 < 480 r ===================================================================================================== */ @media only screen and (min-width: 480px) and (max-width: 541px) { .timeline_items li:nth-child(1) h3 { padding: 30px 28px 30px 60px; } #timeline .timeline_items li:nth-child(1) h3 span img { margin-top: -38px; margin-left: 100; } } /* TIMELINE: /* ************* Logística, Calidad!!! r:******************** >428 < 480 r ===================================================================================================== */ @media only screen and (min-width: 428px) and (max-width: 479px) { .timeline_items li:nth-child(4) h3, .timeline_items li:nth-child(7) h3 { padding: 40px 28px 20px 50px; min-height: 55px; } #timeline .timeline_items li:nth-child(4) h3 span img, #timeline .timeline_items li:nth-child(7) h3 span img { margin-top: -48px; } } /******************************************************************/ /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Mobile (Portrait) < 480 ===================================================================================================== */ @media only screen and (max-width: 479px) { #Top_bar a.button.action_button { margin-right:0; } #mfn-rev-slider .rev_slider_wrapper .rev_slider ul li .tp-caption h1 { font-size: 4.8em; } #mfn-rev-slider .rev_slider_wrapper .rev_slider ul li .tp-caption h1.caption_girl { font-size: 4.2em; margin-left: -1em; } /* Fancy headings */ .fancy_heading h2.title { } /* font-size: 27px; line-height: 1.25; */ .ribbon_home_header h4.title { font-size: 18px; } /* Post nav */ .post-nav { padding: 10px 10px 4px 10px; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 260px; } /* Filters */ #Filters .filters_buttons li { margin-right: 10px; } #Filters .filters_buttons li.label { display: none; } #Filters .filters_buttons li i.icon-docs, #Filters .filters_buttons li i.icon-tag { display: none; } /* Team */ .team.team_horizontal .image_frame { width: 100%; margin: 0 0 15px 0; float: none; } .team.team_horizontal .desc_wrapper { width: 100%; float: none; } /* Timeline */ .timeline_items { background-position: 0px 39px; } /*.timeline_items li { padding: 0 0 25px 80px !important; background-position: -20px top !important; }*/ .timeline_items li h3 span { display: block; height: 1px; /*display: inline-block; */ position:relative; /*margin-bottom:20px;*/ clear:both; padding: 0; } .timeline_items li h3:before { left: 3px; top: 50px; } .timeline_items:after { left: 2px; } #timeline .timeline_items li h3 span img { margin-left: -100px; margin-top: -38px; /*margin-top: 0;*/ } /*margin-left: -73px;*/ .timeline_items li { padding: 0 0 32px 64px !important; background: url(../images/timeline_right_max_479px.png) no-repeat !important; background-position: -41px 0 !important; } .timeline_items li h3 { padding: 30px 28px 30px 50px; } /*font-size: 18px;*/ /*background-color: rgba(0,0,0, .1) !important;*/ .timeline_items li h3 span:after { content: none; display: none; position: relative; border: none; } /* ****** Como lo Hacemos : ************* */ .timeline_items li:nth-child(5) h3 { padding: 40px 28px 20px 50px; min-height: 55px; } #timeline .timeline_items li:nth-child(5) h3 span img { margin-top: -48px; } /* Testimonials slider */ .testimonials_slider a.slider_prev { display: none !important; } .testimonials_slider a.slider_next { display: none !important; } .testimonials_slider .testimonials_slider_ul li { padding: 0; } /* Respond */ #respond .comment-form-author { width: 99%; margin-right: 0%; float: none; } #respond .comment-form-email { width: 99%; margin-right: 0%; float: none; } #respond .comment-form-url { width: 99%; float: none; } #respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 100%; } #respond .comment-form-comment textarea { width: 100%; } #respond .required { right: 11px; } #comments .commentlist > li .comment-body { margin-left:55px; padding:10px;} #comments .commentlist > li .photo { width:32px; height:32px; left:-55px;} #comments .commentlist > li .children { margin-left: 0px; padding-left: 10px; } #comments .commentlist > li .reply { right: 10px; top: 10px;} #comments .commentlist > li .comment-meta a.comment-edit-link { padding-right: 0; position:static; float:none;} .rtl #comments .commentlist > li .comment-body { margin-left:0; margin-right:55px;} .rtl #comments .commentlist > li .photo { left:auto; right:-55px;} .rtl #comments .commentlist > li .children { margin-right: 0px; padding-left: 0; padding-right: 10px; } .rtl #comments .commentlist > li .reply { left: 10px; right: auto;} .rtl #comments .commentlist > li .comment-meta a.comment-edit-link { padding: 0;} /* bbpress */ .bbpress #bbpress-forums p.bbp-topic-meta, .bbpress #bbpress-forums p.bbp-topic-meta { display: none; } /* Zoom Box */ .zoom_box .desc .desc_img img { max-height:60px;} .zoom_box .desc .desc_txt { font-size:14px; line-height:17px;} /* Gallery */ #Content .gallery .gallery-item { width:100%; } /******************************************************************/ /* HEADINGS!!!!!!!!!!!!!!!!!!!! */ .section h2 { font-size: 26px; } .section h3 { font-size: 23px; } /* Description_uf: (EN HOME) */ .description_uf { font-size: 18px; } /*color: teal;*/ .description_uf span.minor { font-size: 15px; } .translucid_green_box div h2.title { font-size: 21px; } /* -------------------------------------- */ /* | Cover-Intro_seciton Operaciones */ .cover_intro_section#cover_ops { padding-top: 2%; } .cover_intro_section#cover_ops .translucid_green_box { width: 87%; padding-top: 7%; } } /* < 466 ===================================================================================================== */ @media only screen and (max-width: 466px) { /*.section_wrapper.carousel_section_wrapper_r { max-width: calc(100% - 10px) !important; } */ .content_slider.carousel { padding: 0 calc(4% + 20px) calc(3% + 90px); } /*.content_slider.carousel a.slider_prev { left: 5px; } */ /*.content_slider.carousel a.slider_next { right: 5px; }*/ .content_slider.carousel a.button{ top:33%; } #datosContacto p > span { text-align: left; } /*#datosContacto a.diligencia { font-size: 18px; }*/ } /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Mobile iPhone 6!!!!!!!!!!! (Portrait) < 375 ===================================================================================================== */ @media only screen and (max-width: 375px) { #mfn-rev-slider .rev_slider_wrapper .rev_slider ul li .tp-caption h1 { font-size: 4.8em; } #mfn-rev-slider .rev_slider_wrapper .rev_slider ul li .tp-caption h1.caption_girl { margin-left: -1em; font-size: 4.1em; } div.fullwidthbanner-container.fullwidthabanner { height: 240px; } .section_wrapper.carousel_section_wrapper_r { max-width: calc(100% - 10px) !important; } /*r*/ .content_slider.carousel { padding: 0 10% calc(2% + 60px); } /*r*/ .content_slider.carousel a.slider_prev { left: 0; } .content_slider.carousel a.slider_next { right: 0; } .content_slider.carousel a.button{ top:25%; } .slider_pagination a { width: 10px; height: 10px; margin: 0 2.5% ; } .slider_pagination a.selected { width: 10px; height: 8px; margin: 0 2% ; } /* .slider_pagination a.selected, .tp-bullets.simplebullets.round .bullet { display: inline-block; width: 12px; height: 12px; text-indent: -9999px; margin: 0 9px; background: rgba(0,0,0,.15); -webkit-border-radius: 100%; border-radius: 100%; position: relative; } .slider_pagination a, .tp-bullets.simplebullets.round .bullet.selected { width: 10px; height: 8px; margin: 0 10px; position: relative; top: 4px; background: rgba(0,0,0,.15); }*/ #Content .divider_villalobos .image_frame .image_wrapper img.villalobos { max-width: 100%; } .quote_r { font-size: 1.2em; } #datosContacto p > span { text-align: left; } /*#datosContacto a.diligencia { }*/ /*font-size: 16px;*/ } @media only screen and (max-width: 355px) { #datosContacto a.diligencia { font-size: 16px; } } @media only screen and (max-width: 340px) { #datosContacto a.diligencia { font-size: 14px; } } /******************************************************************/ /******************************************************************/ /******************************************************************/ /******************************************************************/ /* #Mobile (Portrait) < 325 ===================================================================================================== */ @media only screen and (max-width: 325px) { #mfn-rev-slider .rev_slider_wrapper .rev_slider ul li .tp-caption h1 { font-size: 3.75em; } #mfn-rev-slider .rev_slider_wrapper .rev_slider ul li .tp-caption h1.caption_girl { margin-left: -1.25em; } /* Description_uf: (EN HOME) */ .description_uf { font-size: 16px; /*color: orange;*/ } /*color: teal;*/ .description_uf span.minor { font-size: 14px; } /* -------------------------------------- */ /* | Cover-Intro_seciton Operaciones */ .cover_intro_section#cover_ops { padding-top: 0; } .cover_intro_section#cover_ops .translucid_green_box { width: 88%; padding-top: 9%; } .slider_pagination a { margin: 0 5% 20px; } #datosContacto a.diligencia { font-size: 12px; } } /* ============================================ Retina ============================================ */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { }