.zw-template-inner, .zw-product-header {
    background: #fafafa;
}
.features-banner-content {
max-width: 650px;
}
.features-item.bottom-image .cont-part p, .features-item.middle-image .cont-part p {
max-width: 550px;
}

h2{
font-size: 45px;
}

[class|=zicon] {
background: url('/sites/zweb/images/writer/browser-clipper-extension.png')no-repeat 0px 0px;
width: 31px;
height: 30px;
position: absolute;
top: 7px;
left: 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
[class|=zicon] {
background: url(/sites/zweb/images/writer/browser-clipper-extension.png) no-repeat 0px 0px;
background-size: 78px auto;
}
}

.saveit-slider img, .start-template img {
-webkit-box-shadow: 5px 6px 37px #eaeaea;
-moz-box-shadow: 5px 6px 37px #eaeaea;
box-shadow: 5px 6px 37px #eaeaea;
}

/***chrome icon btn*******/
.zextension {
margin-top: 20px;
}



span.zicon-chrome {
width: 25px;
height: 25px;
background-position: -25px 0;
}

span.zicon-firefox {
background-position: -52px 0;
width: 27px;
height: 26px;
}
span.zicon-safari {
background-position: 0 0;
width: 26px;
height: 26px;
}
span.zicon-ie {
background-position: -102px 0px;
width: 26px;
height: 27px;
}



.zchrome.zdull,
.zfirefox.zdull,
.zsafari.zdull,.zie.zdull,
p.zchrome,
p.zfirefox,
p.zsafari,p.zie {
opacity: 0;
transition: .6s ease;
transform: translateY(10px);
}

.zchrome.zshow,
p.zfirefox.zshow,
p.zsafari.zshow, p.zie.zshow {
opacity: 1;
transform: translateY(0);
}
.add-to-safari{
box-sizing: border-box;
width: auto;
}
.add-to-ie{
box-sizing: border-box;
width: 170px;
}

/***chrome icon btn*******/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 240dpi)
[class|=zicon] {
background: url(/sites/zweb/images/writer/browser-clipper-extension.png) no-repeat 0px 0px;
background-size: 78px auto;
}
[class|=zicon] {
background: url(/sites/zweb/images/writer/browser-clipper-extension.png)no-repeat 0px 0px;
width: 31px;
height: 30px;
position: absolute;
top: 7px;
left: 12px;
}

.zextension p {
position: relative;
display: inline-block;
margin: 6px;
}


.zextension p a {
background: #000 none repeat scroll 0 0;
color: #fff;
display: block;
font-size: 12px;
padding: 10px 16px 10px 48px;
text-transform: uppercase;
font-weight: 600;
}

/* New Style */

.main-container-wrapper{
background: #fafafa;
}

h1{
font-size: 50px;
}
h1 span{
display: block;
}

.features-banner-content p{
max-width: 550px;
}

.features-item .content-wrap{
max-width: 980px;
padding: 60px 0 0;
}

.slick-slider{
padding: 20px;
}


.zw-template-inner p{
font-size: 18px;
}

.html-part.content-wrap{
padding: 0;
}

@media screen and (max-width: 767px){
h1{
font-size: 45px;
}
h2{
font-size: 40px;
}
}

@media screen and (max-width: 480px){
h1{
font-size: 32px;
}
h2{
font-size: 25px;
}
.content-wrap{
max-width: 80%;
}
}

/*** Arabic Style ***/

.lang-ar .features-banner-content h1 span, .lang-ar .features-banner-content .zextension, .lang-ar .bottom-cta-wrap
.content-wrap, .lang-ar .bottom-cta-wrap .content-wrap h2, .lang-ar .bottom-cta-wrap .content-wrap p{
text-align: center;
}

/*** Arabic Style ***/