@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);
 }