@import url('bebasneue/stylesheet.css');
@import url('bankgothicbold/style.css');
@import url('open-sans/style.css');
body {color:#000000; font-family: 'Open Sans'; font-size:16px; margin: 0; padding: 0;}
body { padding-top: 36px; }
section a, section a:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
img{max-width: 100%; vertical-align: bottom;}
.bebasneue{font-family:"bebasneue";}
.bankgothicbold{font-family:"bankgothicbold";}
h1,h2,h3{ color:#fcaf3c;font-family:"bebasneue";}
h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link, h3 a:visited{color:#fcaf3c !important;}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #000000;
    color: #fff;
}
.z-top-message-bar {
	top: 1px !important
}
.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-menu ul, .main-menu ul li {
    float: left
}
.main-menu ul li a {
    color: #fff;
    text-decoration: none;
    margin: 5px 0 5px 26px;
    display: inline-block;
}
.main-menu ul li a:hover {
    color: #fcaf3c;
}
.main-menu ul li:first-child a {
    margin-left: 0;
}
.p-login a.z-button {
    background-color: #424242;
    padding: 8px 25px;
}
.p-login a.z-button:hover {
    background-color: #fcaf3c;
}
.speak-expert {
    margin: 5px 13px;margin-left:0px;
}
.znewslettercheckbox, .zPrivacyPolicyMessage{display:none;}
.speak-expert .text {
    border-left: 0px solid #9aa4b0;
    padding: 0 15px; padding-top:2px;
}
footer {
    background-image: url(../images/footer-bg.jpg);
    background-position: center top;
    background-size: cover;
}
.footer-add, .footer-add a {
    color: #fcaf3c;
}
.footer-add a:hover {
    text-decoration: none;
}
.footer-menu {
    width: 40%;
}
.footer-menu ul, .footer-menu ul li, .footer-menu ul a {
	float: left;
}
.footer-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu ul li {
    width: 100%;
    margin-bottom: 7px;
}
.footer-menu ul li a {
    color: #fff;
    text-decoration: none;
}
.footer-menu ul li a:hover {
    color: #fcaf3c;
}
.footer-menu ul.menu1 {
    width: 40%;
}
.footer-menu ul.menu2 {
    width: 60%;
}
.footer-social {
    width: 26%;
}
.footer-social a {
    float: left;
    margin: 0 10px 0 0;
}
.copyright {
    float: right;
    color: #CCC;
    margin: 15px 20px 0 0;
}
.copyright a {
    color: #fff;
    display: inline-block;
}
.copyright a:hover {
    text-decoration: none;
}
.mainContent1{background-color:#4c4e4d; background-image:url(/zv/images/sub_02.jpg); background-position:top center; }




.mainContent1 img{border:1px solid #999;}

.mobileHeader2{padding-top:30px; width:100%; float:left;}
@media screen and (max-width: 1362px) {
	.main-menu ul li a {
	    margin: 5px 0 5px 10px;
	    font-size:19px;
	}
	.p-login a.z-button {
	    padding: 8px 10px;
	}
	.speak-expert .text {
	    padding: 0 8px;
	}
	.speak-expert {
	    margin: 5px 5px;margin-left:0px;
	}
	.footer-menu {
	    width: 38%;
	}
	.footer-logo {
	    width: 280px;
	}
	.footer-add, .footer-menu {
	    margin-top: 20px;
	}
	.p-login-link{font-size:13px;}
	.speakExpert2{font-size:13px;}
	.z-top-message-bar {top: 0px !important}
}
@media screen and (max-width: 992px) {
	.main-menu {
	    display: none;
	}
	.speak-expert .text {
	    border-left: 0px solid #9aa4b0;
	}
	.footer-menu {
	    width: 34%;
	}
	.footer-logo {
	    width: 200px;
	}
	.footer-add, .footer-menu {
	    margin-top: 13px;
	}
	.z-mobileMenuButton, .z-mobileMenuDiv{ background-color:#000;}
	.z-mobileMenuDiv{ border-bottom:2px solid #888;}
.mobileHeader1{height:78px; width:100%; float:left;}
.mobileHeader2{padding-top:100px; width:100%; float:left;}
.z-top-message-bar {top: 81px !important; z-index: 1;}

}
@media screen and (max-width: 767px) {
	.footer-add, .footer-menu, .footer-social, .copyright {
	    margin: 15px 0 0 0;
	    width: 100%;
	}
	.copyright a {
	    margin: 0 0 0 10px;
	}
	.copyright {
	    float: left;
	}
	.z-mobileMenuButton{border-bottom:2px solid #888;} 
.mobileHeader2{padding-top:60px; width:100%; float:left;}
.mobileHeader1{height:38px; width:100%; float:left;}
.z-top-message-bar {top: 42px !important}
}
@media screen and (max-width: 479px) {
.mobileHeader1{height:72px; width:100%; float:left;}
.mobileHeader2{padding-top:100px; width:100%; float:left;}
	.footer-menu ul.menu1, .footer-menu ul.menu2 {
	    width: 100%;
	}
}