@charset "utf-8"; body { color:#585858; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; background-image: url(../img/bg.jpg); background-repeat: repeat-x; } code { color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); } img { outline:none; border:none; border-style:none; } figure { margin: 0; } h1 { color:#242424; font-size:34px; font-weight:bold; text-align:center; line-height: 48px; padding: 25px 0; } h2 { color:#242424; font-size:21px; font-weight:bold; text-align:left; line-height: 30px; padding: 10px 0; } h3 { font-size:18px; line-height: 20px; } p { color:#585858; line-height:24px; font-weight:lighter; } p small { line-height:16px; } .container li { font-weight:lighter; } a:link, a:visited { color:#2e2e2e; } a:hover { color:#9e9e9e; text-decoration:none; } .container a:link:not(.btn), .container a:visited:not(.btn) { color:#5080ba; } .container a:hover:not(.btn) { color:#7ae; } img.logo { position: absolute; z-index:5; top:0; left: 50%; margin: 0 0 0 -51px; } img.explore { position: absolute; z-index:6; bottom:20px; left: 50%; margin: 0 0 0 -68px; opacity:0.7; filter:alpha(opacity=70); } img.explore:hover { opacity:1; filter:alpha(opacity=100); } .footer { text-align:center; font-size:11px; line-height: 24px; padding: 10px 0 20px 0; } .footer .contacts-news { display: inline-block; vertical-align: middle; } .footer .twitter-follow-button { vertical-align: middle; } .footer a { padding: 0 4px; } .footer a, .download a, img.explore, .download a span, .download a.win span.hover_icon, .download a.mac span.hover_icon { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* carousel */ .carousel { background-image: url(../img/slide_bg.jpg); background-repeat: no-repeat; background-position: center top; font-size:22px; line-height:110px; margin:0; background-color: #242424; min-width:762px; width:auto !important; width: 762px; } .carousel-inner .item { height:550px; width:100%; color: #555; text-align: center; } .carousel-inner .slide1 { padding: 255px 0 0 0; } .carousel-inner .slide2 { padding: 250px 0 0 0; } .carousel-inner .slide3 { padding: 150px 0 0 0; width: 940px; margin-right: auto; margin-left: auto; *zoom: 1; } .carousel-inner span, .carousel-inner span, .carousel-inner span { font-size:50px; display:block; line-height: 70px; color: #eee; } /* carousel arrows override */ .carousel-control { position:absolute; top:50%; left:15px; width:44px; height:60px; margin-top:-30px; font-size:60px; font-weight:100; line-height:30px; color:#fff; text-align:center; background:transparent; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; opacity:1; filter:alpha(opacity=100); display:block; background-image:url(../img/arrows.png); background-repeat:no-repeat; background-position:left top; outline:none; } .carousel-control.right { right:15px; left:auto; background-position:right top; } .carousel-control:hover, .carousel-control:focus { color:#fff; text-decoration:none; opacity:1; filter:alpha(opacity=100); outline:none; } .carousel-control:hover { background-position:left bottom; } .carousel-control.right:hover { background-position:right bottom; } /* download */ .download { text-align: center; width:724px; height: 171px; background-repeat: no-repeat; background-image: url(../img/download_bg.jpg); background-position: top center; margin: 0 auto; overflow: hidden; } .download a { background-image:url(../img/download_icons.png); background-repeat:no-repeat; color:#585858; display: block; width: 362px; margin: 0 0 0 0; float: left; line-height: 24px; background-color: transparent; /*height: 24px; padding: 95px 0 30px 0;*/ height: 149px; padding:0; } .download a:first-child { margin:0; } .download a span.bold { color:#1a1a1a; font-weight:bold; } .download a span.hover_icon { height:90px; width:362px; display:block; background-repeat:no-repeat; background-image:url(../img/download_icons.png); } .download a:hover, .download a:hover span.bold { color:#9e9e9e; } .download a.win { background-position: 40px top; } .download a.mac { background-position: -287px top; } .download a.win span.hover_icon { background-position: 40px -175px; } .download a.mac span.hover_icon { background-position: -287px -175px; } .download a span.hover_icon { opacity:0; filter:alpha(opacity=0); } .download a.win:hover span.hover_icon, .download a.mac:hover span.hover_icon { opacity:1; filter:alpha(opacity=100); } /* inner page */ .header { width:100%; background-image:url(../img/page_bg.jpg); background-repeat:no-repeat; background-position: center top; padding:150px 0 0 0; } .container { max-width:755px; margin: 0 auto 10px auto; } .features .row-fluid { margin: 0 0 40px 0; } .features .row-fluid img { margin: 15px 0 10px 0; max-width:100%; height:auto; } /* menu */ .menu { font-size:14px; overflow: hidden; height: 50px; width: 774px; margin: 0 auto; padding: 0; } .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { float: left; height: 50px; background-image: url(../img/menu_arrow.jpg); background-repeat: no-repeat; background-position: center 56px; } .menu li a { color:#c8c8c8; display: block; padding: 0 15px; text-transform: uppercase; height: 50px; line-height: 50px; } .menu li:hover, .menu li.active { background-image: url(../img/menu_arrow.jpg); background-repeat: no-repeat; background-position: center bottom; } .menu li:hover a, .menu li.active a { color:#c8c8c8; text-decoration:none; } /* search */ .search { float:right; position:relative; z-index:8; margin: 11px 0 0 0; } .search input { background-image: url(../img/input_bg.jpg); background-repeat: repeat-x; height: 25px !important; line-height: 25px; border:none; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background-color: transparent; padding:0 10px 0 30px; color:#c6c6c6; margin: 0 5px 0 0; width:110px; } .search .search_button { background-image: url(../img/search.jpg); width:12px; height:10px !important; padding:0; margin:0; background-repeat:no-repeat; border:1px solid transparent; position:absolute; z-index: 9; top:8px; left: 10px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; outline:none; border-style:none; color:transparent; }