html,body,div,img,h1,h2,h3,h4,h5,h6,input,table,tr,td,form,dl,dd,dt,ul,li,ol,p,a{padding: 0; margin: 0;}
body{background: #fff; font-family: 'arial','Myriad Pro'; font-size: 16px;}
input,select{border: none; outline:none;}
img{border: none;}
ul{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}

.clear:after,.clear:before{content: "";display: table;}
.clear:after{clear: both;overflow: hidden;}
.clear{zoom: 1;}

@font-face {
	font-family:ak1;
	src: url(../font/AkzidenzGrotesk-BoldCondAlt.otf);
}

@font-face {
	font-family:ak;
	src: url(../font/AkzidenzGrotesk-LightCond.otf);
}

@font-face {
	font-family:cpd;
	src: url(../font/ClementePDae-Light.ttf);
}

.img-responsive {display: block; max-width: 100%; height: auto;}
.img-center{display: block; margin: 0 auto;}

.footer{height: auto; width: 100%;}
.footer .fcon1{width: 100%; height: auto; background: url('../images/now/bottombg.png') no-repeat; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc);}
.footer .fcon1 a{display: block; width: 300px; height: 70px; background: url(../images/now/indeximg.png); margin: 50px auto;}
.footer .fcon1 a.buynow{background-position:-1245px 0;}
.footer .fcon1 a.buynow:hover{background-position:-945px 0;}
.footer .fcon1 a.trynow{background-position:-645px 0;}
.footer .fcon1 a.trynow:hover{background-position:-345px 0;}
.footer .fcon2{width: 100%; height: auto; background: #1b2027;}
.footer .fcon2 p{text-align: center; font-size: 20px; color: #fff; padding: 10px 0;}
.footer .fcon2 p a{font-size: 26px; color: #80d9ff;}
.footer .fcon2 ul{padding: 5px 0; color: #fff; text-align: center;}
.footer .fcon2 li{display: inline-block; padding: 0 10px;}
.footer .fcon2 li a{color: #fff;}
.footer .fcon3{height: auto; width: 100%; background: #fff;}
.footer .fcon3 .fxlis{display: inline-block; width: auto; height: 40px; float: left; position: relative; left: 50%; padding: 15px 0;}
.footer .fcon3 .jssocials-shares{position: relative; left: -50%;}
.footer .fcon4{height: auto; width: 100%; background: #ececec;}
.footer .fcon4 p{text-align: center; color: #565656; font-size: 13px; line-height: 20px;}

.footer2{width: 100%; height: auto; background: #1b2027;}
.footer2 .fcon1{height: auto;}
.footer2 .fcon1 ul{padding: 10px 0; color: #fff; text-align: center;}
.footer2 .fcon1 li{display: inline-block; padding: 0 10px;}
.footer2 .fcon1 li a{color: #fff;}
.footer2 .fcon2{height: 20px; background: #ececec;}
.footer2 .fcon2 p{text-align: center; color: #565656; font-size: 13px; line-height: 20px;}



@media screen and (max-width: 780px) {
	.header-nav{position: relative; min-height: 40px;}
	.header-nav ul{width: 180px; padding: 5px 0; position: absolute; top: 0; left: 0; border: solid 1px #aaa; background: #fff url(../images/menu.png) no-repeat 10px 11px; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, .3);}
	.header-nav ul li{display: none; margin: 0;}
	.header-nav a{display: block; padding: 5px 5px 5px 32px; text-align: left;}
	.header-nav ul:hover{background-image: none;}
	.header-nav ul:hover li{display: block; margin: 0 0 5px;}

	.footer2 .fcon1 ul{width: 100%; margin: 0 auto; padding: 0;  box-sizing: border-box;}
	.footer2 .fcon1 li{display: block; padding: 10px 0;}
	.footer2 .fcon1 li a{width: 100%;}
}