/*-------------------------------------------------------------------------------------- /*-------------------------------------------------------------------------------------- Theme Name: Nectar Description: A Fullscreen & Responsive Theme Author: Nectar Author URI: http://www.nectarestudio.com Version: 1.0 -------------------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------------------ Table of Content ---------------- 01. GENERAL STYLES 1. CSS Reset 1.1 Fontface 2. Basic HTML 02. GENERAL LAYOUT 1. General Structure 2. Sidebar 03. TEMPLATES SPECIFIC STYLES 1. Background Image, Full Width & Fullscreen Video 2. Gallery 3. Archives 4. Contact 04. PORTFOLIO STYLES 05. BLOG STYLES 1. Blog 2. Single Post 2. Comments 06. WIDGETS 1. Basic 2. Search Widget 3. Flickr Widget 4. Twitter Widget 5. Slideout Widgetized Panel 07. EXTRAS 1. jPlayer (Audio/Video) 2. Fancybox 3. Flexslider 4. Supersized 5. Shortcodes 08. MOBILE / TABLET --------------------------------------------------------------------------------------*/ /* __________________________________________________________________________________________________________ 01. GENERAL STYLES _______________________________________________________________________________________________________ */ /* -------- 1. CSS Reset - http://meyerweb.com/eric/tools/css/reset/ ------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } html{ background:#f1f1f1;} /* End Clearfix */ /* --------- 1.1. Fontface --------- */ @font-face { font-family: 'Auto1-LightLF'; src: url('./fontface/auto1-lightlf.eot'); src: url('./fontface/auto1-lightlf_2d2816fe.eot') format('embedded-opentype'), url('./fontface/auto1-lightlf.woff') format('woff'), url('./fontface/auto1-lightlf.ttf') format('truetype'), url('./fontface/auto1-lightlf.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Auto1-RegularLF'; src: url('./fontface/auto1-regularlf.eot'); src: url('./fontface/auto1-regularlf_2d2816fe.eot') format('embedded-opentype'), url('./fontface/auto1-regularlf.woff') format('woff'), url('./fontface/auto1-regularlf.ttf') format('truetype'), url('./fontface/auto1-regularlf.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Auto1-BoldLF'; src: url('./fontface/auto1-boldlf.eot'); src: url('./fontface/auto1-boldlf_2d2816fe.eot') format('embedded-opentype'), url('./fontface/auto1-boldlf.woff') format('woff'), url('./fontface/auto1-boldlf.ttf') format('truetype'), url('./fontface/auto1-boldlf.svg') format('svg'); font-weight: normal; font-style: normal; } /* --------- End Fontface --------- */ /* --------- 2. Basic HTML --------- */ body{font: 15px/20px "Auto1-LightLF","Helvetica Neue", Helvetica, Arial, sans-serif;color:#3b3b3b;overflow-x:hidden;} a {text-decoration: none;color:#808080;} a:hover {color: #0C6;text-decoration:none} .entry-content a{text-decoration: none;} .entry-content a:hover{text-decoration: none;} a img {border: none;} a > img { vertical-align: bottom; } p{margin-bottom:18px;} .entry-content p{text-align:left;} .clear {clear:both;display: block;font-size: 0;height: 0;line-height: 0;width:100%;} .hidden { display: none; } .alignleft {float: left;} .alignright {float: right;} .aligncenter {margin-left: auto;margin-right: auto;display: block;clear: both;} h1,h2,h3,h4,h5,h6 {font-weight: normal;padding:0;/*text-transform:uppercase;*/color:#464646;font-family: 'Auto1-RegularLF','Open Sans Condensed', "Arial Narrow", Arial, sans-serif;} h1{font-size:28px;line-height:34px;} h2{font-size:18px;line-height:22px;} h3{font-size:16px;line-height:20px;} h4{font-size:14px;line-height:18px;} h5{font-size:12px;line-height:16px;} h6{font-size:10px;line-height:14px;} .entry-content h1{margin-bottom:20px;} .entry-content h2{margin-bottom:16px;margin-top:30px;} .entry-content h3{margin-bottom:12px; margin-top:26px;} .entry-content h4{margin-bottom:2px;margin-top:20px;} .entry-content h5{margin-bottom:0px;margin-top:20px;} .entry-content h6{margin-bottom:0px;} .linea{width:775px;height:auto;} .linea h2{margin:0px 0px 18px 0px;} h1.entry-title,h1.page-title{margin-bottom:22px;font-size:28px;line-height:34px;} h2.entry-title{font-size:19px;line-height:24px;} img.alignleft {float: left;margin:10px 20px 10px 0;} img.alignright {display: block; margin: 10px 0 10px 20px;} img.aligncenter {margin: 10px auto;display: block;clear: both;} img.alignnone {margin:10px 0;display: block;} .wp-caption {text-align: center;font-family: Georgia, Times, serif;max-width:100%;font-size:10px;text-transform:uppercase;} .wp-caption.alignleft {margin:0px 10px 5px 0;text-align:left;} .wp-caption.alignright {margin: 0px 0 5px 10px;text-align:right;} .wp-caption.aligncenter{margin:10px auto;} .wp-caption.alignnone{margin:10px 0;text-align:left;} .wp-caption img,.wp-caption img a {margin: 0;padding: 0;border: 0 none;} .wp-caption,.wp-caption-text {margin: 0;padding:0;} .wp-smiley {margin: 0;} input,textarea {font:12px/18px "Auto1-LightLF","Helvetica Neue", Helvetica, Arial, sans-serif; padding: 5px;font-weight:normal; border: none;background: #e3e3e3;color:#141414; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} input:focus,textarea:focus{outline:none;border: none;background: #d3d3d3;} input{height:30px;} label{display:inline-block;margin-bottom:5px;} button {padding: 2px 10px;cursor: pointer;} select {border: 1px solid #ccc;} blockquote {padding:0 20px;font: 14px/20px Georgia, Times, serif;border-left: 1px solid #333;color:#333;} dl,dd,pre,ul,ol,blockquote,address,table,fieldset,form{ margin-bottom: 20px;} strong {font-weight: bold;} em,cite {font-style: italic;} table {text-align: left;padding: 0 5px;border: 1px solid #d3d3d3;} caption { text-align: left; } tr {border-bottom: 1px solid #d3d3d3;} th,td { padding: 5px 10px; vertical-align: middle; text-align: left; } pre,code{font: 12px/18px 'andale mono', 'lucida console', monospace;display: block;word-wrap: break-word;overflow:auto;padding:10px;color: #555;background:#d3d3d3;} small {font-size: 11px;} .entry-content ul{list-style-type: disc;} .entry-content ol {list-style-type: decimal;} .entry-content ul, .entry-content ol {margin-left: 25px;} .blog, .archive,.search,.page-template-template-archives-php,.page-template-template-portfolio-php ,.page-template-template-gallery-php,.page-template-template-bg-php, .page-template-template-gallery-listing-php{background:#fff;} .gallery {clear: both;overflow: hidden;margin: 20px auto 10px auto;} .gallery p,.gallery br {display:none;} img.attachment-thumbnail {border: none;} .gallery .gallery-item {overflow: hidden;float: left;margin: 0 5px 5px 0;list-style: none;width:125px;} .gallery-icon{display:block;width:100%;} .gallery-icon a, .gallery-icon a img{float:left;display:block;width:100%;height:auto;} .gallery-caption {font-size: 11px/16px Georgia, Times, serif;} img {max-width: 100%;height: auto;} .fluid-video {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;} .fluid-video iframe,.fluid-video object,.fluid-video embed {position: absolute; top: 0; left: 0;width: 100%;height: 100%;} /* ________________________________________________________________________________________________________________ 02. GENERAL LAYOUT ______________________________________________________________________________________________________________*/ /* --------- 1. General Structure --------- */ #container { width: 100%;padding: 0;margin:0;} #content {margin: 0px 0px 0px 213px; position: relative;} #sidebar{position: fixed;left: 0;top: 0;bottom: 0;z-index: 100;background:#000;/*width:213px;padding:40px 0 40px 40px*/; /*-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .33); -moz-box-shadow:0 0 15px rgba(0, 0, 0, .33); box-shadow: 0 0 15px rgba(0, 0, 0, .33)*/; } /* --------- 2. sidebar --------- */ #logo{margin:40px 0 40px 0px;} #logo h1 a{color:#141414;font-size:36px;text-transform:uppercase;} #primary-nav{/*width:213px*/;/*margin-left:-40px*/;margin-bottom:35px;width: 133px;} #sidebar > * {margin-right: 40px;margin-left: 40px;} #main-nav{/*background: url(../images/border-h.png) left top repeat-x;*/} #main-nav > li {display: block;/*background: url(../images/border-h.png) left bottom repeat-x*/; margin: 18px 0 0 0;} #main-nav a:hover{text-decoration:none;} #main-nav > li a {color: #CCC;font-size: 12px;display: block;line-height: 15px;/*text-transform:uppercase;*/letter-spacing:0.5px;padding-top:6px/*40px*/;font-size: 20px;font-family:'Auto1-lightLF';color:#999;} #main-nav > li a:hover {/*background: #141414*/;color:# FFF;} #main-nav ul {display:none;margin:0;padding:0;} #main-nav li > ul li {/*background: url(../images/border-h.png) left bottom repeat-x;*/} #main-nav li > ul li:last-child{border:none;} #main-nav li > ul li a {padding:5px 46px 6px 46px;letter-spacing:1px;text-transform:none;font-style:italic;font-weight:bold;font-size:12px;color:#141414;} #main-nav li > ul li a:hover,#main-nav li > ul li.current-menu-item a{background:none;color: #808080;} #main-nav > li.current-menu-item > a ,#main-nav > li.current-menu-ancestor > a,#main-nav > li.current-menu-parent > a, #main-nav > li.current_page_parent > a,#main-nav > li.down > a{/*background: #141414;*/color:#0C6;/*font-weight:bold;*/} #main-nav > li.down > a{font-weight:normal;} #main-nav > li.current-menu-parent.down > a{font-weight:bold;} #main-nav > li.down > ul > a{font-weight:bold;} #main-nav li > ul ul li {/*background: url(../images/border-h.png) left top repeat-x;*/} #main-nav li > ul ul li a { padding-left:52px;} #sidebar-footer{ bottom: 38px; position: absolute; width: 133px; padding: 0; background: #000; left: -3px; } #copyright{ text-align: left; font-size: 13px; line-height: 17px;/*text-transform:uppercase;*/ background: #000; border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; margin-bottom: 15px; font-family: "Auto1-LightLF", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFF; } #socials-menu{list-style:none;padding:0;margin:0;margin-bottom:2px;width:133px;background:#000;} #socials-menu li{float:left;margin:0 10px 10px 0;} #socials-menu li a{display:block;width:20px;height:20px;text-indent: -9999px;background:url(../images/social-icons.gif) no-repeat; transition: opacity 0.2s linear;-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.1s linear;-o-transition: opacity 0.2s linear; opacity: 0.54;filter: alpha(opacity=80);} #socials-menu li a:hover{ opacity: 1; filter: alpha(opacity=100); } #socials-menu li.facebook a{background-position: 0 0;} #socials-menu li.twitter a{background-position: -20px 0;} #socials-menu li.google a{background-position: -40px 0;} #socials-menu li.pinterest a{background-position: -60px 0;} #socials-menu li.flickr a{background-position: -80px 0;} #socials-menu li.behance a{background-position: -100px 0;} #socials-menu li.dribbble a{background-position: -120px 0;} #socials-menu li.linkedin a{background-position: -140px 0;} #socials-menu li.vimeo a{background-position: -160px 0;} #socials-menu li.youtube a{background-position: -180px 0;} #socials-menu li.rss a{background-position: -200px 0;} #socials-menu li.tumblr a{background-position: -220px 0;} #socials-menu li.instagram a{background-position: -240px 0;} #sidebar select{display: block;width:100%;padding:5px;} #sidebar select.select-menu{ display: none;height:30px;font-family:Auto1-RegularLF;font-size:14px; } /* __________________________________________________________________________________________________________ 03. PAGE SPECIFIC STYLES _______________________________________________________________________________________________________ */ /* ------------ 1. Background Image, Full Width & Fullscreen Video ---------- */ body.page-template-template-bg-php{height:100%;background-position: center center;background-attachment: fixed;background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #small-page{position:absolute;top:40px;right:40px;width:520px;} #small-page .hentry{margin-bottom:40px;background:#f1f1f1;padding:32px 40px 18px 40px;} #small-page .sep,#full-page .sep{margin-bottom:24px;margin-left:2px;width:8px;/*border-bottom: 4px solid #141414;*/} #full-page{padding:32px 40px 20px 40px;} #full-page .entry-content p,#small-page .entry{text-align:left;} .page-template-template-video-php{overflow:hidden;background:#000;} .page-template-template-video-php .fluid-video{overflow:visible;background:#000;} /* ---------------------- 2. Gallery ------------------------ */ .page-template-template-gallery-php{overflow-y:scroll;} .item-photo{margin: 0; float: left; overflow:hidden; height:auto; width:0px;} .item-photo a{display:block;position:relative;} .item-photo img{vertical-align:bottom;width:100% !important;height:auto;} .item-photo .photo-overlay {position:absolute; width:100%; height:100%; top:0; left:0;z-index: 2; border: 0px solid #fff;border-color:rgba(241,241,241,.5); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition:all .3s ease; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } .item-photo a:hover .photo-overlay{ border-width: 10px; } .item-photo.media-video .photo-overlay { background:url(../images/zoom-video.png) no-repeat center center;} .photo-header{background: #141414;color:#f7f7f7;} .photo-header p{text-align:left;} .photo-header h1,.gallery-password-protected h1{color:#fff;font-size:19px; line-height:24px;margin-bottom:10px;} .photo-header-inner{padding:18px 15px 0px 15px;} .photo-header-inner .sep,.gallery-password-protected .sep{border-color:#fff;} #ajax-loading{width:100%;height:9px;z-index:199;position:absolute;bottom:15px;background:url(../images/gallery-loader.gif) no-repeat center center;display:none;} .password-protected{position:fixed; height:100%;width:100%;background:#f1f1f1;margin-left:-280px;} .gallery-password-protected{position:absolute;left:50%;top:50%;background: #141414;color:#f7f7f7;padding:18px 15px 5px 15px;width:320px;margin-left:-50px;margin-top:-75px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;} .protected-post-form{margin:0;} .gallery-password-protected input[type='password']{background:#333;color:#fff;width:175px;margin-right:8px;} .gallery-password-protected input[type='submit']{background:#fff;color:#141414;font-weight:bold;cursor: pointer;width:auto;height:auto;padding: 6px 10px;} /* ------------------ 3. Archives Page ----------------------*/ .archives-post{float:left;margin:-1px 0 0 -1px;width:0;overflow:hidden;background:#fff;} .archives-post a{display:block;color:#555;} .archives-post a:hover{color:#555;} .archives-post-inner{padding:8px 10px 10px 10px;height:130px; border:1px dashed #808080; border-width: 1px; -moz-border-image: url(../images/hentry-border.png) 1 round; -webkit-border-image: url(../images/hentry-border.png) 1 round; -o-border-image: url(../images/hentry-border.png) 1 round; border-image: url(../images/hentry-border.png) 1 round; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; -ms-transition: background-color .4s linear; -o-transition: background-color .4s linear; transition: background-color .4s linear; } .archives-post-inner:hover{background:#f1f1f1;} .month-header .archives-post-inner:hover{background:none;} .archives-content{overflow:hidden;height:130px;font-size:11px;line-height:14px;} .archives-content h3{margin-bottom:3px;font-size:12px;line-height:14px;} .month-header .archives-post-inner{padding:10px;height:128px;} .hentry-heading{background:#141414;display: table;width: 100%;height: 100%;text-align: center;} .heading-title{display: table-cell;vertical-align: middle;} .heading-title h1{padding:0 5%;font-size: 19px;line-height: 24px;color:#fff;margin-bottom:2px;} .heading-title span.count{padding:0 5%;font-size:12px;line-height:16px;text-transform:uppercase;color: #808080;display:block;} .archives-post .heading-title h2{padding:0 5%;font-size:12px;line-height:16px;margin-bottom:3px;color:#fff;} .archives-post .heading-title span.count{font-size:11px;} .archives-post img{width:100%;height:auto;margin-top:5px;} .archives .format-quote blockquote{color:#555;font-size: 11px;line-height: 15px;margin:0;} .archives .format-quote .quote-meta{font-size:10px;line-height:14px;margin-top:2px;} .archives .format-status p{font-family: Georgia, Times, serif;font-size: 11px;line-height: 15px;} span.post-format {background: transparent url(../images/post-format.png) no-repeat; display: inline-block;height: 10px;margin: 0 5px 0 0;text-align: left;text-indent: -9999px; } .format-standard span.post-format {width: 8px; background-position: 0 0; } .format-image span.post-format {width: 13px; background-position: -8px 0; } .format-gallery span.post-format {width: 13px; background-position: -21px 0; } .format-video span.post-format {width: 10px; background-position: -34px 0; } .format-audio span.post-format {width: 12px; background-position: -44px 0; } .format-link span.post-format {width: 10px; background-position: -56px 0; } .format-quote span.post-format {width: 12px; background-position: -66px 0; vertical-align:-1px;} .format-status span.post-format {width: 13px; background-position: -78px 0; vertical-align:-1px;} /* ---------------------- 4. Contact Page------------------------ */ #map{width:100%; height:350px; position:relative;} #map img{max-width:none;} /* Fix map buttons */ #contact-content{padding: 0 40px;} #contact-form{float:left;padding:35px 40px 20px 0;width:75%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;/*background:url(../images/border-v.png) top right repeat-y;*/} #contact-infos{float:left;padding:35px 0 20px 40px;width:33%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #contact-infos h2,#contact-form h2{font-size:18px;line-height:22px;/*text-transform:uppercase;*/margin-bottom:5px;font-weight:bold;} #contact-form p{font-size:18px;text-align:left;line-height:22px;} #contact-form em{font-size:14px;line-height:20px;font-family: Georgia, Times, serif;} #contact-details span {display: block;margin-bottom: 3px;font-size:24px;line-height:26px;} #contact-details span strong{color:#141414;} #contact-details a{color:gray;} #contact-details a:hover{color:#141414;} #contact-infos a:hover{color:#141414;} #contact_content{width:100%;height:auto;margin-top:50px;} #form_content{margin-top:-5px;} div.wpcf7 p{margin-bottom:10px;font-weight:normal;color:#141414;} span.wpcf7-form-control-wrap{display:block;margin-top:5px;} .wpcf7-form input {width:80%;display:block;font-size:16px;padding:20px 10px;} .wpcf7-form textarea {width:100%;height:185px;display:block;} .wpcf7-form input.wpcf7-submit {display:inline-block;cursor:pointer;width:auto;height:auto;padding:8px 10px;margin:0px 0 0 0;font-weight:normal;background:#464646;color:#fff;} .wpcf7-form input.wpcf7-submit:hover{background:#141414;} span.wpcf7-not-valid-tip {position:relative !important;top:0 !important;left:0 !important;background:none !important;border:none !important; width:auto !important;padding:8px 0 0 0 !important;font-size:12px !important; color:#808080; font-weight:normal;display:block;line-height:12px} div.wpcf7 img.ajax-loader {margin-left: 8px !important;} div.wpcf7-response-output {margin: 20px 0 0 0 !important;padding: 0px !important;} div.wpcf7-mail-sent-ok ,div.wpcf7-mail-sent-ng,div.wpcf7-spam-blocked,div.wpcf7-validation-errors{border:none !important;} /* __________________________________________________________________________________________________________ 04. PORTFOLIO STYLES _______________________________________________________________________________________________________ */ .page-template-template-portfolio-php{overflow-y:scroll;} #portfolio-grid{background:#f1f1f1;} #portfolio-grid .portfolio-item{float:left;position:relative;width:0px;overflow:hidden;} #portfolio-grid .entry-link{display:block;} .portfolio-thumb img{vertical-align:bottom;width:100% ;height:auto;} .overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,.9);display:none;z-index:99;} .overlay-inner{display: table;position: absolute;width: 100%;height: 100%;} .overlay-content{display: table-cell;vertical-align: middle;text-align: center;} .overlay h2{width:90%;padding:0 5%;color:#fff;margin-bottom:2px;} .overlay .portfolio-subtitle{width:90%;padding:0 5%;font-size:12px;font-weight:normal;color:#808080;line-height:16px;text-transform:uppercase;} /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* --------- Portfolio Filter --------- */ ul#filter {margin:0;padding:0;} #filter li {margin-bottom:9px;line-height:12px;} #filter li a {padding-left:20px;background: url(../images/checkbox-off.png) left center no-repeat;color:# CCC;font-size:12px;} #filter li a.active {background: url(../images/checkbox-on.png) left center no-repeat;} #filter li a.active,#filter li:hover a{color:#FFF;} /***************** Single portfolio template1 *****************/ .portfolio-content { padding: 0 40px;} .portfolio-media{overflow:hidden;} .portfolio-description{width:67%;float:left;padding:32px 40px 20px 0;background: url(../images/border-v.png) top right repeat-y; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .portfolio-description .sep{margin-bottom:24px;margin-left:2px;width:8px;/*border-bottom: 4px solid #141414;*/} .portfolio-meta{padding:40px 0 35px 40px;float:left;width:33%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-meta span{display:block;margin-bottom:12px;} .portfolio-meta span strong{color:#464646;} .portfolio-meta a{color:gray;} .portfolio-meta a:hover{color:#141414;} /***************** Single portfolio template2 *****************/ .portfolio-content2 {float: left; padding: 40px 0 0px 0px; width: 400px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;} #container-project-data{position:fixed;height:auto;width:400px;} .portfolio-media2{float: left;position: relative;padding: 35px 40px 34px 40px;width: 775px;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-description2{width:400px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .portfolio-description2 .sep{margin-bottom:24px;margin-left:2px;width:8px;/*border-bottom: 4px solid #141414;*/} .portfolio-meta2{padding:70px 0 35px 0px;width:400px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-meta2 span{display:block;margin-bottom:2px;} .portfolio-meta2 span strong{color:#464646;} .portfolio-meta2 a{color:gray;} .portfolio-meta2 a:hover{color:#141414;} /** social networks **/ .portfolio-facebook, .portfolio-twitter, .portfolio-gmas, .portfolio-pinterest{float:none;display:inline-block;margin:0;height:20px;padding:0 14px 15px 0;vertical-align: middle;} .portfolio-facebook{width:93px;} .portfolio-twitter{width:87px;} .portfolio-gmas{width:29px;} .portfolio-pinterest{width:43px;} /* .portfolio-facebook {margin-bottom:0px;height:0px;float:left;} .portfolio-twitter {margin-bottom:0px;height:0px;float:left;margin-left:115px;} .portfolio-gmas {margin-bottom:0px;height:0px;float:left;margin-left:215px;} .portfolio-pinterest {margin-bottom:0px;height:0px;float:left;margin-left:261px;} .portfolio-twitter .twitter-btn,.portfolio-facebook .facebook-btn, .portfolio-pinterest .pinterest-btn{overflow:hidden;width:105px;height:22px;display:inline-block;margin:0;padding:0;} .portfolio-facebook .facebook-btn{width:103px;} .portfolio-pinterest .pinterest-btn{width:40px;}*/ .portfolio-images li img{margin-bottom:33px;} /*************** Navigation for Portfolio & Blog *********************/ .portfolio-navigation a,.blog-navigation a{color:gray;} .portfolio-navigation a:hover,.blog-navigation a:hover{color:#1f1f1f;} span.nav-sep{display:inline-block;margin:0 6px;color:#808080;} span.btn-back, span.btn-prev,span.btn-next{display:inline-block;margin-bottom:2px !important;} span.btn-back a{background: url(../images/nav-back.png) left center no-repeat;padding-left: 16px;} span.btn-prev a{background: url(../images/nav-prev.png) left center no-repeat;padding-left: 16px;} span.btn-next a{background: url(../images/nav-next.png) right center no-repeat;padding-right: 16px;} .separator{height:1px;/*background: url(../images/border-h.png) repeat-x;*/border-bottom:1px solid #d0d0d0;margin:18px 0 17px 0;} .separatortabla{height:1px;/*background: url(../images/border-h.png) repeat-x;*/border-bottom:1px solid #d0d0d0; width:700px; margin:4px 0 4px 0;} /* __________________________________________________________________________________________________________ 05. BLOG STYLES _______________________________________________________________________________________________________ */ /* ------------- 1. Blog Page ------------- */ #blog-grid{background:#f1f1f1;} #blog-grid .post {position: relative;margin: -1px 0 0 -1px;float: left;background:#f1f1f1;width:0px;overflow:hidden; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; -o-transition: background-color .4s linear; -ms-transition: background-color .4s linear; transition: background-color .4s linear; } #blog-grid .post:hover{background:#e4e4e4;cursor:pointer;} #blog-grid .post.hentry-header:hover{background:none;} #blog-grid .hentry-header .hentry-inner{height:150px;padding:16px 15px;} #blog-grid .hentry-inner{padding:16px 15px 0px 15px; border:1px solid #dadada; /*border-width: 1px; -moz-border-image: url(../images/hentry-border.png) 1 round; -webkit-border-image: url(../images/hentry-border.png) 1 round; -o-border-image: url(../images/hentry-border.png) 1 round; border-image: url(../images/hentry-border.png) 1 round;*/ } .entry-title a{color:#464646;} .entry-title a:hover{color:#555;} .sep{width: 4px;/*border-bottom: 2px solid #141414;*/margin:11px 0 11px 1px;} .post-video, .post-image , .post-gallery, .post-audio{margin-bottom:12px;} .entry-meta{margin-bottom:7px;font-size:13px;} .entry-meta a {color: #808080;} .entry-meta a:hover {color:#141414;} .meta-sep{font-weight:bold;} .hentry .twitter-tweet-rendered {max-width: 100%!important;margin: 3px 0 1px 0 !important;} .hentry .twt-border {max-width: 100% !important;min-width: 100px!important;} #blog-grid .hentry .twt-border{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border:none !important;background:none !important;} #blog-grid .hentry .twt-border .twt-tweet {padding: 0px!important;-webkit-font-smoothing: antialiased;} .format-quote .quote-wrap {margin-bottom:12px; } .format-quote blockquote {padding: 0; margin: 0;font-size: 16px;line-height: 22px;border:none;font-style:normal;margin-bottom:6px;color:#333;} .format-quote .quote-meta{display:block;margin:0 0 6px 0;font-family: Georgia, Times, serif;} .format-status blockquote {border:none;font-style:normal;font-size:16px;line-height:22px;padding:0;} .format-link .entry-title span.icon{width:14px;height:14px;background: url(../images/link-icon.png) no-repeat;display:inline-block;margin-right:3px;} .navigation{display:none;} #load-more{display: none;position:relative;z-index:99;} #load-more a {width:100%;cursor:pointer;position:absolute;top:-1px;display: block;height:40px;text-align: center;padding: 12px 0 8px 0;color: #141414; font-weight:bold;letter-spacing:2px;text-transform:uppercase;background:#fff url(../images/loadmore-bg.png) top left repeat-x; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } #load-more #load-btn-icon{display:inline-block;width:11px;height:11px;margin-right:10px;background:url(../images/loadmore.png) 0 0 no-repeat;vertical-align:-1px;} #load-more a:hover,#load-more a.active {background:#141414 ;color:#fff;} #load-more a:hover #load-btn-icon ,#load-more a.active #load-btn-icon {background-position:-11px 0;} #load-more a span#posts-count{position: absolute;top: 12px;right: 15px;text-transform:none;font-weight:normal;-webkit-font-smoothing: antialiased;letter-spacing:1px;} .bypostauthor{} .sticky {} /* ------------- 2. Single Post ------------- */ #single-blog{float:left;padding:0px;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .single-post .hentry{float:left;position:relative;padding:35px 40px 0 40px;width:775px;overflow:hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #metas_container{height:auto;position:fixed;width:400px;} .entry-meta-single{float:left;padding:40px 0 40px 0px; width:400px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .single-post .hentry .sep{margin:0 0 24px 2px;width:8px;/*border-bottom: 4px solid #141414;*/} .single-post .entry-content{margin-bottom:35px;} .single .post-video, .single .post-image , .single .post-gallery, .single .post-audio{margin:5px 0 22px 0;} .post-image{position:relative;} .post-image img{width:100%;vertical-align:bottom;} .entry-meta-single span{display:block;margin-bottom:12px;} .entry-meta-single span strong{color:#464646;} .entry-meta-single .post-meta a{color:#555;} .entry-meta-single .post-meta a:hover{color:#141414;} .entry-twitter,.entry-facebook {margin-bottom:8px;} .entry-twitter strong,.entry-facebook strong{height:22px;line-height:22px;display:inline-block;float:left;margin-right:5px;color:#464646;} .entry-meta-single .twitter-btn,.entry-meta-single .facebook-btn{overflow:hidden;width:105px;height:22px;display:inline-block;margin:0;padding:0;float: left;} .entry-meta-single .facebook-btn{width:103px;} .blog-navigation span{display:inline-block;} .single-post .format-link .entry-title span.icon {width:20px;height:20px;background: url(../images/link-icon-big.png) no-repeat;display: inline-block;margin-right:8px;} .single .format-quote blockquote{font-size:28px;line-height: 34px;} .single .format-quote .quote-meta{margin-top:12px;} /* ------------- 3. Comments ------------- */ #comments{float:left;width:67%;padding:0px 40px 25px 0;overflow:hidden;background:url(../images/border-v.png) top right repeat-y; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:none; } #reply-title,.comments-title {font-size:18px;line-height:22px;text-transform:uppercase;margin-bottom:30px;} .comments-title{background:url(../images/border-h.png) top left repeat-x;padding-top:36px; } .commentlist {margin-bottom:18px;} .comment {margin-top:10px;position: relative;} .comment-wrap {margin-left:80px;} ul .comment-wrap {margin-left:60px;} .pingback {margin:10px 0 30px;} .moderation {display: block;padding: 0 0 8px 0;} .children {margin-left:80px; margin-bottom:0px;} .children ul{margin-left:60px !important;} .comment .avatar {position: absolute;left:0;top:0;} .comment-meta{margin-bottom:8px;color:#808080;} .comment-author,.comment-author a {color:#141414;font-weight: bold;margin-bottom:2px;} .comment-author a:hover{color:#555;} a.comment-reply-link:hover,a.cancel-comment-reply-link:hover{color:#141414;} .nocomments {text-align:center;} #respond {padding-top:36px;background:url(../images/border-h.png) top left repeat-x;} #reply-title{margin-bottom:24px;} #cancel-comment-reply-link{text-transform:none;font-size:12px;font-weight:normal;font-family:"Auto1-LightLF","Helvetica Neue", Helvetica, Arial, sans-serif; } #commentform {display:block;margin: 20px 0 0 0;} .comment #respond{margin:18px 0 40px 0;} .comment #respond #commentform{background:url(../images/border-h.png) bottom left repeat-x;padding-bottom:25px;} #commentform p{float:left;margin-bottom:16px;padding-right: 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width:33.3333333%;} #commentform p.comment-form-comment{width:100%;clear: left;float:none;padding-right: 0;} #commentform label{font-weight:bold;color:#141414;} #commentform span.required {font-weight:bold;} #commentform p.form-submit{float:none;} #commentform #submit {font-weight:bold;cursor:pointer;width:auto;height:auto;padding:6px 10px;background:#141414;color:#fff;} #commentform #submit:hover{background:#555;} #commentform input {width:100%;} #commentform textarea {width:100%; height:185px;} /* __________________________________________________________________________________________________________ 06. WIDGETS _______________________________________________________________________________________________________ */ /* --------- 1. Basic --------- */ .widget-title{font-family:"Auto1-LightLF","Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;text-transform:uppercase;margin:0;} #sidebar .widget{margin-bottom:26px;} #sidebar .sep{width: 4px;/*border-bottom: 1px solid #141414*/;margin: 10px 0 14px 1px;} .widget ul {margin:0;} .widget ol {list-style-type: decimal;} /* --------- 2. Search Widget --------- */ .search-wrapper{position:relative;width:100%;} .search-wrapper #search-input {width: 100%;padding: 5px 33px 5px 5px;color:#555;background: #fff;border:1px solid #ccc;} .search-wrapper form{margin:0;} #searchsubmit{border:0;width:29px;height:28px;display:block;background:url(../images/search.png) no-repeat center;position:absolute;top:1px;right:1px;} #searchsubmit:hover{cursor:pointer;} /* --------- 3. Twitter Widget --------- */ .twitter_update_list li {padding: 0 0 10px 0px;margin:0;} .twitter_update_list li span {display:block;} #twitter-link {display: block;margin-bottom:12px;padding: 0 0 0 18px;background: url(../images/twitter_widget.png) no-repeat left center;} /* --------- 4. Flickr Widget--------- */ #flickr_badge_wrapper{width:210px;margin:18px 0 13px 0;} .flickr_badge_image {float:left;margin:0 10px 10px 0;} .flickr_badge_image a {display:block;} .flickr_badge_image img{width:60px;height:60px;} /* --------- 5. Slideout Widgetized Panel --------- */ #slideout-wrap {position:fixed;z-index: 100;top: 0;left: 0;margin-left:-280px;width:280px;height:100%;background:#141414;} #slideout-button {position: absolute;left: 280px;top:0;z-index:10;} #slideout-button a {width:33px;height:33px;display: block;text-indent: -9999px;background: url(../images/slide_btn.png) 0 0 ;} #slideout-button a.close { background-position: 0 -33px; } #slideout-container {position: relative;padding:33px 0;color:#f7f7f7;background:#141414;} #slideout-container .widget {padding:0 40px;margin-bottom:10px;background: url(../images/border-h.png) left top repeat-x;} #slideout-container .widget-title {width:200px;margin-left:-40px;margin-bottom:12px;padding:7px 40px 6px 40px;background: url(../images/border-h.png) left bottom repeat-x;color: #fff;} #slideout-container .widget ul, #slideout-container .widget ol{margin-bottom:18px;} #slideout-container ul.twitter_update_list{margin-bottom:6px;} #slideout-container ul.twitter_update_list a{color:#555;} #slideout-container ul.twitter_update_list span a{color:#808080;} #slideout-container ul.twitter_update_list span a:hover{color:#fff;} #slideout-container a:hover{color:#fff;} /* ---------- QTRANSLATE --------*/ #idioma{width:100%;height:auto;} #area_idioma{ margin:0px; padding:0px; list-style:none; } #area_idioma li{ display:inline; margin-right:2px; color:# CCC; } #area_idioma li a{ color:# CCC; display:inline; } #area_idioma li a:hover{ color:# CCC; display:inline; } /* __________________________________________________________________________________________________________ 07. EXTRAS _______________________________________________________________________________________________________ */ /* ------------- 1. jPlayer (Audio/Video) ------------- */ div.jp-jplayer{width:100%;height:0;padding-bottom:56.25%;position:relative;background:#000;} div.jp-video .jp-jplayer img, div.jp-video .jp-jplayer video,div.jp-video .jp-jplayer object {position:absolute;top:0;left:0; width: 100%; height: 100%;} .audio-poster img,.jp-jplayer-audio img{width:100%;height:auto;vertical-align:bottom;} div.jp-audio,div.jp-video {background:#000;position:relative;} div.jp-video-full {width:100%;height:100%;position:static !important;position:relative;} div.jp-video-full div.jp-jplayer { top: 0; left: 0;position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden;z-index:1000; padding:0; } div.jp-video-full .jp-jplayer object {position:absolute;top:0;left:0; width: 100%; height: 100%;} div.jp-video-full div.jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width:100%; height:100%; z-index:1000; } div.jp-video-full div.jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; z-index:1000; } div.jp-video div.jp-video-play {position: absolute;top: 0;left: 0;width: 100%;height:100%;cursor: pointer;} a.jp-video-play-icon {position: relative;display: block;text-indent: -9999px;width:100%;height:100%;overflow:hidden;} div.jp-interface {width: 100%;height: 35px;position: relative;background:url(../images/jplayer-bg.png) repeat-x;} div.jp-interface a {cursor:pointer;} .jp-controls , .jp-toggles{list-style: none;padding: 0;margin: 0;} .jp-controls li,.jp-toggles li {display: inline;} .jp-controls a ,.jp-toggles a {display: block;overflow: hidden;text-indent: -9999px;position: absolute;} a.jp-play,a.jp-pause {width: 25px;height: 25px;z-index: 1;outline: none;top: 5px;left: 8px;} a.jp-play {background: url(../images/jplayer.png) 0 0 no-repeat;} a.jp-pause {background: url(../images/jplayer.png) -25px 0 no-repeat;display: none;} .jp-current-time, .jp-duration { position: absolute;top: 0;font-size: 12px;width: 46px;padding-top: 8px;color: #fff; font-weight: bold;} .jp-current-time {left: 52px;} .jp-duration {right: 95px;} div.jp-progress{position:absolute;height:5px;left:99px;top: 14px;right:157px;background: #5E5E5E;} div.jp-seek-bar {width: 0px;height: 100%;cursor: pointer;background: #5E5E5E;} div.jp-play-bar {width: 0px;height: 100%;background:#fff;} div.jp-seeking-bg {background: url(../images/jplayer.seeking.gif);} a.jp-mute, a.jp-unmute {width: 10px;height:15px;z-index:1;outline: none;background: url(../images/jplayer.png) 0 -25px no-repeat;top:9px;right:76px;} a.jp-unmute {display: none;} div.jp-volume-bar {position: absolute;top: 10px;right: 41px;width: 30px;height: 13px;cursor: pointer;overflow: hidden;background: url(../images/jplayer.png) 0 -53px no-repeat;} .jp-volume-bar-value {width: 0px;height: 13px;background: url(../images/jplayer.png) 0 -40px no-repeat;} a.jp-full-screen, a.jp-restore-screen {width: 15px;height: 15px;z-index: 1;outline: none;right: 14px;top: 9px;} a.jp-full-screen {background: url(../images/jplayer.png) -10px -25px no-repeat;} a.jp-restore-screen {background: url(../images/jplayer.png) -25px -25px no-repeat;display: none;} a.jp-repeat,a.jp-repeat-off {width: 15px;height: 15px;z-index: 1;outline: none;right: 14px;top:9px;} a.jp-repeat {background: url(../images/jplayer.png) -30px -40px no-repeat;} a.jp-repeat-off {background: url(../images/jplayer.png) -30px -55px no-repeat;display: none;} div.jp-video.minimal div.jp-progress{left:40px;right:75px;} div.jp-video.minimal div.jp-volume-bar{right:14px;} div.jp-video.minimal a.jp-mute, div.jp-video.minimal a.jp-unmute{right:49px;} div.jp-video.minimal a.jp-full-screen, div.jp-video.minimal .jp-current-time, div.jp-video.minimal .jp-duration {display:none !important;} div.jp-audio.minimal div.jp-progress{left:40px;right:75px;} div.jp-audio.minimal div.jp-volume-bar{right:14px;} div.jp-audio.minimal a.jp-mute, div.jp-audio.minimal a.jp-unmute{right:49px;} div.jp-audio.minimal a.jp-repeat, div.jp-audio.minimal .jp-current-time, div.jp-audio.minimal .jp-duration {display:none !important;} .jp-no-solution {position:absolute;width:390px;margin-left:-202px;left:50%;top: 10px;padding:5px;font-size:.8em;background-color:#f1f1f1;border:2px solid #009be3;color:#000;display:none;} .jp-no-solution a {color:#000;} .jp-no-solution span {font-size:1em;display:block;text-align:center;font-weight:bold;} /* --------- 2 . Fancybox --------- */ .fancybox-bg{display:none !important;} #fancybox-loading div {background-image: url(../images/fancy-loading.png) !important;} #fancybox-close {top: -54px !important; right: -54px !important;width: 54px !important; height: 54px !important;background: url(../images/fancy-close.png) !important;} #fancybox-left-ico, #fancybox-right-ico {width: 46px !important; height: 50px !important;margin-top: -25px !important;} #fancybox-left-ico {left: -46px !important; background: url(../images/fancy-left.png) 0 0 !important;} #fancybox-right-ico {right: -46px !important;left: auto !important;background: url(../images/fancy-right.png) 0 0 !important;} .fancybox-title-outside {text-align:center;color:#141414 !important;text-transform:uppercase;background:#fff;} /* * 3. jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none ; -webkit-backface-visibility: hidden;position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;margin:0 auto;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* FlexSlider Custom Theme *********************************/ .flexslider {position: relative; zoom: 1;overflow:hidden;} .flexslider .slides > li:first-child{display:block;} .single .flexslider .slides > li:first-child img{opacity:0;} .single .flexslider{background:#f1f1f1 url(../images/ajax-loader.gif) no-repeat center center;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav { height: 0; } .flex-direction-nav a {width: 19px; height: 19px; display: block; background:url(../images/slider-sprite.png) no-repeat -60px 0; position: absolute; top: 10px; right:10px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav .flex-prev {right: 34px;background-position:-40px 0;} .flex-direction-nav .flex-prev:hover{background-position:-80px 0;} .flex-direction-nav .flex-next:hover{background-position:-100px 0;} .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .single .flex-direction-nav a {width: 61px; height: 64px; margin: -32px 0 0; display: block; background:url(../images/slider-sprite.png) no-repeat 0 -20px; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;} .single .flex-direction-nav .flex-next {background-position: -62px -20px; right: -61px;} .single .flex-direction-nav .flex-prev {left: -61px;} .single .flex-direction-nav .flex-prev:hover{background-position: 0 -20px;} .single .flex-direction-nav .flex-next:hover{background-position:-62px -20px;} .single .flexslider:hover .flex-next {opacity: 1; filter: alpha(opacity=100); right: 0;} .single .flexslider:hover .flex-prev {opacity: 1; filter: alpha(opacity=100); left: 0;} .single .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav { position: absolute; top:19px; right:20px;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-paging li a {text-align:center;color:#fff;font-size:11px;width: 16px; height: 17px; padding: 0 1px 0 0;display: block; background: #000; background:rgba(0,0,0,.6); cursor: pointer; -webkit-border-radius: 17px; -moz-border-radius: 17px; -o-border-radius: 17px; border-radius: 17px;line-height:17px;} .flex-control-paging li a:hover {background: #000;} .flex-control-paging li a.flex-active {background: #fff; color:#000;cursor: default;} .flex-caption { padding: 6px 10px; position: absolute; left: 0; bottom: 0; background: #000; color: #fff;text-align: left; font-size: 12px; line-height: 18px;margin-bottom:0;} .fullscreen{width:19px;height:19px;position:absolute;bottom:20px;right:20px;background:url(../images/slider-sprite.png) no-repeat 0 0;text-indent:-9999px;display:block;} .fullscreen:hover{background-position:-20px 0;} /* ------------- 4. Supersized - Fullscreen Slideshow jQuery Plugin ------------- */ #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:37px; height:9px; margin:-5px 0 0 -18px; text-indent:-999em; background:url(../images/ajax-loader.gif) no-repeat center center;} #supersized { display:block; position:static;left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img { max-width: none !important;width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#222; } #supersized a { width:100%; height:100%; display:block; /*position: fixed;*/ } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { background:url(../images/ajax-loader.gif) no-repeat center center; width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } #slidecaption .slidecaption-wrap{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; text-align:left;width:630px;font-family: 'Auto1-RegularLF','Open Sans Condensed', "Arial Narrow", Arial, sans-serif; position:absolute;font-size:16px;line-height:22px;left:55px;} #slidecaption h1{font-size:45px;line-height:25px;} #slidecaption .caption-text{margin-bottom:23px;font-size:18px;} #slidecaption a.caption-btn{padding:5px 10px 6px 0px;display:inline-block;font-size:20px;line-height:24px;} .slidecaption-wrap.black, .slidecaption-wrap.black h1 {color:#3b3b3b;} .slidecaption-wrap.black a.caption-btn{/*background:#141414;*/ color:#3b3b3b;} .slidecaption-wrap.white , .slidecaption-wrap.white h1 {color:#fff;} .slidecaption-wrap.white a.caption-btn{/*background:#fff;*/ color:#fff;} .slidecaption-wrap .sep{width: 12px;/*border-bottom: 5px solid #141414;*/margin: 22px 0 22px 2px;} .slidecaption-wrap.white .sep {border-color:#fff;} .slidecaption-wrap.bg-dark {background:#000;background: rgba(0,0,0,.6);padding:20px 30px 0px 30px;} .slidecaption-wrap.bg-light{background:#fff;background: rgba(255,255,255,.6);padding:20px 30px 0px 30px;} .slidecaption-wrap.bg-dark a.caption-btn, .slidecaption-wrap.bg-light a.caption-btn{margin-bottom:28px !important;} .slidecaption-wrap.left-top{top:80px;left:80px; } .slidecaption-wrap.left-center{top:40%;left:80px; } .slidecaption-wrap.left-bottom{bottom:80px;left:80px; } .slidecaption-wrap.center-top{top:80px;left:50%;margin-left:-260px; } .slidecaption-wrap.center-center{top:40%;left:50%;margin-left:-260px; } .slidecaption-wrap.center-bottom{bottom:80px;left:50%;margin-left:-260px; } .slidecaption-wrap.right-top{top:80px;right:80px; } .slidecaption-wrap.right-center{top:40%;right:80px;} .slidecaption-wrap.right-bottom{bottom:80px;right:80px; } .caption-gallery-slide{background:#000;color:#fff;padding:6px 10px 5px 10px;position:absolute;left:40px;bottom:40px;font-size:12px;max-width:67%;font-size:12px;text-transform:uppercase;} #prevslide, #nextslide{ position:absolute; width:61px;height:64px; top:50%; margin-top:-3px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;} #prevslide{ left:-61px;background:url(../images/slider-sprite2.png) no-repeat 0 -20px; } #nextslide{ right:-61px; background:url(../images/slider-sprite2.png) no-repeat -62px -20px;} .mobile #prevslide{left:6%;} .mobile #nextslide{right:6%;} #content:hover #prevslide{cursor:pointer;left: 45px;} #content:hover #nextslide{cursor:pointer;right:45px;} .mobile #content:hover #prevslide{cursor:pointer;left: 6%;} .mobile #content:hover #nextslide{cursor:pointer;right:6%;} #prevslidebec, #nextslidebec{ position:absolute; width:42px;height:45px; top:50%; margin-top:65px; z-index:100; visibility:hidden; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;} #prevslidebec{ left:0px;background:url(../images/slider-sprite2-becarios.png) no-repeat 0 0; } #nextslidebec{ right:0px; background:url(../images/slider-sprite2-becarios.png) no-repeat -43px 0;} .mobile #prevslidebec{left:6%;} .mobile #nextslidebec{right:6%;} #team_becarios:hover #prevslidebec{cursor:pointer;left:20px;visibility:visible;} #team_becarios:hover #nextslidebec{cursor:pointer;right:20px;visibility:visible;} .mobile #team_becarios:hover #prevslidebec{cursor:pointer;left: 6%;} .mobile #team_becarios:hover #nextslidebec{cursor:pointer;right:6%;} ul#slide-list{ position:absolute; top:50px;right:50px;} ul#slide-list li{ list-style:none; float:left;margin: 0 0 0 7px; } ul#slide-list li a{ text-align:center;color:#fff;font-size:11px;width: 9px; height: 10px; padding: 0 1px 0 0;display: block;background-color: #989898;cursor: pointer; line-height:17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; -o-border-radius: 17px; border-radius: 17px;} ul#slide-list li a:hover{ background: #5f5f5f; cursor:pointer; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-color: #5f5f5f; color:#000;cursor: default; } /* --------- 4. Shortcodes --------- */ /*** 1. Dropcap, Highlight & Button ***/ .dropcap {display: block;float: left;font-size: 40px;line-height: 36px;margin: 0 6px 0 0;} .highlight {background:#ffff7f;} a.button {width:auto;font-size: 12px;padding:6px 10px;margin: 0 10px 10px 0;font-weight:bold;display: inline-block;color: #fff;text-decoration:none;} a.button.black {background:#141414;} a.button.blue {background:#1e499e;} a.button.darkblue {background:#0c1652;} a.button.green {background:#7bc560;} a.button.yellow {background:#ffc71a;color:#141414;} a.button.red {background:#b40244;} a.button.orange {background:#fe2b13;} a.button.khaki {background:#958470;} a.button:hover{text-decoration:none; opacity: 0.8;color:#fff;} a.button.yellow:hover{color:#141414;} /*** 2. Columns ***/ .one_half {width: 48%;} .one_third {width: 30.66%;} .two_third {width: 65.33%;} .one_fourth {width: 22%;} .three_fourth {width: 74%;} .one_half,.one_third,.two_third,.one_fourth, .three_fourth{position:relative; margin-right:4%; float:left; margin-bottom: 20px;text-align:left;} .last{margin-right:0px !important;} /*** 2. Toggle Content ***/ .toggle_container{margin-bottom:20px;} h4.toggle{font-family:"Auto1-LightLF","Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:none;font-size:12px;line-height:28px;height:29px;padding:0 9px;margin:0;background: #e3e3e3;border:1px solid #d3d3d3;} .toggle.active {background: #d3d3d3;} .toggle a {text-decoration: none;display:block;background: url(../images/toggle-closed.png) right no-repeat;color:#808080;} .toggle a:hover{text-decoration: none;color:#141414;} .toggle.active a {background: url(../images/toggle-open.png) right no-repeat;color:#141414;} .toggle_content .block{ padding: 10px;} /*** 4. Accordion Content ***/ .accordion { margin-bottom:20px;} .accordion .acc_title {padding:0 9px;background: #e3e3e3;border:1px solid #d3d3d3;margin-top:-1px;} .accordion .acc_title h4 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:none;margin:0;cursor:pointer;font-size:12px;height:29px;line-height:28px;color:#808080;background:url(../images/toggle-closed.png) right no-repeat;} .accordion .current {background:#d3d3d3;} .accordion .current h4 {cursor:default !important;background:url(../images/toggle-open.png) right no-repeat;color:#141414;} .accordion .acc_content {display:none;overflow:hidden;padding:10px;} /*** 5. Tabs Content ***/ .tabs_container {margin-bottom:20px ;} ul.tabs {overflow:hidden;list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #d3d3d3;margin-top:-1px;} ul.tabs li {float:left;margin-right:1px;} ul.tabs a {text-decoration:none;display: block;padding:0 9px;font-weight:bold;line-height: 28px;height:29px;font-size:12px;color:#808080;background: #e3e3e3;border: 1px solid #d3d3d3;border-bottom:none;} ul.tabs li a.current {cursor: default;color:#141414;background:#d3d3d3;} ul.tabs a:hover{text-decoration:none;color:#141414;} .tabs_container .panes {margin:0;padding:10px;} .tabs_container .panes > div {display:none;} /* SERVICIOS */ #servicios li{ padding:20px 20px 10px 20px; width:326px; height:auto; margin:0px 10px 10px 0px; float:left; position:relative; /*border-bottom:1px solid transparent;*/ cursor:pointer; } #servicios li:hover{ background:white; /*border-bottom:1px solid #3b3b3b;*/ } .btn_serv{ width:auto; height:auto; background-color:#3b3b3b; position:absolute; bottom:-15px; right:20px; color:white; padding:7px 14px 5px 15px; font-family:'Auto1-BoldLF'; display:none; cursor:pointer; z-index:2; } .btn_serv:hover{ background-color:gray; } .btn_serv a{ color:white; text-decoration:none; } .btn_serv a:hover{ color:white; text-decoration:none; } .line{ height:1px; width:0px; background-color:#3b3b3b; position:absolute; left:0px; bottom:0px; z-index:1; } #servicios h2{ background: url('../images/service_ball.png') left 3px no-repeat; padding-left: 25px; font-size: 20px; } #servicios p{font-size:16px;line-height:22px;} /* /////////////// */ /* /// SERVICIO /// */ .entry-content-servicio{ width:733px; } .img_servicio{ max-width:100%;height:auto; margin-bottom:35px; } #servicio ul{ width:326px; height:auto; } #servicio li{ padding:0px; width:326px; height:auto; margin:0px 10px 50px 0px; position:relative; /*border-bottom:1px solid transparent;*/ } #servicio h2{ background: url('../images/service_ball.png') left 3px no-repeat; padding-left:25px; margin-bottom:15px; font-weight:normal; font-size:20px; } #servicio p{font-size:16px;} #side_service{ width:343px; height:auto; float:right; } #side_service h1{ font-size:25px !important; line-height:26px !important; font-weight:normal; padding-bottom:30px; border-bottom:1px solid #cdcdcd; margin-bottom:30px; } #side_service p{font-size:16px;} #back_btn{position:absolute;top:-48px;right:0px;} /* /////////////// */ /* ////// ABOUT US ///// */ #about_us_wrapper{ width:733px; height:auto; margin-bottom:0px; } #texto_about{ width:326px; height:auto; float:left; font-size:16px; } #about_us_wrapper h2{ font-size:22px !important; line-height:26px !important; font-weight:normal; padding-bottom:44px; border-bottom:1px solid #cdcdcd; margin:0px 0px 44px 0px; } #about_us_wrapper h3{ font-size:20px !important; margin-bottom:5px; font-weight:normal; margin-top:0px; } #about_us_wrapper h4{ font-size:16px !important; font-weight:normal; margin-top:0px; line-height:20px; } #about_us_wrapper ul{ margin:0px; padding:0px; list-style:none; } .team_item{ width:351px; height:auto; float:left; margin:0px 30px 30px 0px; } .team_item_end{ width:351px; height:auto; float:left; margin:0px 0px 30px 0px; } .img_team{ max-width:100%; height:auto; margin-bottom:12px; } #team_becarios { /*float: left;*/ /*margin: 50px auto; */ position: relative; float: left; width: 351px; height: auto; left: 0px; top: 0px; /*padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4); */ } #team_becarios > li { position: absolute; /*top: 10px; left: 10px; right: 10px; bottom: 10px;*/ } .clients_item{ width:160px; height:auto; float:left; margin:15px 30px 0px 0px; } .clients_item_end{ width:160px; height:auto; float:left; margin:15px 0px 0px 0px; } #mention_awards{ width:351px; height:auto; float:left; margin-right:30px; } #mentions li{ width:auto; height:auto; margin-bottom:20px; } /* /////////////// */ #publications{ width:351px; height:auto; float:left; } #clients_mobile{display:none;} /* __________________________________________________________________________________________________________ 08. MOBILE / TABLET _______________________________________________________________________________________________________ */ /* # 1420px a 959px ================================================== */ @media screen and (min-width: 1000px) and (max-width: 1420px) { /***************** Single portfolio template2 *****************/ .portfolio-content2 {float: none; padding: 0 0 25px 40px;width: 775px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-media2{float: none;position: relative;padding: 35px 40px 34px 40px;width: 775px;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #container-project-data{position:static;height:auto;width:auto;} .portfolio-description2{float:left;width:47%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;margin-right:8%;} .portfolio-description2 .sep{margin-bottom:24px;margin-left:2px;width:8px;/*border-bottom: 4px solid #141414;*/} .portfolio-meta2{float:left;width:40%;padding:58px 0px 40px 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-meta2 span{margin-bottom:2px;} .portfolio-meta2 span strong{color:#464646;} .portfolio-meta2 a{color:gray;} .portfolio-meta2 a:hover{color:#141414;} .portfolio-images li img{margin-bottom:33px;} #single-blog{float:left;padding:0px;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .single-post .hentry{float:none;position:relative;padding:35px 40px 0 40px;width:775px;overflow:hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #metas_container{height:auto;position:static;width:auto;border-top:1px solid #D0D0D0;padding-top:18px;} .entry-meta-single{float:none;padding:0px 0px 40px 40px; width:735px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .linea{width:775px;} #servicios li{ padding:20px 20px 10px 20px; width:326px; height:auto; margin:0px 10px 10px 0px; float:left; position:relative; /*border-bottom:1px solid transparent;*/ } #servicios li:hover{ background:white; /*border-bottom:1px solid #3b3b3b;*/ } #about_us_wrapper{ width:733px; height:auto; margin-bottom:0px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ /*.mobile #sidebar{width:199px;border-right:1px solid #d5d5d5;}*/ .mobile #portfolio-filter h3 {display:none;} @media only screen and (max-height: 648px) { #portfolio-filter {display:none;} } @media screen and (min-width: 870px) and (max-width: 999px) { #comments{background:none;width:100%;margin-top:34px;padding-right:0;} .portfolio-description{width:100%;background:none;padding:32px 0 0 0;} .portfolio-meta{width:100%;padding-left:0;padding-top:35px;margin-top:18px;background:url(../images/border-h.png) top left repeat-x;} #contact-form{width:100%;background:none;padding:35px 0 0 0;} #contact-infos{width:100%;padding-left:0;margin-top:20px;background:url(../images/border-h.png) top left repeat-x;} #small-page{max-width:80%;} #slidecaption .slidecaption-wrap{width:530px;left:55px;right: auto;/*margin-left:-163px;*/} /***************** Single portfolio template2 *****************/ .portfolio-content2 {float: none; padding: 0 0 25px 40px;width: 575px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-media2{float: none;position: relative;padding: 35px 40px 34px 40px;width: 575px;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #container-project-data{position:static;height:auto;width:auto;} .portfolio-description2{float:none;width:92%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;margin-right:8%;} .portfolio-description2 .sep{margin-bottom:24px;margin-left:2px;width:8px;/*border-bottom: 4px solid #141414;*/} .portfolio-meta2{float:none;width:92%;padding:58px 0px 40px 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-meta2 span{margin-bottom:2px;} .portfolio-meta2 span strong{color:#464646;} .portfolio-meta2 a{color:gray;} .portfolio-meta2 a:hover{color:#141414;} .portfolio-images li img{margin-bottom:33px;} .portfolio-tabla{float:none;width:92%;padding:58px 0px 40px 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-tabla span{margin-bottom:2px;} .portfolio-tabla span strong{color:#464646;} .portfolio-tabla a{color:gray;} .portfolio-tabla a:hover{color:#141414;} .portfolio-imagestabla li img{margin-bottom:33px;} #single-blog{float:left;padding:0px;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .single-post .hentry{float:none;position:relative;padding:35px 40px 0 40px;width:575px;overflow:hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #metas_container{height:auto;position:static;width:auto;border-top:1px solid #D0D0D0;padding-top:18px;} .entry-meta-single{float:none;padding:0px 0px 40px 40px; width:535px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .linea{width:700px;} #servicios li{ padding:20px 20px 10px 20px; width:300px; height:auto; margin:0px 10px 10px 0px; float:left; position:relative; /*border-bottom:1px solid transparent;*/ } #servicios li:hover{ background:white; /*border-bottom:1px solid #3b3b3b;*/ } /* /// SERVICIO /// */ .entry-content-servicio{ width:700px; } .img_servicio{ max-width:100%;height:auto; margin-bottom:35px; } #servicio ul{ width:326px; height:auto; } #servicio li{ padding:0px; width:300px; height:auto; margin:0px 10px 50px 0px; position:relative; /*border-bottom:1px solid transparent;*/ } #side_service{ width:343px; height:auto; float:right; } #side_service h1{ font-size:25px !important; line-height:26px !important; font-weight:normal; padding-bottom:30px; border-bottom:1px solid #cdcdcd; margin-bottom:30px; } /* /////////////// */ /* /// ABOUT US ///*/ #about_us_wrapper{ width:700px; height:auto; margin-bottom:0px; } #texto_about{ width:295px; height:auto; float:left; } .team_item{ width:335px; height:auto; float:left; margin:0px 30px 30px 0px; } .team_item_end{ width:335px; height:auto; float:left; margin:0px 0px 30px 0px; } #team_becarios { /*float: left;*/ /*margin: 50px auto; */ position: relative; float: left; width: 335px; height: auto; left: 0px; top: 0px; /*padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4); */ } #team_becarios > li { position: absolute; /*top: 10px; left: 10px; right: 10px; bottom: 10px;*/ } .clients_item{ width:152px; height:auto; float:left; margin:0px 30px 15px 0px; } .clients_item_end{ width:152px; height:auto; float:left; margin:0px 0px 15px 0px; } #mention_awards{ width:335px; height:auto; float:left; margin-right:30px; } #publications{ width:335px; height:auto; float:left; } } /* #Mobile (Portrait & Landscape) ================================================== */ @media only screen and (max-width: 869px) { body { -webkit-text-size-adjust: none; } #content{width:100%;margin:0;} .type-portfolio{padding:0 40px 0 40px;} #sidebar{width:100%;margin:0;position:relative;padding:20px 40px 5px 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .mobile #sidebar{width:100%;/*border-right:none;border-bottom:1px solid #d5d5d5;*/} #sidebar > * { margin:0;} #primary-nav{width:100%;margin:0 0 35px 0;} #main-nav { display: none ;} #sidebar select.select-menu{display: block;} #logo,#socials-menu{text-align:center;} #logo{margin-bottom:20px;} #sidebar-footer{position:relative;width:100%;bottom:auto;margin-bottom:10px;} #socials-menu{width:100%;} #socials-menu li{float:none;display:inline-block;margin:0 7px 10px 0;} #copyright{ display: none; font-family: "Auto1-LightLF", "Helvetica Neue", Helvetica, Arial, sans-serif; } #slideout-wrap{display: none !important; } #widgets-section {display:none;} #portfolio-filter .widget-title, #portfolio-filter .sep {display:none;} #sidebar #portfolio-filter{margin-bottom:18px;} #filter li {float:left;margin-right:20px;} #filter li a {width:auto;} .portfolio-description{width:100%;background:none;padding:32px 0 0 0;} .portfolio-meta{width:100%;padding-left:0;padding-top:35px;margin-top:18px;/*background:url(../images/border-h.png) top left repeat-x;*/} .single-post .hentry{width:100%;background:none;padding:35px 0 0 0;} .entry-meta-single{width:100%;padding:35px 0 0 0;/*background:url(../images/border-h.png) top left repeat-x;*/} .blog-navigation{margin-top:10px;} #comments{background:none;width:100%;margin-top:34px;padding-right:0;} #commentform p{width:60%;padding-right: 0px;} .fullscreen{display:none;} #contact-form{width:100%;background:none;padding:35px 0 0 0;} #contact-infos{width:100%;padding-left:0;margin-top:20px;/*background:url(../images/border-h.png) top left repeat-x;*/} #map{height:200px; } #small-page{width:100%;position:relative;top:auto;right:auto;} #small-page .hentry {margin-bottom:0px;} .page-template-template-video-php{background:#fff;overflow:auto;} .page-template-template-bg-php{background:#f1f1f1;} .password-protected{position:relative;margin:0;background:none;} .gallery-password-protected{position:relative;top:0;left:0;margin:40px auto;max-width:100%;} .one_half,.one_third,.two_third,.one_fourth, .three_fourth{ width:100%;margin-right:0;} #slidecaption .slidecaption-wrap{left:55px;/*left:33%;margin-left:-120px;*/bottom:20%;top:auto;right: auto;width:400px;font-size:16px;line-height:16px;} #slidecaption h1{font-size:33px !important;line-height:30px !important;margin-bottom:8px;} #slidecaption .caption-text{margin-bottom:23px;font-size:16px;line-height:20px;} #slide-list{display:none;} .slidecaption-wrap .sep{display:none;} .slidecaption-wrap.bg-dark,.slidecaption-wrap.bg-light {padding:10px 15px 0px 15px;} #prevslide, #nextslide{ width:30px;height:32px; top:25%; margin-top:-16px; } #prevslide{ background:url(../images/slider-mobile.png) no-repeat 0 0; } #nextslide{ background:url(../images/slider-mobile.png) no-repeat -30px 0;} #prevslidebec, #nextslidebec{ width:30px;height:32px; top:25%; z-index:200; } #prevslidebec{ background:url(../images/slider-mobile.png) no-repeat 0 0; } #nextslidebec{ background:url(../images/slider-mobile.png) no-repeat -30px 0;} #slidecaption .caption-text{margin-bottom:13px;} .slidecaption-wrap.bg-dark a.caption-btn, .slidecaption-wrap.bg-light a.caption-btn{margin-bottom:15px !important;} /***************** Single portfolio template2 *****************/ .portfolio-content2 {float: none; padding: 0 0 25px 0;width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-media2{float: none;position: relative;padding: 35px 0 34px 0;width: 100%;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #container-project-data{position:static;height:auto;width:auto;} .portfolio-description2{float:none;width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .portfolio-description2 .sep{margin-bottom:24px;margin-left:2px;width:8px;/*border-bottom: 4px solid #141414;*/} .portfolio-meta2{float:none;width:100%;padding:58px 0px 40px 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-meta2 span{margin-bottom:2px;} .portfolio-meta2 span strong{color:#464646;} .portfolio-meta2 a{color:gray;} .portfolio-meta2 a:hover{color:#141414;} .portfolio-images li img{margin-bottom:33px;} #portfolio-tablagrande{float: none;position: relative;padding: 35px 0 34px 0;width: 100%;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-tabla{float:none;width:100%;padding:2px 0px 2px 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-tabla span{margin-bottom:2px;} .portfolio-tabla span strong{color:#464646;} .portfolio-tabla a{color:gray;} .portfolio-tabla a:hover{color:#141414;} .portfolio-imagestabla li img{margin-bottom:33px;} #single-blog{float:left;padding:0 40px 0 40px;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .single-post .hentry{float:none;position:relative;padding:35px 0 0 0;width:100%;overflow:hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #metas_container{height:auto;position:static;width:auto;border-top:1px solid #D0D0D0;padding-top:18px;} .entry-meta-single{float:none;padding:0 0 40px 0; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .linea{width:100%;margin-bottom:40px;} #servicios li{ padding:20px 20px 10px 20px; width:90%; height:auto; margin:0px 10px 10px 0px; float:left; position:relative; /*border-bottom:1px solid transparent;*/ } #servicios li:hover{ background:white; /*border-bottom:1px solid #3b3b3b;*/ } /* /// SERVICIO /// */ .entry-content-servicio{ width:100%; } .img_servicio{ max-width:100%;height:auto; margin-bottom:35px; } #servicio ul{ width:326px; height:auto; } #servicio li{ padding:0px; width:100%; height:auto; margin:0px 10px 50px 0px; position:relative; /*border-bottom:1px solid transparent;*/ } #side_service{ width:100%; height:auto; float: none; margin-bottom:40px; } #side_service h1{ font-size:25px !important; line-height:26px !important; font-weight:normal; padding-bottom:30px; border-bottom:1px solid #cdcdcd; margin-bottom:30px; } /* /////////////// */ #about_us_wrapper{ width:100%; height:auto; margin-bottom:0px; } #texto_about{ width:100%; height:auto; float:none; margin-bottom:40px; } .team_item{ width:48.5%; height:auto; float:left; margin:0px 3% 30px 0px; } .team_item_end{ width:48.5%; height:auto; float:left; margin:0px 0px 30px 0px; } #team_becarios .team_item_end{ width:100%; height:auto; float:left; margin:0px 0px 30px 0px; } #team_becarios { /*float: left;*/ /*margin: 50px auto; */ position: relative; float: left; width: 48.5%; height: auto; left: 0px; top: 0px; /*padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4); */ } #team_becarios > li { position: absolute; /*top: 10px; left: 10px; right: 10px; bottom: 10px;*/ } .clients_item{ width:23.5%; height:auto; float:left; margin:0px 2% 10px 0px; } .clients_item_end{ width:23.5%; height:auto; float:left; margin:0px 0px 10px 0px; } #mention_awards{ width:46%; height:auto; float:left; margin-right:8%; } #publications{ width:46%; height:auto; float:left; } /* ---------- QTRANSLATE --------*/ #idioma{width:100%;height:auto;text-align:center;} #area_idioma{ margin-top:5px; margin-bottom:10px; padding:0px; list-style:none; } #area_idioma li{ display:inline; margin-right:2px; color:#CCC; } #area_idioma li a{ color:#CCC; display:inline; } #area_idioma li a:hover{ color:#FFF; display:inline; } } /* Note: Design for a width of 320px */ @media only screen and (max-width: 479px){ #sidebar{padding:20px 20px 5px 20px;} h1{font-size:22px !important;line-height:26px !important;} .single-post .hentry .sep , .portfolio-description .sep ,#small-page .sep, #full-page .sep{width:6px;border-width:3px;margin-bottom:20px;} .portfolio-content {padding: 0 20px;} #load-more a{text-align:left;padding-left:15px;} #single-blog{padding: 0 20px;} #commentform p{width:100%;} #full-page{padding:32px 20px 20px 20px;} #small-page .hentry{padding:32px 20px 18px 20px;} #contact-content{padding : 0 20px;} div.jp-video div.jp-progress,div.jp-audio div.jp-progress{left:40px;right:75px;} div.jp-video div.jp-volume-bar,div.jp-audio div.jp-volume-bar{right:14px;} div.jp-video a.jp-mute, div.jp-video a.jp-unmute,div.jp-audio a.jp-mute, div.jp-audio a.jp-unmute{right:49px;} div.jp-video a.jp-full-screen, div.jp-video .jp-current-time, div.jp-video .jp-duration, div.jp-audio a.jp-repeat, div.jp-audio .jp-current-time, div.jp-audio .jp-duration {display:none !important;} .wpcf7-form input {width:100%;} .gallery-password-protected{width:100%;margin:0;} .single .format-quote blockquote{font-size:22px;line-height:26px ;} #slidecaption .slidecaption-wrap {left:25px;/*left:50%;margin-left:-135px;*/width:240px;bottom:40px;} #slidecaption h1{font-size:30px !important;line-height:24px !important;margin-bottom:8px;} #slidecaption .caption-text{margin-bottom:23px;font-size:16px;line-height:18px;} #metas_container{width:100%;height:auto;position:static;} /***************** Single portfolio template2 *****************/ .type-portfolio { padding: 0 20px 0 20px; } .portfolio-content2 {padding:0 0 58px 0;float: none;width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-media2{padding-left:0;padding-right:0;float: none;position: relative;width: 100%;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #container-project-data{position:static;height:auto;width:auto;} .portfolio-description2{float:none;width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .portfolio-description2 .sep{margin-bottom:24px;margin-left:2px;width:8px;/*border-bottom: 4px solid #141414;*/} .portfolio-meta2{float:none;width:100%;padding:58px 0 0 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .portfolio-meta2 span{margin-bottom:2px;} .portfolio-meta2 span strong{color:#464646;} .portfolio-meta2 a{color:gray;} .portfolio-meta2 a:hover{color:#141414;} .portfolio-images li img{margin-bottom:33px;} /** social networks **/ .portfolio-facebook, .portfolio-twitter, .portfolio-gmas, .portfolio-pinterest{ float:none;display:inline-block;margin:0;} #single-blog{float:left;padding:0 20px 0 20px;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .single-post .hentry{float:none;position:relative;padding:35px 0 0 0;width:100%;overflow:hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #metas_container{height:auto;position:static;width:auto;border-top:1px solid #D0D0D0;padding-top:18px;} .entry-meta-single{float:none;padding:0px 0 40px 0px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .linea{width:91%;margin-bottom:40px;} #servicios li{ padding:20px 20px 10px 20px; width:91%; height:auto; margin:0px 10px 10px 0px; float:left; position:relative; /*border-bottom:1px solid transparent;*/ } #servicios li:hover{ background:white; /*border-bottom:1px solid #3b3b3b;*/ } /* /// SERVICIO /// */ .entry-content-servicio{ width:100%; } .img_servicio{ max-width:100%;height:auto; margin-bottom:35px; } #servicio ul{ width:326px; height:auto; } #servicio li{ padding:0px; width:100%; height:auto; margin:0px 10px 50px 0px; position:relative; /*border-bottom:1px solid transparent;*/ } #side_service{ width:100%; height:auto; float: none; margin-bottom:40px; } #side_service h1{ font-size:25px !important; line-height:26px !important; font-weight:normal; padding-bottom:30px; border-bottom:1px solid #cdcdcd; margin-bottom:30px; } /* /////////////// */ .team_item{ width:100%; height:auto; float:none; margin:0px 0px 30px 0px; } .team_item_end{ width:100%; height:auto; float:none; margin:0px 0px 30px 0px; } #team_becarios { /*float: left;*/ /*margin: 50px auto; */ /*position: inherit; */ float: left; width: 100%; height: auto; margin-bottom: 300px; /*left: 0px; top: 0px;*/ } #team_becarios > li { float: none; } .clients_item{ width:132px; height:auto; float:left; margin:0px 15px 5px 0px; } .clients_item_end{ width:132px; height:auto; float:left; margin:0px 0px 5px 0px; } #mention_awards{ width:100%; height:auto; float:none; } #publications{ width:100%; height:auto; float:none; } #clients_mobile{display:block;} #clients{display:none;} #back_btn{position:absolute;top:-76px;right:0px; } }