@charset "UTF-8";
/* CSS Document */
/*===== Section =====*/
/* Section */
.photo {
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
height: 450px;
position: relative;
}
.h1-slide {
background:url("/bizdemo28592/img/images/backgrounds/banner.svg") no-repeat scroll center bottom,linear-gradient(-45deg, #673c8e, #236295, #9869ff) repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size:cover;
/*if ie9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673c8e', endColorstr='#9869ff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ 
}
.sec-element-typo {
width:100%;
background:url(/bizdemo28592/img/images/backgrounds/dark-tl.svg) top left no-repeat, url(images/backgrounds/dark-br.svg) bottom right no-repeat, url(images/backgrounds/noise.png) repeat;
margin:0;
} 
.sec-element-inter {
border:1px solid #e4e4e4;
padding:50px 0 0;
margin:0;
}
.sec-element-inter .background {
background:#fff url(/bizdemo28592/img/placeholders/backgrounds/bg-3.jpg) no-repeat bottom center ;
height: 1200px; 
}
.sec-element-inter .text-heading {
margin:10px 0 70px;
}
.sec-element-media {
padding:60px 0;
background:url(/bizdemo28592/img/placeholders/backgrounds/bg-4.png) no-repeat top center;
}
.one-section-mask-1,
.mask-color {
position:absolute;
width:100%;
height:100%;
background:url(/bizdemo28592/img/images/backgrounds/mask-1.png);
top:0;
left:0;
display:block;
}
.page-section-1 {
background:#000 url(/bizdemo28592/img/placeholders/portfolio/photo/15a.jpg) 0 no-repeat fixed;
height: 1200px;
}
.page-section-2 {
background:#000 url(/bizdemo28592/img/placeholders/backgrounds/bg-5.jpg) 0 no-repeat fixed;
height: 1200px;
} 
.page-section-work {
background:#1c222f url(/bizdemo28592/img/placeholders/backgrounds/desktop.jpg) -50% 0 no-repeat fixed;
height:1400px; 
}
.sec-recent-work1 {
}
.sec-recent-work1 .portfolio {
margin: 0;
}

.designer {
background:url(/bizdemo28592/img/placeholders/backgrounds/designer.png) top right no-repeat fixed;
}
#hello {
padding:50px 0;
}
.sec-mobile-ready {
padding-top:100px;
}
.sec-mobile-ready .text-block {
color:#fff;
top:100px;
}
.sec-mobile-ready .iphone-ipad {
height:500px;
}
.sec-mobile-ready .iphone-ipad img {
bottom:0;
position:absolute;
}
.sec-mobile-ready .iphone-ipad img:last-child {
left:45%;
}
#h1-team {
padding:100px 0;
} 
/* about-intro */
.about-intro,
.abouts-hero {
width:100%;
display:block;
min-height:800px;
position:relative;
}
.about-intro .hero-bg {
background: url("/bizdemo28592/img/placeholders/backgrounds/bg-5.jpg") no-repeat fixed 0 center #000000;
height: 1600px;
}
.about-intro .intro {
color:#FFF;
max-width:800px;
width:100%;
position:absolute;
text-align:center;
font-size:20px;
color:#CCC;
line-height:30px;
}
.about-intro .intro p.name {
font-weight:900;
font-size:50px;
margin-bottom:40px;
color:#fff;
}
.about-intro .intro ul,
.about-intro .intro ul li {
width:100%;
display:block;
text-align:center;
}
.about-intro .intro ul {
margin-bottom:30px;
}
.about-intro p.scroll-down {
font-size:12px;
bottom:20px;
left:50%;
position:absolute;
width:100px;
margin:0 0 0 -50px;
text-align:center;
font-size:30px;
}
.about-intro p.scroll-down span {
display:block;
width:100%;
text-align:center;
font-size:14px;
}
.about-info {
width:100%;
display:block;
padding:20px 0;
background:#f9f9f9;
border-bottom:5px solid #f4f4f4;
}
.about-info .container > div {
width:25%;
float:left;
box-sizing:border-box;
padding:20px;
position:relative;
} 
.about-info .container > div:after {
content:'';
position:absolute;
width:1px;
height:80%;
top:10%;
left:0;
background:#e8e8e8;
} 
.about-info .container > div h3 {
text-transform:uppercase;
font-weight:bold;
font-size:14px;
display:block;
margin-bottom:10px;
} 
.about-me-statics {
width:100%;
display:block;
padding:30px 0;
margin:30px auto 50px;
border-bottom: 5px solid #F4F4F4;
border-top: 5px solid #F4F4F4;
background:url(/bizdemo28592/img/placeholders/backgrounds/photography.png);
}

/*Abouts hero*/
.abouts-hero {
height:600px;
} 
.abouts-hero .hero-bg {
background: url("/bizdemo28592/img/placeholders/backgrounds/bg-6.jpg") no-repeat fixed 0 center #000000;
height: 1200px;
} 
/*===========
SECTION PAGE
=============*/
.image-full {
background:url(/bizdemo28592/img/placeholders/backgrounds/rain.jpg);
background-size:cover;
}
#video-sec-1 {
background:#000;
} 
/* Home demo 2 */ 
.h2-hero {
position:relative;
top:0;
left:0;
}
.h2-intro,
.h2-gallery,
.h2-post,
.h2-services {
background:#fff;
padding: 70px 0;
}
.h2-gallery {
background:#f4f4f4;
}
.h2-gallery .background {
background:url(/bizdemo28592/img/placeholders/photographer.png) right bottom no-repeat fixed;
height: 1200px;
} 
.h2-counter {
background:#fcfcfc;
padding: 50px 0;
border-top:5px solid #f5f5f5;
}
.h2-counter .counter-wrap i.fa {
color:#3d3d3d;
} 
.h2-pricing {
padding:100px 0;
} 
/*===========
HOME-3
=============*/
.h3-who {
padding:50px 0;
}
.h3-funfact {
padding:20px 0 0 0;
display:block;
width:100%;
background:#181818;
overflow:hidden;
}
.h3-funfact .counter-wrap i {
color:#5095fe;
}
.h3-funfact .counter-wrap .counter {
color:#505050;
font-weight:100;
}
.h3-funfact .info .value {
font-weight:bold;
font-size:12px;
margin-top:10px;
} 
.h3-features {
background:#fbfbfb;
padding:30px 0;
}
.h3-intro {
padding:50px 0;
}
.h3-hero {
padding:50px 0 0 0;
} 
.h3-intro h1 {
font-weight:100;
font-size:40px;
line-height:50px;
width:80%;
} 
.h3-work {
padding:50px 0 100px 0;
}
.h3-work .background {
background:url(/bizdemo28592/img/placeholders/backgrounds/h3-bg-work.jpg) bottom repeat-y;
height:1600px;
}
.h3-work .g-carousel {
margin-bottom:50px;} 
/*===========
HOME-4
=============*/
.home-4 ,
.home-4 .main-container {
background:#1a191d;
}
.home-4 .h4-portfolio {
position:relative;
padding-left:180px;
} 
.home-4 .port-filter {
width:180px;
position:absolute;
top:0;
left:0;
box-sizing:border-box;
padding:20px;
}
.home-4 .port-filter nav#filters a {
width:100%;
display:block;
padding:10px 15px ;
font-weight:400;
text-align:left;
border:none;
border-radius:0;
}
.home-4 .port-filter nav a:hover,
.home-4 .port-filter nav a.checked {
box-shadow:none;
background:rgba(255, 255, 255,.1)
}
.home-4 .port-filter .avatar {
width:80px;
height:80px;
margin:20px auto;
border-radius:50%;
overflow:hidden;
border:5px solid rgba(255, 255, 255,.1)
} 
/*===========
SHOP-1
=============*/
.s1-hero {
}
.s1-hero .head-title {
font-family:'Roboto Condensed';
border-bottom:2px solid #597603;
text-transform:uppercase;
font-size:22px;
font-weight:400;
padding:10px 0;
color:#fff;
}
.s1-hero .text-larger-violet {
background-color: transparent;
border-color: rgb(255, 214, 88);
border-style: none;
border-width: 0;
color: rgb(255, 255, 255);
font-family: "Roboto";
font-size: 90px;
font-weight: 800;
line-height: 60px;
text-decoration: none;
color: #8d84e4;
}
.s1-hero .large_thin_white {
font-size:50px;
color:#fff;
font-family: "Open Sans";
}

