@import url('https://fonts.googleapis.com/css?family=Marvel');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:200');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
a {
	text-decoration:none;
}
body{
   font-family: "Open Sans", Arial, sans-serif;
   background:url(../images/bg-layer.jpg) no-repeat;
   background-size:cover;
   background:#000;
      
}
ul li {
	list-style:none;
}
.to-animate,animate-box{
  opacity:0;
}
.main-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
  /*background:url(../images/bg-layer.jpg) no-repeat;
  */
}
.gift{ float:left; display:inline-block;  width:20%; padding-left:10%; }
.form{ width:80%; margin:20px auto 0 auto;  background-color:rgba(255,255,255,0.03); padding:20px; overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,0.8);}
.txt, .txt1{ width:33%; display:inline-block; float:left; position:relative; margin-bottom:30px;}
.txt1{ width:100%;}
.error{ position:absolute; top:100%; color:red; font-size:12px; padding-top:5px; display:none;}
.txt.pd{ padding-right:20px;}
.txt i{ display:inline-block; width:30px; height:30px; background-color:#2f2f2f; position:absolute; left:0; top:0; }
.txt input, .txt textarea{ background-color:transparent; display:inline-block; border:none; border-bottom:1px solid #2f2f2f; outline:none; padding:7px 5px 7px 35px; color:#FFF; width:100%;}
.submit{ background-color:#0a0a0a; padding:7px 10px; color:#FFF; border:none; outline:none; font-size:12px; border-right:2px solid #53534f; border-left:2px solid #53534f; cursor:pointer; position:relative; bottom:0; transition:0.2s;}
.submit:hover{ bottom:5px; transition:0.2s;}
.txt textarea {
    resize:none; padding:7px 5px 0 35px; line-height: 11px; font-family: "Open Sans", Arial, sans-serif;
}

.banner,.clsaboutbanner{
   width:100%;
   /*height:calc(100% - 268px);*/
  	height:450px;
   position:relative;
   z-index:99;
   display:inline-block;
}
.page
{
	position:relative;
	height:100%;
	width:100%;
}
.clear
{
	margin:0px;
}
.clsaboutbanner{
	background:url(../images/aboutbanner.png) no-repeat;
	
	color:#fff;
	 background-size:100% 100%, cover;
}
.container {
	max-width:1170px;
	width:100%;
	margin:0 auto;
}
.container-1
{
	width:60%;
	margin:0 auto;
}
/*slider*/
.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center bottom;
}

.banner-dots{
   position:absolute;
   right: 5%;
   top: 50%;
}
.circle-dot{
   width:12px;
   height:12px;
   border-radius:50%;
   background:transparent;
   border:1px solid #fff;
   display:block;
   margin-bottom:5px;
   box-sizing:border-box;
 
}
.circle-dot.active{
  background:#fff;
  border:1px solid #fff;
}



/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 300px;
	height: 100px;
	margin: -50px 0 0 -150px;
	top: 50%;
	left: 50%;
}
.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}
.responsive-menu
{
	display: none;
}
.heading-content{
  position:absolute;
  top:15%;
  left:9%;
  color:#fff;
  width:100%;
  height:50%;
  
}
.heading-content .top-heading h3{
  text-transform:uppercase;
  font-size:40px;
  font-family: 'Open Sans', sans-serif;
  font-weight:100 !important;
  
}
.bottom-heading h5{
  font-size:28px !important;
  font-weight:normal;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-top:15%;
  font-family: 'Playfair Display', serif;
  font-weight:100 !important;
}

.heading-content .bottom-heading h5{
     font-size: 34px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 15%;
    z-index: 1000;
    position: absolute;
	line-height:28px;
}
.top-heading h3.active{
   display:block;
  
}
.bottom-heading h5{ display:block;}
.top-heading h3{
   display:none;
}


/*-----header-----*/
.header {
  height:110px;
}
.logo {
	padding:34px 0 0;
	float:left;
	box-sizing:border-box;
}
ul.menu {
	float:right;
	padding:20px 0 0;
}
ul.menu li {
	float:left;
}
ul.menu li a {
	border:1px solid transparent;
	color:#939393;
	padding:9px 22px;
	font-size:12px;
	margin-left:10px;
	text-transform:uppercase;
	display:inline-block;
}
ul.menu li.active a, ul.menu li a:hover {
	border:1px solid #949494;
	border-radius:25px;
}
/*-----header-----*/

