/* Theme Name: Tecnux Theme URI: http://tecnux.net Author: Powered by Tecnux Author URI: http://tecnux.net Description: Thema for Tecnux. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, blue, white, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, theme-options, translation-ready Text Domain: theme This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } *, *::before, *::after { box-sizing: inherit; } *::selection { color: #212121 !important; background: #cdc1a0 !important; } html, body{ width:100%; height: 100%; min-height:100%; padding: 0; margin:0px; } html { overflow: visible !important; } body {color: #2b2b2b; font-size:16px; line-height:25px; letter-spacing:0; font-weight:400; margin: 0; font-family: 'Roboto', Arial, sans-serif; overflow-x: hidden; } body.open { overflow:hidden; } img { border:0; vertical-align:top; max-width:100%; } a { color:#f18903; text-decoration:none; transition: all 0.3s; } a:hover { opacity:0.8; } a:focus { outline:0; } /* Headings */ h1 { font-size: 40px; line-height:normal; letter-spacing: 0px; margin-bottom: 20px; font-weight:700; font-family: 'Montserrat', serif; } h2 { font-size: 36px; line-height:normal; letter-spacing: 0px; margin-bottom: 20px; font-weight:700; font-family: 'Montserrat', serif; } h3 { font-size: 28px; line-height:normal; letter-spacing: 0px; margin-bottom: 20px; font-weight:400; font-family: 'Montserrat', serif; } h4,h5,h6 { margin-bottom: 14px; font-weight:400; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:central; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } abbr, abbr[title] { border: none; } /* Clearfix */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Gallery */ .aligncenter,div.aligncenter{ display:block; margin:0 auto 10px auto; } .alignright { float: right; margin: 5px 0px 20px 4%; } .wp-caption .alignright { border:1px solid #939598; line-height: 0; margin: 0px !important; max-width: 632px !important; padding: 4px; text-align: center; } .alignleft{float:left;text-align:left; padding:10px 20px 10px 0; } .wp-caption .alignleft { border:1px solid #939598; line-height: 0; margin: 0px !important; max-width: 632px !important; padding: 4px; text-align: center; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #777; } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #777; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } .hover_fade { opacity: 1; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; } .hover_fade:hover { opacity: 0.8; } .btn { background-color:#EE5614; display:inline-block; font-size:14px; font-weight:700; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .btn a { color:#FFFFFF; padding:10px 15px; display: block; } .btn:hover { background-color:#000000; } .btn-1 { background-color:#e48924; } .btn-2 { background-color:#e46e1a; } .btn-3 { background-color:#e33e0d; } .videoframe { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .videoframe iframe, .videoframe object, .videoframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% ; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } .center { width:100%; max-width:1100px; margin:0 auto; display:block; } /* Icons */ .icon-set { background-image: url(images/icon-set.png); background-size: 192px 67px; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .icon-facebook { background-position: 0px -36px; height: 100%; width: 100%; } .icon-twitter { background-position: -32px -36px; height: 100%; width: 100%; } .icon-google { background-position: -64px -36px; height: 100%; width: 100%; } .icon-instagram { background-position: -96px -36px; height: 100%; width: 100%; } .icon-youtube { background-position: -128px -36px; height: 100%; width: 100%; } .icon-linkedin { background-position: -160px -36px; height: 100%; width: 100%; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header */ header { background: none; position: fixed; top: 100%; width: 100%; z-index: 99; } .header-main { width:96%; padding:0 2%; display:block; position: fixed; top:0; z-index:19; height:auto; transition: max-width 0.3s, height 0.3s, background 0.3s ease, box-shadow 0.3s ease; background-color:rgba(255,255,255,0.00); } .logo { width:100%; max-width:155px; margin:20px 0; float:left; transition: all 0.3s; position:relative; z-index:21; } .logo a { vertical-align: middle; display: inline-block; max-width:155px; height:33px; max-height:33px; } .logo a span { display:none; } .logo svg { fill: #fff; width: 100%; height: 100%; transition: .175s cubic-bezier(.86,0,.07,1); } .logo svg path { fill: #fff; transition: fill .175s; } header.scroll .logo svg path { fill: #000000; } body.open .logo svg path, header.open.scroll .logo svg path { fill: #fff; } header.light.scroll .logo svg path { fill: #fff; } header .menu { float: right; margin:21px 0; width: 34px; cursor: pointer; position: relative; display: block; } header .menu p { font-size: 14px; color: #fff; margin: 0; position: absolute; top: 0px; left: -62px; width: 45px; text-align: right; -webkit-transition: all linear .175s; transition: all linear .175s; font-weight:700; } header.scroll .menu p { color:#000000; } header.light.scroll .menu p { color:#fff; } body.open .menu p { color:#fff; } header .menu span { width: 100%; height: 2px; background: #fff; float: left; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; opacity: 1; } header .menu span.one { width: 90%; margin-left: 10%; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background: #fff; } header .menu:hover span.one { width:100%; margin-left: 0%; } header .menu.cross span.one { -ms-transform: rotate(41deg); -webkit-transform: rotate(41deg); transform: rotate(41deg); width: 100%; margin-left: 0%; } header.scroll .menu span.one { background: #000; } header.light.scroll span.one { background: #fff; } body.open .menu span.one { background: #fff; } header .menu span.middle { width: 60%; margin: 9px 0; background: #ee5614; margin-left: 40%; } header .menu:hover span.middle { width:100%; margin-left: 0%; } header .menu.cross span.middle { opacity: 0; margin-left: 500%; } header .menu span.two { width: 85%; margin-left: 15%; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background: #fff; } header .menu:hover span.two { width:100%; margin-left: 0%; } header .menu.cross span.two { -ms-transform: rotate(-41deg); -webkit-transform: rotate(-41deg); transform: rotate(-41deg); width: 100%; margin-left: 0%; background: #ee5614; } header.scroll .menu span.two { background: #000; } header.light.scroll span.two { background: #fff; } body.open .menu span.two { background: #ee5614; } .menu_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: 10; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; overflow: hidden; -webkit-backdrop-filter: blur(6px); background: rgba(0,0,0,1); } .menu_overlay.active { height: 100%; background: #170801; opacity: 0.95; } .menu_overlay.over { z-index: 11; -webkit-backdrop-filter: blur(6px); } .vertical-align { display: block; width: auto; max-width:1100px; height: auto; position: absolute; top: 50%; right: 0; bottom: auto; left: 0; margin:auto; z-index: 5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .main-menu { text-align:center; } .main-menu li { position: relative; top: 2em; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; color: transparent; opacity: 0; transform: rotateX(90deg); } .menu_overlay.active .main-menu li { opacity: 1; top: 0em; color: #fff; transform: rotateX(0deg); } .main-menu *, .main-menu *:before, .main-menu *:after { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .main-menu .current_page_item a { font-weight: 700; } .main-menu a { font-size: 30px; line-height: 55px; letter-spacing: 0px; font-weight: 300; color:#ffffff; text-transform:uppercase; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; display:inline-block; position:relative; } .main-menu a:hover { color:#ee5614; } .main-menu a:before, .main-menu a:after { content: ''; position: absolute; width: 0%; height: 2px; bottom: -2px; margin-top: -0.5px; background: #fff; } .main-menu a:before { left:0px; } .main-menu a:after { right: 2.5px; background: #fff; -webkit-transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); } .main-menu a:hover:before { background: #fff; width: 100%; -webkit-transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .main-menu a:hover:after { background: transparent; width: 100%; -webkit-transition: 0s; transition: 0s; } .main-menu li:nth-child(1) { -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .main-menu li:nth-child(2) { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .main-menu li:nth-child(3) { -webkit-transition-delay: .25s; -moz-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s; } .main-menu li:nth-child(4) { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .main-menu li:nth-child(5) { -webkit-transition-delay: .35s; -moz-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s; } .main-menu li:nth-child(6) { -webkit-transition-delay: .35s; -moz-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s; } .main-menu .lang { padding-top:30px; } .main-menu .language { display:inline-block; font-weight:300; letter-spacing: 0px; color:#FFFFFF; line-height:normal; } .main-menu .language a { font-size:16px; font-weight:700; letter-spacing: 0px; line-height:normal; } .main-menu .language a:hover:before, .main-menu .language a:hover:after { display:none; } .main-menu .language:after { content: ''; width:1px; height:14px; display:inline-block; background-color:#FFFFFF; vertical-align:-1px; margin:0 5px 0 10px; } .main-menu .language:last-child:after { display:none; } .social-menu { padding-top:8%; text-align:center; } .social-menu { margin-top:0; } .social-menu li { display:inline-block; vertical-align:top; margin:0 2px 6px 2px; position:relative; color:#fff; transition: all 0.3s; } .social-menu li.social { margin-top:-3px; position:relative; height:23px; } .social-menu li.social span { display:none; visibility:hidden; } .social-menu li.social:before { position: absolute; top:0; left:0; right:0; margin:auto; text-align:center; z-index:1; width:24px; height:24px; transition: all 0.3s; line-height:24px; font-size:20px; } .social-menu li.social:hover:before { color:#f18903; } .social-menu li.social a { display:block; position:relative; z-index:2; padding:0; width:24px; height:24px; font-size:20px; } .social-menu li.social a span { display:none; visibility:hidden; } @media only screen and (min-width: 960px) { body.admin-bar .header-main { top: 32px !important; } .navbar { margin-top:28px; } .site-header.scroll .navbar { margin-top:13px; } .footer-menu ul { padding-right:20px; } } /* Main %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body.mfp-zoom-out-cur { overflow:hidden; } .container { width:75%; max-width:805px; float:left; display:block; position:relative; } /* Content */ .content { width:100%; display:block; position:relative; margin-bottom:2%; } .content h2 { font-size: 26px; line-height: 1.6; font-weight: 600; padding-top: 30px; } .content h3 { font-size: 18px; line-height: 1.846153846; font-weight: 600; padding-top: 10px; margin-bottom: 10px; } .content a { transition: all 0.25s linear; border-bottom: 1px dotted; } .content p { margin: 0 0 20px 0; font-size:16px; line-height: 26px; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .content hr { border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top: 1px solid #d1d3d4; margin:30px 0 30px 0; } .content blockquote { font-family: Georgia,"Times New Roman",Times,serif; margin-bottom: 24px; padding: 24px; color: #a9afb3; font-size: 24px; line-height: 1.6em; border: none; text-align: center; display: block; } .content blockquote:before { content: '“'; display: inline-block; font-size: 30px; padding-right: 10px; } .content blockquote:after { content: '”'; display: inline-block; font-size: 30px; padding-left: 10px; } .content blockquote p { font-family: Georgia,"Times New Roman",Times,serif; color: #a9afb3; font-size: 24px; line-height: 1.6em; display: inline-block; } .content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 15px; padding: 5px 5px 3px; background-color: #f7f7f9; border: 1px solid #F7F7F9; } .content pre, .content kbd, .content tt, .content var { font-size: 14px; line-height: 21px; } .content code { font-size: 13px; } .content th { color: #000; padding-left:2%; text-align:center; } .content table { border: 1px solid #e7e7e7; margin: 0; text-align: left; width:100%; margin-bottom:20px; } .content tr th, .content thead th { font-weight: bold; line-height: 18px; padding:1% 2%; } .content tr td { border-top: 1px solid #e7e7e7; padding:1% 2%; text-align:center; } .content tr.odd td {background: #f2f7fc; } .content .attachment img { display: block; margin: 0 auto;} .content ul, .content ol { list-style-position: inside; list-style-type: disc; margin-bottom:30px; } .content ul li, .content ol li { margin:0 0 0.5% 3%; } .content dl dd { margin:0 0 2% 0; } .content input[type="text"], .content input[type="email"], .content input[type="tel"], .content input[type="password"] { font-size:16px; background-color:#ffffff; padding: 0 2%; margin-top:3%; margin-bottom:2%; width: 96%; height: 36px; position: relative; display:inline-block; border:1px solid #cccccc; border-radius:3px; } .content textarea { font-size:16px; font-family:Arial; background-color:#ffffff; width: 96%; height:100px; padding: 2%; border:1px solid #cccccc; margin-top:3%; margin-bottom:3%; border-radius:3px; } .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .vc_sep_color_black { margin-top:7px; margin-bottom:38px !important; max-width:22px; } .animated-counter { font-size: 60px; line-height: 1em; font-weight: 300; color: #303030; display: inline-block !important; height: 1em; } .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline { padding:11px 23px !important; text-transform:uppercase; font-weight:700; margin-top:20px; } .vc_separator { display: block; padding:4% 0; } /* Home */ .box-slide { background-size:cover; padding:9% 0 12% 0; position:relative; text-align:center; } .box-slide h3 { z-index: 5; white-space: normal; font-size: 53px; line-height: 53px; font-weight: 700; font-family: Montserrat; text-transform: uppercase; margin-bottom:35px; text-align:center; background: linear-gradient(100deg, #ffc62c, #EE5614); background-size: 400% 400%; color:transparent; -webkit-background-clip: text; background-clip: text; -webkit-animation: title 7s ease infinite; animation: title 7s ease infinite; } .box-slide p { z-index: 6; white-space: normal; font-size: 26px; line-height: 30px; font-weight: 300; color: rgb(255, 255, 255); transition: none 0s ease 0s; text-align: inherit; border-width: 0px; padding: 0px; opacity: 1; } .box-slide .btn { margin:12% 5px 10px 5px; text-transform:uppercase; } .lax { height:auto !important; min-height: 100px; background: transparent; } .scroll-btn { display:inline-block; position: absolute; left:0; right:0; bottom:35px; margin:auto; text-align:center; cursor:pointer; width:24px; height:45px; box-sizing:border-box; border:1px solid #fff; border-radius:23px } .scroll-btn>* { display:inline-block; line-height:18px; font-size:13px; font-weight:400; color:#fff; font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:2px } .scroll-btn>.active,.scroll-btn>:focus,.scroll-btn>:hover { color:#fff } .scroll-btn>.active,.scroll-btn>:active,.scroll-btn>:focus,.scroll-btn>:hover { opacity:.8 } .scroll-btn span {position:absolute;display:block;top:29%;left:0;right:0;width:5px;height:5px;margin:0 auto; background:#fff;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite } @keyframes rev-ani-mouse { 0% { opacity:1;top:29% } 15% { opacity:1; top:50% } 50% { opacity:0; top:50% } 100% { opacity:0; top:29% } } .box-marca-list { padding:40px 0; margin-bottom:0; overflow:hidden; display:block; background-color:#F6F6F6; } .box-marca-list img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .box-marca-list img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .box h6 { font-size: 14px; color:#f18903; font-weight: 600; text-transform: uppercase; letter-spacing:1px; } .box h1, .box h2, .box h1, .box h3 { font-size: 48px; line-height: 52px; letter-spacing: -0.05em; text-align:left; text-transform:uppercase; } .box p { font-size: 18px; line-height: 1.66em; margin-bottom:15px; } .box h6 span { color:#2b2b2b; } .box-intro { padding:4% 0; } .box-intro h1, .box-intro h2 { background: linear-gradient(270deg, #F18903, #000); background-size: 400% 400%; color:transparent; -webkit-background-clip: text; background-clip: text; -webkit-animation: title 7s ease infinite; animation: title 7s ease infinite; } .box-trabajos { background-size: cover; background-position: center center; background-image:url(images/work.svg); background-color:#040100; color:#FFFFFF; padding:3% 0; text-align:center; } .box-trabajos h2 { text-align:center; } .box-trabajos p { margin-bottom:2%; } .box-trabajos .work{ position:relative; overflow:hidden; } .box-trabajos .work .bg-image { width:100%; min-height:320px; display:block; -webkit-transition:0.25s ease-out; transition:0.25s ease-out; background-position:top center; background-size: cover !important; } .box-trabajos .work:hover .bg-image { zoom: 1; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition:5s ease-out; transition:5s ease-out; } .box-trabajos .worklogo { position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 340px; max-height: 150px; margin: auto auto; z-index:2; -webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s; } .box-trabajos .worklogo svg { fill: #fff; width: 100%; height: 100%; } .box-trabajos .worklogo svg path { fill: #fff; } .box-trabajos .work a:hover .worklogo svg, .box-trabajos .work a:hover .worklogo svg path { opacity:1; } .box-trabajos .work .overlay { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index:1; opacity:1; -webkit-transition:all .5s; transition:all .5s; -moz-transition:all .5s; } .box-trabajos .work:hover .overlay { opacity:0.7; } .box-trabajos .work a:hover { opacity:1; } .box-diseno { padding:4% 0; color:#FFFFFF; } .box-diseno h6, .box-diseno a { color:#FFFFFF; } .box-seo { padding:4% 0; } .box-seo h2 { background: linear-gradient(270deg, #000, #F18903); background-size: 400% 400%; color:transparent; -webkit-background-clip: text; background-clip: text; -webkit-animation: title 7s ease infinite; animation: title 7s ease infinite; } .box-desarrollo { padding:4% 0; } .box-desarrollo h2 { background: linear-gradient(270deg, #F18903, #000); background-size: 400% 400%; color:transparent; -webkit-background-clip: text; background-clip: text; -webkit-animation: title 7s ease infinite; animation: title 7s ease infinite; } .box-grafico { padding:4% 0 8% 0; } .box-news { padding:4% 0; text-align:center; } .box-news h2 { text-align:center; background: linear-gradient(270deg, #000, #F18903); background-size: 400% 400%; color:transparent; -webkit-background-clip: text; background-clip: text; -webkit-animation: title 7s ease infinite; animation: title 7s ease infinite; } @-webkit-keyframes title { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes title { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .box-counter { padding:16% 0; color:#303030; } .box-counter .vc_sep_color_black { margin-top:20px; margin-bottom:20px !important; max-width: 22px; } /* Pages */ .page-thumb { max-height:450px; position:relative; } body.single .page-thumb { max-height:inherit; padding:3% 0; position:relative; } .page-thumb:before{ background: rgba(189,177,145,0); background: -moz-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,177,145,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdb191', endColorstr='#000000', GradientType=0 ); opacity: 0.85; bottom: 0; content: ""; height:250px; left: 0; position: absolute; width: 100%; z-index: -1; } .page-thumb .single-title { color:#FFFFFF; z-index:10; margin:0; } .page-thumb .single-title h1 { color:#FFFFFF; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); margin:0; } .page-thumb .single-title span { display:inline-block; font-size:12px; } .page-thumb .single-title a { color:#FFFFFF; } .page-thumb .single-title .entry-date { font-size:12px; text-decoration:none; } .breadcrumbs-main { width:100%; height:auto; display:block; position:relative; font-size:14px; font-weight:400; border-bottom:1px solid #dddddd; margin-bottom:20px; padding:10px 0; } .breadcrumbs-main a { font-weight:400; } .breadcrumb_last { color:#2b2b2b; } .box-page-title { position: relative; } .box-page-title .wpb_content_element { margin-bottom:0 !important; } .box-page-title .item-title { position:relative; } .box-page-title .item-title .wpb_wrapper { position:absolute; left:15px; bottom:0; text-align:left; width:100%; max-width:500px; } .box-page-title .item-title h1 { text-align:left; font-size:30px; line-height:normal; margin-bottom:10px; } .container_inner { display: table; height: 100%; } .title_subtitle_holder { display: table-cell; vertical-align: middle; width: 100%; } .title_subtitle { position: relative; text-align:center; } .title_subtitle h1 { font-size: 47px; line-height: 60px; text-transform:uppercase; text-align:center; background: linear-gradient(270deg, #fff, #F18903); background-size: 400% 400%; color:transparent; -webkit-background-clip: text; background-clip: text; -webkit-animation: title 7s ease infinite; animation: title 7s ease infinite; } body.page-portafolio .breadcrumbs-main { display:none; visibility:hidden; } body.page-portafolio .box-trabajos { background:none; padding:0; } body.page-portafolio .content { margin-bottom:0; } .circle_inner { position: relative; display: block; text-align: center; margin: 0 auto; width:160px; height:160px; background-color: #e3e3e3; border-radius:50%; transition: all .3s ease-in-out; } .circle_inner:hover { background-color:#f18903; } .circle_inner .vc_icon_element-inner { position:absolute; top:30%; left:0; right:0; margin:auto; } .circle_inner .vc_icon_element-icon { color: #b9b9b9 !important; transition: all .3s ease-in-out; } .circle_inner:hover .vc_icon_element-icon { color: #fff !important; } .box-service-table { padding-top:5%; padding-bottom:5%; } .service_table .vc_column-inner { padding:30px 0 0 0 !important; background-color:#FFFFFF; } .service_table .vc_icon_element { margin-bottom: 15px !important; padding-top:20px; } .service_table ul { margin:0; padding:0; } .service_table ul li { display: block; margin: 0; padding: 9px 20px; list-style: none; text-align: center; border-bottom: 1px solid #f6f6f6; } .post-list { vertical-align:top; padding-top:3%; overflow:hidden; } .post-list article { border: 1px solid #edeff2; border-radius: 5px; overflow: hidden; text-align:left; margin-bottom:30px; position:relative; } .post-list article .post-thumb { margin-bottom:20px; overflow: hidden; min-height:216px; } .post-list article .post-thumb img { max-height:320px; -webkit-transition:0.25s ease-out; transition:0.25s ease-out; } .post-list article .post-thumb a:hover { opacity:1; } .post-list article .post-thumb a:hover img { zoom: 1; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition:0.3s ease-out; transition:0.3s ease-out; opacity:1; } .post-list article h3 { display: block; font-size: 24px; line-height: 26px; font-weight: 400; margin-bottom: 20px; text-transform:none; font-family: 'Montserrat', serif; } .post-list article p { font-size:16px; line-height:normal; margin-bottom:15px; } .post-list article .btn-more { background: #F6F6F6; display:block; text-align:center; padding:5px 0; color:#5D5D5D; } .post-list article .btn-more:hover { background-color:#F18903; color:#FFFFFF; opacity:1; } .post-title { max-height:inherit; padding:3% 0; position:relative; background-image:url(images/bg-news.jpg); background-color: transparent; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; opacity: 1; visibility: inherit; z-index: 20; } .post-title:before{ background: rgba(189,177,145,0); background: -moz-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,177,145,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdb191', endColorstr='#000000', GradientType=0 ); opacity: 0.85; bottom: 0; content: ""; height:250px; left: 0; position: absolute; width: 100%; z-index: -1; } .post-title .single-title { color:#FFFFFF; z-index:10; margin:0; } .post-title .single-title h1 { color:#FFFFFF; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); margin-bottom:15px; } .post-title .single-title span { display:inline-block; font-size:12px; } .post-title .single-title a { color:#FFFFFF; } .post-title .single-title .entry-date { font-size:12px; text-decoration:none; } body.error404 .post-title { background-image:url(images/bg-404.jpg); } .box-contact-info { border-top:1px solid #99afcd; padding-top:4%; } .box-map { position:relative; } .box-map .map-item { position:absolute; left:0; bottom:15px; width:100%; max-width:263px; display:block; z-index:99; } .box-map .map-item span { font-size:20px; font-weight:400; text-transform:uppercase; display:block; text-align:center; margin-top:15px; margin-bottom:15px; } .google-map { width: 100%; height:100%; height:353px; position: relative; overflow: hidden; margin-bottom:25px; } .google-map iframe, .google-map object, .google-map embed { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; } .box-contact h2 { text-align:center; } .box-contact h2::after { margin-left:auto; margin-right:auto; } .grid-act .col-sm-4:hover .caption a .entry-cap { opacity: 1; transform: translate(0, 0); } .grid-act { margin:3% 0; } .filter-list ul { text-align:center; margin-bottom:30px; } .filter-list ul li { margin:0 15px; padding:0; display:inline-block; color:#303030; cursor:pointer; font-size:15px; font-weight:400; } .filter-list ul li.active { font-weight:700; color:#f18903; } .grid-act .col-sm-4 { position: relative; text-align: left; display: block; overflow: hidden; margin-bottom:30px; margin-left:15px; margin-right:15px; width: 30.5%; } .grid-act .col-sm-4 img { max-width: 100%; backface-visibility: hidden; vertical-align: top; } .grid-act .col-sm-4:hover img { zoom: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } .grid-act .col-sm-4 .caption { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; background-color:rgba(43,43,43,0.80); z-index:2; opacity:0; transition: opacity 0.5s ease; } .grid-act .col-sm-4 .caption * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .grid-act .col-sm-4 .caption a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index:3; padding:0 20px; } .grid-act .col-sm-4 .caption a:hover { opacity:1; } .grid-act .col-sm-4 .caption a .entry-cap { position: absolute; top: 30%; left:0; right:0; bottom:0; margin:auto; font-size: 25px; color: #ffffff; display:block; z-index:4; text-align:center; transform: translate(0, -40%); transition: transform .6s ease, opacity .5s ease; opacity:0; } .grid-act .col-sm-4 .caption a .entry-cap h4 { font-size:22px; font-weight:600; color:#f18903; } .grid-act .col-sm-4 .caption a .entry-cap h4:after { content:''; width:100%; height:1px; background:url(images/line-center-small.png) center center no-repeat; display:block; margin:10px 0; } .grid-act .col-sm-4 .caption a .entry-cap p { margin-bottom:5px; max-width:245px; margin-left:auto; margin-right:auto; font-size:14px; line-height:26px; } .grid-act .col-sm-4:hover .caption { opacity: 1; transition: opacity 0.5s ease; } .grid-act .col-sm-4:hover .caption a .entry-cap { opacity: 1; transform: translate(0, 0); } .grid-act .col-sm-4 *, .grid-act .col-sm-4 *:before, .grid-act .col-sm-4 *:after { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .wpcf7-form br { display:none; visibility:hidden; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"] { font: normal 1.0em/2.665em sans-serif; background-color:#f0f0f0; padding: 0 2%; margin-top:5px; margin-bottom:15px; width: 96%; height: 40px; position: relative; display:inline-block; border:1px solid #e0dfdd; } .wpcf7-form select { font: normal 1.0em/2.665em sans-serif; background-color:#f0f0f0; padding: 0 2%; margin-top:3%; margin-bottom:2%; width:100%; height: 40px; position: relative; display:inline-block; border:1px solid #8c8c8c; color:#6b6b6b; } .wpcf7-form textarea { font: normal 1.0em/1.5em sans-serif; background-color:#f0f0f0; width: 96%; height:104px; padding: 2%; border:1px solid #e0dfdd; margin-top:5px; margin-bottom:15px; } .wpcf7-form .req { text-align:right; font-size:14px; font-weight:300; } .wpcf7-form .legal { text-align:center; margin:15px 0; } .wpcf7-form .legal a { color:#F18903; } .wpcf7-form input[type="submit"] { background-color:#F18903; margin:0; color: #ffffff; font-size:20px; font-weight:300; text-transform:uppercase; text-align: center; border:none; padding: 5px 30px; display:inline-block; cursor:pointer; } .wpcf7-form input[type="submit"][disabled], .box-contact input[type="submit"][disabled]:hover, .box-contact input[type="submit"][disabled]:focus { background-color:#f18903; color:#FFFFFF; } .wpcf7-form .enviar { text-align:center; } div.wpcf7 img.ajax-loader { margin-right:-23px; } span.wpcf7-not-valid-tip { margin-bottom:10px; } .box-search { width:100%; max-width:500px; display:inline-block; margin-bottom:15px; } .box-search input[type="text"] { font-size:16px; background-color:#eeeeee; width: 80%; height: 36px; padding:10px 15px; position: relative; display:inline-block; border:none; color:#2b2b2b; } .box-search input[type="submit"] { background: #f18903 url(images/icon-search.png) center center no-repeat; display:inline-block; border:none; text-indent:-9999px; width:56px; height:56px; padding:0px; cursor:pointer; vertical-align:top; } /* Portfolio */ .portfolio-thumb { max-height:inherit; padding:0; position:relative; background-image:url(images/bg-news.jpg); background-color: transparent; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; opacity: 1; visibility: inherit; z-index: 20; position:relative; overflow:hidden; } .portfolio-thumb:before{ background: rgba(189,177,145,0); background: -moz-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(189,177,145,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(189,177,145,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdb191', endColorstr='#000000', GradientType=0 ); opacity: 0.85; bottom: 0; content: ""; height:50%; left: 0; position: absolute; width: 100%; z-index: -1; } .portfolio-thumb .title-iten { text-align:center; color:#FFFFFF; padding-top:20%; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .portfolio-thumb .title-iten h1 { font-size: 47px; line-height: 60px; margin-bottom:10px; text-align:center; color:#FFFFFF; } .portfolio-thumb .title-iten p { font-size: 18px; font-weight: 600; } .portfolio-thumb .title-iten img { position:absolute; right:0; left:0; bottom:0; margin:auto; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden;-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2); } .box-detail { padding:4% 0; } .work-schema h4 { font-weight: 700; margin-bottom:10px; text-transform:none; font-size:18px; font-family: 'Montserrat', serif; } .work-schema .work-logo { margin-bottom:20px; padding-right:15%; } .work-schema p { font-size:14px; line-height:normal; } .box-challenge { background-color: #f5f6f7; padding:4% 0; } .box-challenge p { margin-bottom:15px; } .box-work-link { position:relative; } .box-work-link a { position:relative; display:block; color:#FFFFFF; overflow:hidden; } .box-work-link h4 { text-transform:uppercase; margin:0; font-size:16px; } .box-work-link h3 { text-transform:uppercase; font-size:32px; } .box-work-link .work-wrap { position:absolute; bottom:2%; } .box-work-link .bg-image { width:100%; min-height:250px; display:block; -webkit-transition:0.25s ease-out; transition:0.25s ease-out; background-position:top center; background-size: cover !important; } .box-work-link .bg-image:hover { zoom: 1; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition:5s ease-out; transition:5s ease-out; } .box-work-link .bg-image.work-back { background:url(images/work-back-bg.jpg) 0 0 no-repeat; } .box-work-link .work-wrap.work-prev { left:2%; padding-left:6%; } .box-work-link .work-wrap.work-prev:after { position: absolute; left:4%; top: 24px; content: " \f104"; font: normal normal normal 14px/1 FontAwesome; font-size:28px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .box-work-link a:hover .work-prev:after { left:1%; } .box-work-link .work-wrap.work-next { right:2%; padding-right:6%; } .box-work-link .work-wrap.work-next:after { position: absolute; right:4%; top: 24px; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size:28px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .box-work-link a:hover .work-next:after { right:1%; } .box-work-list .post-title { background-image: url(images/work-back-bg.jpg); padding:9.5% 0; } .box-work-list .post-title .single-title { text-align:center; } .box-work-list .box-trabajos { background:none; padding:0; } .box-work-list .box-trabajos .work .bg-image { width: 100%; min-height: 480px; } .box-work-list .box-trabajos .work .overlay { position: absolute; opacity:0; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index:1; -webkit-transition:all .5s; transition:all .5s; -moz-transition:all .5s; } .box-work-list .box-trabajos .work:hover .overlay { opacity:0.8; } .box-work-list .box-trabajos .worklogo { opacity:0; } .box-work-list .box-trabajos .work:hover .worklogo { opacity:1; } /* Single */ .box-single .entry-thumb { margin-bottom:15px; } .box-single .entry-date { margin-bottom:15px; font-size:16px; } .post-categories { margin-top:10px; text-transform:uppercase; } .box-single h1 { } .related-post { margin-bottom:20%; } .related-post ul { text-align:left; } .related-post ul li { display:block; margin:0 0 15px 0; padding:0 0 0 18px; } .related-post ul li a { color:#282828; } .related-post ul li h2 { font-size:14px; line-height:normal; font-weight:normal; margin-bottom:0; } .related-post ul li .entry-date { font-size:12px; line-height:normal; font-weight:normal; margin-bottom:0; color:#919191; } body.single .box-contacto { display:none; } body.single .entry-category { margin-bottom:3%; } body.single .entry-category h2 { font-weight:700; } body.single .container .box336 { float:left; margin-right:15px; margin-top:5px; } .article-topics-list { color: #888888; border-bottom: 1px solid #e9e9e9; padding:25px 0; font-size: 14px; } .article-topics-list .post-categories { margin:0; text-transform: uppercase; } .article-topics-list ul { display: inline; margin:0 -4px 0 0; list-style:none; } .article-topic-desc:after { content: ":"; } .article-topics-list li { display: inline; padding:0; margin:0 2px 5px 2px !important; } .article-topics-list li a { font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 400; display: inline-block; vertical-align: middle; height: 24px; line-height: 23px; padding: 0 9.6px; border-radius: 2px; background-color: #cb0606; color: #fff; margin-bottom: 6px; } .entry-title { margin:10px 0 20px 0; } .entry-title h1 { font-size: 17px; line-height: 1.304347826086957em; color: #303030; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .entry-title .separator.small { background-color: #303030; height: 2px; position: relative; width: 22px; display: block; margin: 10px 0 20px 0; } .entry-title p { display:block; font-size:14px; } .single_tags { margin: 26px 0 0 0; } .single_tags h5 { display: inline-block; } .single_tags a { color:#303030; font-size:14px; } blockquote { position: relative; padding: 0px 14px 14px 10px; border-left: 4px solid transparent; } blockquote h5 { line-height: 1.5625em; text-transform: none; font-size: 21px; letter-spacing: normal; font-weight: 400; margin: 0 !important; } .box-single .entry-thumb { margin-bottom:15px; } .box-single .entry-date { margin-bottom:15px; color:#919191; font-size:12px; } .box-single .entry-date a { color:#919191; } .box-single .entry-date .post-categories { float:right; } .box-single h1 { font-size:20px; line-height:normal; font-weight:400; text-transform:uppercase; margin:0; } .related-post { margin-bottom:20%; } .related-post ul { text-align:left; } .related-post ul li { display:block; margin:0 0 15px 0; padding:0 0 0 18px; } .related-post ul li a { color:#1b1b1b; } .related-post ul li h2 { font-size:14px; line-height:normal; font-weight:normal; margin-bottom:0; text-transform:none; } .related-post ul li .entry-date { font-size:12px; line-height:normal; font-weight:normal; margin-bottom:0; color:#919191; } body.single .box-contacto { display:none; } /* Blog %%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .paging { margin:0; padding:0 0 3.6% 0; text-align:center; } .paging ul { margin:0; padding:0; list-style:none; display: inline-block; } .paging ul li { float: left; display:inline-block; margin:0 2px; } .paging ul li a { color:#003883; border:1px solid #ffffff; font-size:14px; font-weight:300; display:inline-block; padding:5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:1.3em; transition: all 0.3s; } .paging ul li a.next { border:1px solid #003883; } .paging ul li span.current { color:#003883; font-size:14px; font-weight:400; border:1px solid #ffffff; display:inline-block; padding:5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:1.3em; margin:0 2%; } .paging ul li .dots { background-color: transparent; border:1px solid #fff; color:#002369; font-size:20px; display:inline-block; padding:5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:1.3em; margin:0 2%; } .paging ul li a:hover { background-color:#003883; border-color:#003883; text-decoration:none; color:#FFFFFF; } body.error404 #main { background-color: rgba(255,255,255,0.8); margin-bottom:2%; } .error { padding:3% 5%; } .error-id { color: #666; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-weight: bold; float: right; margin: 0 0 0 50px; display: block; font-size: 240px; text-align: right; position: relative; line-height: 1; } /* Sidebars %%%%%%%%%%%%%%%%%%%%%%%%%% */ .sidebar {float: right; width:100%; max-width: 255px; display:block; overflow: hidden; margin:0; padding: 0px; } .sidebar h3 { color: #2b2b2b; font-size: 18px; line-height:normal; font-weight:700; text-transform: uppercase; margin-bottom:20px; } .sidebar h3::after { content: ''; width: 100%; max-width: 100px; height: 1px; background-color: #f18903; display: block; margin-top: 5px; } .sidebar p { padding:0; margin-bottom:15px; } .sidebar aside { margin-bottom:40px; } .sidebar .widget { margin-bottom:40px; } .sidebar .widget ul { list-style:none; } .sidebar .widget ul li { margin:0; padding:0 0 10px 25px; } .sidebar .widget ul li.cat-item:before { content:''; width:25px; height:28px; margin-left:-25px; background:url(images/icon-set.png) -166px 0 no-repeat; display: inline-block; vertical-align:-8px; } .sidebar .widget ul li a { color:#000000; font-family:Arial; font-weight:700; } .sidebar .sidebar-search input[type="text"] { width:71%; } .sidebar .sidebar-search input[type="submit"] { background: #eeeeee url(images/icon-search-blue.png) center center no-repeat; position:absolute; top:0; right:0; border:none; } .sidebar .box-search { position: relative; } .sidebar .box-last ul li { padding:0; } .sidebar .box-last ul li img { margin-bottom:10px; } .sidebar .box-last ul li h2 { font-size:18px; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-footer { background-color:#262626; color: #808080; font-size:14px; padding:20px 0; } .box-footer .logo { margin-top:8px; margin-bottom:15px; } .box-footer .logo span { display:none; } .box-footer p { } .box-footer .menu-social-container { margin-top:0px; } .box-footer .divider { background-color:#3F3F3F; margin:15px 0 20px 0; } .box-footer ul { text-align:center; } .box-footer ul li { display:inline-block; padding:0 4px 8px 4px; } .box-footer a { color:#ccc; } .box-footer .social-menu li.social { padding:0; } .box-franja { background-color:#f18903; padding:25px 0; color:#FFFFFF; } .box-franja h5 { color: #fff; font-size: 2.222em; margin: 12px 0 15px 0; line-height: initial; } .box-franja a { background: #333; color: #fff; display: block; font-size: 1.556em; padding: 24px 30px; position: relative; } .box-franja a:after { position: absolute; content: "\f105";font: normal normal normal 14px/1 FontAwesome; font-size:26px; right: 40px; top: 24px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .box-franja a:hover:after { right:30px; } .box-franja a:hover { opacity:1; } .box-copy { padding: 30px 0 30px 0; font-weight:400; font-size:14px; text-align:center; background-color:#1B1A1A; color: #585656; } .box-copy a { color:#ccc; } .back-to-top { width:30px; height:10px; padding:10px 0; position: fixed; z-index:9000; text-decoration: none; background-color: #f5f5f5; border:1px solid #f5f5f5; display: none; right:30px; bottom: 20px; border-radius:5px; } .back-to-top:hover { background-color: #F7F7F7; border-color:#979797; } .arrow-up { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000; margin:0 auto; } .back-to-top:hover .arrow-up { border-bottom: 7px solid #979797; } /* Comments %%%%%%%%%%%%%%%%%%%%%%%%%% */ .comment-meta, .comment-content, .comment-actions { margin:0; } .comment-content { display:block; overflow:hidden; padding:1% 0; } .reply { display:block; overflow:hidden; padding: 10px 0; } .comment-author { background:none; } ol.comment-list { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ol.comment-list li { } ol.comment-list li.alt { } ol.comment-list li.bypostauthor {} ol.comment-list li.byuser {} ol.comment-list li.comment-author-admin {} ol.comment-list li.comment { border-bottom:1px solid #f6f6f6; padding:1em; display:block; overflow:hidden; } ol.comment-list li.comment div.comment-author {} ol.comment-list li.comment div.vcard { font:normal 16px georgia,times,serif; } ol.comment-list li.comment div.vcard cite.fn { font-style:normal; } ol.comment-list li.comment div.vcard cite.fn a.url {} ol.comment-list li.comment div.vcard img.avatar { float:left; margin:0 2% 2% 0; } ol.comment-list li.comment ul.children { margin:1% 0 0 0; } ol.comment-list li.comment ul.children li.depth-2 { margin:0 0 .25em 5%; } ol.comment-list li.comment ul.children li.depth-3 { margin:0 0 .25em 5%; } ol.comment-list li.comment ul.children li.depth-4 { margin:0 0 .25em 5%; } ol.comment-list li.comment ul.children li.depth-5 {margin:0 0 .25em 5%;} ol.comment-list li.comment ul.children li.odd {} ol.comment-list li.even { background:#fff; } ol.comment-list li.odd { background:#f6f6f6; } ol.comment-list li.parent { } .comment-respond {margin-top:6%; } .comment-notes { margin-bottom:2%; } .commentmetadata a { font-size:12px; font-style: normal; letter-spacing: 1px; text-transform: uppercase; line-height: 20px; color: #C2C2C2; } .reply a { background-color: #2b2b2b; color: #FFF; font-weight: 400; vertical-align: middle; text-align:center; padding: 0.475rem 1rem; font-size: 14px; margin:2% 0 0 0; border-radius: 3px; display: inline-block; border: 1px solid #2b2b2b; cursor: pointer; opacity: 1; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0s; } .reply a:hover { opacity: 0.7; } #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] { width:97%; max-width:1240px; padding: 10px; margin:10px 0; border: 1px solid #EEE; color: #888; font-size: 14px; } #commentform textarea { width:97%; max-width:1240px; padding: 10px; margin-bottom: 10px; border: 1px solid #EEE; color: #888; font-size: 14px; } #commentform input.submit { background-color: #2b2b2b; color: #FFF; font-size: 16px; line-height: 16px; font-weight: 400; width: 100% !important; max-width: 200px; height: 35px; vertical-align: middle; padding: 0px 15px; margin:2% 0; border-radius: 3px; display: inline-block; min-width: 90px; border: 1px solid #2b2b2b; cursor: pointer; opacity: 1; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0s; } #commentform input.submit:hover { opacity: 0.7; } .comment-form-comment { margin-top:15px; } /* Shortcode %%%%%%%%%%%%%%%%%%%%%%%%% */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; min-height: 1px; margin-bottom: 0px; } .one_half{width:48%;} .one_third{width:30.66%;} .two_third{width:65.33%;} .one_fourth{width:22%;} .three_fourth{width:74%;} .one_fifth{width:16.8%;} .two_fifth{width:37.6%;} .three_fifth{width:58.4%;} .four_fifth{width:79.2%;} .one_sixth{width:13.33%;} .five_sixth{width:82.67%;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { position: relative; float: left; min-height: 1px; } .col-sm-1 { width:8.33333333%; } .col-sm-2 { width:16.66666667%; } .col-sm-3 { width:25%; } .col-sm-4 { width:33.33333333%; } .col-sm-5 { width:41.66666667%; } .col-sm-6 { width:50%; } .col-sm-7 { width:58.33333333%; } .col-sm-8 { width:66.66666667%; } .col-sm-9 { width:75%; } .col-sm-10 { width:83.33333333%; } .col-sm-11 { width:91.66666667%; } .col-sm-12 { width:100%; } .row { margin-left: -15px; margin-right: -15px; } .column-inner { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 100%; } .vc_column-inner { padding-top:0 !important; } .clearboth { width: 100%; height: 0px; line-height: 0; font-size: 0px; clear: both; display: block; } .btn-larger{ display:inline-block; } .btn-larger a { background-color: #003883; color:#fff; font-weight:300; display:inline-block; padding: 16px 39px; font-size: 45px; line-height:48px; margin-bottom:2%; transition: all 0.3s; } .btn-larger a:hover { background-color:#ffffff; text-decoration:none; color:#000; } .btn-medium { display:inline-block; } .btn-medium a { background-color:#003883; color:#fff; font-weight:300; display:inline-block; padding: 12px 65px; font-size: 35px; line-height:38px; text-transform:uppercase; border-radius:3px; margin-bottom:2%; transition: all 0.3s; } .btn-medium a:hover { background-color:#ffffff; text-decoration:none; color:#000; } .btn-small { display:inline-block; } .btn-small a { background-color:#003883; color:#fff; font-weight:300; display:inline-block; padding: 8px 31px; font-size: 18px; line-height:19px; margin-bottom:2%; transition: all 0.3s; } .btn-small a:hover { background-color:#ffffff; text-decoration:none; color:#000; } /* Magnific Popup CSS */ .mfp-bg { top:0; left: 0; width: 100%; height: 100%;z-index: 9042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;filter: alpha(opacity=80); } .mfp-wrap {top: 0px !important;left: 0;width: 100%;height: 100%;z-index: 9043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden; } .mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content {position: relative;display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left;z-index: 9045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto;text-align: center; margin-top: -0.8em; left: 8px; right: 8px;z-index: 9044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer;background: transparent; border: 0;-webkit-appearance: none; display: block;outline: none; padding: 0; z-index: 9046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px;line-height: 44px; position: absolute; right: 0;top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px;font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1;filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF;right: -6px; text-align: right;padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0;right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65);margin: 0; top: 50%;margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1240px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%;height: 0;overflow: hidden;padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto; } .mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow {-webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right {-webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px;left: 50%;margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0;right: 0; padding-top: 0; } /** RESET AND LAYOUT ===================================*/ .bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;*zoom: 1;} .bx-wrapper img {max-width: 100%;display: block;} /** THEME ===================================*/ .bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;} /* LOADER */ .bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left: 10px;background: url(images/controls.png) no-repeat 0 -32px; transition:none; } .bx-wrapper .bx-next {right: 10px;background: url(images/controls.png) no-repeat -43px -32px; transition:none; } .bx-wrapper .bx-prev:hover {background-position: 0 0;} .bx-wrapper .bx-next:hover {background-position: -43px 0;} .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 2;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto {text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(images/controls.png) -86px -11px no-repeat;margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(images/controls.png) -86px -44px no-repeat;margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;} .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;} body.page .grid12-2 { margin:0 4% 0 0; width:48%; } body.page .grid12-2 img { margin-top:4%; } .crsl-wrap > .one_fourth { height:130px; } .last { margin-right:0; } body.page div.interactive > ul.clearfix > li.grid.grid12-4 { margin:0 2% 4% 0; max-width:180px; } body.page div.interactive > ul.clearfix > li.grid.grid12-4 h3 > a { color:#555; } body.page div.interactive > ul.clearfix > li.grid.grid12-4 p > a { color:#555; } .list { margin:0; } .list ul { list-style:none; margin:0; padding:0; } .list ul li { margin:0 0 2% 25px; position:relative; } .list ul li a { display:inline; vertical-align: baseline; } .arrow_list ul li:before { position:absolute; top:0; left:-25px; display: block; content: ""; width: 20px; height: 22px; background-image: url('images/icon-set.png'); background-position: 5px 5px; background-repeat:no-repeat; } .check_list ul li:before { position:absolute; top:0; left:-25px; display: block; content: ""; width: 20px; height: 24px; background-image: url('images/icon-set.png'); background-position:-25px 3px; background-repeat:no-repeat; } .comment_list ul li:before { position:absolute; top:0; left:-25px; display: block; content: ""; width: 20px; height: 22px; background-image: url('images/icon-set.png'); background-position:-50px 3px; background-repeat:no-repeat; } .bullet_list ul li:before { position:absolute; top:0; left:-25px; display: block; content: ""; width: 20px; height: 22px; background-image: url('images/icon-set.png'); background-position:-75px 3px; background-repeat:no-repeat; } .divider { margin:4% 0; width:100%; height:1px; background-color:#f2f2f2; clear: both; display: block; } .divider-top { margin-bottom:5%; width:100%; border-bottom: 1px solid #F0F0F0; clear: both; display: block; text-align:right; } .divider-top a { color: #CCC; display: block; font-size: 8px; line-height: 18px; text-decoration: none; } .divider-top a:hover { color:#003883; text-decoration:none; } blockquote { font-size:18px !important; } .cite blockquote { font-size: 14px; margin: 20px 0px; padding: 5px 5px 5px 40px; position:relative; } .cite blockquote:before { position:absolute; top:8px; left:0; display: block; content: ""; width: 25px; height: 18px; background-image: url('images/icon-set.png'); background-position: -100px 0px; background-repeat:no-repeat; } .cite cite { font-size:12px; color:#aaa; font-style:italic; } .pullquote { padding:2% 4%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #c0c0c0; margin-bottom:2%; } .pullquote .entry { text-align: center; display: block; font-size: 28px !important; line-height: 28px; font-weight:300; } .pullquote img { margin:0 !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .pullquote ul { list-style:none; margin:0; padding:3% 0 0 0; } .pullquote ul li { padding:0; margin:0; } .pullquote ul li strong { margin:0; } .pullquote ul li p { margin:0; } .pullquote .grid { margin: 0px 2% 0px 0px; width: 48%; position: relative; display: inline; float: left; } .titled_box { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:2%; } .titled_box_title { background-color:#003883; border-color:#003883; color:#fff; padding: 10px 20px; font-size: 14px; font-weight:700; text-transform: none; line-height: 20px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .titled_box_content { border:0px; background: none repeat scroll 0% 0% rgba(220, 220, 220, 0.1); padding:8%; } .titled_box_content a { display: inline-block; } div.one_third.last > div.titled_box > div.titled_box_content > a { display:block; } div.one_third.last > div.titled_box > div.titled_box_content > p > a { display:block; } body.page .titled_box_content, body.single .titled_box_content { padding:4%; } body.page .one_third .titled_box_content, body.single .one_third .titled_box_content { padding:8% !important; } .squeeze_box4 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .squeeze_box4_title { background-color:#F99; border-color:#F99; color:#fff; padding: 10px 20px; font-size: 14px; font-weight:700; text-transform: none; line-height: 20px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .squeeze_box4_content { background: none repeat scroll 0% 0% #FFE6E6; border: 2px dashed #F99; padding:4%; } .squeeze_box4_content a { display:block; } body.page .one_third .squeeze_box4_content, body.single .one_third .squeeze_box4_content { padding:8% !important; } .accordion { position: relative; margin-bottom:2%; } .accordion a:hover { text-decoration:none; } .accordion h2 { text-align:center; } .accordion br { visibility:hidden; display:none; } .accordion dl { border: 1px solid #f6f6f6; } .space { background-color:#f6f6f6; background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6)); background:-moz-linear-gradient(top,#fff,#f6f6f6); background:-o-linear-gradient(top,#fff,#f6f6f6); background:linear-gradient(top,#fff,#f6f6f6); padding:2%; } .space > .fancy_code_box { margin-bottom:0; } .accordion dl:after { content: ""; display: block; height: auto; width: 100%; } .accordion dd { font-size: 1em; line-height: 1.5em; } .accordion dl dd { margin:0; } dt.accordionTitle { padding-left:0; } .accordionTitle { background-color:#003883; text-align: center; font-weight: 700; padding: 0.995rem 1.55rem; display: block; text-decoration: none; color: #fff; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; border-bottom: 1px solid #026994; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .accordionTitle:before { content: "+"; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5em; line-height: 1em; float: left; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .accordionTitle:hover { background-color: #000; } .accordionTitleActive, .accordionTitle.is-expanded { background-color: #000; } .accordionTitle bActive:before, .accordionTitle.is-expanded:before { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .accordionItem { height: auto; overflow: hidden; max-height: 150em; -webkit-transition: max-height 1s; transition: max-height 1s; } @media screen and (min-width: 120em) { .accordionItem { max-height: 150em; -webkit-transition: max-height 0.5s; transition: max-height 0.5s; } } .accordionItemCollapsed, .accordionItem.is-collapsed { max-height: 0; margin-bottom:0; } .animateIn { -webkit-animation: accordionIn 0.65s normal ease-in-out both 1; animation: accordionIn 0.65s normal ease-in-out both 1; } .animateOut { -webkit-animation: accordionOut 0.75s alternate ease-in-out both 1; animation: accordionOut 0.75s alternate ease-in-out both 1; } @-webkit-keyframes accordionIn { 0% { opacity: 0; -webkit-transform: scale(0.9) rotateX(-60deg); transform: scale(0.9) rotateX(-60deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes accordionIn { 0% { opacity: 0; -webkit-transform: scale(0.9) rotateX(-60deg); transform: scale(0.9) rotateX(-60deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes accordionOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.9) rotateX(-60deg); transform: scale(0.9) rotateX(-60deg); } } @keyframes accordionOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.9) rotateX(-60deg); transform: scale(0.9) rotateX(-60deg); } } ul.tabshor { margin: 0 30px 0 0; padding: 0 ; float: left; list-style: none; width: 20%; direction: rtl; } ul.tabshor li { margin:0 0 5px 0; } ul.tabshor li a { display: block; text-align:left; margin: 0; cursor: pointer; padding: 0px 21px 1px 21px; height: 31px; line-height: 31px; background-color: #F8F8F8; color:#aaa; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul.tabshor li a:hover { background-color: #003883; color:#fff; text-decoration:none; } ul.tabshor li.active a { background-color: #003883; display: block; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius: 0px;-moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px; } ul.tabshor li.active a { color:#fff; } ul.tabshor li.active a span { position:absolute; top:0; right:0; margin-right:-16px; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left:16px solid #003883; z-index:5; } ul.tabshor li.active a:hover { } .tab_container { float: left; width: 76%; background: #fff; } .tab_content { padding: 0; display: none; } .tab_drawer_heading { display: none; } .tabs__header { margin: 0 auto; padding: 0; list-style: none; border-collapse: initial; } .tabs--responsive .tabs__header { display: none; } .tabs__header li { display: table-cell; vertical-align: middle; cursor: pointer; position: relative; text-align: center; font-size: 18px; text-transform:uppercase; font-weight:600; } .tabs__header li a { display: table-cell; vertical-align: middle; color: #646464; height: 40px; text-decoration: none; padding: 5px 30px; min-width: 100px; } .tabs__header li a:after { width:1px; height:30px; background-color:#d2d2d2; content: ""; display: inline-block; position:absolute; right:0; } .tabs__header li a:hover { color:#003883;} .tabs__header li:last-child a:after { display:none; } .tabs__header li.active { background-color:#003883; color:#FFFFFF; position: relative; } .tabs__header li.active a { color: #fff; } .tabs__header li.active a:after { display:none; } .tabs__container { border-top:5px solid #003883; padding:2% 0 0 0; } .tabs__container { clear: both; float: left; width: 100%; } .tabs__accordion-heading { display: none; font-size: 14px; background-color: #fff; border-top: 1px solid #ccc; margin: 0; padding: 10px 20px; cursor: pointer; font-weight: normal; position: relative; } .tabs__accordion-heading:before { content: "+"; position: absolute; right: 10px; top: 10px; font-size: 14px; } .tabs__accordion-heading.active { color: #333; } .tabs__accordion-heading.active:before { content: "-"; } .tabs--responsive .tabs__accordion-heading { display: block; } @media screen and (min-width: 768px) { .tabs--responsive .tabs__header { display: table; } } @media screen and (min-width: 320px) { .tabs__header { display: table; } } @media screen and (min-width: 768px) { .tabs__container { padding-top: 2%; } } .tabs__content { padding: 20px; margin: 0; display: none; } .tabs--responsive .tabs__content { border-top: 1px solid #ccc; } @media screen and (min-width: 768px) { .tabs--responsive .tabs__content { border: 0; } } @media screen and (min-width: 768px) { .tabs__content { padding: 0; } } @media screen and (min-width: 768px) { .tabs--responsive .tabs__accordion-heading { display: none; } } @media screen and (min-width: 768px) { .tabs__accordion-heading { display: none; } } .fancy_code_box, .fancy_pre_box { font-family: "Courier New","Consolas",Courier,monospace; border: 1px solid #DFDFDF; margin-bottom: 2%; line-height: 20px; background-color:rgba(236,236,236,1.00); padding: 10px; display: block; overflow: auto; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* Responsive Structure %%%%%%%%%%%%%% */ /* Design for a width of less than 1440px */ /* width < 1366px */ @media only screen and (min-width:1366px) and (max-width:1440px) { .scroll .logo { margin: 10px 0; } header.scroll .menu { margin: 15px 0 0 0; } .box-slide { padding: 9% 0 10% 0; } .box-marca-list { padding: 30px 0; } .box h1, .box h2, .box h1, .box h3 { font-size: 40px; line-height: 46px; } .box-intro { padding: 4% 0 1% 0; } .box-seo { padding: 6% 0 7% 0; } .box-diseno { padding: 7% 0 7% 0; } .box-grafico { padding: 9% 0 9% 0; } .portfolio-thumb .title-iten { padding-top:10%; } .portfolio-thumb .title-iten p { margin-bottom:30px; } .portfolio-thumb .title-iten img { position:relative; } } /* Design for a width of less than 1366px */ /* width < 1280px */ @media only screen and (min-width:1280px) and (max-width:1365px) { .scroll .logo { margin: 10px 0; } header.scroll .menu { margin: 15px 0 0 0; } .box-slide { padding: 6% 0 6% 0; } .box-marca-list { padding: 10px 0; } .box h1, .box h2, .box h1, .box h3 { font-size: 40px; line-height: 46px; margin-bottom:10px; } .box-intro { padding: 4% 0 2% 0; } .box-seo { padding: 5% 0 0% 0; } .box-diseno { padding: 4% 0 4.5% 0; } .box-grafico { padding: 6% 0 6% 0; } .portfolio-thumb .title-iten { padding-top:10%; } .portfolio-thumb .title-iten p { margin-bottom:30px; } .portfolio-thumb .title-iten img { position:relative; } } /* Design for a width of less than 1280px */ /* width < 1200px */ @media only screen and (min-width:1200px) and (max-width:1279px) { .scroll .logo { margin: 10px 0; } header.scroll .menu { margin: 15px 0 0 0; } .box-slide { padding: 8% 0 8% 0; } .box-marca-list { padding: 10px 0; } .box h1, .box h2, .box h1, .box h3 { font-size: 36px; line-height: 44px; margin-bottom:10px; } .box-intro { padding: 5% 0 5% 0; } .box-seo { padding: 5% 0 2.5% 0; } .box-diseno { padding: 5.5% 0 5.5% 0; } .box-desarrollo { padding: 4% 0 1% 0; } .box-grafico { padding: 6% 0 6% 0; } .portfolio-thumb .title-iten { padding-top:10%; } .portfolio-thumb .title-iten p { margin-bottom:30px; } .portfolio-thumb .title-iten img { position:relative; } } /* Design for a width of less than 1200px */ /* width < 980px */ @media only screen and (min-width:980px) and (max-width:1199px) { .scroll .logo { margin: 10px 0; } header.scroll .menu { margin: 15px 0 0 0; } .box-slide { padding: 9.5% 0 9.5% 0; } .box-marca-list { padding: 10px 0; } .box h1, .box h2, .box h1, .box h3 { font-size: 36px; line-height: 44px; margin-bottom:10px; } .box-intro { padding: 5% 0 2% 0; } .box-trabajos .worklogo { max-width: 250px; } .box-seo { padding: 5% 0 2.5% 0; } .box-diseno { padding: 4% 0 4% 0; } .box-desarrollo { padding: 5% 0 1% 0; } .box-grafico { padding: 6% 0 6% 0; } .portfolio-thumb .title-iten { padding-top:40%; } .portfolio-thumb .title-iten p { margin-bottom:30px; } body.single .page-thumb { padding:14% 0 6% 0; } .post-title { padding:14% 0 6% 0; } .center { width:94%; } .container { width:100%; max-width: 640px; } .box-work-list .box-trabajos .col-sm-4 { width:50%; } .box-franja a { font-size:20px; } } /* Desktop - design for a width of 960px /* 960px <= width */ @media only screen and (min-width: 960px) { body.admin-bar .header-main { top: 32px !important; } .hidden-xs { display:block; visibility:visible; } .hidden-sm { display:none; visibility:hidden; } .box-copy span:after { content:'-'; margin:0 5px; } .box-copy span:last-child:after { content:''; display:none; } } /* Tablet (Portrait) - design for a width of 768px /* 768px <= width < 980px */ @media only screen and (min-width: 769px) and (max-width: 959px) { .hidden-xs { display:none; visibility:hidden; } .hidden-sm { display:block; visibility:visible; } h1 { font-size: 30px; } h2 { font-size: 25px; } h3 { font-size: 18px; } .scroll .header-main { background-color:rgba(255,255,255,1.00); box-shadow: 0 1px 3px rgba(0,0,0,0.11); } .scroll.light .header-main { background-color:rgba(255,255,255,1.00); box-shadow: 0 1px 3px rgba(0,0,0,0.11); } header.light.scroll .logo svg path { fill: #000; } header.light.scroll .menu p { color:#000; } header.light.scroll span.one, header.light.scroll span.two { background: #000; } .vertical-align { top: 50%; } .main-menu a { font-size: 36px; line-height: 56px; z-index:20; position:relative; } .scroll .logo { margin: 10px 0; } header.scroll .menu { margin: 15px 0 0 0; } .box-slide { padding: 12% 0 12% 0; } .box-slide .btn { margin:10px 5px; } .box-slide h3 { font-size: 33px; line-height: normal; margin-bottom:10px; } .box-slide p { font-size:16px; line-height:normal; } .box-marca-list { padding: 10px 0; } .box h1, .box h2, .box h1, .box h3 { font-size:33px; line-height:normal; margin-bottom:10px; } .box-intro { padding: 8% 0; } .box-intro img { display:block; margin:0 auto; } .box-intro .col-sm-6 { width:100%; float:none; } .box-trabajos { padding:5% 0; } .box-trabajos p { margin-bottom: 25px; } .box-trabajos .col-sm-4 { width:100%; float:none; } .box-trabajos .worklogo { max-width: 250px; } .box-seo { padding: 8% 0 ; } .box-seo .col-sm-6 { width:100%; float:none; } .box-seo img { display:block; margin:0 auto; } .box-diseno { padding: 8% 0; } .box-diseno .col-sm-6 { width:100%; float:none; } .box-desarrollo { padding: 8% 0; } .box-desarrollo .col-sm-6 { width:100%; float:none; } .box-desarrollo img { display:block; margin:0 auto; } .box-grafico { padding: 8% 0; } .box-grafico .col-sm-6 { width:100%; float:none; } .center { width:94%; max-width:inherit; } .container { width: 100%; max-width: inherit; } .portfolio-thumb .title-iten { padding-top:50%; } .portfolio-thumb .title-iten p { margin-bottom:30px; } .portfolio-thumb .title-iten img { max-width:90%; } body.single .page-thumb { padding:18% 0 6% 0; } .post-title { padding:14% 0 6% 0; } .box-franja h5 { font-size: 30px; margin:0; } .box-franja a { font-size:20px; } .box-franja .col-sm-8, .box-franja .col-sm-4 { width:50%; } .slide h1, .slide h2 { font-size:40px !important; line-height:normal !important; } .slide p { font-size:16px !important; line-height:normal !important; max-width:50% !important; } .sidebar { float: none; width: 98%; max-width:290px; margin:2% auto; } .sidebar .sidebar-search input[type="text"] { width: 78%; } .divider { margin:20px 0 !important; } /* Shortcode */ .tabs__header li a { font-size:16px; padding: 5px 20px; } } /* All mobile - design for a width of less than 768px /* width < 768px */ @media only screen and (max-width: 768px) { ::-webkit-scrollbar { display: none; } body.admin-bar .header-main { top: 46px !important; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: none; min-height:1px; margin: 0px auto; width:94%; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: none; min-height:1px; margin: 0px auto; width:96%; } .row { margin-left:auto; margin-right:auto; } .alignright { float: none; margin: 5px auto; text-align:center; display:block; } .hidden-xs { display:none; visibility:hidden; } .hidden-sm { display:block; visibility:visible; } h1 { font-size: 30px; } h2 { font-size: 25px; } h3 { font-size: 18px; } .alignright { float: none; margin: 5px auto; text-align:center; display:block; } .last { margin-right:auto; } body.open { overflow:hidden; } .scroll .header-main { background-color:rgba(255,255,255,1.00); box-shadow: 0 1px 3px rgba(0,0,0,0.11); } .scroll.light .header-main { background-color:rgba(255,255,255,1.00); box-shadow: 0 1px 3px rgba(0,0,0,0.11); } header.open.scroll .header-main, header.open.scroll.light .header-main { background-color:rgba(255,255,255,0.00); box-shadow: 0 1px 3px rgba(0,0,0,0.0); } header.light.scroll .logo svg path { fill: #000; } header.light.scroll .menu p { color:#000; } header.light.scroll span.one, header.light.scroll span.two { background: #000; } .vertical-align { top: 50%; } .main-menu a { font-size: 30px; line-height: 50px; z-index:20; position:relative; } .logo { margin: 10px 0; } header .menu { margin: 15px 0 0 0; } .box-slide { padding: 12% 0 12% 0; } .box-slide .btn { margin:10px 5px; } .box-slide h3 { font-size: 33px; line-height: normal; margin-bottom:10px; } .box-slide p { font-size:16px; line-height:normal; } .box-marca-list { padding: 10px 0; } .box h1, .box h2, .box h1, .box h3 { font-size:33px; line-height:normal; margin-bottom:10px; } .box-intro { padding: 16% 0; } .box-intro img { display:block; margin:0 auto; } .box-intro .col-sm-6 { width:100%; float:none; } .box-trabajos { padding:16% 0; } .box-trabajos p { margin-bottom: 25px; } .box-trabajos .col-sm-4 { width:100%; float:none; } .box-trabajos .worklogo { max-width: 250px; } .box-seo { padding: 16% 0 ; } .box-seo .col-sm-6 { width:100%; float:none; } .box-seo img { display:block; margin:0 auto; } .box-diseno { padding: 16% 0; } .box-diseno .col-sm-6 { width:100%; float:none; } .box-desarrollo { padding: 16% 0; } .box-desarrollo .col-sm-6 { width:100%; float:none; } .box-desarrollo img { display:block; margin:0 auto; } .box-grafico { padding: 16% 0; } .box-grafico .col-sm-6 { width:100%; float:none; } .center { width:94%; max-width:inherit; } .container { width: 100%; max-width: inherit; } .post-list { text-align:center; } .post-list .row { margin:0; } .post-list .col-sm-4 { width:auto; display:inline-block; } .post-list article { max-width:280px; display:inline-block; } .post-list .column-inner { width:auto; display:inline-block; } .box-work-list .post-title { padding:18% 0 ; } .box-work-list .box-trabajos .work .bg-image { min-height: 380px; } .box-detail .row { margin:0; } .box-detail .column-inner { padding:0; } .work-schema { margin-bottom:30px; } .work-schema .work-logo { max-width:280px; padding:0; } .box-work-link .col-sm-6 { width:100%; } .box-work-link h3 { font-size: 28px; } .box-work-link .work-wrap.work-prev { padding-left:15%; } .box-work-link .work-wrap.work-next { padding-right:15%; } .portfolio-thumb .title-iten { padding-top:55%; } .portfolio-thumb .title-iten p { margin-bottom:30px; } .portfolio-thumb .title-iten img { max-width:90%; } .page-thumb { max-height: 250px; } body.single .page-thumb { padding:18% 0 6% 0; } .post-title { padding:14% 0 6% 0; } .breadcrumbs-main { font-size:12px; } .content p { text-align:left; } .entry-carousel { background:none; } .entry-carousel .vc_column-inner { margin-bottom:60px; } .wpcf7-form .one_half { width:100%; } .wpcf7-form .reque { text-align:left; } .wpcf7-form .column-inner { text-align:left; } .wpcf7-form .column-inner .row .col-sm-6 .column-inner { padding:0 5px; } .wpcf7-form .req { text-align:center; font-size:11px; margin-top:15px; } .sidebar { float: none; width: 98%; max-width:290px; margin:2% auto; } .sidebar .sidebar-search input[type="text"] { width: 78%; } .box-franja h5 { font-size: 30px; margin:0 0 15px 0; } .box-franja a { font-size:20px; } .box-footer { text-align:center; } .box-footer .logo { float:none; margin-left:auto; margin-right:auto; } .box-footer .social-menu { padding-top: 15px; } .box-copy .phone, .box-copy .mail { display:block; } /* Shortcode */ .tab_container { width: 98%; margin:0 1% 5px 1%; } .tabs { display: none; margin:0 auto; } .tab_drawer_heading { background-color: #F8F8F8; color: #aaa; margin: 5px 0; padding: 8px 20px; text-align:center; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .d_active { background-color: #003883; color:#fff; text-decoration:none; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { .vertical-align { top: 55%; } .main-menu { z-index:999; position:relative; } .main-menu a { font-size:25px; line-height: 44px; z-index:999; position:relative; } .main-menu .lang { padding-top: 15px; } .social-menu { padding-top:15px; } .btn-a { display:none; } } /* Mobile (Landscape) - design for a width of 480px /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .vertical-align { top: 55%; } .main-menu { z-index:999; position:relative; } .main-menu a { font-size:20px; line-height: 30px; z-index:999; position:relative; } .main-menu .lang { padding-top: 15px; } .social-menu { padding-top:15px; } .btn-a { display:none; } } /* Mobile (Portrait) - design for a width of 320px /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { .box-slide { padding: 16% 0 6% 0; } .box-slide p { margin-bottom:15px; } .box-slide .btn { margin: 5px 0; } .btn-a { display:none; } .main-menu a { font-size:25px; line-height:44px; z-index:999; position:relative; } .post-list { padding-top:25px; } .post-list .col-sm-4 { display:block; margin-left:auto; margin-right:auto; } .post-list article { max-width:280px; display:block; margin-left:auto; margin-right:auto; } .post-list .column-inner { } } /* Mobile (Portrait) - design for a width of less than 320px /* width < 320px */ @media only screen and (max-width: 319px) { .main-menu a { font-size:20px; line-height: 30px; z-index:999; position:relative; } }