/*===========
SHOP-2
=============*/
.shop2-hero {
width:100%;
height:auto;
display:block;
padding:100px 0 0 0;
}
.shop2-hero .description {
width:100%;
display:block;
padding:30px 0;
}
.isotope-pro-list {
width:100%;
display:block;
padding: 10px;
margin: 30px auto 50px auto;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
}
.s-filter {
margin:30px auto !important;
}
.s-filter a:hover {
color:#8d84e4;
} 
.isotope-pro-list .item {
float: left;
margin: 10px;
width: 250px;
height: 430px;
box-sizing:border-box;
}
.isotope-pro-list .sale {
position:relative;
}
.isotope-pro-list .sale:after {
position:absolute;
width:40px;
height:40px;
line-height:36px;
font-weight:700;
text-transform:uppercase;
border-radius:50%;
text-align:center;
color:#fff;
content:'Sale';
top:-20px;
right:-10px;
background:#88af12;
font-size:11px;
z-index:999;
transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.isotope-pro-list .sale:hover:after {
right:50%;
margin-right:-20px;
} 
.isotope-pro-list .item .p-preview .thumb img {
width:100%;
float:left;
}
.isotope-pro-list .item .p-preview {
height:345px;
overflow:hidden;
position:relative;
}
.isotope-pro-list .item .p-preview .action {
height:50px;
bottom:-50px;
display:block;
background:rgba(0,0,0,.9);
width:100%;
position:absolute;
z-index:2;
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
}
.isotope-pro-list .item .p-preview .thumb {
position:absolute;
top:0;
text-align:center;
z-index:1;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.isotope-pro-list .item .p-preview:hover .thumb {
top:-100%;
}
.isotope-pro-list .item .p-preview:hover .action {
bottom:0px
}
.isotope-pro-list .item .p-preview .action a.add-cart {
display:inline-block;
padding:16px;
text-align:left;
color:#999;
font-size:14px;
padding-left:35px;
box-sizing:border-box;
float:left;
width:50%;
}
.isotope-pro-list .item .p-preview .action a.add-cart:hover {
color:#fff;
background:#8d84e4;
} 
.isotope-pro-list .item .p-preview .action a.add-cart:after {
position:absolute;
top:16px;
left:15px;
content:'\f07a';
font-family:FontAwesome;
font-size:14px;
} 
.isotope-pro-list .item .p-preview .action .rate {
display:inline-block;
text-align:right;
color:#999;
padding:15px;
float:right;
width:50%;
box-sizing:border-box;
}
.isotope-pro-list .item .rate i.yellow {
color:#ffcc00;
} 
.isotope-pro-list .item .p-info {
width:100%;
box-sizing:border-box;
padding:15px 0;
}
.isotope-pro-list .item .p-info .cat a {
color:#999;
}
.isotope-pro-list .item .p-info .cat a:hover {
color:#8d84e4;
} 
.isotope-pro-list .item .p-info .product-details {
float:left;
width:70%;
}
.isotope-pro-list .item .p-info .product-details a.title {
display:block;
font-size:14px;
font-weight:400;
}

.isotope-pro-list .item .p-info .price {
float:right;
margin-top:5px;
width:30%;
text-align:right;
font-size:20px;
}


.shop2-bottom {
width:100%;
margin:30px 0 0 0;
border-top:1px solid #f5f5f5;
padding:30px 0 0 0;
} 
.button-shop {
display:block;
text-align:center;
width:100%;
margin:20px auto;
}
.shop2-banner {
padding:30px 0;
border-top:1px solid #f9f9f9;
} 
.shop2-foot {
background:#f9f9f9;
} 

/*===========
SHOP-3
=============*/
.shop3 {
}
.shop3 .copyright {
background-color:#111;
} 
.s3-hero {
padding:20px 0;
}
.shop3 .customers-area {
margin:25px 0 0 0;
padding:50px 0;
background:url(/bizdemo28592/img/placeholders/backgrounds/bg-12.jpg) no-repeat fixed center bottom #000;
}
.shop3 .customers-area p.test {
color:#d0d0d0;
font-size:14px;
} 
.shop3 .customers-area .btn {
margin-top:80px;
} 
.s3-all-pro {
margin:0 0 70px 0;
} 

/*===========
ONEPAGE-1
=============*/
#onepage-1 section {
padding:30px 0;
}
#onepage-1 .copyright {
padding:40px 0;
margin:0;
}
#onepage-1 #home {
background:#fff;
position:relative;
padding:0;
}
#onepage-1 #home .middle-content:after {
position:absolute;
width:100px;
height:2px;
background:white;
top:-30px;
left:50%;
margin-left:-50px;
content:'';
}
#onepage-1 #home .middle-content h1,
#onepage-1 #home .middle-content h3 {
text-transform:uppercase;
color:#ffffff;
font-size:40px;
line-height:40px;
}
#onepage-1 #home .middle-content h1 {
margin:10px auto 20px auto;
font-size:70px;
line-height:70px;
font-weight:bold;
} 
#onepage-1 #home .scroll-down {
padding:10px 20px;
color:#fff;
position:absolute;
bottom:0;
left:50%;
width:150px;
height:50px;
text-align:center;
background:rgba(255,255,255,.1);
margin:0 0 0 -75px;
display:inline-block;
z-index:9;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
overflow:hidden;
}
#onepage-1 #home .scroll-down:after {
content:'scroll down';
position:absolute;
color:#fff;
width:100%;
height:100%;
line-height:50px;
text-transform:uppercase;
font-weight:bold;
left:0;
top:-50px;
font-size:16px;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
#onepage-1 #home .scroll-down:hover {
background:rgba(255,255,255,.4);
}
#onepage-1 #home .scroll-down:hover i {
top:50px;
}
#onepage-1 #home .scroll-down:hover:after {
top:0;
} 
#onepage-1 #home .scroll-down i {
font-size:20px;
color:#ffffff;
position:absolute;
text-align:center;
left:50%;
top:15px;
margin-left:-10px;
transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
-webkit-transition:all ease-in-out .3s;
} 
#onepage-1 #home .pattern {
background:rgba(0,0,0,.5);
width:100%;
height:100%;
position:relative;
margin:0;
}
#onepage-1 #home .pattern:after{
background: url(/bizdemo28592/img/images/pattern.png);
width:100%;
height:100%;
bottom:0;
left:0;
position:absolute;
z-index: 1;
content: "";
}
#onepage-1 #team {
padding:0 0 100px 0;
}
#onepage-1 #contacts {
padding-bottom:30px;
} 
#onepage-1 .copyright .sign {
font-weight:700;
text-transform:uppercase;
} 
#onepage-1 .copyright .sign i {
font-size:20px;
color:red;
position:relative;
margin:0 2px;
bottom:-3px;
} 
#onepage-1 .copyright .socials {
margin-bottom:15px;
}
#onepage-1 #pricingtable {
padding:100px 0 30px;
clear:both;
width:100%;
}
#onepage-1 #pricingtable #pricePlans {
margin-top:100px;
}
#onepage-1 #portfolio {
padding:100px 0 0 0;
}
#onepage-1 #services {
background:#f2f2f2;
padding:0;
}
#onepage-1 #services .container {
background:#fafafa;
padding-top:50px;
padding-bottom:50px;
}
#onepage-1 .newsletter {
width:100%;
background:#80a852;
display:block;
padding:50px 0;
color:#fff;
}
#onepage-1 .newsletter .info-form {
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.2);
padding:20px 30px;
float:right;
border-radius:3px;
}
#onepage-1 .newsletter i {
font-size:40px;
margin:0 20px 0 0;
opacity:.3;
display:inline-block;
border:2px solid #fff;
border-radius:50%;
text-align:center;
padding:20px;
width:90px;
height:90px;
}
#onepage-1 .newsletter input,
#onepage-1 .newsletter button {
float:left;
margin:0 0 0 10px;
} 
#onepage-1 .newsletter input {
background:#638c37;
border:none;
padding:11px 20px;
}
#onepage-1 .newsletter h3 {
color:#fff;
text-transform:uppercase;
font-weight:bold;
padding-bottom:5px;
} 
#onepage-1 #customer {
min-height:500px;
padding:100px 0;
color:#7f8f93;
background:#373c41;
} 
#onepage-1 #customer .background {
height:1200px;
background:url(/bizdemo28592/img/placeholders/backgrounds/bg-14.jpg) bottom center fixed no-repeat #373c41;
opacity:.1;
}
#onepage-1 #customer p.test {
font-size:16px;
line-height:24px;
}
#onepage-1 #customer .testimonials-group #client .avatar {
border:2px solid rgba(255,255,255,.2);
opacity:.3;
}
#onepage-1 #customer .testimonials-group #client .synced li .avatar,
#onepage-1 #customer .testimonials-group #client .avatar:hover {
border:2px solid rgba(255,255,255,1); 
opacity:1; 
}
#onepage-1 #blog {
background:url(/bizdemo28592/img/placeholders/backgrounds/bg-11.jpg) top center no-repeat fixed;
background-size:cover;
color:#ffffff;
padding:80px 0;
} 
#onepage-1 #blog .s-post {
background:rgba(255,255,255,.05)
}
#onepage-1 #blog .s-post:hover {
background:rgba(255,255,255,.1)
} 
#onepage-1 #blog .s-post .it-entry-title a {
color:#ffffff;
font-size:18px;
}
#onepage-1 #blog .post-grid .item .s-post .it-entry-content .readmore {
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.1);
color:#fff;
border-radius:20px;
padding:10px 20px;
margin-top:10px;
display:inline-block;
}
#onepage-1 #blog .post-grid .item .s-post .it-entry-content .readmore:hover {
background:rgba(255,255,255,.4);
}
@media only screen and (max-width: 640px) {
.container .work {width:100%;height:auto;}
.container .work img {width:100%;height:auto;}
.container .factory {width:100%;height:auto;}
.container .factory img {width:100%;height:auto;}
.container .iso img {width:100%;height:auto;}
.container .iso2 img {width:100%;height:auto;}
}