/* - - - - - - - - - - - - - - - - - - - - - Theme Name: LIGHTFARM STUDIOS BR Theme URI: http://lightfarmstudios.com.br/ Description: Author: Erica France Author URI: http://ericafrance.com.br/ Version: 1.0 - - - - - - - - - - - - - - - - - - - - - *//* Sumary 0. 404 ERROR 1. Base 2. Header 3. Navigation 4. Filter 5. Infinite Scroll 6. Footer 7. Image 8. Video 9. About MEDIA QUERIES - - - - - - - - - - - - - - - - - - - - - */ /* 0. 404 ERROR */ #error404{background-color:#FFF !important} #error404 div{ display:block; width:603px; margin:0 auto;} #error404 img{display: block;position: absolute;top: 30%;} /* 1. BASE */ *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-stroke: 0.2px;} :focus {outline:none;} *::selection { background: #ffed00; color: #4e4e4e; } *::-moz-selection { background: #ffed00; color: #4e4e4e; } .clear{clear:both; } body{overflow-y:scroll} body, html{background-color:#ebebeb; font-family: 'GlyphaLTStd', Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color: #4e4e4e; } a {color: #00afec; text-decoration: none; } a:hover, a:active {text-decoration: underline; outline: 0; } a:focus { outline: none; } a img{ border:0px; } html, body { height: 100%;} #content {width:1000px; background-color:#FFF; margin:0 auto; padding-bottom:20px; /*min-height:110%;*/} #container { padding: 17px; padding-left:18px; width:1000px;} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } #container.search{min-height:100px !important} h1.search{font-size:25px} #carregaimagens{ display:block; position:absolute; height:1px; width:1px; overflow:hidden; opacity:0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} #carregaimagens img{ opacity:0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} /* 2. HEADER */ #headerContainer{background-color:#FFF; width:1000px; margin:0 auto; padding:20px; padding-bottom:0px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease} #headerContainer .hLogo a{ background-image:url(images/logo-light.png); background-repeat:no-repeat; background-position:center; width:230px; height:60px; float:left; text-align: center;} #headerContainer .hLogo a img {opacity: 0;} #headerContainer .hLinks{ float:right; margin-top:40px;} #headerContainer .hLinks a{display:block; float:left; color:#000; padding-left:10px; padding-right:10px; line-height:20px; height:20px; margin-left:8px; text-decoration:none; font-size:12px;} #headerContainer .hLinks a.hLink-portfolio{} #headerContainer .hLinks a.hLink-briefus{background-color:#ffed00; background-position:left bottom; background-image: url(images/brief-us.png); background-repeat: no-repeat; padding-left:20px} #headerContainer .hLinks a.hLink-briefus:hover {background-color:#ffff00} #headerContainer .hLinks a:hover{color: #00d4f8} #headerContainer .hRest{position:absolute; top: 105px; width: 960px; z-index: 2;} #headerContainer .hSearch{ float:left;} #headerContainer .hSearch input{float:left; -webkit-border-radius:0px; -webkit-appearance:none; } #headerContainer .hSearch input[type="text"]{ border: 1px solid #bfbfbf; border-right-width:0px; width:160px; height:30px; padding: 0px 20px; color:#bfbfbf; -webkit-appearance:none; -webkit-border-radius:0px;} #headerContainer .hSearch input[type="text"]:focus{color:#000;} #headerContainer .hSearch input[type="submit"]{ background:url(images/l-search.gif) no-repeat left; height:30px; width:30px; border:0px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease} #headerContainer .hSearch input[type="submit"]:hover{ background-image:url(images/l-search-h.gif); cursor:pointer} #headerContainer .hLanguage a, #headerContainer .hLight a{ float:right; display:block; width:30px; height:30px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease} #headerContainer .hLanguage.ToBR a{background:url(images/l-lanBR.gif) no-repeat left; margin-left:10px} #headerContainer .hLanguage.ToBR a:hover{background-image:url(images/l-lanBR-h.gif);} #headerContainer .hLanguage.ToEN a{background:url(images/l-lanEN.gif) no-repeat left; margin-left:10px} #headerContainer .hLanguage.ToEN a:hover{background-image:url(images/l-lanEN-h.gif);} #headerContainer .hLight a{background-repeat:no-repeat; background-position:left; margin-left:10px;} #headerContainer .hLight a.dark{background-image:url(images/l-dark.gif)} #headerContainer .hLight a.dark:hover{background-image:url(images/l-dark-h.gif)} #headerContainer .hLight a.light{background-image:url(images/d-light.gif)} #headerContainer .hLight a.light:hover{background-image:url(images/d-light-h.gif)} .hSombra {width:1000px; margin:0 auto; background-image:url(images/shadow.jpg); background-position:top center; background-repeat:no-repeat; height:10px; background-size: 100%;} /* 3. NAVIGATION */ #main-nav{ width:100%; margin-top:20px; height:40px; border: 1px solid #bfbfbf; border-left-width:0px; border-right-width:0px; text-align: center;} #h-nav { position: relative; z-index: 3; width: 600px; margin: 0 auto;} #h-nav li { display: inline-block;} #h-nav a { color: #000000; float: left; padding: 10px 20px; text-decoration: none; text-transform: uppercase; font-size:17px;} #h-nav a:hover { color: #00afec; } .current a { color: #00afec !important; } .ie6 #h-nav li, .ie7 #h-nav li { display: inline; } #magic-line { position: absolute; bottom: 0px; left: 0; width: 100px; height: 9px; background:url(images/h-arrow-menu.png) no-repeat bottom center; } .ie6 #magic-line {bottom: -3px;} .sub-menu{ display: none} .current .sub-menu{ display:inline-block; position:absolute;} .entry img{-webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; width:319px; background-color:#000} .entry:hover img{ opacity:0.5;} .entry{border:1px solid #fff; background-color:#000} .entry h2, .entry h3{opacity:0; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease;} .entry:hover h2, .entry:hover h3{ opacity:1} .entry h2{color:#fff; position:absolute; font-size:34px; line-height:32px; font-family: 'GlyphaLTStd-Black'; top:40%; width:318px; text-align:center; vertical-align:middle;} .entry span{font-family: 'GlyphaLTStd'; line-height: 32px; display:block; font-size:16px;} .entry .new{display:block; position:absolute; width:88px; height:88px; background:url(images/new.png) no-repeat; opacity:1; z-index:99999999999;} .isotope-item a{display:block !important} .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;} .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: -o-transform, opacity; transition-property: transform, opacity;} .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; } /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} /* 4. FILTER */ #options {} #options ul { margin: 0; list-style: none; text-align:center} #options li { line-height:42px; display:inline-block; padding: 0px 10px; } #options li, #options li a { color:#242424; font-size:14px; text-decoration:none;} #options li a:hover, #options li a.selected{ color: #00afec;} /* 5. INFINITE SCROLL */ #infscr-loading { position: fixed; text-align: center; bottom: 0px; z-index: 999999999; background: white; padding: 20px; padding-bottom:65px; color: #222; font-size: 15px; width:967px} #infscr-loading img.loading {width:37px; height:24px; background-image:url(images/l-loading.gif)} #page_nav{display:none;} /* 6. FOOTER*/ .back-to-top {position: fixed; bottom: 5em; right: 0px; width:30px; height:30px; text-decoration: none; color: #242424; font-size: 14px; line-height:30px; padding-left:35px; display: none; background: #fff url(images/top.png) no-repeat 9px 9px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.3); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.3);} .back-to-top:hover {width:95px; cursor:pointer} #footerContainer{position:fixed; bottom:0px; height:40px; width:100%; z-index:999999999} #footerContainer .footerContent{width:1000px; height:40px; background-color:#FFF; margin: 0 auto; padding: 0px 8px; -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; -webkit-box-shadow: 0px -1px 7px rgba(50, 50, 50, 0.29); -moz-box-shadow: 0px -1px 7px rgba(50, 50, 50, 0.29); box-shadow: 0px -1px 7px rgba(50, 50, 50, 0.29);} #footerContainer .footerPin{ float:left; margin: 8px; width: 120px;} #footerContainer .footerBehance{ float:left; margin: 8px 11px 8px; width: 20px;} #footerContainer .footerFB{ float:left; margin: 8px; width:360px;} #footerContainer .footerTWT{ float: left; margin: 8px 0px; width:68px; display:none} #footerContainer .footerContact{float: right; margin-top:10px; width:60px;} #footerContainer .footerContact a{color:#000; font-size:12px; text-decoration:none} #footerContainer .footerContact a:hover{color: #08adf1} #footerContainer .footerCopyright{float: right; margin-top:10px; margin-right: 12px; color:#bcbcbc; background:url(images/copyright.jpg) no-repeat left center; padding-left:15px;} .footerclear{ height:20px;} /* 7. BANNER*/ .banner{ padding:20px; padding-bottom:3px; padding-left:19px;} div.orbit.with-bullets {margin-bottom: -19px !important;} .orbit-bullets{margin-bottom: 83px !important; left: auto !important; right: 28px !important;} .orbit-bullets li { background:url(images/banner-bullets.png) no-repeat -20px 0 !important; width: 20px !important; height: 20px !important; margin-left: 10px !important;} .orbit-bullets li.active {background-position: 0px 0 !important;} div.timer { visibility:hidden !important} div.slider-nav span.right {background: url(images/right-arrow.png) no-repeat 0px !important; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease} div.slider-nav span.right:hover {background: url(images/right-arrow-h.png) no-repeat 10px !important;} div.slider-nav span.left {background: url(images/left-arrow.png) no-repeat 0px !important; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease} div.slider-nav span.left:hover {background: url(images/left-arrow-h.png) no-repeat -10px !important;} /* 8. SUBSCRIBE*/ .subscribe { display: block;margin-top: -49px;z-index: 9;position: absolute;margin-left: 40px;} #mc_signup.SignOpen{-webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease} #mc_signup{-webkit-transition: 0.2s all ease 0.2s; -moz-transition: 0.2s all ease 0.2s; transition: 0.2s all ease 0.2s} #mc_signup.SignOpen input{-webkit-transition: 0.2s all ease 0.5s; -moz-transition: 0.2s all ease 0.5s; transition: 0.2s all ease 0.5s} #mc_signup input{-webkit-transition: 0.2s all ease 0s; -moz-transition: 0.2s all ease 0s; transition: 0.2s all ease 0s} #mc_signup.SignOpen #mc_message{-webkit-transition: 0.2s all ease 1s; -moz-transition: 0.2s all ease 1s; transition: 0.2s all ease 1s} #mc_signup #mc_message{-webkit-transition: 0.2s all ease 0s; -moz-transition: 0.2s all ease 0s; transition: 0.2s all ease 0s} /* BOTÃO */ .subscribe_bt{position: absolute; z-index: 4; display: block; background:url(images/subscribe.png) no-repeat 0px; color:#fff; font-size:14px; line-height:12px; height:44px; width:231px; padding:10px; cursor:pointer;} .subscribe_bt span{font-size:18px;} .subscribe_bt:hover, .subscribe_bt.btSignOpen{background-image:url(images/subscribe-h.png);} /* CAIXA BASE */ #mc_subheader{display:none} .mc_var_label{display:none !important;} .mc_merge_var {margin-bottom: 0px !important;} #mc_signup input.mc_input, #mc_signup .mc_signup_submit, #mc_signup #mc_signup_submit, #mc_signup #mc_message{opacity:0 !important} #mc_signup {background-color:#fff; width:0px; height:44px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radiust: 5px; } #mc_signup.SignOpen{width:618px; !important} #mc_signup.SignOpen input.mc_input, #mc_signup.SignOpen .mc_signup_submit, #mc_signup.SignOpen #mc_signup_submit, #mc_signup.SignOpen #mc_message{opacity:1 !important} /* FORM */ div#mc_signup input.mc_input{width:330px !important; margin-left:250px; width:10px; line-height:27px; margin-top: 7px; float:left; border:0px; color: #bfbfbf;} div#mc_signup input.mc_input:focus{color: #000000} .mc_signup_submit{display: block; position:relative; width:30px; height:40px; float:left; cursor:pointer; margin-top:0px !important;} .mc_signup_submit #mc_signup_submit{display: block !important; background-image: url(images/subscribe-submit.png); background-repeat: no-repeat; background-position: center left; background-color:#FFF; border:0px; margin-top: 12px !important; text-indent:99999999999999999px; width: 20px !important; -webkit-appearance:none; -webkit-border-radius:0px;} .mc_signup_submit:hover #mc_signup_submit{ background-position: center left; cursor:pointer;} /* FEEDBACK */ #mc_message{display: block; position: absolute; margin-top: -26px; } .mc_error_msg{color: #fff !important; margin-bottom: 1.0em; background-color: #F03; padding: 5px; font-size: 12px; font-family: Arial; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radiust: 5px; } .mc_error_msg a{ color:#f6a7a7} .mc_success_msg{color: gray !important; background-color:white; padding: 5px; font-size: 17px; font-family: Arial; padding-left: 0px; padding-right: 0px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radiust: 5px; margin-top: 33px !important; display: block; margin-left: 242px; z-index: 9; position: absolute; width: 370px;} /* - - - - - - - - - - - - - - - - - - - - - */ /* 9. ABOUT */ .cat_about a.post-title{text-decoration:none;} .cat_about .post-title span{font-family: 'GlyphaLTStd-Black'; font-size:36px; line-height:60px; text-transform:uppercase; clear:both; display:block; text-decoration:none; border-bottom: 1px solid #bfbfbf;} .cat_about .post-title span.nactive{ color: #000000; border-bottom-color: #bfbfbf; } .cat_about .post-title span.active, .cat_about .post-title span.nactive:hover{ color:#00afec; border-bottom-color: #00afec;} .cat_about .post-title span img{display: block; width: 965px; height: 5px; position: absolute; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; transition: 0.2s all ease} .cat_about .post-title span.active img{background: url(images/collapse-line.png) no-repeat bottom right; margin-top: -5px;} .cat_about .post-title span.nactive img{background: url(images/expand-line.png) no-repeat bottom right; margin-top: 1px;} .cat_about .post-title span.nactive:hover img{background: url(images/expand.png) no-repeat bottom right; margin-top: 1px;} .cat_about .entry_block{ width:100%; margin-top:30px; margin-bottom:30px; font-size:14px; text-align:justify} .cat_about .entry_block img{ max-width:965px; margin-bottom:20px;} .cat_about .entry_block iframe{ max-width:965px; max-height: 542px} .cat_about .team_member{text-decoration:none; display:block; margin-top:20px; margin-bottom:20px; } .cat_about .team_member span{ padding-right:20px; background:url(images/expand.png) no-repeat right;} .cat_about .team_member span.nactive{color: #00afec;} .cat_about .team_member span.active{color: #000000; background-image:url(images/collapse.png)} .cat_about .team_member_about {font-size:13px; color:#bfbfbf} .cat_about h3{color: #00afec; text-transform:uppercase; margin-bottom:20px;} .cat_about ul{ margin-bottom:40px;} .cat_about ul li{ list-style:inside square} .cat_about #post-84{} .cat_about #post-84 .post-content{font-size:13px; color:#bfbfbf} .cat_about #post-84 .jobcontent{ margin-bottom:20px;} /* 10. ABOUT > NEWS */ .cat_news a.post-title{text-decoration:none;} .cat_news .post-title span{font-family: 'GlyphaLTStd-Black'; font-size:27px; line-height:60px; text-transform:uppercase; clear:both; display:block; text-decoration:none; border-bottom: 1px solid #bfbfbf;} .cat_news .post-title span.nactive{color: #000000; border-bottom-color: #bfbfbf; } .cat_news .post-title span.active, .cat_news .post-title span.nactive:hover{ color:#00afec; border-bottom-color: #00afec;} .cat_news .post-title span img{display: block; width: 965px; height: 5px; position: absolute; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; transition: 0.2s all ease} .cat_news .post-title span.active img{background: url(images/collapse-line.png) no-repeat bottom right; margin-top: -5px;} .cat_news .post-title span.nactive img{background: url(images/expand-line.png) no-repeat bottom right; margin-top: 1px;} .cat_news .post-title span.nactive:hover img{background: url(images/expand.png) no-repeat bottom right; margin-top: 1px;} .cat_news .entry_time{ background:url(images/timestamp.png) no-repeat 0px 4px; padding-left:20px; display: block; width: 390px; margin-top: 10px; color: #c0c0c0; font-weight: normal; -webkit-text-stroke: 0px; font-size: 11px; } .cat_news .entry_image{margin-top: 30px; margin-bottom:30px; width: 390px; display: block; float:left} .cat_news .entry_block{margin-top:30px; margin-bottom:30px; width:100%; display: block; float:right; font-size:14px; text-align:justify} .cat_news .entry_block img{max-width:965px; height:auto} .cat_news .entry_block iframe{max-width:965px; max-height:543px} .cat_news .entry_block *{max-width:965px;} .cat_news h3{color: #00afec; text-transform:uppercase; margin-bottom:20px;} .cat_news ul{ margin-bottom:40px;} .cat_news ul li{ list-style:inside square} /* - - - - - - - - - - - - - - - - - - - - - */ /* 11. CONTACT */ .contact_image{ background:url(images/l-contact-image.png) no-repeat; background-size:cover; width:965px; height:480px;} .cinternational{text-align:center; display:block; width:100%; border-top: 1px solid #bfbfbf; padding-top:20px; padding-top:20px; line-height:14px; color:#bfbfbf; font-size:14px; -webkit-text-stroke: 0px; clear:both} .cinternational span{color: #000000; font-size:16px; text-transform:uppercase; -webkit-text-stroke: 0.3px; padding-right: 5px;} .cbranch{ margin-top:20px;} .cbranch div{ float:left; width:321px; color:#bfbfbf; font-size:14px; text-align:center; padding-bottom:20px;} .cbranch a{text-decoration:none;} .cbranch h2{font-family: 'GlyphaLTStd-Black'; font-size:27px; line-height:27px; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #bfbfbf; color:#000; text-transform:uppercase; } /* - - - - - - - - - - - - - - - - - - - - - */ /* 12. SINGLE */ .single .entry_title{ display:block; border-bottom: 1px #bfbfbf solid; background: url(images/collapse.png) no-repeat bottom right; padding-top:30px; padding-bottom:20px; margin-bottom:20px;} .single .entry_title h1{ font-size:30px; line-height:30px; font-family: 'GlyphaLTStd-Black'; color:#242424; float:left; padding-right:20px;} .single .entry_title h2{ font-size:14px; float:left; vertical-align:baseline; padding-top: 10px;} .single .entry_title h2 span{color:#bfbfbf} .single .entry_title .social{ display:block; float:right; width:210px;} .single .entry_title .social .singlePIN{float:right; margin-left:10px; margin-top: 6px;} .single .entry_title .social .singleFB{float:right; margin-left:10px; margin-top: 6px;} .single .entry_title .social .singleTWT{ float:right; margin-left:10px; margin-top: 6px; display:none} .single .entry_content{ color:#bfbfbf; text-align: justify; font-size: 14px;} .single .entry_content img {max-width: 100%; height: auto;} .single #gallery{ margin-top:20px;} .single #gallery.primeira { margin-top:0px !important} .single #gallery img{ margin-bottom:3px;} /* - - - - - - - - - - - - - - - - - - - - - */ /* 13. LIGHTBOX */ #Choco_overlay{ background: #000; position: fixed; top: 0; left: 0; z-index: 1000000000000000; width: 100%; height: 100%; display:none; padding:0; margin:0; } #Choco_content{ display:none; width:800px; height:600px; z-index:10000000000000001; position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-300px; border-top:1px solid transparent;/*Yes, adjust image perfectly at the center of a box, don't know why.*/ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 1); box-shadow: 0px 0px 12px rgba(0, 0, 0, 1); background-color:#000; } #Choco_left_arrow{ float:left; background-image:url(images/left-arrow.png) !important; background-position: 12% 50%; /* left:-14%;*/ } #Choco_left_arrow:hover{ background-image: url(images/left-arrow-h.png) !important; background-position: 5% 50%; } #Choco_right_arrow{ float:right; background-image:url(images/right-arrow.png) !important; background-position:88% 50%; /* left:14%;*/ } #Choco_right_arrow:hover{ background-image: url(images/right-arrow-h.png) !important; background-position: 95% 50%; } .Choco_arrows{ background-repeat:no-repeat; display:none; position:relative; cursor:pointer; width:20%; top:-100%; height:100%; margin-top:-30px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease } #Choco_container_photo{ text-align:center; width:0px; height:0px; background-image:url(images/d-loading.gif); background-repeat:no-repeat; background-position: center; } #Choco_loading{ width:9px; height:11px; background-image:url(images/d-loading.gif); background-repeat:no-repeat; z-index:10000000000000002; cursor:pointer; float:right; margin-top:-20px; display:none; opacity: 0 !important; } #Choco_bigImage{ display:none; position:relative; width:100%; height:100%; margin-top:-5px; border: 3px solid #000; -webkit-transition: 0.3s opacity ease 1s; -moz-transition: 0.3s opacity ease 1s; transition: 0.3s opacity ease 1s; } #Choco_container_description{ background-repeat: no-repeat; position: absolute; cursor: pointer; width: 100%; top: 0px; height: 75px; margin-top: -2px; color: #fff; font-family: 'GlyphaLTStd'; font-size: 14px; background:url(images/choco-bg.png) repeat; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; } #Choco_container_title{ float:left; padding:5px; } #Choco_container_title h1{font-size: 36px; line-height: 60px; font-family: 'GlyphaLTStd-Black'; float: left; margin-left: 29px;} #Choco_container_title h2{font-size: 14px; line-height:75px; float:left; margin-left: 15px; color:#7e7e7e} #Choco_container_title h2 span{ color:#fff} #Choco_container_via{ padding:5px; float:right; display:none } #Choco_container_via a{ color:gray; } #Choco_container_via a:hover{ color:white; background:gray; } #Choco_close{ width: 21px; height: 75px; background-image: url(images/close.png) !important; background-repeat: no-repeat; background-position: center left; z-index: 10000000000000002; cursor: pointer; margin-top: 0px; display: block; float: right; margin-right: 29px; } #Choco_close:hover{ background-position:center right; } #orbit-inside img.orbit-slide { height: 306px !important; }