/* http://www.color-hex.com/color/0099ff http://www.color-hex.com/color/002d4c gris fondo #F2F2F2 Script Name: GameBase Description: Video Games Database. Author: ArmorThemes Author URI: http://www.armorthemes.com/ Version: 1.3 ******************************************************************************************* ******************************************************************************************* _____ ______ | __ \ | ___ \ | | \/ __ _ _ __ ___ ___| |_/ / __ _ ___ ___ | | __ / _` | '_ ` _ \ / _ \ ___ \/ _` / __|/ _ \ | |_\ \ (_| | | | | | | __/ |_/ / (_| \__ \ __/ \____/\__,_|_| |_| |_|\___\____/ \__,_|___/\___| ******************************************************************************************* ******************************************************************************************* */ /*------------------ Body -----------------------*/ article,footer,header,hgroup,main,section{display:block;} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body{margin:0;padding: 0px;} body{font-family:"Open Sans",Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;color: #333;background-image:url(images/gray-pattern.png);} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Open Sans",Arial,sans-serif;} a{color:#09F;text-decoration:none;}a:hover{color:#333;text-decoration:none;} /*------------------ Header -----------------------*/ body > header {background: #FFF;min-height: 70px;} body > header .head{max-width:1050px;margin:0 auto;} body > header .head .logo{float:left;width:320px;margin-top: 10px;} #main-nav {float: left;margin-top: 20px;position: relative;z-index: 1;} #main-nav ul { font-size: 14px; text-transform: uppercase; font-weight: 700; list-style: outside none none; margin: 0px; padding: 0px; } #main-nav .menu > li { float: left; height: 30px; margin-right: 25px; /* margin-right: 30px; */ } #main-nav .menu>li:hover { border-bottom:5px solid #09F; } #main-nav .menu > li > a { float: left; position: relative; color: #222; font-weight: 700; line-height: 30px; } #main-nav .menu > li > i { float: left; cursor: pointer; margin: 8px 0px 0px 10px; color: #09F; } /*------------------ Search Form -----------------------*/ /* body > header .search{float: right;margin-top:15px;width: 235px;} */ body > header .search{float: right;margin-top:15px;width: 200px;} body > header .searchbut{position: relative;float: right;margin:-37px 5px 0px -50px;color:#FFF;background:#002D4C;border: none;font-size:16px;width: 40px;height: 30px;border-radius: 0px 3px 3px 0px;outline:none !important;} body > header .searchbut:hover{color:#09F;} .input-group{position:relative;display:table;border-collapse:separate;} .input-group .form-control { display: table-cell; width: 210px; margin-bottom: 0px; color: #FFF; vertical-align: middle; background-color: #002D4C; border: 2px solid #002D4C; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; outline:none !important; } .form-control:hover{border:2px solid #06F;} .input-sm { height: 22px; padding: 7px 10px; font-size: 14px; line-height: 1.5; border-radius: 5px; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } .input-sm::-webkit-input-placeholder { /* For WebKit browsers */ color:#FFF; opacity: 1; } .input-sm:-moz-placeholder { /* For Mozilla Firefox 4 to 18 */ color:#FFF; opacity: 1; } .input-sm::-moz-placeholder { /* For Mozilla Firefox 19+ */ color:#FFF; opacity: 1; } .input-sm:-ms-input-placeholder { /* For Internet Explorer 10+ */ color:#FFF; opacity: 1; } .wrap {max-width: 1050px;margin:0px auto;} .wraphome {max-width: 1050px;margin:-50px auto 0px auto;} /*------------------ Home Page -----------------------*/ .scrollcontent{position: relative;z-index: 1;padding-top: 15px;} .scrollback {height:390px;display: block;position: relative;background: transparent linear-gradient(to bottom, #002d4c 0px, #003d66 100%) repeat scroll 0% 0%;} .scrolltitle {position: relative;margin-bottom: 15px;font-weight: bold;border-bottom: 5px solid #FFF;} .scrolltitle h1 {color: #FFF;display: inline-block;border-bottom: 5px solid #09F;margin-bottom: -5px;line-height: 20px;font-size: 18px;font-weight: 700;padding-bottom: 10px;} .homethumb {margin-right: 15px;float: left;overflow: hidden;} .homethumb .overlay {position:absolute;left: 0px;width:233px;height:280px;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s;} .homethumb:hover .overlay {cursor:pointer;visibility:visible;opacity:1;} .homethumb .overlay p{font-size:16px;color:#fff;margin-top:125px;font-weight: bold;text-align: center;} .homethumb i {color: #09F;font-size: 38px;position: absolute;width: 100%;text-align: center;margin-top: 75px;} .box-header {position: relative;margin-bottom: 15px;font-weight: bold;border-bottom: 5px solid #BCBCBC;height: 45px;} .box-header h2 {color: #222;display: inline-block;border-bottom: 5px solid #09F;margin-bottom: -5px;line-height: 20px;font-size: 18px;font-weight: 700;padding-bottom: 10px;} .box-home-videos ul {list-style: none;margin: 0px;position: relative;padding: 0px;} .box-home-videos li {width: 234px;height: 200px;margin: 0px 13px 13px 0px;float: left;overflow: hidden;position: relative;} .box-home-videos li:nth-child(3n){margin: 0px 0px 13px 0px;} .homevideothumb img {border: 2px solid #000;background: #000 none repeat scroll 0% 0%;} .box-home-videos .videosubtitle a{display: block;font-size:14px;color:#222;margin:5px 0px 5px 0px;font-weight: bold;} .box-home-videos .videosubtitle a:hover{color:#09F;} .homevideothumb .overlay {position:absolute;top: 0px;left: 0px;width: 234px;height: 133px;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s;} .homevideothumb:hover .overlay {cursor:pointer;visibility:visible;opacity:1;} .homevideothumb i {color:#09F;font-size: 32px;position: absolute;width: 100%;text-align: center;margin-top: 50px;} .box-home-reviews {float:left;} .box-home-reviews ul {list-style: none;margin: 0px;position: relative;padding: 0px;} .box-home-reviews li {width: 357px;height: 190px;background-color:#FFF;margin: 0px 13px 13px 0px;float: left;overflow: hidden;position: relative;} .box-home-reviews li:nth-child(2n){margin: 0px 0px 13px 0px;} .homereview {margin: 15px;} .homereview a{font-size:14px;color:#222;font-weight: bold;} .homereview a:hover{color: #0099ff;} .homereview p{font-size:14px;color:#555;min-height: 60px;} .homereview .details {float: left;color: #767676;background-color: #F2F2F2;font-size: 12px;padding: 3px 10px;border: 1px solid #D9D9D9;border-radius: 3px;margin-bottom: 10px;} .homereview .details i {margin-right:5px;} .barsep {margin: 10px;border-left: 1px solid #FFF;border-right: 1px solid #C5C5C5;} .homereview .starbox {margin: 10px 0px 0px 0px;} span.stars, span.stars span {display: block;background: url(images/stars.png) 0 -16px repeat-x;width: 80px;height: 16px;} span.stars span {background-position: 0 0;} /*------------------ Other Pages -----------------------*/ .box-pagecontent {margin-top:20px;} .randombox {padding:10px 15px;margin-top:20px;margin-bottom:30px;color: #333;background-color: #FFF;} .randombox p {white-space: pre-wrap;margin: 0px;} /*------------------ Footer -----------------------*/ body > footer {background: transparent linear-gradient(to bottom, #002d4c 0px, #003d66 100%) repeat scroll 0% 0%;padding-top: 15px;font-size: 12px;color: #DDD;margin-left:auto;margin-right:auto;width:100%;height:50px;clear:both;} body > footer .footcontent{max-width:1050px;margin:0 auto;} body > footer .footcontent .pull-left b{color: #09F;} body > footer .footcontent a{color: #DDD;} body > footer .footcontent a:hover{color: #FFF;} body > footer .footsep{margin: 10px;border-left: 1px solid #4D515F;} /*------------------ Icons -----------------------*/ @charset "UTF-8";body{-webkit-backface-visibility:hidden;}@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=3.2.1');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}a [class^="icon-"],a [class*=" icon-"]{display:inline;}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}.icon-muted{color:#eeeeee;}.icon-light{color:#ffffff;}.icon-dark{color:#333333;}.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}.pull-right{float:right;}.pull-left{float:left;}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}.icon-flip-horizontal:before{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1);}.icon-flip-vertical:before{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1);}a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} .icon-search:before{content:"\f002";}.icon-chevron-left:before{content:"\f053";}.icon-chevron-right:before{content:"\f054";} .icon-caret-left:before{content:"\f0d9";}.icon-caret-right:before{content:"\f0da";} .icon-random:before{content:"\f074";}.icon-thumbs-up-alt:before{content:"\f087";}.icon-thumbs-down-alt:before{content:"\f088";}.icon-comment-alt:before{content:"\f0e5";}.icon-cloud-download:before{content:"\f0ed";}.icon-youtube-sign:before{content:"\f166";}.icon-youtube-play:before{content:"\f16a";} .icon-facebook:before{content:"\f09a";}.icon-twitter:before{content:"\f099";}.icon-google:before{content:"\f0d5";} .icon-play-circle:before{content:"\f144";} .icon-play:before{content:"\f04b";} .icon-eye:before{content:"\f06e";} .icon-clock:before{content:"\f017";} .icon-calendar:before{content:"\f073";} .icon-desktop:before{content:"\f108";} .icon-home:before{content:"\f015";} .icon-gamepad:before{content:"\f11b";} .icon-star:before{content:"\f005";} .icon-camera:before{content:"\f030";} .icon-down:before{content:"\f0d7";} /*------------------ Post Page -----------------------*/ .postcontent {float: left;width: 728px;margin: 0px 0px 30px 0px;} .postheader {position: relative;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;border-bottom: 1px solid #FFF;background-color:#002D4C;} .postheader .overlay {padding: 20px 0px 25px 0px;background-color: rgba(38, 41, 51, 0.85);} .posttitle {margin-bottom: 10px;font-weight: bold;border-bottom: 5px solid #BCBCBC;} .posttitle h1 {color: #222;display: inline-block;border-bottom: 5px solid #09F;margin-bottom: -5px;line-height: 20px;font-size: 18px;font-weight: 700;padding-bottom: 10px;} .gamepostintro {position: relative;color: #FFF;font-weight: bold;font-size: 18px;border-bottom: 1px solid #000;box-shadow: 0px 1px 0px #4B4B4B;padding-bottom: 10px;margin-bottom: 10px;} .postintro {position: relative;color: #222;font-weight: bold;font-size: 16px;border-bottom: 1px solid #CCC;box-shadow: 0px 1px 0px #FFF;padding-bottom: 10px;} .introplatforms img {margin: 0px 10px 0px 0px;vertical-align: middle;} .introplatforms a {margin-right: 10px;} .introplatforms a:hover {color: #FFF;} .gameposttitle {position: relative;margin-bottom: 10px;font-weight: bold;border-bottom: 5px solid #FFF;} .gameposttitle h1 {color: #FFF;display: inline-block;border-bottom: 5px solid #09F;margin-bottom: -5px;line-height: 20px;font-size: 18px;font-weight: 700;padding-bottom: 10px;} .after-header {padding: 30px 0px;background: transparent url(images/bg-grad.png) repeat-x scroll 0% 0%;border-top: 2px solid #FFF;} .videoinfo {margin-top:-10px;margin-bottom:10px;} .videodetails {color: #767676;font-size: 16px;background-color: #F2F2F2;padding: 10px 15px;border-bottom: 1px solid #D9D9D9;border-radius:3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;} .videodetails [class^="icon-"] {margin-right:5px;} .videosep {margin: 15px;border-left: 1px solid #fff;border-right: 1px solid #C5C5C5;} .videodesc {color: #333;overflow: hidden;} .videodesc p {white-space: pre-wrap;margin-bottom: 10px;} .videodesc h2 {font-size: 16px;color: #222;border-bottom: 1px solid #CCC;box-shadow: 0px 1px 0px #FFF;padding-bottom: 5px;clear: both;} .videodesc h3 {font-size: 14px;color: #222;border-left: 3px solid #002D4C;padding-left: 10px;} .videodesc h4 {font-size: 14px;color: #222;} .videodesc a {color: #333;} .videodesc a:hover {color: #333;} .videodesc [data-align="left"] {float: left !important;margin: 5px 30px 10px 0px;max-width: 728px;} .videodesc [data-align="right"] {float: right !important;margin: 5px 0px 10px 30px;max-width: 728px;} .videodesc [data-size="small"] {max-width: 280px;} .videodesc [data-size="large"] {clear: both;max-width: 100%;} .videodesc [data-align="center"] {margin-left: auto;margin-right: auto;text-align: center;} .videodesc img {box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);max-width: 100%;} .videodesc figcaption {font-size: 12px;} .videodesc table[data-max-width="true"] {width: 100%;} .videodesc thead {background-color:#E3E3E3;} .videodesc thead th{padding: 8px;} .videodesc tbody {background-color:#F5F5F5;} .videodesc tbody td{padding: 8px;} .videoshare {background-color: #F2F2F2;padding: 10px 15px;border-top: 1px solid #D9D9D9;border-radius:0px 0px 3px 3px;-moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px;} .videocomments {padding:10px 15px;color: #333;background-color: #FFF;-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);border: 1px solid #D9D9D9;margin-bottom:10px;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;} .videocomments h2 {font-size: 18px;font-weight: bold;padding: 0px;margin: 0px 0px 10px 0px;border-bottom: 2px solid #09F;} #videos a,#reviews a,#similar a {color: #333;} #videos a:hover,#reviews a:hover,#similar a:hover {color: #09F;} #videos i,#reviews i,#similar i {color: #09F;padding-right: 5px;} /*------------------ Tabs -----------------------*/ .tab-content > .tab-pane, .pill-content > .pill-pane {display: none!important;visibility: hidden!important;} .tab-content > .active, .pill-content > .active {display: block!important;visibility: visible!important;} .fade{opacity:0;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;} .fade.in{opacity:1;position: relative;} .gametabs ul { border-bottom: 5px solid #D5D5D5; float: left; display: block; width: 100%; padding: 0px; margin-bottom: 20px; margin-top: -45px; } .gametabs ul li { float: left; display: block; font-weight: bold; font-size: 14px; padding: 0px 25px 0px 0px; margin: 0px; line-height: 40px; text-shadow: 1px 1px 0px #FFF; text-align: center; } .gametabs ul li a { display: block; color: #868D94; } .gametabs ul li a:hover { color: #222; } .gametabs ul li.active a { border-bottom: 5px solid #09F; margin: 0px 0px -7px; color: #222; } /*------------------ images Tab -----------------------*/ #images .thumbnail { height:129px; width: 230px; border: 1px solid #000; padding: 0px; border-radius: 0px; } #images ul { list-style: outside none none; margin: 0px; position: relative; padding: 0px; } #images li { margin-right: 15px; margin-bottom: 10px; float: left; position: relative; } #images li:nth-child(3n){margin-right: 0px;} #lightgallery li .overlay {position:absolute;top: 0px;left: 0px;width: 232px;height: 131px;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s;} #lightgallery li:hover .overlay {cursor:pointer;visibility:visible;opacity:1;} #lightgallery li i {color:#09F;font-size: 24px;position: absolute;width: 100%;text-align: center;margin-top: 55px;} /*------------------ jcarousel -----------------------*/ .fcarousel .carousel-container { position: relative; margin: 10px 35px; } /* This is the visible area of you carousel. Set a width here to define how much items are visible. The width can be either fixed in px or flexible in %. Position must be relative! */ .jcarousel { position: relative; overflow: hidden; } /* This is the container of the carousel items. You must ensure that the position is relative or absolute and that the width is big enough to contain all items. */ .jcarousel ul { width: 20000em; position: relative; /* Optional, required in this case since it's a