/* font-family: 'Fugaz One', cursive; font-family: 'Montserrat', sans-serif; */ html{ margin:0 !important;height: 100%;} body { background: #fff; font-family: 'Montserrat', sans-serif!important;margin:0; padding:0 !important; color: #1c110c !important; font-weight: 400!important; position:relative; font-size:14px!important; line-height: 16px; width:100%;height: 100%;} h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif!important; margin: 0; color: #022b3a; font-weight: 800 } h1 { font-size:35px;}h2 { font-size:25px;}h3 { font-size:20px; }h4 { font-size:16px; } input:focus, select:focus, textarea:focus,.btn_cerra:focus,button:focus { outline:none } input, input[type="text"], input[type="file"],button { background: none; border: none;color:#1c110c } nav ul,ul{ margin:0 !important; padding:0 !important} ul, li{ list-style: none} a {text-decoration:none!important; color:#1c110c; font-size:16px;/*-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ } a:hover { text-decoration:none!important; } p{font-family: 'Montserrat', sans-serif!important;} p a{ font-size: 14px!important} a img { } a:hover img{} .clear { clear:both; } .no_padding{ padding:0} .no_gutter > [class*='col-'] { padding-right:0; padding-left:0;} .display_table{ display: table; width: 100%; height: 100%} .display_table_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle} .shared{ text-align: center;} .shared h5{ text-transform: uppercase; font-weight: bold!important; color: #1c110c!important} .shared li{ display: inline-block} .shared li a{ display: block; margin: 0 2px} .shared li a i{font-size: 13px; } i{ font-style: normal!important} .widget{ padding: 0; margin: 0; border: none} figure{margin: 0; display: block; position: relative} .font_fugaz{font-family: 'Fugaz One', cursive!important; text-transform: uppercase} .font-title{font-family: 'Montserrat', sans-serif!important} /********************fin Reset******************/ #wpforms-11152-field_11-container textarea{ display: none} #slider_sblo{ width: 100%; height: 100%; background-size: cover!important; position: relative} #slider_sblo .after_slider{ position: absolute; left: 0; bottom: 0} /******************************* HEADER *****************************/ #content_header{ position: fixed;top: 0; left: 0; width: 100%; padding: 10px 0; z-index: 900} #content_header .container_sblo{width: 85%} #content_header.header_fix{ background: #fff} #logo{ width: calc(15%)} #access{ width: calc(85%)} #access ul{ margin: 0!important; text-align: right} #access ul li{ display:inline-block; vertical-align: middle; margin: 0 5px; position: relative} #access li a,#access li .btn_menu{color: #1c110c; font-size: 13px!important; text-transform: uppercase;line-height: 20px; display: block; background: none!important; cursor: pointer; padding: 5px; position: relative;} #access li .btn_menu{padding: 5px 30px 5px 15px;} #access li a::before,#access li .btn_menu::before { display: inline-block; content: ''; width: 0%;height: 0%;border-radius:50px; position: absolute; top: 0; left: 0; border: 1px solid transparent; } #access li a::after,#access li .btn_menu::after { display: inline-block; content: ''; width: 0%;height: 0%;border-radius:50px; position: absolute; bottom: 0; right: 0; border: 1px solid transparent; } #access li a:hover::before,#access li .btn_menu:hover::before { width: 100%;height: 100%; border-radius:50px; border-top-color: #1c110c; border-right-color: #1c110c; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;} #access li a:hover::after,#access li .btn_menu:hover::after { width: 100%;height: 100%; border-radius:50px; border-bottom-color: #1c110c; border-left-color: #1c110c; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;} li .btn_menu .arrow_menu{ color: #1c110c!important; font-style: normal!important; width: 10px; height: 10px; position: absolute; top: 0px; bottom: 0; right: 15px} li.active .btn_menu .arrow_menu:after{content:"-"!important;} .btn_menu .arrow_menu:after{ content:"+"; font-size: 25px; line-height: 30px; display:block; vertical-align: middle} #access ul .sub-menu{display: none;position: absolute;width: 355px; left: 0; padding: 20px!important; background:#fff!important;} #access ul .sub-menu li{ display: block; vertical-align: middle;margin: 5px 0px!important; } #access ul .sub-menu li a,#access ul .sub-menu li .btn_menu{display: table; color: rgb(0,0,0)!important; text-transform: none; text-align: left; padding: 5px; display: block} .sub-menu .btn_menu .arrow_menu{right: 10px!important; color: rgb(0,0,0)!important; } #access ul .sub-menu .sub-menu{ border-top: none; display: none;position: absolute; top: 60px!important; bottom: inherit!important; left: inherit!important; min-width: 230px!important; border-bottom: 1px solid rgb(0,0,0)!important; padding: 10px!important } #access ul .sub-menu .sub-menu li{display: block; margin: 0!important} #access ul .sub-menu .sub-menu li a{color: rgb(0,0,0)!important} .sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;} #access ul li .sub-menu li .btn_menu .arrow_menu{right: -10px!important; color: rgb(0,0,0)!important; } #access ul li .sub-menu li .btn_menu .arrow_menu:after{content:"\e688"!important;} #access ul li .sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;} #access li.cto_menu a::before,#access li.cto_menu .btn_menu::before,#access li.cto_menu a::after,#access li.cto_menu .btn_menu::after { width: 100%!important;height: 100%!important; border-color: #01b5da!important } #access li.cto_menu a:hover::before,#access li.cto_menu .btn_menu:hover::before,#access li.cto_menu a:hover::after,#access li.cto_menu .btn_menu:hover::after {border-color: #01b5da!important } #access li.cto_menu a{ color:#01b5da!important; border-radius: 80px } #access li.cto_menu a:hover{ background: #01b5da!important; color:#fff!important; } /********* SLIDER ************/ .home_page{height: 100%} #pagination{ padding: 55px 0; width: 100%} #pagination li{ margin: 0 5px} #pagination li a,#pagination li span{ display: block; font-size: 17px;} #pagination li a:hover,#pagination li span.current,#pagination li span:hover{ font-weight: bold} #pagina_error .entry_content{height: 387px; width: 100%; display: flex; flex-direction: column; align-content: center; justify-content: center;} #pagina_error .entry_content h1 span.d-blok{ font-size: 70px} #pagina_error .entry_content h1 .font_fugaz{ font-size: 140px; line-height: 140px!important; color: #0079be!important} /************FORMATO formularios***************/ div.wpforms-container-full .wpforms-form .wpforms-field{padding: 0 0 5px 0!important} div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{box-shadow: 0px 0px 10px rgba(0,0,0,15%); border: none!important; width: 100%} div.wpforms-container-full .wpforms-form textarea{height: 45px;max-height: 45px} /*********SECTIONS GRAL************/ .container_sblo{width: 85%; margin: 0 auto} .title_section{ font-size:40px; margin-bottom: 30px; position: relative; z-index: 90} .title_section span{ text-transform: uppercase} .btn_sblo{border: 1px solid #ff3f3f; background: #ff3f3f; color: #fff; font-weight: 600; border-radius: 80px;padding: 0px 15px; display: table; font-size: 12px; line-height: 12px} .btn_sblo:hover{background: #0079be;border: 1px solid #0079be!important; color: #fff!important; border-color: #ff3f3f} .btn_sblo i,.btn_sblo span{ display: inline-block; vertical-align: middle} .btn_sblo i{margin-left: 10px} .btn_center{ display: table; margin: 10px auto} .ico_center{ margin:0 auto} .btn_icono{ margin-top: 30px } .btn_icono i,.btn_icono span{ display: inline-block; vertical-align: middle} .btn_absoloto{position: absolute; width: 100%; height: 100%; top: 0; left: 0} .summary_scroll{ overflow: auto; padding-right: 30px} .summary_scroll::-webkit-scrollbar {-webkit-appearance: none;} .summary_scroll::-webkit-scrollbar:vertical {width:10px;} .summary_scroll::-webkit-scrollbar-button:increment,.summary_scroll::-webkit-scrollbar-button {display: none;} .summary_scroll::-webkit-scrollbar:horizontal {height: 10px;} .summary_scroll::-webkit-scrollbar-thumb {background-color: #022b3a;border-radius: 20px;border: 2px solid #f1f2f3;} .summary_scroll::-webkit-scrollbar-track {border-radius: 10px; } .summary .btn_sblo{margin-top: 25px!important} .elemento_move.position-absolute{ top: 0; left: 0} #slider_sblo{position: relative} #slider_sblo .container_sblo{display: flex; align-items: center;height: 100%} #slider_sblo .summary{} #slider_sblo .summary h3{ font-size: 40px; line-height: 43px!important;text-transform: uppercase} #slider_sblo .summary ul.list_slider{margin: 20px 0!important} #slider_sblo .summary ul.list_slider li{ margin-right: 15px} #slider_sblo .summary ul.list_slider li a{ display: block; text-transform: uppercase; font-size: 15px; font-weight: 600!important;transition: all 400ms ease-out;} #slider_sblo .summary ul.list_slider li.btn_agencia a{ font-weight: 700!important; color: #ff3f3f!important} #slider_sblo .summary ul.list_slider li a:hover{color: #ff3f3f!important; transform: translateY(-5px);transition: all 400ms ease-out;} h2.palabras_slider{ font-weight: 500!important; font-size: 17px; display: table;position: absolute; left: 0; right: 0; margin: 0 auto;z-index: 90; bottom: 10%} .cohe_slider{padding-left: 10%} .before_srv_home{position: absolute; width: 100%; left: 0; bottom: 0; z-index: 90} #banner_top{padding-top: 70px} img{ height: auto!important} img.alignright { float: right; margin: 0 0 15px 15px; } img.alignleft { float: left; margin: 0 15px 15px 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width: 100%} .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-bottom: 15px } .epyt-facade {border-radius: 15px!important; margin: 10px auto!important} #expe_home{} #list_expe{margin-bottom: 35px!important} #google_comment{ margin-bottom: 55px; margin-top: 55px} #pagina_web_seo #google_comment{ margin-bottom: 155px; margin-top: 55px} /*********CSS SERVICES************/ .servicios_home{padding-top: 105px;position: relative} .servicios_home .container_sblo{ max-width: 85%} .servicios_home .title_section{ color: #fff!important} .top_der_serv{position: absolute; top: 10%; right: 10%; display: table} .servicios_home figure{padding: 10% 0% 0% 20%; margin-bottom: 70px} .servicios_home figure .mancha_serv{ left: 0%; top: 5%} .servicios_home figure h3.title_section{} .servicios_home figure{ transform: translateX(-10%)} .servicios_home .manos{ width: 75%; bottom: 10%; right: 0} .servicios_home #list_services{ margin-top: 35%} .servicios_home #list_services article{width: calc(45% - 30px); box-shadow: 0px 0px 25px rgba(0,0,0,20%); border-radius: 15px; text-align: center;margin: 0 15px 30px 15px; padding: 30px 10px;} .servicios_home #list_services article:nth-child(odd){ transform: translateY(-45px)} .servicios_home #list_services article i{width: 70px} .servicios_home #list_services article h2{ color: #fff; font-size: 14px; font-weight:400!important } .servicios_home #list_services article h2 a{ color: #fff; font-size: 14px; font-weight:400!important } .single_service #list_services article h2 a{ color: #000!important; font-size: 14px; font-weight:400!important } .video{position: relative} #service_header .video .top_der_serv{ bottom: -25%; top: inherit;left: -10%; transform: rotate(5deg)} #pagina_web_seo .video .top_der_serv{ bottom: -15%; top: inherit;left: -10%; transform: rotate(347deg)} #pagina_redes #service_header figure .video .top_der_serv{ top: -49%;left: 47%;transform: rotate(108deg);} #pagina_redes #service_header figure .video{margin-bottom: 35px} /****INTERNA SERVICIO****/ .cont_serv{ padding: 55px 0} .cont_serv .summary p a{ } #service_header .video{} #service_header .video iframe{position: relative; z-index: 90} #service_header .video .mancha_serv{left: -10%; top: -10%} #mor_services #list_services{ margin-top: 0%;width: 45%; margin: 0 auto!important} #mor_services #list_services article i img{ filter: brightness(0)} #pagina_web{} .summary_serv .btn_sblo{margin-top: 15px; padding: 5px 25px} .summary_serv .btn_sblo span {transition: all 400ms ease-out;} .summary_serv .btn_sblo:hover span {margin-right: 35px; transition: all 400ms ease-out;} .summary_serv .btn_sblo span b{font-size: 17px; line-height: 20px; font-weight: 700!important} #header_web.header_service{ margin-left: 50%; margin-bottom: 35px} #pagina_web .serv_cont_1{background:#f4f4f4} #pagina_web .serv_cont_1 .summary_serv{padding-right: 10%} #pagina_web .serv_cont_1 .img_pc,#pagina_web .serv_cont_2 .img_pc{ position: relative; z-index: 90; display: table; margin: 0 auto} #pagina_web .serv_cont_2 .section_move .mancha_serv{left: -10%; top: -10%} .summary.summary_serv{position: relative; z-index: 90} #pagina_web #client_home{position: relative} #pagina_web #client_home .before_client{ top: -20%} #pagina_web_seo{} #pagina_web_seo #service_header{ margin-bottom: 60px} #pagina_web_seo .title_section{ margin-bottom: 35px} .header_video{background: #efefef; padding: 15px 30px; border-radius: 10px; margin-bottom: 45px} .header_video h2,.header_video p{ text-transform: uppercase} .header_video h2{font-size: 16px; margin-bottom: 10px} .header_video p{ font-size: 13px; margin: 0} #mod_seo{height: 420px; max-height: 420px;} #mod_seo .cont_serv{padding: 0} #mod_seo .mod_left{ transform: translateY(-40%)} #mod_seo .mod_left figure{ margin-bottom: 35px} #mod_seo .mod_right{transform: translateY(-35%)} #mod_seo .mod_right blockquote{margin: 0 auto;text-align: center;background-size: cover!important;width: 430px;height: 340px;display: flex;justify-content: center;align-content: center;flex-direction: column;padding: 13% 5% 5% 5%; } #mod_seo .mod_right blockquote p{ font-size: 15px; color: #000!important; font-weight: 700; font-style: italic} #mod_seo .mod_right blockquote i{ font-size: 70px; opacity: 0.6; font-weight: 900 } #mod_seo .mod_right .grafica_seo{ transform: translateY(-140px); display: table; margin-bottom: -100px} #mod_seo .summary p{ color: #fff} #pagina_web_seo .servicios_home{ background: #fff!important; margin-top: 70px} #partner_ads{padding-bottom: 70px} #partner_bt{margin-top: 55px} #partner_bt .content_pat{} #partner_bt .content_pat img{ width: 50%} #partner_bt .content_pat h3{ margin: 15px 0; font-size: 20px} #pagina_ads{} #text_partner{padding: 70px 0} #text_partner .summary{ } #text_partner .summary header{ margin-bottom: 10px } #text_partner .summary header i.ico_ads{ width: calc(45% - 15px); margin-right: 15px; display: table} #text_partner .summary header p{ width: calc(55%); margin: 0!important; font-size: 17px} #text_partner .summary a.btn_sblo{margin-top: 10px} #testimonion_serv{padding: 70px 0} #testimonion_serv #list_testi{ margin-top: 55px} #testimonion_serv #list_testi .content_video,#list_testi .content_video{position: relative; border-radius: 10px; overflow: hidden} #testimonion_serv #list_testi .content_video iframe{width: 100%; margin: 0!important} #testimonion_serv #list_testi h2{font-weight:300!important} #testimonion_serv #list_testi .content_video a, #list_testi .content_video a{ position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center} #testimonion_serv #list_testi .content_video a .play_video,#list_testi .content_video a .play_video{width: 68px;height: 48px; cursor: pointer} #partner_ads .title_section span,#testimonion_serv .title_section span{ font-size: 30px!important} #pagina_ads #service_header{} #pagina_ads #service_header figure .video ,#pagina_brands #service_header figure .video { width: 100%; top: 30%} #mod_ads.cont_ads{position: relative} #mod_ads.cont_ads .bg_ads{ position: absolute; display: block; width: 100%; height: 75%; margin: auto; top: 0; left: 0; right: 0; bottom: 0} #mod_ads.cont_ads .bg_ads{} #mod_ads.cont_ads .bg_ads .before_mod_seo{position: absolute; display: block; width: 100%; top: -80px} #mod_ads.cont_ads .bg_ads .after_mod_seo{position: absolute; display: block; width: 100%; bottom: -80px} #mod_ads.cont_ads .mod_left{} #mod_ads.cont_ads .mod_left .summary{} #mod_ads.cont_ads .mod_left .summary p{ color: #fff!important} #mod_ads.cont_ads .mod_left .summary a.btn_sblo{ border-color: #fff!important; background: #fff; color: #01b5da!important} #pagina_ads.single_service .servicios_home,#pagina_brands.single_service .servicios_home,#page_nosotros .servicios_home{background: #fff!important; margin-top: 70px} #page_nosotros .servicios_home {margin-bottom: 70px} #page_nosotros .servicios_home .title_section { transform: translateY(-75px);color: #022b3a!important;} #page_nosotros .servicios_home #list_services article {width: calc(33.333% - 30px);margin: 0 15px;} #page_nosotros .servicios_home #list_services article.item_serv.item_serv_7.position-relative { transform: translateY(45px) !important;} #page_nosotros #mor_services #list_services {width: 65%;} #page_nosotros #list_services article.item_serv_5 {transform: translateY(45px)!important;} #page_nosotros #list_services article h2{color: #022b3a!important;} #page_nosotros #list_services article h2 a{color: #022b3a!important;} #pagina_ads #cto_home{ height: 450px} #pagina_ads #cto_home .container_sblo{ transform: translateY(-33%)} #pagina_ads #cto_home figure .img_vaso{ width: 55%; display: table;position: relative; z-index: 90; margin: 0 auto;} #pagina_ads #cto_home .caption {width: 70%; margin: 0 auto; display: table; position: relative; transform: translateY(-25%)} #pagina_ads #cto_home .caption p{font-weight: 600; font-style: italic} #pagina_ads #cto_home .caption div{ position: absolute;display: flex;width: 80%;margin: 0 auto;right: 0; left: 0; top: 0;text-align: center;height: 100%;flex-direction: column;justify-content: center;} #pagina_ads #cto_home #cto_left{transform: translateY(30px)} #pagina_ads #cto_home header{margin-bottom: 20px} #pagina_redes #service_header figure .video { width: 100%; top: 20%} #mod_redes {padding-top: 120px; padding-bottom: 120px} #mod_redes h2.title_section{font-size: 40px; margin-bottom: 20px} #mod_redes .mod_right .img_porta_redes{width: 75%; top: -22%; left: 0; right: 0; margin: 0 auto} #pagina_redes.single_service .servicios_home{ background: #fff!important; margin-top: 70px} #pagina_foto{} .ancla_slide{ width: 45px; border-radius: 90px; padding: 10px 5px; box-shadow: 0px 0px 5px rgba(0,0,0,30%); background: #fff; position: absolute; left: 0; right: 0; bottom: 45px; margin: 0 auto} .ancla_slide img{transform: rotate(90deg)} #pagina_foto #serv_cont_1{} #pagina_foto #serv_cont_1 .title_section{ margin-bottom: 20px} #list_porta{} #list_porta .cont_port{} #list_porta .owl-dots{position: absolute; left: 0; width: 100%; bottom: 0} #list_porta li div{ margin: 0px 5px 10px 5px; overflow: hidden} #list_porta li a{ display: flex;align-items: flex-end; top: 0; left: 0; width: 100%; height: 100%; padding: 15px} #list_porta li a span{ color: #fff!important; font-size: 13px;} #pagina_foto .servicios_home{ background: #fff!important; margin-top: 70px} /*********CSS GENERALES SERVCIO************/ .single_service .servicios_home{padding: 55px} .single_service .servicios_home .title_section{transform: translateY(-75px); color: #022b3a!important} .single_service #mor_services #list_services{ width: 75%} .single_service .servicios_home #list_services article{ width: calc(33.333% - 30px); margin: 0 15px;} .single_service .servicios_home #list_services article.item_serv_5 {transform: translateY(45px)!important} .single_service .servicios_home #list_services article.item_serv_7 {transform: translateY(45px)!important} .single_service .servicios_home #list_services article h2{ color: #022b3a!important} .single_service #cto_home{padding: 70px 0; } .single_service #cto_home header{margin-bottom: 40px} .single_service #cto_home .title_section { font-size: 35px} .single_service #cto_home .container_sblo{ width: 65%} .single_service #cto_home .img_pc{ position: relative; z-index: 90; display: table; margin: 0 auto} .single_service #cto_home .mancha_serv{left: 0%; top: -5%} /*********CSS HOSTING************/ #page_hosting #banner_top .container_sblo{ width: 65%} #page_hosting #list_services article{ width: calc(33.333% - 30px); margin: 0 15px;} #page_hosting #mor_services #list_services {max-width: 65%; width: 65%} #page_hosting #mor_services .title_section {transform: translateY(-75px);color: #022b3a!important;} #page_hosting #mor_services #list_services article.item_serv_5 {transform: translateY(45px)!important;} #page_hosting #mor_services #list_services article h2{ color: #000!important} #mod_hosting{ padding-top: 55px} #mod_hosting h2{ margin-bottom: 20px} #imgHosting{} #imgHosting li{-webkit-box-flex: 0;-ms-flex: 0 0 33.333%;flex: 0 0 33.333%;max-width: 33.333%;} /*********CSS TEXTO HOME************/ #d_web{padding-top: 100px; position: relative} #d_web .title_section{ margin-bottom: 30px} .bg_diseno{position: absolute; left: 0; bottom: -10%; display: block} #d_web .bg_diseno_text{width: 80%!important} .pc_diseno {top: 10%; right: 10%} #header_d_web p{ width:40%} #d_web .summary { transform: translateY(-15%)} #d_web .summary h2{margin-bottom: 10px} #d_web .summary ul#permalinks{ display: flex; flex-wrap: wrap;align-items: center;} #d_web .summary ul#permalinks li{ margin: 0 5px 5px 5px} /*********CSS TEXTO H1************/ #text_h1{} #text_h1 .container header{ padding-right: 10%} #text_h1 .container header h2{ font-size: 30px; margin-bottom: 15px} #text_h1 .container header h1{font-family: 'Montserrat', sans-serif!important; font-size: 19px!important; font-weight: normal} /*********CSS PROJECT************/ #project{ background: #ffda43; padding-bottom: 35px} #project.home_project header i{margin-top: 30px} #list_project.container_sblo{width: 95%} #tab_portafolio{ padding-bottom: 40px!important; border: none} #tab_portafolio li{ margin: 0 10px;} #tab_portafolio li a{padding: 5px 10px; background: none!important; border: none!important; display: block;text-align: center; text-transform: uppercase; font-size: 14px; text-align: center; position: relative; color: #022b3a!important} #tab_portafolio li a:hover{} #tab_portafolio li a:after{ content: ''; width: calc(0% + 0px); transform: translate(-5px , 5px);height: 2px; background: #022b3a; display: block;transition: all 400ms ease-out;} #tab_portafolio li:hover a:after,#tab_portafolio li a.active:after{ width: calc(100% + 10px); transition: all 400ms ease-out;} #list_item_proj .pro_item_home{width: calc(33.333% - 30px); margin: 0 15px; overflow: hidden; } #list_item_proj .pro_item_home img{opacity: 0} .scroll_project{max-height: 600px; background-size: 100%!important;background-repeat: no-repeat;background-position-x: center; background-position-y: 0px; transition: all 7700ms ease-in-out!important;} .scroll_project:hover{transition: all 7700ms ease-in-out!important; background-position-y:100%!important} #list_item_proj .pro_item_home a.btn_sblo{ position: relative; z-index: 500} /*********CSS PROJECT************/ #client_home{ padding: 70px 0} #client_home .clientes_logos{ padding: 0 10%} .owl-dots{ padding: 30px 0!important; display: flex; align-items: center; justify-content: center;} .owl-dots .owl-dot{ width: 10px; height: 10px; border: 1px solid #000!important; margin: 0 5px; border-radius: 20px} .owl-dots .owl-dot.active{ background: #000!important} /*********CSS PORTAFOLIO************/ .container_sblo.cont_posta{ width: 75%} #porta_list {padding-top: 55px; padding-bottom: 155px} #porta_list .item_porta{} #porta_list .item_porta.item_1{transform: translateY(100px);} #porta_list .item_porta.item_2{transform: translateY(0);} #porta_list .item_porta.item_3{transform: translateY(155px);} #porta_list .item_porta .item_post{ position: relative; overflow: hidden; margin: 0 15px 30px 15px} #porta_list .item_porta .item_post figure a{ display: block; position: relative} #porta_list .item_porta .item_post h2{ width: 100%; text-align: center; color: #fff!important; font-size: 20px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 20px; font-weight: 200!important} #cto_tax{ height: 400px} #cto_tax .container_sblo{ width: 75%} #cto_tax .row{ transform: translateY(-55px)} #cto_tax #cto_left{transform: translateY(-10%)} #cto_tax #cto_left .img_cto { position: relative; z-index: 10;transform: translate(12%, -1%);} #cto_tax figure header{ position: absolute;width: 65%; top: 20%; right: 5%} #cto_tax figure header img{} #cto_tax figure header div{display: flex;width: 80%;margin: 0 auto;left: 0;right: 0;top: 0;text-align: center;height: 100%;flex-direction: column;justify-content: center;} #cto_tax figure header div h2{ font-weight: 700!important; font-style: italic; font-size: 18px!important} #cto_tax figure header div a{ } #cto_tax #cto_right{} #cto_tax #cto_right .title_section{ font-size: 35px} /*********CSS BLOG************/ #blog_home{ padding: 70px 0} #blog_home header{ margin-bottom: 70px} #blog_home header h2{ margin-bottom: 30px} .blog_sblo #banner_top{ margin-bottom: 55px} #list_blog article{padding: 15px; margin-right: 10%;display: flex;flex-direction: column;justify-content: space-between;} #list_blog article:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,30%)} #list_blog article h2{margin: 0; font-size: 14px; margin-bottom: 15px} #list_blog article p{ font-size: 14px; margin: 10px 0!important} #list_blog article a.btn_sblo{ width: auto; margin: 0 auto!important} #blog_list .blog_item{ margin: 0 5px 35px 5px; border: 1px solid #ededed; padding: 10px; border-radius: 5px} #blog_list .blog_item h2{ font-weight: 400!important; text-transform: uppercase; text-align: center; font-size: 18px; margin: 10px 0} #page_single #vista_single{ margin-bottom: 70px} #page_single .servicios_home{background: #01b5da!important; padding-bottom: 70px!important} #page_single #mor_services #list_services{width: 75%;} #page_single .servicios_home #list_services article {width: calc(33.333% - 30px);margin: 0 15px;} #page_single .servicios_home #list_services article:nth-child(odd) {transform: translateY(-45px);} #page_single .servicios_home #list_services article.item_serv_5 {transform: translateY(45px)!important;} #page_single #mor_services .title_section{ color: #fff!important;transform: translateY(-75px);} #page_single #mor_services #list_services article i img{filter: inherit;} #page_single #mor_services #list_services article h2{ color: #fff!important} #serv_blog .servicios_home{ padding-top: 30px; padding-bottom: 55px} #serv_blog .servicios_home .title_section{ margin-bottom: 70px; color: #000!important} #serv_blog #mor_services #list_services {width: 70%; margin: 0 auto!important;} #serv_blog .servicios_home #list_services article {width: calc(33.333% - 30px);margin: 0 15px;} #serv_blog .servicios_home #list_services article.item_serv_5 {transform: translateY(45px)!important;} #serv_blog .servicios_home #list_services article.item_serv_7{transform: translateY(45px)!important} #serv_blog .servicios_home #list_services article h2 a{ color: #000!important} .content_form{ width: 100%} .content_form .wpforms-submit,#form_sidebar .wpforms-submit{ background: #ff3f3f!important; color: #fff!important; border:none!important; border-radius: 70px!important} #page_single #vista_single .header_section {margin-bottom: 35px} #vista_single .entry_content ul li{margin-bottom: 10px!important} #vista_single .entry_content h2,#vista_single .entry_content h3,#vista_single .entry_content h4,#vista_single .entry_content h5{ margin-bottom: 10px!important} #vista_single .entry_content h2{ font-size: 22px} #vista_single .entry_content h3{ font-size: 20px} #vista_single .entry_content h4{ font-size: 18px} #vista_single .entry_content h5{ font-size: 16px} #vista_single .entry_content iframe{ width: 100%; min-height: 450px; border-radius: 15px; overflow: hidden} #ez-toc-container{ margin-top: 35px} #ez-toc-container .ez-toc-title-container{ margin-bottom: 10px; display: flex; align-items: center; flex-direction: row-reverse;justify-content: flex-end; width: 100%} #ez-toc-container .ez-toc-title{ font-weight: bold; color: #ff9900!important; font-size: 18px; margin: 0} #ez-toc-container .ez-toc-pull-right{ margin-right: 5px} #ez-toc-container ul.ez-toc-list-level-1{ margin-left: 25px!important} #ez-toc-container ul,#ez-toc-container ul li{list-style: disc!important} #ez-toc-container ul li a{ font-size: 14px} #ez-toc-container ul.ez-toc-list-level-1 ul{ } #ez-toc-container ul.ez-toc-list-level-1 ul li{margin-bottom: 5px} #form_sidebar h2{ font-size: 22px} #testi_sidebar{ margin-top: 35px} #testi_sidebar .title_section{ font-size: 22px; text-align: left!important} #testi_sidebar .content_video{overflow: hidden; margin-bottom: 10px; border-radius: 10px} /*******ABOUT********/ #page_nosotros{} #mod_about_top{} #mod_about_top .container_sblo{width: 75%; padding-bottom: 70px} #mod_about_top .summary h3{margin: 15px 0px; text-transform: uppercase; font-weight: 400!important} #banner_about{} #banner_about .container_sblo{transform: translateY(-55px)} #banner_about figure{ position: relative} #banner_about figure header{ text-align: center;top: 0; left: 0; right: 0; margin: 0 auto;display: flex;flex-direction: column;justify-content: center; height: 100%; width: 68%;} #banner_about figure header p{ text-transform: uppercase; font-size: 16px; line-height: 18px} #banner_about figure header p span.font_fugaz{ font-size: 22px; line-height: 25px; margin-top: 5px} #banner_about .summary{ padding-right: 15%} #team_list{padding-bottom:150px } #team_1{} .team_2{ transform: translateY(75px)} .team_3{ transform: translateY(35px)} .team_4{ transform: translateY(105px)} .team{ text-align: center; margin-bottom: 30px} .team h3{margin-top: 10px!important} .team h3,.team h5{ font-size: 16px; font-weight: 400!important} #page_nosotros #cto_about{padding: 55px 0} #cto_about{} #cto_about .container_sblo{ height: 300px; width: 75%} #cto_about .container_sblo .row{transform: translateY(-80px)} #cto_about figure{position: relative} #cto_about figure .img_nena{position: relative; z-index: 90} #cto_about .caption{ position: absolute; right: 5%; top: 5%; width: 60%; z-index: 2} #cto_about .caption div{ position: absolute; text-align: center;right: 0; left: 0; margin: 0 auto; display: flex;top: 0%; width: 70%; z-index: 2;top: 0%; flex-direction: column;align-content: center; justify-content: center; align-items: center; height: 100%;} #cto_about .caption div p{ font-weight: 500!important} #cto_about .caption div a{ margin-top: 10px} /*******Redes********/ .redes_sociales{ padding: 0!important;} .redes_sociales ul {list-style: none; text-align: left; margin: 0} .redes_sociales li {display: inline-block; vertical-align: middle; margin: 0 2px} .redes_sociales a{background: #fff; text-align: center; position: relative;width: 30px; height: 30px;border-radius: 100%; } .redes_sociales a:before{ font-family: "Font Awesome 5 Brands";content: "\f415"; color: #172a63; display: block; line-height: 30px; } .redes_sociales a:hover:before{ } .name_insta{ display: table; margin: 10px auto; font-size: 16px; font-weight: bold} .redes_sociales a[href*="codepen.io"]:before {content: "\f1cb ";} .redes_sociales a[href*="digg.com"]:before {content: "\f1a6 ";} .redes_sociales a[href*="dribbble.com"]:before {content: "\f17d ";} .redes_sociales a[href*="dropbox.com"]:before { content: "\f16b ";} .redes_sociales a[href*="facebook.com"]:before {content: "\f39e"; } .redes_sociales a[href*="flickr.com"]:before {content: "\f16e ";} .redes_sociales a[href*="foursquare.com"]:before {content: "\f180 ";} .redes_sociales a[href*="plus.google.com"]:before { content: "\f0d5";} .redes_sociales a[href*="github.com"]:before {content: "\f09b";} .redes_sociales a[href*="instagram.com"]:before {content: "\f16d "; } .redes_sociales a[href*="linkedin.com"]:before {content: "\f0e1 "; } .redes_sociales a[href*="pinterest.com"]:before {content: "\f231";} .redes_sociales a[href*="getpocket.com"]:before {content: "\f265";} .redes_sociales a[href*="f281 .com"]:before {content: "\f222";} .redes_sociales a[href*="skype.com"]:before {content: "\f17e ";} .redes_sociales a[href*="twitter.com"]:before { content: "\f099 "; } .redes_sociales a[href*="vimeo.com"]:before {content: "\f27d ";} .redes_sociales a[href*="youtube.com"]:before { content: "\f167 ";} .text_social{ } /**********FOOTER****************/ .before_footer {transform: translateY(10px)} #content_footer{ background: #0079be; padding: 30px 0 45px 0} #content_footer .logo_foo{ margin: 0 auto; width: 280px} ul#list_adress{margin: 55px auto 0 auto!important; width: 90%} ul#list_adress li{ width: calc(25% - 30px); margin: 0 15px} .item_adress{ display: table; margin: 0 auto} .item_adress h2{color: #fff!important; font-size: 15px!important; font-weight: 600!important; text-transform: uppercase} .item_adress span{ display: block;color: #fff!important;} .item_adress a{color: #fff!important;} .item_adress span,.item_adress a{ font-size: 13px} #logos_partner_foo{ width: 55%; margin: 0 auto; padding: 30px 0 30px 0!important} #logos_partner_foo li{ width: auto; margin: 0 15px} #logos_partner_foo img{ width: 250px;} #list_palabras{} #list_palabras h2,#list_palabras ul li{ font-size: 11px; font-weight: 200!important;font-family: 'Montserrat', sans-serif!important; margin-bottom: 5px} #list_palabras h2 a,#list_palabras ul li a{ color: #fff; display: block; position: relative; font-size: 13px} #list_palabras h2 a:after,#list_palabras ul li a:after{content: '|'; display: inline-block; margin: 0 10px} /**********CCS*landing****************/ #sblo_landing{} #landing .section_landing{ padding: 40px 0} #landing #serv_landing{ padding: 70px 0} #landing #expe_home,#landing #banner_about {margin-top: 70px;} #landing #cto_tax { height: auto!important} #landing #cto_tax .row{ transform: translate(0)!Important} #serv_landing{} #serv_landing .title_section{color: #022b3a!important} #serv_landing #list_services{ width: 100%} #serv_landing #list_services li{width: calc(16.6666% - 30px); margin: 0 15px; text-align: center;box-shadow: 0px 0px 25px rgb(0,0,0,20%);border-radius: 15px;padding: 30px 10px;} #serv_landing #list_services li i img {filter: brightness(0);} #serv_landing #list_services li:nth-child(even) {transform: translateY(45px)!important} #serv_landing #list_services li h2{ color: #022b3a!important; font-size: 15px} /**********CCS*MB****************/ #menu:focus{outline: none!important} #menu{width: 40px; height: 40px; overflow: hidden;display: none; vertical-align: middle;border: none;position: relative; z-index: 9999; margin: 0px} #lineas_menu{ display: flex; flex-wrap: wrap; align-content:center;justify-content: flex-end;align-items: center;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: auto} .linea_menu{ background: #000; display: inline-block; text-align: right;width: 90%; height: 2px; margin: 3px 0;transition: all 400ms ease-out;} .linea_1,.linea_3{ width: 70%} #menu:hover .linea_2{ margin: 4px auto} #menu.on{ } #menu.on .linea_2{ width: 0} #menu.on .linea_1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(45deg)} #menu.on .linea_3{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(-45deg)} #menu.on .linea_menu{ background: #000; } .btn_wp{ cursor: pointer;width: 60px; height: 60px; border-radius: 100%; color: #fff!important; display: block; position: fixed; right: 15px; bottom:5%; margin: auto;z-index: 300 } .btn_wp i{ font-size: 35px;} #pop_whatsapp{} #form_Whatsapp{ background: #fff!important; display: table; margin: auto;padding: 20px 45px; border-radius: 10px; box-shadow: 10px 10px 30px rgba(0,0,0,.4); position: relative; min-width: 35%} #form_Whatsapp h2{ text-align: center; font-size: 18px; margin-bottom: 30px!important; color: #000} #form_Whatsapp h2 span{ display: block} #form_Whatsapp h2 span.text-transform{ font-weight: bold; margin-bottom: 10px} #form_Whatsapp .item_input{ margin-bottom: 15px } #form_Whatsapp .item_input input{text-transform: uppercase;width: 100%; font-size: 18px; border: 1px solid #ccc; box-shadow: 0px 0px 5px rgba(0,0,0,10%); padding: 10px} #form_Whatsapp .btnWH{ font-size: 16px; margin: 25px auto 10px auto; text-transform: uppercase; display: table; background: #0079be; padding: 10px 20px; border: none; color: #fff!important; cursor: pointer} #form_Whatsapp .close{ width: 25px; height: 25px; position: absolute; top: 10px; right: 10px; opacity: 1 } #form_Whatsapp .close span{ width: 100%; height: 2px; background: #000; display: block;position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto} #form_Whatsapp .close span.close_1{ transform: rotate(45deg)} #form_Whatsapp .close span.close_2{transform: rotate(-45deg)} .modal-backdrop{ background: rgba(0,0,0,.85)!important} .terminos_WP{ display: table; margin: 10px auto; font-size: 12px} /**********CCS*MB****************/ #call_pone{position: fixed; left: 0; width: 100%;bottom: 0; z-index: 99999} #call_pone #llamar,#call_pone .btn_wp.btn_mb{ display: block; width: 100%; height: auto; border-radius: 0!important; text-align: center; min-height: 40px} #call_pone #llamar{ background: #ff3800; color: #fff!important;} #call_pone #llamar div{ height: 40px;display: flex;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap;} .btn_wp.btn_mb{ position: relative; top: inherit; bottom: inherit; right: 0!important} #call_pone i,#call_pone span{ display: inline-block; vertical-align: middle; text-transform: uppercase} #call_pone i{ margin-right: 10px; width: 35px} #menu_porta_mb .item_tax{} #menu_porta_mb .item_tax .display_table_cell{ vertical-align: bottom} #menu_porta_mb a{ display: block; margin: 10px;position: relative; overflow: hidden; border-radius: 10px;} #menu_porta_mb a .content_banner{background: rgba(0,0,0,.65); position: absolute; top: 0; left: 0; height: 100%; width: 100%;display: flex;align-items: flex-end;justify-content: center;} #menu_porta_mb a .title_mb_porta{ font-size: 15px; padding: 0 5px; margin-bottom: 10px} #menu_porta_mb a .title_mb_porta span,#menu_porta_mb a .title_mb_porta b{ line-height: .9em; display: block; color: #fff!important; text-shadow: 1px 2px 3px #000} .text_wp{ position: absolute; width: 185px;top: 9px; left: 290px; text-transform: uppercase; background: #25D366; border-radius: 10px; padding: 5px 10px; color: #fff!important; transition: all 400ms ease-out;} #comercial{overflow: hidden} #comercial .container_sblo{ width: 100%!important; padding: 0!important} #page_comerciales_list{} #list_comer{} .item_comer{ margin-bottom: 50px} .item_comer .logo_comer{ margin-bottom: 45px} .item_comer .logo_comer img{ width: 70%; display: table} .item_comer figure{ display: flex; align-items: center; justify-content: center; padding: 0 20%} .item_comer figure .rocket {width: 35%; display: table;position: absolute; top: 0; left: 10px; bottom: 0; margin: auto} .item_comer .header_commer{padding: 15px 0} .item_comer .info_comer { padding-bottom: 30px} .item_comer .info_comer li{ width: calc(50% - 6%); margin: 0 2%} .item_comer .info_comer li i{ width: calc(30%); margin-right: 5%} .item_comer .info_comer li span{ width: calc(100% - 35%); color: #fff; font-weight: 800} .item_comer .foo_card{padding: 35px 0; font-weight: bold; font-size: 22px; text-align: center } #comercial [class*='col-']{ padding: 0!important; margin: 0!important} #lista_serv_cad{padding: 15px 25px} #lista_serv_cad .item_serv{width: calc(31.333% - 6%); box-shadow: 0px 0px 10px rgba(0,0,0,15%); border-radius: 5px; margin: 0 1%; text-align: center; margin-bottom: 10px} #lista_serv_cad .item_serv a{ display: block; padding: 5px; min-height: 80px} #lista_serv_cad .item_serv i{ width:45px } #lista_serv_cad .item_serv .title_serv{ font-size: 10px; line-height: 12px; color: #fff!important} #wpcf7-f17053-p17055-o1 input, #wpcf7-f17053-p17055-o1 textarea{ color: #1c110c;box-shadow: 0px 0px 10px rgba(0, 0, 0, 15%); border: none !important;padding: 6px 10px;height: 45px;} #wpcf7-f17053-p17055-o1 input[type="checkbox"]{color: #1c110c;box-shadow: 0px 0px 10px rgba(0, 0, 0, 15%); border: none !important;padding: 6px 10px;height: auto;} #wpcf7-f17053-p17055-o1 input.wpcf7-form-control.wpcf7-submit {background: #ff3f3f !important;color: #fff !important; border: none !important;border-radius: 70px !important;} .btn_max--wth a{width: 350px !important} body.home #project .item_tax.item_tax_5, body.home #project .item_tax.item_tax_1{ display: none; } a.btn_sblo.btn_ancla.text-uppercase.btn_wht {border: 1px solid #25d366;background: #25d366;color: #fff; font-weight: 600;border-radius: 80px;padding: 10px 15px;display: table;font-size: 12px;line-height: 12px;} @media only screen and (max-width: 1440px){ } @media only screen and (max-width: 1280px){ #content_header .container_sblo{ width: 90%} #content_footer .container_sblo{ width: 95%} #list_client_home{max-width: 85%} .single_service #cto_home .container_sblo {width: 85%;} } @media only screen and (max-width: 1170px){ #access{ display: none; position: fixed; right: 0; background: #fff!important} #access ul li{ display: block} #access ul .sub-menu{ position: relative} #menu{display: block} .servicios_home .container_sblo,#text_h1 .container{ max-width: 95%!important; width: 95%!important} .servicios_home [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} } @media only screen and (max-width: 1024px){ } @media only screen and (max-width: 980px){ #blog_home #list_blog [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} } @media only screen and (max-width: 768px){ .container_sblo.cont_posta,#cto_tax .container_sblo{ width: 95%} .single_service #cto_home .container_sblo{max-width: 95%!important; width: 95%!important} .single_service #mor_services #list_services {width: 99%;} #serv_cont_2 [class*='col-'],#serv_cont_1 [class*='col-'],#service_header [class*='col-'],#mod_redes [class*='col-'],#mod_seo [class*='col-'],#mod_ads.cont_ads [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #header_web.header_service {margin-left: 0%;} .summary_serv .btn_sblo{ position: relative; z-index: 90} #service_header .video{ padding-top: 40px!important} #serv_cont_1 figure{width: 50%; margin: 35px auto} #mod_redes .mod_right .img_porta_redes{top: -9%} .header_video{ margin: 35px auto!important} #mod_seo,#pagina_ads #cto_home { height: auto; max-height: inherit;} #mod_seo .mod_right{ margin-bottom: -30%} #mod_ads.cont_ads .bg_ads{ height: 100%} #mod_ads.cont_ads .bg_ads .before_mod_seo, #mod_ads.cont_ads .bg_ads .after_mod_seo{ display: none} #mod_ads.cont_ads .mod_left .summary{padding-top: 40px} #mod_ads.cont_ads .mod_right figure{ width: 55%; margin: 0 auto; padding-bottom: 55px} #text_partner .col-4{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} #partner_bt [class*='col-'], #blog_list [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} #pagina_ads #cto_home .container_sblo {transform: translateY(0%);} #pagina_foto figure{width: 90%; margin: 35px auto} #serv_cont_1 #list_porta [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} #porta_list .item_porta .item_post{margin: 0px 5px 10px 5px} #porta_list .item_porta .item_post h2{padding: 0 10px} #cto_tax .container_sblo{} #cto_tax #cto_left .img_cto {transform: translate(-20%, -1%);} #cto_tax figure header { position: absolute; width: 80%; top: 20%; right: -7%;} #blog_list .blog_item h2{ margin-top: 10px; font-size: 15px; line-height: 17px} } @media only screen and (max-width: 767px){ .btn_wp.btn_mb{background: #00d45e} .title_section,#mod_redes h2.title_section{ font-size: 30px} [class*='col-']{padding-right: 10px;padding-left: 10px;} .servicios_home [class*='col-'],#d_web [class*='col-'],#cto_home [class*='col-'],#text_partner [class*='col-'],#comercial [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .container_sblo,#page_hosting #banner_top .container_sblo{padding: 0 10px;width: 95%!important;} #logo{ width: calc(35%)}#access{ width: calc(100%)} #access .menu-menu-responsive-container{padding: 10px 15px!important} #access li{ border-bottom: 1px solid #ccc} #access ul .sub-menu li{margin: 0!important} #access ul .sub-menu li a, #access ul .sub-menu li .btn_menu{ text-align: center} #access ul .sub-menu{padding: 5px 10px!important} #access li a::before, #access li .btn_menu::before,#access li a::after, #access li .btn_menu::after{ display: none} #access li a, #access li .btn_menu{ font-size: 17px!important; padding-top: 5px; padding-bottom: 5px; display: block; text-align: center} div#n2-ss-107 .n-uc-10817feb480a8-inner{padding: 55px 0 0 0!important} div#n2-ss-107 .n2-font-3c2ecfc9d5293442fe5e5ed49c322311-hover{ font-size: 35px!important} div#n2-ss-107 .n2-font-7c07ff6de37de0756a941eeda77dbd05-hover{font-size: 30px!important} #d_web .summary{transform: translate(0)!important; margin-top: 35px} .servicios_home #list_services article{width: calc(50% - 20px);margin: 0 10px 30px 10px;} .servicios_home,#d_web {padding-top: 55px;} .top_der_serv {position: absolute;top: 7%;right: 1%;display: table;width: 25%;} #header_d_web p{width: 100%;} #text_h1 {padding: 40px 0} #text_h1 .container header h2{ font-size: 21px; margin-bottom: 15px} #client_home{padding-bottom: 20px} #list_project.container_sblo{ width: 100%} #tab_portafolio li{margin: 5px!important;width: calc(50% - 10px);} #tab_portafolio li a{ font-size: 12px; padding: 5px!important} .home_project .container_sblo{ width: 100%; padding: 0} #list_item_proj .pro_item_home {width: calc(33.333% - 10px);margin: 0 5px;overflow: hidden;} #list_item_proj .pro_item_home .btn_center{font-size: 12px} #list_item_proj .pro_item_home .btn_center i{ font-size: 19px} #list_client_home li{width: calc(50% - 20px)!important; margin: 0 10px 20px 10px!important} #list_client_home { max-width: 100%; margin: 0!important} #blog_home{padding-top: 20px} #blog_home #list_blog [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #list_blog article { margin-bottom: 30px; padding: 0px; margin-right: 0px;} #list_blog article h2{ margin-bottom: 10px!important} #list_blog article p{margin: 20px 0!important} .single_service .servicios_home{padding: 55px 0} .summary_serv .btn_sblo{margin: 20px auto; font-size: 18px; } .single_service .servicios_home #list_services article,#page_single .servicios_home #list_services article,#serv_blog .servicios_home #list_services article {width: calc(50% - 10px);margin: 0 5px 10px 5px;} #serv_blog .servicios_home{ padding-top: 30px; padding-bottom: 55px} #serv_blog .servicios_home .title_section{ margin-bottom: 70px; color: #000!important} #serv_blog #mor_services #list_services {width: 100%; margin: 0 auto!important;} #serv_blog .servicios_home #list_services article.item_serv_5 {transform: translateY(0)!important;} .single_service .servicios_home #list_services article.item_serv_7 {transform: translateY(0px) !important;} #page_nosotros .servicios_home #list_services article.item_serv.item_serv_7.position-relative {transform: translateY(0px) !important;} #list_testi [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .single_service .servicios_home #list_services article.item_serv_5,.servicios_home #list_services article:nth-child(odd){ transform: translate(0)!important} .before_footer { transform: translateY(2px);} #content_footer .container_sblo{ width: 100%} ul#list_adress{ width: 100%} ul#list_adress li{width: calc(100% - 20px);margin: 0 10px 30px 10px;} #logos_partner_foo{ width: 100%} #logos_partner_foo li {width: calc(50% - 30px);margin: 0 15px 20px 15px;} #list_palabras h2,#list_palabras li{width: calc(50% - 10px);margin: 0 5px 10px 5px} #list_palabras h2 a:after,#list_palabras ul li a:after{ display: none!important} #list_palabras h2 a,#list_palabras li a{ display: block; border: 1px solid #fff; padding: 3px 10px; border-radius:10px; text-align: center} #pagina_web #client_home .before_client{ top: -5px} #pagina_redes #service_header figure .video{top: -35px} #pagina_redes #service_header .summary{ margin-top: 35px} #mod_seo .mod_right,#mod_seo .mod_left{transform: translate(0)!important} #mod_redes {padding-top: 20px;padding-bottom: 55px;} #mod_seo .mod_right { margin-bottom: 0%;} #mod_seo .mod_right .grafica_seo {transform: translateY(-0)!important;margin-bottom: 35px!important; } #mod_seo .mod_right blockquote { background-repeat: no-repeat!important;background-size: 100%!important;width: 100%;height: 288px;} #mod_seo .mod_right blockquote p{ font-size: 12px} #step_seo{padding: 55px 0} #step_seo .container_sblo{ width: 100%} #step_seo ul li {width: calc(100% - 30px);margin: 0 15px 35px 15px;} .single_service .servicios_home .title_section {transform: translateY(-35px);color: #022b3a!important;} #text_partner{padding-top: 0} #text_partner figure{margin-bottom: 35px} #partner_bt {} #partner_bt .content_pat { margin-bottom: 30px} #partner_bt .content_pat h3{ font-size: 16px; margin-bottom: 10px} #partner_bt .content_pat p{ font-size: 13px} #pagina_ads #cto_home .caption {width: 86%;margin: 0 auto;display: table;position: relative; transform: translateY(-14%);} #partner_ads .title_section span, #testimonion_serv .title_section span { font-size: 24px!important;} #porta_list .item_porta.item_1,#porta_list .item_porta.item_2,#porta_list .item_porta.item_3 {transform: translateY(0);} #porta_list .item_porta .item_post h2{font-size: 13px; padding: 0 5px; bottom: 5px} #porta_list {padding-bottom: 0px} #cto_tax{ height: auto} #cto_tax #cto_left .img_cto {transform: translate(-20%, -1%); width: 40%;} #cto_tax figure header div a{ margin-top: 10px} #cto_tax figure header div h2{font-size: 15px} #cto_tax figure header{right: 0} #form_sidebar{ padding-top: 45px} #page_single #mor_services #list_services{ width: 100%} #page_single #mor_services .title_section {color: #fff!important;transform: translateY(-40px);} #page_single .servicios_home #list_services article.item_serv_5 { transform: translateY(0)!important;} #blog_list article{margin-bottom: 10px} #blog_list .blog_item h2 {margin-top: 10px;font-size: 12px;line-height: 14px;} #blog_list .blog_item{margin-bottom: 10px; height: 100%; display: flex;flex-direction: column;justify-content: space-between;} #blog_list .blog_item a.btn_sblo{ font-size: 13px;} #listas-videos{} #listas-videos [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #project.home_project{} #project.home_project header h2{ text-align: center; margin-bottom: 15px} #project.home_project header i{ display: none!important} .list_team [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .team h3, .team h5 { font-size: 11px; font-weight: 400!important;}#banner_about .container_sblo { transform: translateY(0px);} #slider_sblo h3{ font-size: 35px!important; margin-bottom: 15px} #slider_sblo h2{ font-size: 13px!important; } #slider_sblo .n2-ss-slider .n2-ss-layer-row-inner{} #form_Whatsapp{ padding: 35px 10px} div#n2-ss-127 .n-uc-ZoGliwWExJD7-inner{padding: 0px!important} #list_expe [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 33.333%;flex: 0 0 33.333%;max-width: 33.333%;} #page_hosting #banner_top [class*='col-'],#page_hosting #mod_hosting [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #page_hosting #mor_services #list_services,#page_nosotros #mor_services #list_services { max-width: 99%; width: 99%; } #page_hosting #mor_services #list_services article.item_serv_5,#page_nosotros #list_services article.item_serv_5{transform: translate(0)!important} #page_hosting #list_services article,#page_nosotros .servicios_home #list_services article { width: calc(50% - 10px); margin: 0 5px 10px 5px;} #vista_single [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #vista_single .entry_content img{width: 100%} #vista_single .entry_content img,#vista_single .entry_content .aligncenter img,#vista_single .entry_content .aligncenter,.wp-caption{width: 100%!important; max-width: 100%!important} #page_single #vista_single .header_section{ margin-bottom: 20px} #page_single #vista_single .header_section, #page_single #vista_single h1{ font-size: 27px} #page_single #vista_single h2{ margin-bottom: 30px!important; font-size: 18px} #landing #slider_sblo h3 {font-size: 27px!important;margin-bottom: 15px;} #serv_landing #list_services li {width: calc(50% - 10px);margin: 0 5px 10px 5px;} .section_landing [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #serv_landing #list_services li h2{ font-size: 12px} .team_2{ transform: translateY(0)} .team_3{ transform: translateY(0)} .team_4{ transform: translateY(0)} #d_web .summary ul#permalinks { display: flex; align-items: center} #d_web .summary ul#permalinks li{ width: calc(50% - 10px); margin: 0 5px 10px 5px} #d_web .summary ul#permalinks li a,#d_web .summary ul#permalinks li span{ border: 1px solid #000; display: block; padding: 5px 10px} div.wpforms-container-full .wpforms-form input[type=checkbox], div.wpforms-container-full .wpforms-form input[type=radio]{width: 50px!important; height: 50px!important} #slider_sblo .summary h3{ font-size: 30px!important; line-height: 30px!important; margin-bottom: 15px} #slider_sblo h2{ text-align: center;font-size: 13px!important; } #slider_sblo .summary ul.list_slider{display: none!important} #slider_sblo .summary ul.list_slider li{margin-bottom: 5px} #form_Whatsapp{ padding: 35px 10px} #slider_sblo [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #slider_sblo h2{ } #slider_sblo .cohe_slider{padding: 0!important; margin: 0 5%} #slider_sblo .logos_lider{margin: 15px 5%!important } } input#wpforms-11152-field_13 { display: none!important; }