/*Contact*/
.h3, h6
{
	padding:20px 0px;
	color:#fff;
	font-weight:100;
	font-family: 'Roboto Condensed', sans-serif;
}
.h3
{
	font-size:28px !important;
}
.mar-30
{
	margin-top:0px !important;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
h6
{
	font-size:21px;
}
.left, .right
{
	float:left;
	display:inline-block;
	width:40%;
	box-sizing:border-box;
	color:#fff;
	margin-top:0px;
	position:relative;
	padding-left:80px;
	
}
.right{ padding-left:20px;}

.call, .num
{
	float:left;
	display:inline-block;
	box-sizing:border-box;
	color:#fff;
}
.call
{
	width:15%;
}
.num
{
	width:84%;
}
.num.pd{ padding-left:10px;}
.num p
{
	font-size:18px;
	line-height:23px;
	letter-spacing:2px;
	font-family: 'Open Sans Condensed', sans-serif;
}
.txt-color
{
	text-transform:uppercase;
	letter-spacing:25px;
	color:#ef7c00;
	font-size:35px;
	text-align:center !important;
	padding-top:30px;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	
}
.bg
{
	background:#1a1a18 !important;
}

/*------footer-----*/

.footer {
	padding: 15px 0 15px;
	width:100%;
	float:left;
	background:#000;
}
.footertop ul li a {
	background:#2d2d2d;
	padding:5px 5px 2px;
	display:inline-block;
	border-radius:2px;
}
.footertop {
	 padding: 22px 0 20px;
}
.footertop ul {
	width:160px;
	margin:0 auto;
	
}
.footertop ul li {
	display:inline-block;
	margin-left:26px;
}
.footertop ul li:first-child {
	margin-left:0px;
}
.footer-bootom {
	color:#6d6d6d;
	font-size:13px;
	padding: 22px 0 20px;
}

    .ww.wid50, .footer-bootom.wid50 { /*width:50%; float:left;*/
        display: inline-block;
        text-align: center;
    }
.banner.gallery{ background-image:url(../images/grly.jpg); background-size:cover;}
.banner.contact-bg{ background-color:#1c1817; background-image:url(../images/bg-layer.jpg); background-size:cover; background-repeat:no-repeat;}

.footertop, .footer-bootom, .ww{ width:33.3%; display:inline-block; float:left;}
    .ww a {
        text-align: center;
        color: #6d6d6d;
        font-size: 13px;
        display: inherit;
        padding: 22px 0 20px;
    }
 
/*------footer-----*/

/*-----------about---------*/

.clsbannerinner{
	padding:155px 0 60px;
	font-family: 'Open Sans', sans-serif;
}
.clsbannerinner h2{
	font-size:22px;
	margin-bottom:10px;
}
.clsbannerinner p{
	font-size:13px;
	line-height:25px;
	margin-bottom:25px;
	text-align:justify;
}

.imagePos{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
}
.imagePos img{
  width:100%;
}
/*-----------about---------*/

/* Gallery */
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
  margin-top: -19px;
  top: 50%;
  z-index: 9999;
  position: absolute;
  opacity: .5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
  opacity: 1;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  font-size: 30px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
  background: none !important;
}

.owl-theme .owl-dots {
  position: absolute;

  width: 100%;
  text-align: center;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
  bottom: 0;
  margin-bottom: 2.5em;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: transparent;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid #777;
  color:#fff;
  font-size:10px !important;
}
.owl-theme .owl-dots .owl-dot span:hover {
  background: none;
  background: white;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: white;
 border: 1px solid #777;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 0;
  margin-left: -40px !important;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
  
}
.owl-carousel .owl-controls .owl-nav .owl-next {
  right: 0;
  margin-right: -40px !important;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
  
}
.icon-arrow-left,.icon-arrow-right{
   width:17px;
   height:26px;
   display:inline-block;
   background:url(../images/gallery/arrow.png) no-repeat;
   
}
.icon-arrow-right{
  transform: rotate(180deg);
}

.gallery h3{
padding-top:20px;	
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  letter-spacing:1px;
}
.call1{
	font-family: 'Open Sans Condensed', sans-serif;	
	margin-bottom:10px;
	}
.gallery-product{
  width:100%;
  margin:20px 0px;
  padding:8px;
  border:1px solid #5a5a5a;
}
.prod-img img{
  width:100%;
}
.tags{
  margin-top:10px; 
}
.tags .name-product{
  display:inline-block;
  font-size:14px;
  color:#5b5b5b;
  
}
.tags .name-product:before{
   content:'';
   height:2px;
   width:14px;
   display:block;
   background:#c20001;
   margin-bottom:5px;
}
.share{
  background:url(../images/share.png) no-repeat;
  width:30px;
  height:16px;
  display:inline-block;
  float:right;
  margin-top:5px;
}

/* Landing */

.columns{
 width:23%;
 display:inline-block;
 background:red;
 top:10px;
 transition:all ease-in 0.2s;
 position:relative;
 float:left;
 box-sizing: border-box ; margin-right:2%;
}
/*.columns{
 width:170px;
 display:inline-block;
 margin-right:20px;
 background:red;
 top:10px;
 transition:all ease-in 0.2s;
 position:relative
}*/
.textcenter{
  text-align:center;
}
.columns.home-color{
background: rgb(140,198,64);

background: -moz-linear-gradient(left,  rgba(140,198,64,1) 0%, rgba(156,203,59,1) 100%);

background: -webkit-linear-gradient(left,  rgba(140,198,64,1) 0%,rgba(156,203,59,1) 100%);

background: linear-gradient(to right,  rgba(140,198,64,1) 0%,rgba(156,203,59,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc640', endColorstr='#9ccb3b',GradientType=1 );




}
.columns.about-color{
 background: rgb(232,192,31);

background: -moz-linear-gradient(left,  rgba(232,192,31,1) 0%, rgba(226,185,36,1) 100%);

background: -webkit-linear-gradient(left,  rgba(232,192,31,1) 0%,rgba(226,185,36,1) 100%);

background: linear-gradient(to right,  rgba(232,192,31,1) 0%,rgba(226,185,36,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c01f', endColorstr='#e2b924',GradientType=1 );


}
.columns.gallery-color{
background: rgb(212,43,107);

background: -moz-linear-gradient(left,  rgba(212,43,107,1) 0%, rgba(198,45,105,1) 100%);

background: -webkit-linear-gradient(left,  rgba(212,43,107,1) 0%,rgba(198,45,105,1) 100%);

background: linear-gradient(to right,  rgba(212,43,107,1) 0%,rgba(198,45,105,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d42b6b', endColorstr='#c62d69',GradientType=1 );

}
.columns.contact-color{
background: rgb(141,39,127);

background: -moz-linear-gradient(left,  rgba(141,39,127,1) 0%, rgba(113,26,109,1) 100%);

background: -webkit-linear-gradient(left,  rgba(141,39,127,1) 0%,rgba(113,26,109,1) 100%);

background: linear-gradient(to right,  rgba(141,39,127,1) 0%,rgba(113,26,109,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d277f', endColorstr='#711a6d',GradientType=1 );


}
.columns:after{
  content:'';
  display:block;
  width:100%;
  height:200px;
  
}
.columns.home-color:after{
   background: rgb(65,89,41);

background: -moz-linear-gradient(top,  rgba(65,89,41,1) 4%, rgba(11,12,9,1) 98%);

background: -webkit-linear-gradient(top,  rgba(65,89,41,1) 4%,rgba(11,12,9,1) 98%);

background: linear-gradient(to bottom,  rgba(65,89,41,1) 4%,rgba(11,12,9,1) 98%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415929', endColorstr='#0b0c09',GradientType=0 );


}
.columns.about-color:after{
background: rgb(118,104,42);

background: -moz-linear-gradient(top,  rgba(118,104,42,1) 0%, rgba(11,12,9,1) 98%);

background: -webkit-linear-gradient(top,  rgba(118,104,42,1) 0%,rgba(11,12,9,1) 98%);

background: linear-gradient(to bottom,  rgba(118,104,42,1) 0%,rgba(11,12,9,1) 98%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76682a', endColorstr='#0b0c09',GradientType=0 );
}
.columns.gallery-color:after{
background: rgb(106,20,52);

background: -moz-linear-gradient(top,  rgba(106,20,52,1) 0%, rgba(11,12,9,1) 98%);

background: -webkit-linear-gradient(top,  rgba(106,20,52,1) 0%,rgba(11,12,9,1) 98%);

background: linear-gradient(to bottom,  rgba(106,20,52,1) 0%,rgba(11,12,9,1) 98%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a1434', endColorstr='#0b0c09',GradientType=0 );


}
.columns.contact-color:after{
background: rgb(94,33,81);

background: -moz-linear-gradient(top,  rgba(94,33,81,1) 0%, rgba(11,12,9,1) 98%);

background: -webkit-linear-gradient(top,  rgba(94,33,81,1) 0%,rgba(11,12,9,1) 98%);

background: linear-gradient(to bottom,  rgba(94,33,81,1) 0%,rgba(11,12,9,1) 98%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e2151', endColorstr='#0b0c09',GradientType=0 );
}
.columns span{
  color:#fff;
  display:block;
  padding:13px 0;
}
.columns.home-color span{
  background:#4c9a44;
}
.columns.about-color span{
  background:#c6842a;
}
.columns.gallery-color span{
  background:#961a2d;
}
.columns.contact-color span{
  background:#1a0d1b;
}
.columns .icons{
  padding:30px 0;
  text-align:left;
  
}
.columns .icons img{
  position:relative;
  left:0px;
  
}

.columns:hover{
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.85);
  position:relative;
  top: 10px;
}
.columns .gal-inner{
  display:block;
  text-decoration:none;
  outline:none;
}
.image-popup{
  display:block;
  outline:none;
}