/* ----------------------------------------- */
    /*				CUSTOM COLOR
    /* ----------------------------------------- */
    
	/* selection */
    ::-moz-selection { background:#000000; color: #4aa5c4; text-shadow: none; }
	::selection { background:#000000; color: #4aa5c4; text-shadow: none; }
	
	/* General */
    body {
    	color: #ffffff;
    }
    
    h1, h2, h3, h4, h5, h6 {
    	color: #4aa5c4;
    }
    
    a {
    	color: #4aa5c4;
    }
    
    a:hover {
    	color: #FFC700;
    }

    #loading-bg {
		background:#000000;
    }

	/* Header */
    header {height:120px;	}
    
        	header > span {background-color: #000000 ;}
		        header > span {
                opacity:0.3;
                filter:alpha(opacity=30); /* For IE8 and earlier */
            }
        
    /* Footer */
    footer {height:25px;	}
		
         footer > span {background-color: #000000 ;}
                 footer > span {
                opacity:0.5;
                filter:alpha(opacity=50); /* For IE8 and earlier */
            }
    	
    /* Logo */
    #logo a {
		width:230px;
		height:56px;
		background:url(https://www.safe.hu/wp-content/uploads/2016/03/safelogo-1.png) no-repeat;
	}
    
        	#logo {
        	left:50%;
            margin-left: -85px;
            margin-top: 10px;
        }
    	
    /* Menu */
    #navBg {
    	margin-top: 75px;
        background-color: #1f6682;
    }
    
    #nav a ,.portfolio-list-back a , .news-back a{
    	color: #ffffff;
    }
    
     #nav a:hover ,.portfolio-list-back a , .news-back a{
    	color: #ffffff;
    }   
    
    #nav a.navActv {
    	color: #ffffff;
        background-color: #000000;
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
        -o-transition: 500ms;
        transition: 500ms;
    }

    .nav-bg {
    	 background-color: #00324b;
    }
    
    /* Background */
    	
    .bg-for-image {
    	background:#000000;
		opacity:0.3;
        filter:alpha(opacity=30); /* For IE8 and earlier */
	}
        	
    /* Other */
    
    .item-image,.ps_slider .ps_album .albumCont ,.portfolio-list-item {
    	border: solid 1px #E8E8E8;
    }
    
    .item-image:hover,.ps_slider .ps_album .albumCont:hover, .portfolio-list-item:hover {
        border:solid 1px #4aa5c4;
    }

    .newsDate,.newsCategory, .site-info a {
    	color: #4aa5c4;
    }
    
    .portfolio-list-back a ,.news-back a {
    	background-color: #4aa5c4;
    }
    
    .ps_slider .albumCont:hover > .ps_desc h6  , .news-container h6:hover {
		color:#4aa5c4;
    }
    
    .single-post-content h6:hover {color: #4aa5c4;}
    
    /* Scroll bar */
    
    .jspTrack {
    	background-color: #000000;
    }
    
    .jspDrag {
    	background-color: #ffffff;
    }
    
    /* Social */
        	.social {
        	right:0px;
            margin-top: 0px;
        }
        
    #contact-form .error {
        color:#4aa5c4;
    }
    
    #contact-form .success {
        color:#0C0;
    }
 
    /* ----------------------------------------- */
    /*				CUSTOM FONT
    /* ----------------------------------------- */

	 /* general */
	body , p , input, select, textarea {
        font-family: Helvetica Neue, sans-serif;
        font-size: 14px    }
    
	/* h1 - h6 */
	h1,h2,h3,h4,h5,h6,.testimonials-content p,.testimonials2 .testimonials-details .testimonials-name {
        font-family: Goudy Bookletter 1911, Arial, Helvetica, sans-serif;
    }
    
	/* menu */
	#nav a ,.portfolio-list-back a , .news-back a {
        font-family: Goudy Bookletter 1911, Arial, Helvetica, sans-serif;
        font-size: 16px    }
    
    /* footer */
	.site-info, .site-info a {
        font-family: Goudy Bookletter 1911, Arial, Helvetica, sans-serif;
        font-size: 12px    }

/* Landscape phones and down */
@media (max-width: 767px) {
	header > span,
    footer > span {background:none !important;}
    
        header {
		height: 116px !important;
	}
    #logo {
    	margin-top: 50px;
    }
    footer .container,
    footer > span {
		height: 90px !important;
	}
	    .menu-select .menu-select-top {
    	background:#4aa5c4;
    }
    
    .menu-select ul li:hover , .menu-select ul li.active{
    	color:#4aa5c4;
    }
    
}