Wsparcie » Motywy » Rozmieszczenie loga

  • Rozwiązano Rmen94

    (@rmen94)


    Witam.

    Podaje moja strone: http://ubccamp.cba.pl/

    To gorne logo chcialbym zeby bylo ladnie dopasowane, jak widzimy jest i za krotkie i za male.. jak to zrobic?

    Kod header.php:

    <!DOCTYPE html>
    <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
    <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
    <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!-->
    <html <?php language_attributes(); ?>> <!--<![endif]-->
    <head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    
    <style>
    body {background:url(<?php echo get_template_directory_uri();?>/images/wallpaper-386636.jpg) no-repeat top center;}
    </style>
    
    <!-- PAGE TITLE -->
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    
    <!--[if lt IE 9]>
    	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    
    <?php global $smof_data; ?>
    
    <!-- Mobile Specific Metas & Favicons
    ========================================================= -->
    
    <?php if($smof_data['rnr_favicon_url'] != "") { ?><link rel="shortcut icon" href="<?php echo $smof_data['rnr_favicon_url']; ?>"><?php } ?>
    
    <!-- WordPress Stuff
    ========================================================= -->
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    
    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    	<!-- Google Web Fonts -->
    
     <?php get_template_part( 'includes/googlefonts'); ?>
    
    <?php wp_head(); ?>
    
    </head>
    
    <body <?php body_class('onepage'); ?> data-spy="scroll" data-target=".navigation">
     <div id="load"></div>
    
         <!-- START PAGE WRAP -->
        <div class="page-wrap <?php if($smof_data['rnr_enable_dark_skin'] == true) { echo 'dark-skin'; } ?>">
    
    <img src="/wp-content/uploads/2014/05/wybierzto.jpg)" alt="Tu podaj tekst alternatywny" />
      <!-- HEADER SECTION -->

    Wstawilem ta linijke
    <img src="/wp-content/uploads/2014/05/wybierzto.jpg)" alt="Tu podaj

    Podam moze jeszcze na wszelki wielki theme.css

    /*--------------------------------------------------------
    Resets
    --------------------------------------------------------*/
    html, body {
    	height: 100%;
    }
    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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1.5;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after, q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    /*--------------------------------------------------------
    BEGIN THEME STYLESHEET
    --------------------------------------------------------*/
    @import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
    
    @font-face {
    	font-family: 'BebasNeueRegular';
    	src: url('../fonts/BebasNeue-webfont.eot');
    	src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    	font-weight: normal;
    	font-style: normal;
    }
    
    ::-moz-selection {
     background: #FFD600;
     color: white;
    }
    ::selection {
    	background: #FFD600;
    	color: white;
    }
    a, a:visited, a:hover {
    	outline: none;
    }
    body {
    	background-image: url(images/wallpaper-386636.jpg) no-repeat top left;
    	font: 13px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: 300;
    	color: #515A5F;
    	-webkit-font-smoothing: antialiased;
    	-webkit-text-size-adjust: 100%;
    	overflow-x: hidden;
    }
    .embed-container {
    	position: relative;
    	padding-bottom: 56.25%; /* 16/9 ratio */
    	padding-top: 30px; /* IE6 workaround*/
    	height: 0;
    	overflow: hidden;
    }
    .embed-container iframe, .embed-container object, .embed-container embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    img.responsive {
    	width: 100%;
    	height: auto;
    }
    .hidden {
    	display: none;
    }
    em {
    	font-style: italic;
    }
    strong {
    	font-weight: bold;
    }
    small {
    	font-size: 80%;
    }
    hr {
    	border: solid #eeeeee;
    	border-width: 1px 0 0;
    	clear: both;
    	margin: 10px 0 30px;
    	height: 0;
    }
    pre {
    	height: auto;
    	font-family: Consolas, monospace;
    	border: 1px solid #f0f0f0;
    	background: #fafafa;
    	padding: 10px 20px;
    	-moz-border-radius: 2px;
    	-webkit-border-radius: 2px;
    	border-radius: 2px;
    	margin: 0 0 20px 0;
    	overflow-x: auto;
    }
    .hidden {
    	display: none !important
    }
    .responsive img, .responsive iframe, .responsive object, .responsive embed {
    	width: 100%;
    	width: 100%;
    	height: auto;
    }
    /*==== Anchor Links ====*/
    img {
    	max-width: 70%;
    	height: auto;
    }
    a {
    	color: #FFD600;
    	text-decoration: none;
    	outline: 0;
    	-webkit-transition: all 0.2s ease;
    	-moz-transition: all 0.2s ease;
    	-ms-transition: all 0.2s ease;
    	-o-transition: all 0.2s ease;
    	transition: all 0.2s ease;
    }
    .highlight {
    	color: #FFD600;
    }
    a:hover, a:focus {
    	color: #666666;
    }
    a:focus {
    	outline: none;
    	outline-offset: 0;
    }
    p a, p a:visited {
    	line-height: inherit
    }
    /*==== Lists ====*/
    ul, ol {
    	margin-bottom: 20px
    }
    ul {
    	list-style: none;
    }
    ul.styled-list {
    	padding: 0;
    }
    ol {
    	margin: 0;
    	padding: 0 0 0 30px;
    }
    ol {
    	list-style: decimal
    }
    ul li ul, ol li ul, ol li ul, ol li ol {
    	margin-bottom: 0
    }
    .left {
    	float: left;
    }
    .right {
    	float: right;
    }
    .alignleft {
    	text-align: left;
    }
    .alignright {
    	text-align: right;
    }
    .aligncenter {
    	text-align: center;
    	display: block;
    }
    /*--------------------------------------------------------
    /* TYPOGRAPHY
    --------------------------------------------------------*/
    
    h1, h2, h3, h4, h5, h6 {
    	text-transform: uppercase;
    	font-weight: 400;
    	margin-bottom: 10px;
    }
    body #load {
    	width: 100%;
    	height: 100%;
    	position: fixed;
    	overflow: hidden;
    	z-index: 1001;
    	background-color: #ffffff;
    }
    #qLpercentage {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 60px !important;
    	line-height: 1;
    }
    h1 {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 80px;
    	text-transform: uppercase;
    	position: relative;
    	margin-bottom: 0px;
    }
    h2 {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 44px;
    	text-transform: uppercase;
    	position: relative;
    }
    h3 {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 30px;
    }
    h4 {
    	font-family: 'Oswald', sans-serif;
    	font-size: 22px;
    }
    h5 {
    	font-family: 'Oswald', sans-serif;
    	font-size: 20px;
    }
    h6 {
    	font-family: 'Oswald', sans-serif;
    	font-size: 18px;
    }
    p {
    	margin-bottom: 10px;
    }
    
    /*--------------------------------------------------------
    /* MENU STYLING
    --------------------------------------------------------*/
    
    nav {
    	width: 100%;
    	position: relative;
    	z-index: 1000;
    }
    
    nav.page_scroll {
    	top:0;
    	position:fixed;
    }
    
    nav.page-scroll {
    	top:0;
    	position:fixed;
    }
    
    .home-parallax.pagescroll, .home-gradient.pagescroll {
    	margin-bottom:-80px;
    }
    
    /*== DARK NAVIGATION ==*/
    nav.dark {
    	background: #151515;
    	border-bottom: 1px solid #000000;
    }
    .navigation.dark .logo h1 {
    	color: #ffffff !important;
    }
    /*== LIGHT NAVIGATION ==*/
    nav.light {
    	background: #ffffff;
    	box-shadow: 0px 4px 15px rgba(0,0,0,0.07);
    	border-bottom: 1px solid #f0f0f0;
    	transition: all 0.5s;
    	-moz-transition: all 0.5s;
    	-webkit-transition: all 0.5s;
    	-o-transition: all 0.5s;
    }
    nav.light.sticky {
    	background: #ffffff;
    	background: rgba(255,255,255,0.95);
    }
    
    /*== TRANSPARENT NAVIGATION ==*/
    nav.transparent {
    	background: transparent;
    	border-bottom: 1px solid transparent;
    	box-shadow: none;
    	position:fixed;
    	width:100%;
    	top:0;
    }
    
    nav.transparent a {
    	color:#ffffff;
    }
    
    nav.transparent.scroll {
    	background: #ffffff;
    	background: rgba(255,255,255,0.95);
    	box-shadow: 0px 4px 15px rgba(0,0,0,0.07);
    }
    nav.transparent.scroll a {
    	color: #515A5F;
    }
    
    .dark-skin nav.transparent.scroll {
    	background: #111111;
    	background: rgba(0,0,0,0.95);
    	box-shadow: 0px 4px 15px rgba(0,0,0,0.07);
    }
    
    /* ------------------------------------------------------------------------ */
    /*  COLORED MENU
    /* ------------------------------------------------------------------------ */
    
    nav.colored, nav.light.colored {
    	background: #ffd600;
    	box-shadow: 0px 4px 15px rgba(0,0,0,0.07);
    	border-bottom: 0px;
    }
    
    nav.colored ul > li > a {
    	color:#ffffff;
    }
    
    nav.colored ul > li.active > a {
    	color:#515A5F;
    }
    
    nav .container .four.columns {
    	float: left;
    	width: auto
    }
    nav .container .twelve.columns {
    	float: right;
    	width: auto
    }
    .main-menu, .logo {
    	height: 50px;
    	display: table-cell;
    	vertical-align: middle;
    }
    .main-menu.large, .logo.large {
    	height: 80px;
    }
    .logo a {
    	display: block;
    	margin: auto;
    	font-size:36px;
    	color: #7dbc49 !important;
    }
    .main-menu li {
    	display: inline;
    	margin-left: 30px;
    }
    .main-menu a {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 22px;
    	color: white;
    	text-decoration: none;
    	text-transform: uppercase;
    }
    nav.light .main-menu a {
    	color: inherit;
    }
    nav.light .main-menu a:hover, nav.dark .main-menu a:hover {
    	color: #FFD600;
    	transition: color 0.5s;
    	-moz-transition: color 0.5s;
    	-webkit-transition: color 0.5s;
    	-o-transition: color 0.5s;
    }
    nav.light .main-menu li.active a, nav.dark .main-menu li.active a {
    	color: #FFD600;
    }
    .main-menu a i {
    	margin-right: 3px;
    	font-size: 22px;
    }
    /*== ICONIC NAVIGATION ==*/
    .main-menu.iconic li {
    	margin-left: 40px;
    }
    .main-menu.iconic a {
    	display: inline-block;
    }
    .main-menu.iconic a i {
    	font-size: 25px;
    	display: block;
    	text-align: center;
    	margin: 8px auto 4px;
    }
    
    ul#nav, ul#nav ul {
    	padding-left: 0;
    }
    ul#nav li {
    	display: block;
    	float: left;
    	position: relative;
    }
    #nav .sub-menu {
    	position: absolute;
    	top: 52px;
    	left: -15px;
    	z-index: 2000;
    	display: none;
    	background: #ffffff;
    	-webkit-box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07)
    	-moz-box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07)
    	box-shadow: 0px 7px 30px 2px rgba(0, 0, 0, 0.07)
    }
    #nav .sub-menu li {
    	display: block;
    	margin: 0;
    	padding: 0;
    	height: auto;
    	border-bottom: 1px solid #f3f3f3;
    }
    #nav .sub-menu li a, #nav .sub-menu li .sub-menu li a, #nav .sub-menu li .sub-menu li .sub-menu li a {
    	border: none !important;
    	display: block;
    	width: 160px;
    	margin: 0;
    	padding: 8px 15px;
    	color: #515A5F;
    	line-height: normal;
    	height: auto;
    	box-shadow: none;
    	-webkit-box-shadow: none;
    	-mox-box-shadow: none;
    	box-shadow: none;
    }
    #nav .sub-menu li a:hover,
    #nav .sub-menu li .sub-menu li a:hover,
    #nav .sub-menu li .sub-menu li .sub-menu li a:hover {
    	color: #FFD600;
    }
    
    #nav .sub-menu li.current-menu-item a,
    #nav .sub-menu li.current-menu-item a:hover,
    #nav .sub-menu li.current_page_item a,
    #nav .sub-menu li.current_page_item a:hover,
    #nav .sub-menu li .sub-menu li.current-menu-item a,
    #nav .sub-menu li .sub-menu li.current-menu-item a:hover,
    #nav .sub-menu li .sub-menu li.current_page_item a,
    #nav .sub-menu li .sub-menu li.current_page_item a:hover,
    #nav .sub-menu li a.active,
    #nav .sub-menu li a.active:hover
    {
    	background: #FFD600;
    	color: #fff;
    	-webkit-box-shadow: none;
    	-mox-box-shadow: none;
    	box-shadow: none;
    }
    #nav .sub-menu li:last-child {
    	border: none;
    }
    #nav .sub-menu li ul {
    	top: 10px;
    	left: 178px;
    }
    
    .selectnav {
    	display: none;
    }
    
    /*-----------------------------------------------------------------------------------*/
    /*	HOME 1 STYLING
    /*-----------------------------------------------------------------------------------*/
    .home-text-wrapper {
    	display: -webkit-box;
    	vertical-align: middle;
    	margin: auto;
    }
    
    .home1 .slabtextdone {
    	color: #ffffff;
    }
    .home1 .slabtextdone .slabtext.second-child {
    	background: #FFD600;
    	padding: 15px 10px 0;
    	display: inline-block;
    	width: auto;
    	margin-left: -10px;
    	color: #000000;
    	margin-bottom: 10px;
    }
    .home1.home-gradient .slabtextdone .slabtext.second-child {
    	background: none;
    }
    
    .home-logo img {
    width:100%;
     }
    
    .home-logo, .home-logo-text {
    margin: auto;
    }
    
    /*-----------------------------------------------------------------------------------*/
    /*	HOME 2 STYLING
    /*-----------------------------------------------------------------------------------*/
    
    .home-slide .home-slide-content {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 90px;
    	text-transform: uppercase;
    	position: relative;
    	margin-bottom: 0px;
    	text-align: center;
    	line-height: 1;
    }
    .home-slide .home-slide-content {
    	padding: 55px 10px 50px;
    	background: rgba(0, 0, 0, 0.3);
    	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    	color: #ffffff;
    }
    
    /*-----------------------------------------------------------------------------------*/
    /*	HOME 3 STYLING
    /*-----------------------------------------------------------------------------------*/
    
    .home3 .container {
    	width: 500px;
    	height: 500px;
    	border-radius: 50%;
    	background: rgba(0, 0, 0, 0.81);
    	text-align: center;
    	-webkit-transition: all 0.4s ease-in-out;
    	-moz-transition: all 0.3s ease;
    	-o-transition: all 0.3s ease;
    	transition: all 0.3s ease;
    	box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.24);
    	overflow: hidden;
    }
    
    .home3 .container.no-safari {
    	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden;
    }
    .home3 .home-quote {
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    	display: table-cell;
    	vertical-align: middle;
    	height: inherit;
    	text-align: center;
    	width: inherit;
    	overflow: hidden;
    	color: white;
    }
    .home3 .slabtextdone {
    	color: #ffffff;
    }
    .home3 .slabtextdone .slabtext.second-child {
    	display: inline-block;
    	width: auto;
    	color: #FFD600;
    	text-shadow: none;
    	overflow: hidden;
    }
    .home3 .container:hover {
    	-webkit-transform: scale(1.09);
    	-moz-transform: scale(1.09);
    	-o-transform: scale(1.09);
    	-ms-transform: scale(1.09);
    	transform: scale(1.09);
    	box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.24);
    	-webkit-transform-style: preserve-3d;
    	overflow: hidden;
    }
    .home3 h1 {
    	font-size: 30px;
    	overflow: hidden;
    	margin: 0 50px;
    }
    /*-----------------------------------------------------------------------------------*/
    /*	HOME 4 STYLING
    /*-----------------------------------------------------------------------------------*/
    
    .home4 .slabtextdone {
    	text-shadow: none;
    }
    .home4 .home-quote {
    	padding: 10px 10px 0;
    	background: rgba(255, 255, 255, 0.63);
    	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
    	box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.32);
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }
    .home4.home-gradient .home-quote {
    	background: #ffffff;
    }
    .home4 .home-quote:hover {
    	box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.32);
    }
    .home4 .slabtextdone .slabtext.second-child {
    	background: #FFD600;
    	padding: 15px 10px 0;
    	display: inline-block;
    	width: auto;
    	margin-left: -10px;
    	color: #ffffff;
    }
    /*-----------------------------------------------------------------------------------*/
    /*	HOME 5 STYLING
    /*-----------------------------------------------------------------------------------*/
    
    .home-fullscreenslider {
    	background: url(../images/pattern.png);
    	position: relative;
    	overflow: hidden;
    	height: 100%;
    }
    .home-fullscreenslider .container {
    	height: 100%;
    }
    
    /* ------------------------------------------------------------------------ */
    /*  HOME FULLSCREEN VIDEO
    /* ------------------------------------------------------------------------ */
    .home-fullscreenvideo {
    	background:#1F2224;
    }
    
    /* ------------------------------------------------------------------------ */
    /*  HOME VARIATIONS
    /* ------------------------------------------------------------------------ */
    .home-banner {
    	 height: auto !important;
    	 padding:150px 0;
    	 color:#ffffff !important;
    }
    
    .home-banner2 {
    	 height: auto !important;
    	 padding:0;
    	 color:#ffffff !important;
    }
    
    .home-banner .slabtextdone {
    	text-shadow:none;
    }
    .home-newsletter {
    	 color:#ffffff !important;
    }
    .home-newsletter .slabtextdone {
    	text-shadow:none;
    	color:#ffffff;
    }
    
    /*--------------------------------------------------------
    /* PARALLAX STYLING
    --------------------------------------------------------*/
    .parallax {
    	width: 100%;
    	height: 400px;
    	position: relative;
    	overflow: hidden;
    	background: #f8f8f8;
    	color: #ffffff;
    	z-index:0;
    }
    
    .parallax h1,
    .parallax h2,
    .parallax h3,
    .parallax h4,
    .parallax h5,
    .parallax h6 {
    	color:inherit;
    }
    
    .parallax .container {
    	display: table;
    	overflow:hidden;
    }
    
    .parallax .parallax-content, .parallax .overlay {
    	height: 400px;
    }
    .parallax-content {
    	display: table-cell;
    	vertical-align: middle;
    	text-align: center;
    	overflow:hidden;
    }
    .overlay {
    	background: url(../images/pattern.png);
    	width: 100%;
    	position: absolute;
    	overflow:hidden;
    	height:100%;
    }
    .parallax-bg {
    	width: 100%;
    	height: 100%;
    	margin: 0 auto;
    	position: absolute;
    	background-size: cover;
    	background-attachment: fixed;
    	background-repeat: repeat-y;
    	background-position: top center;
    }
    /*--------------------------------------------------------
    /* PARALLAX SECTION 1
    --------------------------------------------------------*/
    p.quote {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 48px;
    	line-height: 1;
    	margin-bottom: 20px;
    	color: white;
    	text-align: center;
    	text-transform: uppercase;
    	z-index: 200;
    	margin: 0 5%;
    }
    .quote i {
    	font-size: 25px;
    	display: inline-table;
    	vertical-align: top;
    	margin: 0 5px;
    }
    .parallax .quote i {
    	color: #FFD600;
    }
    .quote-author {
    	height: 24px;
    	width: auto;
    	font-size: 17px;
    	font-weight: 600;
    	color: #ffffff;
    	position: relative;
    	margin-top: 25px;
    	z-index: 200;
    	font-style: italic;
    	text-align: center;
    }
    /*--------------------------------------------------------
    /* PARALLAX SECTION 2
    --------------------------------------------------------*/
    .twitter-slider {
    	width: 85%;
    	margin: 0 auto !important;
    }
    #twitter-feed {
    	text-align: center;
    	padding: 10px 0;
    }
    #twitter-feed li {
    	margin-bottom: 20px;
    
    }
    .twitter-feed-icon i {
    	font-size: 22px;
    	width: 23px;
    	color: #ffffff;
    	display: inline-block;
    	padding: 17px;
    	background: #FFD600;
    	border-radius: 50%;
    	box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);
    }
    .twitter-author {
    	text-transform: uppercase;
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 25px;
    }
    #twitter-feed ul.slides > li {
    	font-family: 'Oswald', sans-serif;
    	font-size: 20px;
    	color: #ffffff;
    	line-height: 1.4;
    	margin: 5px auto 30px;
    	padding: 15px 0;
    	border-top: 1px solid rgba(255, 255, 255, 0.30);
    	border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    }
    
    .twitter#twitter-feed {
    	text-align: left;
    }
    .twitter ul {
    	padding:0;
    }
    .twitter .twitter-feed-icon i {
    	display: none;
    }
    .twitter .twitter-author {
    	display: none;
    }
    .twitter li {
    	font-family: 'HelveticaNeue Light', sans-serif;
    	font-size: 13px;
    	color: inherit;
    	width: auto;
    	line-height: inherit;
    	margin-bottom: 20px;
    	padding: 0px;
    	border: none;
    }
    
    /*--------------------------------------------------------
    /* PARALLAX SECTION 3
    --------------------------------------------------------*/
    
    .testimonial-slider {
    	position: relative;
    	width: 85%;
    	margin: 0 auto !important;
    }
    .testimonial-slider ul {
    	text-align: center;
    	padding: 10px 0;
    }
    .testimonial-icon i {
    	font-size: 22px;
    	width: 23px;
    	color: #ffffff;
    	display: inline-block;
    	padding: 17px;
    	background: #FFD600;
    	border-radius: 50%;
    	box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);
    }
    .testimonial-slide .client-testimonial {
    	font-size: 13px;
    	font-family: 'Oswald', sans-serif;
    	font-size: 16px;
    	color: white;
    	line-height: 1.67;
    	margin: 5px auto 10px;
    	padding: 15px;
    	border-top: 1px solid rgba(255, 255, 255, 0.30);
    	border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    }
    .client-info {
    	color: rgb(255, 255, 255);
    	font-size: 14px;
    	font-weight: 600;
    	margin-bottom: 20px;
    	font-style: italic;
    }
    .client-info:before, .client-info:after {
    	content: '--';
    	margin: 0 3px;
    }
    
    /*--------------------------------------------------------
    /* PAGE SECTIONS
    --------------------------------------------------------*/
    
    .section {
    	padding: 100px 0 60px;
    	position: relative;
    	background: #ffffff;
    	z-index:6;
    	overflow:hidden;
    }
    .page.multipage {
    	text-align: left;
    	padding: 30px 0 0;
    }
    .page.multipage .copyright {
    	text-align: center;
    }
    
    /*======== TITLE SECTION ========*/
    
    .title {
    	text-align: center;
    }
    .title h1 {
    	line-height: 0.8;
    	margin-bottom: 20px;
    	line-height: 0.8;
    	display: inline-block;
    	padding: 10px 10px 3px;
    	background: #FFD600;
    	color: #ffffff;
    	border: 4px solid #ffffff;
    	box-shadow: 0px 0px 0px 3px #FFD600;
    }
    .multipage .title h1 {
    	margin: 60px 0 40px;
    	line-height: 0.8;
    }
    .subtitle {
    	font-family: 'Open Sans', "Times New Roman", Times, serif;
    	font-size: 25px;
    	line-height: 1.2;
    	padding: 0;
    	margin-bottom: 40px;
    	position: relative;
    	z-index: 1;
    	font-weight: 700;
    	text-transform: uppercase;
    }
    
    /*======== HOME SECTION ========*/	
    
    .home-video, .home-fullscreenslider  {
    	padding:0 !important;
    	display:table;
    	width:100%;
    	background: transparent;
    	z-index:10;
    }
    
    .home-parallax {
    	background: url(../images/parallax/parallax4.jpg);
    	background-size: cover !important;
    	background-color: #FFD600;
    	background-attachment:fixed !important;
    	padding:0;
    	position: relative;
    	overflow: hidden;
    	height: 100%;
    	width: 100%;
    	display: table;
    	color: #010101;
    	z-index:10;
    }
    
    /*======== HOME LOGO ========*/	
    
    .home-logo, .home-logo-text {
    	margin: 30px 0 100px;
    	position: relative;
    	display: block;
    	text-align: center;
    	width: 100%;
    	color:#000000;
    }
    .home-fullscreenslider .home-logo, .home-fullscreenslider .home-logo-text {
    	margin: 60px 0 100px;
    	font-size: 80px;
    }
    .home-logo-text a {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 60px;
    	text-transform: uppercase;
    	position: relative;
    	margin-bottom: 0px;
    	text-align: center;
    	line-height: 1;
    	padding: 5px 25px 0;
    	border: 5px solid;
    	color: inherit;
    }
    .home-logo-text.light a {
    	color: rgba(255,255,255,0.9);
    }
    .home-logo-text a:hover {
    	color: #ffffff;
    }
    .slabtextdone {
    	line-height: 0.8;
    	color: #020202;
    	text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4);
    }
    .slabtexted .slabtext {
    	display: -moz-inline-box;
    	display: inline-block;
    	white-space: nowrap;
    }
    .slabtextinactive .slabtext {
    	display: inline;
    	white-space: normal;
    	font-size: 1em !important;
    	letter-spacing: inherit !important;
    	word-spacing: inherit !important;
     *letter-spacing:0 !important;
     *word-spacing:0 !important;
    }
    .slabtextdone .slabtext {
    	display: block;
    }
    /*=== PORTFOLIO SECTION ===*/
    
    #portfolio {
    	padding-bottom: 0;
    }
    /*==== PORTFOLIO FILTERS ====*/
    
    #filters {
    	margin-top: 10px;
    	margin-bottom: 0px;
    	text-align: center;
    	display: block;
    	float: none;
    	z-index: 2;
    	position: relative;
    }
    #filters ul {
    	margin: 0;
    	list-style: none;
    	padding: 0;
    }
    #filters ul li {
    	display: inline-block;
    }
    #filters ul li a {
    	display: block;
    	float: left;
    	padding: 2px 5px;
    	color: inherit;
    	margin-right: 5px;
    	margin-bottom: 5px;
    	font-weight: bold;
    }
    #filters ul li a h3 {
    	font-size: 18px;
    	padding: 2px 6px 0px;
    	border: 2px solid;
    }
    #filters ul li a:hover h3, #filters ul li a.active h3 {
    	color: #FFD600;
    }
    /*==== PORTFOLIO AJAX NAVIGATION =====*/
    #project-navigation {
    	width: 100%;
    	height: 40px;
    	position: absolute;
    	top: 10px;
    	left: 0;
    	margin: 0;
    	z-index: 1;
    }
    #project-navigation ul {
    	float: none;
    	margin: 0;
    	list-style: none;
    	display: none;
    	padding: 0;
    }
    #project-navigation ul li#prevProject a {
    	background: url(../images/arrow_left.png) center center no-repeat;
    	float: right;
    	margin-right: 64px;
    }
    #project-navigation ul li#nextProject a {
    	background: url(../images/arrow_right.png) center center no-repeat;
    	float: right;
    	margin-right: 10px;
    }
    #project-navigation ul li#prevProject a, #project-navigation ul li#nextProject a {
    	background-color: #151515;
    	background-size: 30px;
    }
    #project-navigation ul li a {
    	width: 40px;
    	height: 40px;
    	float: left;
    	-webkit-border-radius: 50%;
    	-moz-border-radius: 50%;
    	border-radius: 50%;
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }
    #project-navigation ul li#prevProject a:hover, #project-navigation ul li#nextProject a:hover {
    	background-color: #FFD600;
    }
    #project-navigation ul li a:hover {
    	background-color: #FFD600;
    }
    #project-navigation ul li a.disabled, #project-navigation ul li a.disabled:hover {
    	cursor: default;
    	background-color: rgba(0,0,0,0.2) !important;
    }
    /*=== PROJECT CLOSE ===*/
    #closeProject {
    	top: 10px;
    	position: absolute;
    	right: 62px;
    	z-index: 1;
    }
    #closeProject a {
    	width: 40px;
    	height: 40px;
    	position: absolute;
    	right: 0px;
    	display: none;
    	background: #151515;
    	text-align: center;
    	-webkit-border-radius: 50%;
    	-moz-border-radius: 50%;
    	border-radius: 50%;
    }
    #closeProject a:hover {
    	background: #FFD600;
    }
    #closeProject a i {
    	font-size: 14px;
    	color: #ffffff;
    	line-height: 40px;
    	display: inline-table;
    	vertical-align: middle;
    }
    #ajax-section {
    	position: relative;
    	padding: 0;
    	background: #f8f8f8;
    	text-align: left;
    }
    #ajax-section #loader {
    	width: 100%;
    	height: 20px;
    	display: none;
    	position: absolute;
    	top: -30px;
    }
    #ajax-section #loader.projectError {
    	text-align: center;
    	height: auto !important;
    	background-position: top center;
    }
    #ajax-section #loader.projectError p {
    	display: none;
    	padding-top: 16px;
    }
    #ajax-section #loader {
    	background: url(../images/loader.gif) center center no-repeat;
    }
    #ajax-section #loader.projectError p {
    	color: #666 !important;
    }
    #ajax-content-outer {
    	width: 100%;
    	overflow: hidden;
    	position: relative;
    }
    #ajax-content-inner {
    	float: left;
    	height: 0;
    	opacity: 0;
    }
    #ajaxpage {
    	float: left;
    	display: block;
    }
    .project-media {
    	margin-top: 70px;
    	margin-bottom: 30px;
    	overflow: hidden;
    	display: block;
    }
    
    .project-info {
    	margin-top: 60px;
    	margin-bottom: 30px;
    }
    .sixteen .project-info {
    	margin-top: 0px;
    }
    .project-info {
    	height: auto;
    	float: left;
    	margin-bottom: 30px;
    }
    .project-description, .project-details {
    	margin-bottom: 30px;
    }
    .project-description h3, .project-details h3 {
    	margin-bottom: 10px;
    }
    .project-details p {
    	border-bottom: 1px solid #e8e8e8;
    	padding-bottom: 7px;
    }
    .project-details p span {
    	font-weight: bold;
    }
    /*==== PORTFOLIO GRID ====*/
    #portfolio-wrap {
    	position: relative;
    	padding: 0;
    	width: 100%;
    	margin: 0 auto;
    	display: block;
    }
    #portfolio-wrap .portfolio-item {
    	margin: 0;
    	overflow: hidden;
    	line-height: 0;
    	width: 20%;
    	padding: 0;
    	line-height:0;
    }
    .portfolio-item.current {
    	box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);
    	z-index: 101;
    }
    .portfolio-item {
    	padding: 0;
    	position: relative;
    	overflow: hidden;
    }
    .portfolio-item .portfolio-image {
    	overflow: hidden;
    	display: block;
    	position: relative;
    }
    .portfolio-item .portfolio-image img {
    	width: 100%;
    	height: auto;
    }
    .portfolio .portfolio-overlay {
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
    	position: absolute;
    	display: block;
    	z-index: 4;
    	opacity: 0;
    	-moz-opacity: 0;
    	filter: alpha(opacity=0);
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    	background: #000000;
    	background: rgba(0,0,0,0.8);
    }
    .portfolio > a, .portfolio > a:hover {
    	color: #ffffff;
    }
    .portfolio-item .portfolio > a:hover > .portfolio-overlay {
    	opacity: 1;
    	-moz-opacity: 1;
    	filter: alpha(opacity=100);
    }
    .portfolio > a img {
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }
    .portfolio > a:hover img {
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }
    .portfolio .thumb-info {
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	opacity: 0;
    	-moz-opacity: 0;
    	filter: alpha(opacity=0);
    	-webkit-transition: all 0.3s ease-in-out;
    	-moz-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	-ms-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
    }
    .portfolio a:hover .portfolio-overlay .thumb-info {
    	opacity: 1;
    	-moz-opacity: 1;
    	filter: alpha(opacity=100);
    }
    .portfolio-overlay .thumb-info h3 {
    	top: 38%;
    	font-size: 22px;
    	line-height: 1.1;
    }
    .portfolio-overlay .thumb-info p {
    	top: 59%;
    	font-size: 11px;
    	line-height: 1.3;
    	text-transform:uppercase;
    }
    
    .portfolio-overlay .thumb-info h3 {
    	color: #ffffff;
    	width: 96%;
    	position: absolute;
    	text-align: center;
    	padding:0 2%;
    }
    .portfolio-overlay .thumb-info p {
    	color: #ffffff;
    	width: 96%;
    	position: absolute;
    	text-align: center;
    	font-weight: bold;
    	padding:0 2%;
    }
    .portfolio-overlay .thumb-info i {
    	color: #ffffff;
    	width: 100%;
    	position: absolute;
    	text-align: center;
    	display: block;
    }
    .portfolio-description, .project-details {
    	margin-bottom:20px;
    }
    
    .project-details .button {
    	margin-top: 10px;
    	float: none;
    	display: inline-block;
    	padding: 0 20px;
    }
    
    /**** 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: -o-transform, 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;
    
    }
    /*======== BLOG PAGE ========*/
    .post {
    	margin-bottom: 80px;
    }
    .post-media {
    	margin-bottom: 30px;
    }
    .post-title {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 36px;
    	text-transform: uppercase;
    	line-height: 1;
    	margin-bottom: 10px;
    }
    .post-title a {
    	color: inherit;
    }
    .post-title a:hover {
    	color: #FFD600;
    }
    
    .post.sticky {
    	padding: 30px 15px;
    	background: rgba(0, 0, 0, 0.04);
    	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
    	-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
    	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
    }
    
    /*=== BLOG POST TYPES ===*/
    .post-image, .post-gallery, .post-video, .post-audio {
    	margin-bottom: 30px !important;
    }
    .post-image img, .post-gallery img {
    	max-width: 100%;
    	height: auto;
    	width: 100%;
    }
    .post-link {
    	margin-top: 10px;
    	margin-bottom: 30px;
    	font-size: 15px;
    	font-weight: normal;
    }
    .post-quote {
    	position: relative;
    	padding: 20px 0px 20px;
    }
    .post-quote i {
    	margin:0px 10px;
    }
    .post-quote h2 {
    	margin: 0 0 0px 0;
    	padding: 15px 0;
    	font-size: 30px;
    	font-weight: normal;
    }
    
    .post-quote h2 a {
    	color:inherit;
    }
    
    .post-quote .quote-source a {
    	font-size: 18px;
    	font-weight: normal;
    	padding: 0;
    	color:inherit;
    }
    
    /*=== BLOG POST TAGS ===*/
    .post-tags {
    	margin-top: 20px;
    }
    .post-tags i {
    	display: inline-table;
    	margin-right: 4px;
    	font-size: 16px;
    	vertical-align: middle;
    }
    .post-tags ul {
    	display: inline-block;
    	padding: 0;
    }
    .post-tags li {
    	display: inline-block;
    	position: relative;
    	text-transform: uppercase;
    	font-size: 11px;
    }
    .post-tags li:after {
    	content: ' . ';
    }
    .post-tags li:last-child:after {
    	content: '';
    }
    .post-tags li a {
    	color: inherit;
    	text-decoration: none;
    }
    .post-tags li a:hover {
    	color: #FFD600;
    }
    .post-meta {
    	font-size: 11px;
    	margin-bottom: 20px;
    	padding: 5px 0;
    	border-top: 1px solid #f0f2f5;
    	border-bottom: 1px solid #f0f2f5;
    	font-size: 16px;
    }
    
    .post-meta a {
    	color:inherit;
    }
    
    .post-meta span {
    	text-align: right;
    	float: right;
    }
    
    .sidebar {
    	padding-left: 10px;
    }
    .widget {
    	margin-bottom: 40px;
    }
    .widget-title {
    	font-family: 'BebasNeueRegular', sans-serif;
    	font-size: 30px;
    	text-transform: uppercase;
    	line-height: 1;
    	margin-bottom: 10px;
    }
    .tags-list li {
    	font-size: 11px;
    	margin-top: 5px;
    	display: inline-block;
    	padding: 3px 9px;
    	border: 1px solid #e8e8e8;
    }
    .tags-list li:first-child {
    	margin-top: 0;
    }
    .tags-list li a {
    	color: #151515;
    	text-decoration: none;
    }
    .tags-list li a:hover {
    	color: #FFD600;
    }
    .blog-tweet {
    	font-size: 11px;
    	margin-top: 16px;
    }
    .blog-tweet span {
    	display: block;
    	margin-top: 7px;
    	color: #868991;
    	font-size: 10px;
    }
    .pagination {
    	position: relative;
    	width: 100%;
    	border-top: 1px solid #f0f0f0;
    	border-bottom: 1px solid #f0f0f0;
    }
    .pages {
    	text-align: center;
    }
    .pages li {
    	display: inline-block;
    }
    .pages li {
    	display: inline-block;
    	margin: 0px 2px 0px 0;
    }
    .pages li a {
    	font-size: 13px;
    	display: block;
    	padding: 5px;
    	color: #151515;
    }
    .pages li a.current {
    	border-top: 2px solid #FFD600;
    	border-bottom: 2px solid #FFD600;
    	color: #1c1f26;
    }
    .pages li a:hover {
    	color: #FFD600;
    }
    /* ------------------------------------------------------------------------ */
    /* 11. PAGINATION */
    /* ------------------------------------------------------------------------ */
    #pagination a, #pagination span {
    	display: block;
    	float: left;
    	margin: 0 5px 0 0;
    	padding: 10px 15px 11px 15px;
    	border: 1px solid #000000;
    	border: 1px solid rgba(0,0,0,0.2);
    	font-size: 12px;
    	line-height: 12px;
    	-webkit-border-radius: 1px;
    	-moz-border-radius: 1px;
    	border-radius: 1px;
    	font-weight:bold;
    	color:inherit;
    }
    #pagination a:hover {
    	color: #ffffff !important;
    	background: #000000;
    }
    #pagination span.current {
    	background: #000000;
    	color: #ffffff;
    	font-weight: bold;
    }
    /*=== AUTHOR INFO ===*/
    #author-info {
    	margin: 0px 0px 20px 0px;
    	overflow: hidden;
    	display: block;
    	position: relative;
    }
    #author-info .author-image {
    	position: absolute;
    	width: 45px;
    	padding: 20px 0px 20px 0;
    }
    #author-info .author-image img {
    	display: block;
    	border: 3px solid #fff;
    	-webkit-border-radius: 1px;
    	-moz-border-radius: 1px;
    	border-radius: 1px;
    	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    }
    #author-info .author-bio {
    	float: left;
    	margin-left: 70px;
    	padding: 20px 20px 20px 0px;
    }
    #author-info .author-bio h4 {
    	margin: 0px 0 10px 0
    }
    .author .date {
    font-weight: bold;
    margin-bottom:10px;
    }
    
    .form-allowed-tags {
    	display:none !important;
    }
    
    /*=== SOCIAL SHARING ===*/
    .socialsharing {
    	border: 1px solid #efefef;
    	border: 1px solid rgba(255,255,255,0.2);
    	margin-bottom: 30px;
    	padding: 10px;
    }
    .socialsharing h4 {
    	float: left;
    	font-size: 16px;
    	margin-bottom: 0px;
    	padding-top: 8px;
    }
    .socialsharing .social-icons {
    	float: right;
    	list-style: none;
    	margin: 0;
    }
    .socialsharing .social-icons li {
    	float:left;
    }
    .socialsharing .social-icons a {
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
    	transition: all 0.3s ease 0s;
    	display: block;
    	width: 40px;
    	line-height: 40px;
    	background-repeat: no-repeat;
    }
    
    .posts-nav {
    	margin: 15px 0 30px;
    	padding:10px 0;
    }
    .posts-nav a {
    	display: inline-block;
    	margin-right: 10px;
    	border-radius: 2px;
    	background:#f6f6f6;
    	color:inherit;
    	font-size:16px;
    	padding: 8px 15px;
    }
    
    /*=== SOCIAL SHARING ===*/
    .socialsharing {
    	border: 1px solid #efefef;
    	margin-bottom: 30px;
    	padding: 10px;
    }
    .socialsharing h4 {
    	float: left;
    	font-size: 16px;
    	margin-bottom: 0px;
    	padding-top: 3px;
    }
    .socialsharing .social-icons {
    	float: right;
    	list-style: none;
    	margin: 0;
    }
    .socialsharing .social-icons a {
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
    	transition: all 0.3s ease 0s;
    	display: block;
    	width: 40px;
    	height: 40px;
    	text-indent: -9999px;
    	background-repeat: no-repeat;
    }
    
    /* ------------------------------------------------------------------------ */
    /* 12. COMMENTS */
    /* ------------------------------------------------------------------------ */
    .comments {
    	margin-top: 40px;
    }
    .commentlist {
    	list-style: none;
    	margin: 30px 0 0 0;
    }
    .commentlist li {
    	padding: 10px;
    	margin: 0 0 20px 0;
    }
    .commentlist li .comment-text {
    	position: relative;
    	padding: 10px;
    	margin-left: 65px;
    	border: 1px solid #f0f0f0;
    	border-bottom-color: #e8e8e8;
    	box-shadow: 0 0px 1px rgba(0,0,0,0.25), /* The top layer shadow */  0 7px 0 -4px #fff, /* The second layer */  0 7px 1px -3px rgba(0,0,0,0.15), /* The second layer shadow */  0 14px 0 -8px #fff, /* The third layer */  0 14px 1px -7px rgba(0,0,0,0.15)
    }
    .comment-text:before {
    	border: 10px solid #f3f3f3;
    	position: absolute;
    	top: 12px;
    	left: -20px;
    	content: '';
    	border-top-color: transparent;
    	border-left-color: transparent;
    	border-bottom-color: transparent;
    	z-index: 100;
    }
    .commentlist > li {
    	margin-bottom: 50px;
    	padding-bottom: 50px;
    	border-bottom: 1px solid #efefef;
    	border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .commentlist li:last-child {
    	margin: 0;
    	background: none;
    }
    .commentlist li ul {
    	list-style: none;
    	margin: 0 0 0 80px;
    }
    .commentlist li ul li {
    	margin: 10px 0 0px 0 !important;
    	padding: 40px 0 0 0;
    }
    .commentlist li .avatar {
    	float: left;
    	position: absolute;
    }
    .commentlist li .avatar img {
    	display: block;
    	-webkit-border-radius: 1px;
    	-moz-border-radius: 1px;
    	border-radius: 1px;
    	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    }
    .commentlist li .comment-text {
    	position: relative;
    	background:#ffffff;
    	color:#222222;
    }
    .commentlist li .author {
    	margin-top: 0px;
    	margin-bottom: 10px;
    	line-height: 17px;
    }
    .commentlist li .author span {
    	display: inline;
    	font-weight: bold;
    	font-size: 16px;
    }
    .commentlist li .date {
    	font-size: 11px;
    	color: #999999;
    }
    .commentlist li .date a {
    	color: #999999
    }
    .commentlist li .date a:hover {
    	color: #333333
    }
    .commentlist li em {
    	font-size: 11px;
    	color: #cccccc;
    	font-style: normal;
    	margin-bottom: 20px;
    	display: block;
    }
    /*=== COMMENT FORM ELEMENTS ===*/
    
    #respond {
    	overflow: hidden;
    	margin-bottom: 13px;
    
    }
    
    #respond input {
    	width: 28%;
    	font-size: 13px;
    	padding: 13px 2%;
    	float: left;
    	margin-right: 1%;
    	border-radius: 2px;
    	background: rgba(255, 255, 255, 0.2);
    	border: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    #respond textarea {
    	width: 95%;
    	height: 150px;
    	font-size: 13px;
    	padding: 8px 11px;
    	border-radius: 2px;
    	background: rgba(255, 255, 255, 0.2);
    	border: 1px solid rgba(0, 0, 0, 0.05);
    }
    #respond input:last-child {
    	margin-right: 0;
    }
    #respond input,#respond textarea  {
    	width: 70%;
    }
    
    #respond input[type="submit"] {
    	padding: 0px 24px;
    	border: 0 none;
    	display: block;
    	background-position: center center;
    	background-repeat: no-repeat;
    	line-height:44px;
    	-webkit-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    	-moz-box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    	box-shadow: inset 0 12px 19px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    	font-size: 13px;
    	font-weight: bold;
    	text-shadow: none;
    	border: 0 none;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	-ms-border-radius: 3px;
    	-o-border-radius: 3px;
    	border-radius: 3px;
    	-webkit-transition: all 0.2s;
    	-moz-transition: all 0.2s;
    	-o-transition: all 0.2s;
    	transition: all 0.2s;
    	color: #ffffff;
    	cursor: pointer;
    	background-color: #FFD600;
    }
    
    /*======== CONTACT SECTION ========*/
    #contact {
    	padding-bottom: 0;
    }
    .contact-box {
    	width: 100%;
    	text-align: center;
    	padding: 45px 0px 60px;
    }
    .contact-details {
    	width: 70%;
    	padding: 5px 0;
    	margin: 0 auto 10px;
    	color:#ffffff;
    }
    .contact-details h2 {
    	margin-bottom: 0px;
    	color:inherit;
    }
    .contact-details h1 {
    	color: black;
    	background: rgba(255, 255, 255, 0.50);
    	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff, endColorstr=#4Cffffff);
    }
    
    /*=== COPYRIGHT SECTION ===*/
    .copyright {
    	width: 100%;
    	padding: 40px 0;
    	background: #FFD600;
    	font-size: 11px;
    }
    
    .copyright h1,
    .copyright h2,
    .copyright h3,
    .copyright h4,
    .copyright h5,
    .copyright h6,
    .copyright a {
    	color: inherit;
    }
    .copyright-logo a {
    	display: inline-block;
    	text-align: center;
    	margin-bottom: 30px;
    }
    .copyright .social-icons {
    	text-align: center;
    }
    .copyright .social-icons .social-icon {
    	display: inline-block;
    	float: none;
    	margin: 0 5px 5px 0;
    	background-color: rgba(0,0,0,0.05) !important;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	border-radius: 3px;
    	margin-bottom: 30px;
    }
    /*=== CONTACT FORM ELEMENTS ===*/
    #contact-input {
    	overflow: hidden;
    	margin-bottom: 13px;
    	width: 50%;
    	float: left;
    }
    #contact-input input {
    	border: 1px solid #e8e8e8;
    	width: 90%;
    	font-size: 13px;
    	color: #747474;
    	padding: 20px 2%;
    	float: left;
    	margin: 0 1% 2%;
    	border-radius: 2px;
    }
    #contact-textarea textarea {
    	border: 1px solid #e8e8e8;
    	width: 95%;
    	height: 92px;
    	font-size: 13px;
    	color: #747474;
    	padding: 20px 11px 10px;
    	border-radius: 2px;
    	margin-bottom: 10px;
    }
    #contact-input input:last-child {
    	margin-right: 0;
    }
     #contact-input input:-moz-placeholder, #contact-textarea textarea:-moz-placeholder {
     color: #999;
    }
     #contact-input input:-ms-input-placeholder, #contact-textarea textarea:-ms-input-placeholder {
     color: #999;
    }
     #contact-input input::-webkit-input-placeholder, #contact-textarea textarea::-webkit-input-placeholder {
     color: #999;
    }
    #contact-textarea {
    	width: 50%;
    	float: right;
    }
    #contact-input label, #contact-textarea label{
    	display: block;
    	text-align:left;
    	font-weight:bold;
    	padding-left: 2%;
    }
    #contact-submit input[type="submit"] {
    	padding: 20px 24px 20px 24px;
    	border: 0 none;
    	color: #ffffff;
    	display: block;
    	width: 50%;
    	cursor: pointer;
    	text-indent: -9999px;
    	background-image: url(../images/mail.png);
    	background-position: center center;
    	background-repeat: no-repeat;
    	float: right;
    	height:57px;
    	line-height:57px;
    }
    input[type="text"], input[type="password"], input[type="email"], textarea, select {
    	background: #fff;
    	padding: 8px 8px;
    	outline: none;
    	-moz-border-radius: 2px;
    	-webkit-border-radius: 2px;
    	border-radius: 2px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	color: #666;
    	margin: 0;
    	width: 200px;
    	max-width: 100%;
    	display: block;
    	margin-bottom: 20px;
    	width: 180px;
    	color: #999;
    	border: 1px solid #e8e8e8;
    }
    input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    	border: 1px solid #e0e0e0;
    	color: #333;
    }
    .fittext-content {
    	line-height: 0.8;
    }
    
    * html .title h1 {
      display: inline;
    }
    * + html .title h1 {
      display: inline;
    }
    
    /* ------------------------------------------------------------------------ */
    /*  BACK TO TOP BUTTON
    /* ------------------------------------------------------------------------ */
    #back-to-top {
    	position: fixed;
    	z-index: 1000;
    	bottom: 20px;
    	right: 20px;
    	display: none;
    }
    #back-to-top a {
    	display: block;
    	width: 40px;
    	height: 40px;
    	background: #515A5F url(../images/backtotop.png) no-repeat center center;
    	text-indent: -9999px;
    	-webkit-border-radius: 100px;
    	-moz-border-radius: 100px;
    	border-radius: 100px;
    	-webkit-transition: 0.2s all linear;
    	-moz-transition: 0.2s all linear;
    	-o-transition: 0.2s all linear;
    	transition: 0.2s all linear;
    }
    #back-to-top a:hover {
    	background-color: #222222;
    }
    
    /* ------------------------------------------------------------------------ */
    /*  GOOGLE MAP
    /* ------------------------------------------------------------------------ */
    
    #google-map {
    	height:450px;
    	position: relative;
    	width: 100%;
    	background: white;
    	box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.06);
    }
    #google-map:before, #google-map:after {
    	background: none;
    	text-align:center;
    	position: absolute;
    	content: '';
    	left: 0;
    	top: 0;
    	width: 100%;
    	z-index:2;
    }
    #google-map:after {
    	bottom: 0;
    	top: auto;
    }
    #google-map .captionMap {
    	background: black;
    	background: rgba(0, 0, 0, 0.8);
    	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), black);
    	background: -moz-linear-gradient(rgba(0, 0, 0, 0.6), black);
    	background: -o-linear-gradient(rgba(0, 0, 0, 0.6), black);
    	background: -ms-linear-gradient(rgba(0, 0, 0, 0.6), black);
    	background: linear-gradient(rgba(0, 0, 0, 0.6), black);
    	border-radius: 4px;
    	z-index: 1;
    	top:5px;
    	color: white;
    	padding: 12px;
    	font: 12px HelveticaNeue, Helvetica, Arial;
    	display: inline-block;
    	position: absolute;
    	text-shadow: black 0px 1px 1px;
    	width:254px;
    }
    #google-map .captionMap span {
    	font-weight: bold;
    	display:block;
    	padding-top:5px;
    }
    #google-map .captionMap:after {
    	content: '';
    	position: absolute;
    	top: -7px;
    	left: 50%;
    	margin-left: -5px;
    	border-left: 7px solid transparent;
    	border-right: 7px solid transparent;
    	border-bottom: 7px solid rgba(0, 0, 0, 0.6);
    	width:0px;
    	height:0px;
    	z-index:2;
    }
    #google-map .captionMap img {
    	width:60px;
    	margin-bottom:5px;
    	margin-right:13px;
    	float:left;
    }
    .mapPreLoading {
    	position:absolute;
    	left:50%;
    	top:50%;
    	margin-top:-15px;
    	margin-left:-25px;
    }
    .mapPreLoading span {
    	display: block;
    	margin: 0 auto;
    }
     .mapPreLoading span[class*="l-"] {
     display: inline-block;
     background: #000;
     width: 6px;
     height: 6px;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     margin: 12px 2px;
     position: relative;
     -webkit-animation: loader 4s infinite;
     -webkit-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
     -webkit-animation-fill-mode: both;
     -moz-animation: loader 4s infinite;
     -moz-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
     -moz-animation-fill-mode: both;
     -ms-animation: loader 4s infinite;
     -ms-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
     -ms-animation-fill-mode: both;
     animation: loader 4s infinite;
     animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
     animation-fill-mode: both;
    }
    .mapPreLoading span.l-1 {
    	-webkit-animation-delay: 1s;
    	-moz-animation-delay: 1s;
    	-ms-animation-delay: 1s;
    	animation-delay: 1s;
    }
    .mapPreLoading span.l-2 {
    	-webkit-animation-delay: 0.8s;
    	-moz-animation-delay: 0.8s;
    	-ms-animation-delay: 0.8s;
    	animation-delay: 0.8s;
    }
    .mapPreLoading span.l-3 {
    	-webkit-animation-delay: 0.6s;
    	-moz-animation-delay: 0.6s;
    	-ms-animation-delay: 0.6s;
    	animation-delay: 0.6s;
    }
    .mapPreLoading span.l-4 {
    	-webkit-animation-delay: 0.4s;
    	-moz-animation-delay: 0.4s;
    	-ms-animation-delay: 0.4s;
    	animation-delay: 0.4s;
    }
    .mapPreLoading span.l-5 {
    	-webkit-animation-delay: 0.2s;
    	-moz-animation-delay: 0.2s;
    	-ms-animation-delay: 0.2s;
    	animation-delay: 0.2s;
    }
    .mapPreLoading span.l-6 {
    	-webkit-animation-delay: 0s;
    	-moz-animation-delay: 0s;
    	-ms-animation-delay: 0s;
    	animation-delay: 0s;
    }
     @-webkit-keyframes loader {
     0% {
    -webkit-transform: translateX(-30px);
    opacity: 0;
    }
     25% {
    opacity: 1;
    }
     50% {
    -webkit-transform: translateX(30px);
    opacity: 0;
    }
     100% {
    opacity: 0;
    }
    }
    @-moz-keyframes loader {
     0% {
    -moz-transform: translateX(-30px);
    opacity: 0;
    }
     25% {
    opacity: 1;
    }
     50% {
    -moz-transform: translateX(30px);
    opacity: 0;
    }
     100% {
    opacity: 0;
    }
    }
    @-ms-keyframes loader {
     0% {
    -ms-transform: translateX(-30px);
    opacity: 0;
    }
     25% {
    opacity: 1;
    }
     50% {
    -ms-transform: translateX(30px);
    opacity: 0;
    }
     100% {
    opacity: 0;
    }
    }
    @keyframes loader {
     0% {
    transform: translateX(-30px);
    opacity: 0;
    }
     25% {
    opacity: 1;
    }
     50% {
    transform: translateX(30px);
    opacity: 0;
    }
     100% {
    opacity: 0;
    }
    }
    
    @-webkit-keyframes bounceInDown {
     0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
    }
     60% {
     opacity: 1;
     -webkit-transform: translateY(30px);
    }
     80% {
     -webkit-transform: translateY(-10px);
    }
     100% {
     -webkit-transform: translateY(0);
    }
    }
     @-moz-keyframes bounceInDown {
     0% {
     opacity: 0;
     -moz-transform: translateY(-2000px);
    }
     60% {
     opacity: 1;
     -moz-transform: translateY(30px);
    }
     80% {
     -moz-transform: translateY(-10px);
    }
     100% {
     -moz-transform: translateY(0);
    }
    }
     @-ms-keyframes bounceInDown {
     0% {
     opacity: 0;
     -ms-transform: translateY(-2000px);
    }
     60% {
     opacity: 1;
     -ms-transform: translateY(30px);
    }
     80% {
     -ms-transform: translateY(-10px);
    }
     100% {
     -ms-transform: translateY(0);
    }
    }
     @-o-keyframes bounceInDown {
     0% {
     opacity: 0;
     -o-transform: translateY(-2000px);
    }
     60% {
     opacity: 1;
     -o-transform: translateY(30px);
    }
     80% {
     -o-transform: translateY(-10px);
    }
     100% {
     -o-transform: translateY(0);
    }
    }
     @keyframes bounceInDown {
     0% {
     opacity: 0;
     transform: translateY(-2000px);
    }
     60% {
     opacity: 1;
     transform: translateY(30px);
    }
     80% {
     transform: translateY(-10px);
    }
     100% {
     transform: translateY(0);
    }
    }
    .bounceInDown {
    	-webkit-animation-name: bounceInDown;
    	-moz-animation-name: bounceInDown;
    	-ms-animation-name: bounceInDown;
    	-o-animation-name: bounceInDown;
    	animation-name: bounceInDown;
    }
    
    /*-----------------------------------------------------------------------------------*/
    /*	REVOLUTION SLIDER
    /*-----------------------------------------------------------------------------------*/
    .fullwidthbanner-container{
    	width:100% !important;
    	position:relative;
    	padding:0;
    	max-height:750px !important;
    	overflow:hidden;
    }
    .portfolio-bannercontainer {
        width: 100% !important;
        position: relative;
        padding: 0;
        max-height: 600px !important;
        overflow: hidden;
        margin-bottom: 50px;
    }
    .revolution ul {
        visibility: hidden;
        margin: 0;
        list-style: none;
    }
    .tp-caption.bold {
        font-size: 80px;
        line-height: 1;
        font-weight: 900;
        text-transform: uppercase;
        color: #fff;
    }
    .tp-caption.mid {
        font-size: 50px;
        line-height: 1;
        font-weight: 300;
        text-transform: uppercase;
        color: #fff;
    }
    
    .tp-caption.icon {
    	font-size: 20px;
    	color: #fff;
    	line-height: 1;
    }
    .tp-caption.icon a i {
    	color: #fff;
    	-webkit-transition: all 200ms ease-in;
    	    -o-transition: all 200ms ease-in;
    	    -moz-transition: all 200ms ease-in;
    }
    .tp-caption a.btn {
    	color: #fff;
    }
    .tp-caption.bold.mid {
        font-size: 70px;
        color: #d9d9d9;
    }
    .tp-caption.lite.mid {
        font-size: 40px;
        color: #d9d9d9;
    }
    .tp-caption.small {
        font-size: 16px;
        line-height: 1;
        font-weight: 900;
        text-transform: uppercase;
        color: #d9d9d9;
    }
    .tp-caption.icon-arrow {
        font-size: 20px;
        line-height: 1;
        font-weight: 900;
        text-transform: uppercase;
        color: #505050;
    }
    .tp-caption.icon i {
    	width: auto;
    	height: auto;
    }
    .tp-caption.icon.bg {
    	padding: 10px;
    }
    .tp-leftarrow.default,
    .tp-rightarrow.default {
        z-index: 100;
        cursor: pointer;
        position: relative;
        top: 50% !important;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        background: rgba(0,0,0,0.3);
        color: #f7f7f7;
        line-height: 1;
        font-size: 20px;
        padding: 15px 19px;
        width: auto;
        height: auto;
    }
    .tparrows:before {
        font-family: 'fontAwesome';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
    }
    .tp-leftarrow.default:before {
        content: "\f053";
    }
    .tp-rightarrow.default:before {
        content: "\f054";
    }
    .tparrows:hover {
        background: rgba(0,0,0,0.5);
    }
    .tp-bullets.simplebullets.round .bullet {
        width: 15px;
        height: 15px;
        margin-left: 5px;
        -webkit-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        background: rgba(0,0,0,0.3);
    }
    .tp-bullets.simplebullets.round .bullet.selected,
    .tp-bullets.simplebullets.round .bullet:hover {
        background: rgba(0,0,0,0.5);
    }
    .tp-bullets.hidebullets {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .tp-loader {
        background: url(style/images/loading.gif) no-repeat;
        background-color: #fff;
        margin: -15px -15px;
        top: 50%;
        left: 50%;
        z-index: 10000;
        position: absolute;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    
    /* ------------------------------------------------------------------------ */
    /*  NEWSLETTER FUNCTION
    /* ------------------------------------------------------------------------ */
    
    .mc4wp-form {
    	margin-top: 0;
    	display: block;
    	text-align: center;
    }
    .mc4wp-form div {
    	display: inline-block;
    }
    .mc4wp-form input {
    	height: 50px;
    	display: inline-block;
    	width: 250px;
    	padding: 0 10px;
    	margin: 8px 4px;
    	-moz-border-radius: 1px;
    	-webkit-border-radius: 1px;
    	border-radius: 1px;
    	border: 1px solid rgba(255, 255, 255, 0.09);
    	box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1);
    	color: #3A3838;
    	background: #ffffff;
    	background: rgba(255, 255, 255, 0.7);
    	font-weight: bold;
    	text-transform: none;
    }
    .mc4wp-form label {
    	color: #fff;
    	text-shadow: 1px 1px rgba(0,0,0,.25);
    	font-size: 12px
    }
    .mc4wp-form input[type="submit"] {
    	color: #FFFFFF;
    	font-size: 16px;
    	display: block;
    	padding: 5px 0;
    	width: 99%;
    	margin: 5px auto 0;
    	text-align: center;
    	-webkit-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    	-moz-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    	box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2);
    	padding: 13px 24px;
    	font-size: 13px;
    	font-weight: bold;
    	text-shadow: none;
    	border: 0 none;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	-ms-border-radius: 3px;
    	-o-border-radius: 3px;
    	border-radius: 3px;
    	-webkit-transition: all 0.2s;
    	-moz-transition: all 0.2s;
    	-o-transition: all 0.2s;
    	transition: all 0.2s;
    	color: #ffffff;
    	cursor: pointer;
    	background-color: #FFD600;
    }
    
    .mc4wp-form input:-moz-placeholder, .mc4wp-form textarea:-moz-placeholder {
     color: #3A3838;
    }
    .mc4wp-form input:-ms-input-placeholder, .mc4wp-form textarea:-ms-input-placeholder {
     color: #3A3838;
    }
    .mc4wp-form input::-webkit-input-placeholder, .mc4wp-form textarea::-webkit-input-placeholder {
     color: #3A3838;
    }
    
    /* FULL SCREEN VIDEO */
    .video_slide {
    	width:100%;
    }
    .video_slide .full_slide {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • Temat ‘Rozmieszczenie loga’ jest zamknięty na nowe odpowiedzi.