body {
    background: #fff;
    padding:  0;
    color: #686b70;
    font-size: 15px;
    font-family: 'Roboto Slab', sans-serif;
    line-height: 1.80857;
    margin: 0;
	position: relative;
}
*{ outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
::selection 
{
   background-color: #0978bc;
   color : #fff
}
::-moz-selection
{
   background-color: #0978bc;
   color : #fff
}
.clear, .t {
    clear: both;
}
img {
    border: 0px;
}

a {
    text-decoration: none;
    outline: 0;
}
.trans,
.trans a,
.trans li,
.trans div,
.trans strong,
.trans span,
.trans button,
.trans h1,
.trans h2,
.trans h3,
.trans h4,
.trans i,
.trans p,
.trans a:after,
.trans img,
.trans input {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
hr {
    border: 0;
    height: 1px;
    background: #ececec;
}
 

.site {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}



.scrollbar
{
	/* margin-left: 30px; */
	/* float: left; */
	/* height: 300px; */
	/* width: 65px; */
	overflow-y: scroll;
	/* margin-bottom: 25px; */
}

/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


header.site-top{ position:fixed; z-index:999; background:#fff; top:0; width:100%; border-bottom: 1px solid #e9e2de;border-top: 1px solid #e9e2de; padding-bottom:10px; height:118px; }
header.site-top .site-nav {background: #0978bc; padding:3px 7px}
header.site-top .site-nav .telephone-other{ display:block;float: left; font:12px/28px Arial,sans-serif;color: #fff;}
header.site-top .site-nav .telephone-other i{ margin-right:3px; }
header.site-top .site-nav .telephone-other span{ margin-right:10px; }
header.site-top .site-nav .social-media{ display:block; float: right; }
header.site-top .site-nav .social-media a{ font-size:13px; display:inline-block; margin-left:0px;color: #fff; padding:3px 8px;}
header.site-top .site-menu{ position:relative; }
header.site-top .site-menu ul{ padding:0; margin:0; list-style:none; }
header.site-top .site-menu ul > li{ display:inline-block;vertical-align:top;}
header.site-top .site-menu ul > li:hover{ background:#e2e2e2; }
header.site-top .site-menu ul > li > a{display:block;padding: 31px 26px;margin-left:-4px;transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms;-o-transition: all 400ms;color:#020204;font: 600 15px Roboto Slab,Arial,sans-serif;text-transform:uppercase;}
header.site-top .site-menu ul > li#home{  height:32px; background:none;  }
header.site-top .site-menu ul > li#home > a{ padding:0; background-position: center;  width:52px; height:82px;  background-size:32px auto; }
header.site-top .site-menu ul > li#home > a:before {content: "\f015";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;/*--adjust as necessary--*/
    color: #020204; font-size: 18px;padding-right: 0.5em;position: absolute;text-align:center;top: 10px;font-size:27px;padding:20px 0px;left: 10px;}
header.site-top .site-menu ul > li.aktif > a, header.site-top .site-menu > ul > li:hover > a{ border-top-color:#6C4023; }
header.site-top .site-menu ul li#site-logo{padding-top: 4px;text-align: center;width: 31%;}
header.site-top .site-menu ul li#site-logo:hover{ border-top-color:transparent}
header.site-top .site-menu ul li#site-logo:hover{ border-top-color:transparent; background:none}
header.site-top .site-menu ul li#site-logo a{ padding:0; border:0; display:block; }
header.site-top .site-menu ul li#site-logo a img{max-width: 42%;}
header.site-top .site-menu ul li:hover ul{ display:block; }
header.site-top .site-menu ul li ul{ position:absolute; display:none; width:15em; z-index:99999; overflow:hidden; border-top:8px solid transparent; }
header.site-top .site-menu ul li ul li{ background:#fff; display:block; border-bottom:1px solid #efefef; border-right:3px solid transparent !important; }
header.site-top .site-menu ul li ul li a{ color:#6C4023;font:500 13px/21px Roboto Slab,Raleway,arial,sans-serif;  display:block;   padding:15px 20px !important; }
header.site-top .site-menu ul li ul li a:after{ left:0; margin:0; height:1px;}
header.site-top .site-menu ul li ul li:hover { background:#ededed; border-right-color: #ededed !important; }
header.site-top .site-menu ul li ul li:last-child{ border:0;}

header.site-top.site-topAR .site-menu ul > li > a{ font-size:18px;padding:27px;  }
header.site-top.site-topAR .site-menu ul li ul{ margin-top:-10px; }
header.site-top .language{ position:absolute; right:0; top:0; background:#eee;}
header.site-top .languageAR{ position:absolute; left:0; right:inherit;}
header.site-top .language ul{ display:block; padding:0;  margin:0; list-style:none;}
header.site-top .language ul li ul{ display:none; position:absolute; left:0; margin-top:0px; background:#6C4023; }
header.site-top .language ul li a{ color:#222; padding:33px 7px; display:block; font:600 12px Raleway,Arial,sans-serif;}
header.site-top .language ul li ul li a{ color:#fff; padding:15px;}
header.site-top .language ul li ul li a:hover{ background:#e2e2e2; color:#222; }
header.site-top .language ul li:hover ul{ display:block; }


.manset{ position:relative; z-index:99; margin-top:82px; }
.swiper-container {width: 100%;height: 89vh;overflow:hidden;}
.swiper-slide {background-position: center;background-size: cover; }
.swiper-slide:before{background: rgba(0,0,0,.1); content:''; left:0; top:0; width:100%; height:100%; position:absolute; z-index:10}*/
.swiper-slide .caption{  }
.banner-text{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0;right: 0;max-width: 1170px; margin:0 auto; width: 100%;z-index: 999; text-align:center; text-shadow: 0 0 7px #000;}
.basliks  {  font:500 22px Roboto Slab,Arial,sans-serif; display:block; padding:15px 0px; color:#fff; text-transform:uppercase}
.banner-text h3 { letter-spacing: -0.9px;white-space: normal;color: #fff; padding:0;margin:0;font:300 25px Roboto Slab,'Avenir Next LT Pro Bold', sans-serif; line-height:1.2;margin-bottom:10px; text-transform:uppercase;}
.banner-text p{ color:#fff; font:900 3em Roboto Slab,Arial,sans-serif; text-transform:uppercase;}
.banner-text a {font-weight: 900;white-space: normal;color: #fff;  padding:0;margin:0;font:600 13px Roboto Slab,Arial, sans-serif;margin-bottom: 10px;line-height:1.2;text-transform: uppercase;padding:15px 25px;background:#222;display:inline-block; }
.banner-text a:hover{ background:#6C4023; color:#fff; text-shadow:0 0 0 }



/*.piksstone-about{ background:#EFEFEE; height:550px; position:relative;}
.piksstone-about .piksstone-about-img{ background-size:auto 100%; background-repeat:no-repeat; height:100%; width:100%; position:absolute; left:0; top:0; right:0; bottom:0; }
.piksstone-about .piksstone-about-text{ text-align:right; padding:0 30px; position:relative;  width:600px; left: 50%;  top: 40%;-webkit-transform: translateY(50%);  transform: translatY(50%); color:#6C4023}
.piksstone-about .piksstone-about-text h3{ font:400 21px Roboto Slab,Arial,sans-serif; text-transform:uppercase; margin-top:0;}
.piksstone-about .piksstone-about-text h4{ font:700 18px Roboto Slab,Arial,sans-serif; text-transform:uppercase; margin-top:0;}}
.piksstone-about .piksstone-about-text p{ font:400 15px/1.9 Roboto Slab,Arial,sans-serif; color:#333}
.piksstone-about .piksstone-about-text a{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#6C4023; border:2px solid #6C4023; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase; margin-top:8px;}
.piksstone-about .piksstone-about-text a:hover{ background:#6C4023; color:#fff; }


.piksstone-special{ background:#fff; height:450px; position:relative;}
.piksstone-special .piksstone-special-img{ background-size:auto 100%; background-position:right; background-repeat:no-repeat; height:100%; width:100%; position:absolute;  top:0; right:0; bottom:0; }
.piksstone-special .piksstone-special-text{ text-align:left; padding:30px; position:relative;  width:600px;  top: 20%;-webkit-transform: translateY(20%);  transform: translateY(20%); color:#6C4023}
.piksstone-special .piksstone-special-text h3{ font:300 25px Roboto Slab,Arial,sans-serif; text-transform:uppercase; margin-top:0;}
.piksstone-special .piksstone-special-text h4{ font:700 18px Roboto Slab,Arial,sans-serif; text-transform:uppercase;}
.piksstone-special .piksstone-special-text p{ font:400 15px/1.9 Roboto Slab,Arial,sans-serif; color:#333}
.piksstone-special .piksstone-special-text a{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#6C4023; border:2px solid #6C4023; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase; margin-top:8px;}
.piksstone-special .piksstone-special-text a:hover{ background:#6C4023; color:#fff; }
*/


.piksstone-quote{ padding:20px 0px; background:#222; margin-top:-2px; }
.piksstone-quote .piksstone-quote-detail {}
.piksstone-quote .piksstone-quote-detail .piksstone-quote-detail-l{ display:inline-block; width:1000px;}
.piksstone-quote .piksstone-quote-detail .piksstone-quote-detail-r{ display:inline-block; width:150px;}
.piksstone-quote .piksstone-quote-detail .piksstone-quote-detail-l h2{ font:500 14px Roboto Slab,Arial,sans-serif; color:#222; text-transform:uppercase; color:#fff; padding:5px 0px; margin:0; letter-spacing:.3px}
.piksstone-quote .piksstone-quote-detail .piksstone-quote-detail-l h2 strong{ font-weight:600}
.piksstone-quote .piksstone-quote-detail .piksstone-quote-detail-r a{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#fff; border:2px solid #fff; border-radius:4px; text-align:center; display:block; padding:10px 15px; text-transform:uppercase;}
.piksstone-quote .piksstone-quote-detail .piksstone-quote-detail-r a:hover{ background:#fff; color:#222; }

.piksstone-about{ background:#fff; }
.piksstone-about .piksstone-about-photo{position:relative;overflow:hidden;min-height:690px;}
.piksstone-about .piksstone-about-image{width:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;bottom:2rem}
.piksstone-about .piksstone-about-image-a{position:absolute;top:0;bottom:auto;width:50%;padding-left:0;padding-right:0;overflow:hidden}
.piksstone-about .piksstone-about-image-a img{float:right}
.piksstone-about .piksstone-about-text{position:absolute;width:74rem;max-width:90%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;bottom:0;pointer-events:none}
.piksstone-about .piksstone-about-detail{bottom:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50%;padding-left:2rem;padding-right:0;left:50%;pointer-events:all}
.piksstone-about .piksstone-about-detail h2{font: normal 1.2em Roboto Slab,Source Sans Pro,sans-serif;letter-spacing: 0;color:#444;text-transform:uppercase; padding:0; margin:0;}
.piksstone-about .piksstone-about-detail h2 strong{font-weight:700; font-family:Roboto Slab,Avenir Next LT Pro Bold,arial,sans-serif;}
.piksstone-about .piksstone-about-detail p{ font:normal 15px/25px Roboto Slab,Arial,sans-serif;color:#777}
.piksstone-about .piksstone-about-detail a.more{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#6C4023; border:2px solid #6C4023; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase; margin-top:8px;}
.piksstone-about .piksstone-about-detail a.more:hover{ background:#6C4023; color:#fff; }
.piksstone-about .piksstone-about-detail a.quate{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#6C4023; border:2px solid #6C4023; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase; margin-top:8px;}
.piksstone-about .piksstone-about-detail a.quate:hover{ background:#6C4023; color:#fff; }
.piksstone-about .piksstone-about-detail .piksstone-about-t-img{ margin-top:40px;}
.piksstone-about .piksstone-about-detail .piksstone-about-t-img ul{ padding:0; 
.piksstone-about .piksstone-about-detail a.more{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#6C4023; border:2px solid #6C4023; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase; margin-top:8px;}
.piksstone-about .piksstone-about-detail a.more:hover{ background:#6C4023; color:#fff; }margin:0; list-style:none;} 
.piksstone-about .piksstone-about-detail .piksstone-about-t-img li{ width:33%; margin:0 -3px; padding:10px; display:inline-block; vertical-align:top;}
.piksstone-about .piksstone-about-detail .piksstone-about-t-img li img{ max-width:100%; }

.home-wrap{  position:relative; background-attachment:fixed;  background: url(../../res/parca.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; height:500px; }.home-wrap:before{ content:''; position:absolute; left:0; top:0; bottom:0; right:0; z-index:98; width:100%; height:100%; background:rgba(0,0,0,.5);}
.home-wrap .home-wrap-text-detail{ color:#eee;bottom:auto;position:absolute;top:30%;-webkit-transform:translateY(30%);-ms-transform:translateY(30%);transform:translateY(30%);width:60%;padding-left:2rem;padding-right:0;left:0;pointer-events:all; z-index:99 }
.home-wrap .home-wrap-text-detail h2{font: normal 1.4em Roboto Slab,Source Sans Pro,sans-serif;letter-spacing:-.3px;color:#fff; text-transform:uppercase; margin:0;}
.home-wrap .home-wrap-text-detail h2 strong{font-weight:700; font-family:Roboto Slab,Avenir Next LT Pro Bold,arial,sans-serif;}
.home-wrap .home-wrap-text-detail p{ font:normal 15px/25px Roboto Slab,Arial,sans-serif;color:#fff}
.home-wrap .home-wrap-text-detail a.more{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#fff; border:2px solid #fff; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase; margin-top:18px;}
.home-wrap .home-wrap-text-detail a.more:hover{ background:#fff; color:#222}


.piksstone-special{ background:#fff;min-height:520px; }
.piksstone-special .piksstone-special-photo{position:relative;overflow:hidden;min-height:520px;}
.piksstone-special .piksstone-special-image{width:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;bottom:2rem}
.piksstone-special .piksstone-special-image-a{position:absolute;top: -21rem;bottom:auto;width:50%;padding-left:0;padding-right:0;overflow:hidden}
.piksstone-special .piksstone-special-image-a img{float:right}
.piksstone-special .piksstone-special-text{position:absolute;width:74rem;max-width:90%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;bottom:0;pointer-events:none}
.piksstone-special .piksstone-special-detail{bottom:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50%;padding-left:2rem;padding-right:0;left:50%;pointer-events:all}
.piksstone-special .piksstone-special-detail h2{font: normal 1.4em Roboto Slab,Source Sans Pro,sans-serif;letter-spacing:-.3px;color:#444; text-transform:uppercase; padding:0; margin:0;}
.piksstone-special .piksstone-special-detail h2 strong{font-weight:700; font-family:Roboto Slab,Avenir Next LT Pro Bold,arial,sans-serif;}
.piksstone-special .piksstone-special-detail p{ font:normal 15px/25px Roboto Slab,Arial,sans-serif;color:#777}
.piksstone-special .piksstone-special-detail a.more{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#6C4023; border:2px solid #6C4023; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase; margin-top:8px;}
.piksstone-special .piksstone-special-detail a.more:hover{ background:#6C4023; color:#fff; }
.piksstone-special .piksstone-special-detail .piksstone-special-t-img{ margin-top:40px;}
.piksstone-special .piksstone-special-detail .piksstone-special-t-img ul{ padding:0; margin:0; list-style:none;} 
.piksstone-special .piksstone-special-detail .piksstone-special-t-img li{ width:33%; margin:0 -3px; padding:10px; display:inline-block; vertical-align:top;}
.piksstone-special .piksstone-special-detail .piksstone-special-t-img li img{ max-width:100%; }


.piksstone-product{ background:#EFEFEE; height:450px; position:relative;}
.piksstone-product .piksstone-product-detail{ padding:20px;}
.piksstone-product .piksstone-product-detail h2{ font:700 23px Roboto Slab,Arial,sans-serif; color:#6C4023; text-transform:uppercase; text-align:center; padding:10px 0px; margin:0; margin-top:20px;}
.piksstone-product .piksstone-product-detail h3{ font:400 18px Roboto Slab,Arial,sans-serif; color:#6C4023;  text-align:center; padding:10px 0; margin:0;}
.piksstone-product ul{ padding:0; margin:0; list-style:none; display:table;width:100%; height:256px; border-left:3px solid #fff;}
.piksstone-product ul li{ display:table-cell; vertical-align:top; position:relative; width:120px; height:256px; overflow:hidden; cursor:pointer; z-index:9; border:3px solid #fff; -webkit-transition-property: width;-webkit-transition-duration: 1s;transition-property: width;transition-duration: 1s; border-left:0;}
.piksstone-product ul li a{ color:#fff; display:block;}
.piksstone-product ul li a:hover{ color:#000; } 
.piksstone-product ul li:last-child{ z-index:8;}
.piksstone-product ul li:hover{ width:285px; z-index:10;}
.piksstone-product ul li .product-img{ display:block; position:absolute;}
.piksstone-product ul li .product-img img{  height:356px; margin:0 auto;  text-align:center; display:block;}
.piksstone-product ul li:hover .product-text{ transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms;    -o-transition: all 400ms; opacity:1; background:rgba(0,0,0,.2);}
.piksstone-product ul li .product-text{  position:absolute; width:385px; top:0; left:0; right:0; bottom:0; opacity:0; }
.piksstone-product ul li .product-text .product-text-caption{display: block;margin: 0 auto;max-width: 100%;margin: auto;position: absolute;background:rgba(0,0,0,.4);bottom: 0;left: 0;right: 0;top: 0;height: 100%;padding:20px;}
.piksstone-product ul li .product-text .product-text-caption { color:#fff;}
.piksstone-product ul li .product-text .product-text-caption strong{ font:bold 17px Roboto Slab,Arial,sans-serif; text-transform:uppercase;width: 87%;display: block;}
.piksstone-product ul li .product-text .product-text-caption p{ padding:5px 0px; margin:0; font:normal 13px Roboto Slab,Arial,sans-serif;}
.piksstone-product ul li .product-text .product-text-caption .projeIn{ padding:10px; border:1px solid #fff; border-radius:4px; font:500 13px Roboto Slab,Arial,sans-serif; color:#fff; display:inline-block; margin-top:10px; text-transform:uppercase; position:absolute; bottom:10px; left:10px; width:60%; }
.piksstone-product ul li .product-text .product-text-caption .projeIn b{ display:block; }
.piksstone-product ul li .product-text .product-text-caption .projeIn i{ font-size:32px; right:0; position:absolute; top:10px; right:10px; }
.piksstone-product ul li .product-text .product-text-caption .projeIn:hover{ background:#fff; color:#222;}


.piksstone-product ul li:last-child{ background:#222; width:120px !important; text-align:center; height:100%; position:relative;}
.piksstone-product ul li:last-child a{ display:block; padding:120px 0px; font-size:13px; }
.piksstone-product ul li:last-child:hover{ background:#6C4023}

.piksstone-callform{ background:#fff; position:relative; padding:30px 0px;border-bottom: 1px solid #e9e2de;border-top: 1px solid #e9e2de; }
.piksstone-callform .piksstone-callform-img{ background-size:auto 100%; background-repeat:no-repeat; height:100%; width:100%; position:absolute; left:0; top:0; right:0; bottom:0; }
.piksstone-callform .piksstone-callform-text{ padding:30px; position:relative; color:#6C4023}
.piksstone-callform .piksstone-callform-text .callform-left-text{ width:49%; position:relative; display:inline-block; vertical-align:middle; padding-right:40px; border-right:1px solid #cecece; }
.piksstone-callform .piksstone-callform-text .callform-right-form{ width:49%; position:relative; display:inline-block; vertical-align:middle; padding-left:40px; }
.piksstone-callform .piksstone-callform-text .callform-right-form label{ display:block; padding:10px 0; font:600 15px Roboto Slab,Arial,Sans-serif; text-transform:uppercase; }
.piksstone-callform .piksstone-callform-text .callform-right-form .callIn input{ background:#efefef; border:1px solid #dedede; border-radius:4px; width:100%; margin:10px 0px; padding:10px;}
.piksstone-callform .piksstone-callform-text .callform-right-form .callIn button{ background:#6C4023; color:#fff; border-radius:4px; padding:13px 23px; font:600 13px Roboto Slab,Arial,Sans-serif; display:inline-block; border:1px solid transparent; cursor:pointer;}
.piksstone-callform .piksstone-callform-text .callform-right-form .callIn button:hover{ border-color:#6c4023; background:#fff; color:#6c4023; }
.piksstone-callform .piksstone-callform-text h3{ font:700 31px Roboto Slab,Arial,sans-serif; text-transform:uppercase; margin-top:0;}
.piksstone-callform .piksstone-callform-text h3 span{ font-weight:300; }
.piksstone-callform .piksstone-callform-text p{ font:500 14px/1.9 Roboto Slab,Arial,sans-serif; color:#333}
.piksstone-callform .piksstone-callform-text a{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#6C4023; border:2px solid #6C4023; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase;}
.piksstone-callform .piksstone-callform-text a:hover{ background:#6C4023; color:#fff; }


.piksstone-contact{background:#efefef;height: 400px;position:relative;}
.piksstone-contact .piksstone-contact-img{ background-size:auto 100%; background-repeat:no-repeat; height:100%; width:100%; position:absolute; left:0; top:0; right:0; bottom:0; }
.piksstone-contact .piksstone-contact-text{ text-align:right; padding:30px; position:relative;  width:600px; left: 50%;  top: 50%;-webkit-transform: translateY(-50%);  transform: translateY(-50%); color:#6C4023}
.piksstone-contact .piksstone-contact-text img{width: 60%;}
.piksstone-contact .piksstone-contact-text h3{ font:700 31px Roboto Slab,Arial,sans-serif; text-transform:uppercase;}
.piksstone-contact .piksstone-contact-text h3 span{ font-weight:300; }
.piksstone-contact .piksstone-contact-text p{ font:500 14px/1.9 Roboto Slab,Arial,sans-serif; color:#333}
.piksstone-contact .piksstone-contact-text a{ font:600 13px/1.9 Roboto Slab,Arial,sans-serif; color:#6C4023; border:2px solid #6C4023; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase;}
.piksstone-contact .piksstone-contact-text a:hover{ background:#6C4023; color:#fff; }



.piksstone-page-about{ border-top:1px solid #ededed; padding-bottom:50px; }
.piksstone-page-contact{ border-top:1px solid #ededed; padding-top:150px; }
.piksstone-page-product-detail{ border-top:1px solid #ededed; padding-top:110px; min-height:700px; }
.piksstone-page-applications{ border-top:1px solid #ededed; padding-top:150px; }
.piksstone-page-quate{ border-top:1px solid #ededed; padding-top:90px; }
.piksstone-page-quate .piksstone-page-contact-form{  }

.remodal-teklif { max-width:95% !important; padding:15px !important; z-index:99999999 }
.remodal-teklif .modalIc{ text-align:left; }
.urunEklemeSay{ position:absolute; right:20px; top:50px; background:#E31E25; color:#fff; padding:10px 20px; font:13px Arial,sans-serif;}
.urunEklemeSay span#sayim{ margin-left:10px;}
.ekleListele{ position:absolute; background:#e2e2e2; color:#fff;right:20px; top:100px; }
.ekleListele ul{ padding:0; margin: 0; list-style:none; }
.ekleListele ul li { font:12px Arial,sans-serif; color:#222; padding:10px;}


.urunKatPen{ display:table; width:100%;}
.urunKategorim h3{ font:bold 13px Raleway,arial,sans-serif; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.urunKategorim{ text-align:left; width:23%;display:table-cell; vertical-align:top;}
.urunKategorim ul{ padding:0; margin:0; list-style:none; }
.urunKategorim ul li input{ display:inline-block;}
.urunKategorim ul li { display:block; padding:10px 0; padding-left:10px; positon:relative; border-bottom:1px solid #ececec; text-transform:uppercase; }
.urunKategorim ul li i{ float:right; margin-top:7px;}
.urunKategorim ul li a { color:#222; font:600 13px Raleway,Arial,sans-serif; } 
.urunKategorim ul li ul{ display:none;}
.urunKategorim ul li ul li a{ font-weight:500; }
.urunKategorim button{ padding:15px; text-align:center; display:block; font:600 13px Raleway,Arial,sans-serif; color:#fff; background:#222; width:100%; border:0; margin-top:20px; cursor:pointer;}
.urunKategorim button:hover{ background:#E31E25; color:#fff; }


.quate-left{ width:400px; display:inline-block; vertical-align:top; margin-right:40px;  }
.quate-right{ width:400px; display:inline-block; vertical-align:top; padding-top : 60px; }

.urunKategorimList { padding:20px;  width:75%; display:table-cell; vertical-align:top; margin-left:30px;}
.urunKategorimList table{ background:#f2f2f2; width:100%;}
.kategorUrunCek{  overflow:auto; height:33em; }
.urunKategorimList table td{ font:12px Arial,sans-serif;}
.urunKategorimList table td .adetSecim{ width:85px; text-align:center; font:11px Tahoma,sans-serif;}
.urunKategorimList table td button{ background:#e2e2e2; font:11px Arial,sans-serif; color:#222; border:1px solid #ccc; padding:6px 13px; cursor:pointer;  }
.urunKategorimList table td button:hover{ background:#E31E25; color:#fff; }


.sepetAlan{display:none;padding:0px 20px;width:450px; right:0; top:0; bottom:0; height:100vh; background:#222;z-index:999999999999999;color:#fff; position:fixed;}
.sepetAlan h2{ font:600 13px Arial,sans-serif!important;display:block; background:#E31E25; color:#fff; padding:10px 0px; text-align:center; text-transform:uppercase; }
.sepetAlan ul{padding:0;list-style:none;margin:0;overflow:hidden;overflow-y:auto; font:600 13px Arial,sans-serif!important;}
.sepetAlan ul li{color:#fff;border-bottom:1px solid #333;margin-bottom:10px;padding-bottom:6px;width:100%;clear:both;position:relative;cursor:pointer}
.sepetAlan ul li .sepet-urunresim{float:left;width:80px;padding:4px;background:#fff;border:1px solid #ccc}
.sepetAlan ul li .sepet-urunresim img{ max-width:100% }
.sepetAlan ul li .sepet-urunbilgi{float:right;width:200px}
.sepetAlan ul li .sepetsil{visibility:hidden;position:absolute;right:0;top:0;padding:7px;background:#eee;text-align:center}
.sepetAlan ul li .sepetsil:hover{opacity:.6}
.sepetAlan ul li span{color:#555}
.sepetAlan ul li span.sepetsil{float:left;margin-right:10px;font-size:10px;}
.sepetAlan ul li .sepetsil a{  padding:5px !important; font-size:12px;}
.sepetAlan ul li strong{color:#fff!important;font:600 13px arial,sans-serif!important;display:block}
.sepetAlan ul li span.sepeturunfiyat{margin-right:10px;font:700 15px arial,sans-serif!important; color:#fff;}
.sepetAlan ul li span.sepetadet{display:block;font:12px arial,sans-serif!important;padding:4px 0;margin-top:0;color:#ddd}
.sepetAlan ul li:hover .sepetsil{visibility:visible}

.sepetAlan .SepetAlt{ position:absolute; background:#444; color:#fff; bottom:0; left:0; right:0; width:100%; }
.sepetAlan .SepetAlt .sepet-toplamfiyat{color:#fff;text-align:center;font:normal 15px Roboto,Arial,sans-serif; padding:15px 0px;}
.sepetAlan .SepetAlt .sepet-sepetim{ display:block; background:#E31E25; color:#fff !important; width:100%;  text-align:center; font:700 14px Raleway,Arial,sans-serif !important;} 
.sepetAlan .SepetAlt .sepet-kapat{ display:block; background:#fff; color:#222 !important; width:100%;  text-align:center; padding:20px; font:600 13px Raleway,Arial,sans-serif !important; cursor:pointer;} 

.urunSeciniz{ padding:10px 20px; background:#B3803E; color: #fff; font: 500 13px Roboto Slab,Arial,sans-serif; display:inline-block; }
.secilenUrunler{ margin-top:20px; display:none;}
.secilenUrunler .sepetBiLi tr th, .secilenUrunler .sepetBiLi tr td{ color:#222; }
.secilenUrunler .sepetBiLi table th{ font-weight:bold; background:#222; color:#fff; }

.urunKategorim select{ padding:10px; display:block; width:100%; border:1px solid #ad683a; color:#ad683a; font:13px Raleway,Arial,Sans-serif; } 
.sepetBiLi tr th, .sepetBiLi tr td{ font:11px Tahoma,arial,sans-serif; color:#fff;}
.sepetBiLi table{  border-collapse: collapse; width:100%; }
.sepetBiLi table td, .urunKategorimList table th {  border: 1px solid #444;  font:11px Arial,sans-serif;  text-align:center;  padding:10px;}
.sepetBiLi table tbody{ max-height:400px; overflow:hidden;}
.sepetBiLi table th{ font-weight:bold; background:#fff; color:#222; }
.sepetBiLi table td {  color:#fff;}
.sepetBiLi table td .adetSecim{ width:45px; text-align:center; font:11px Tahoma,sans-serif;}
.sepetBiLi table td a{ background:#e2e2e2; font:11px Arial,sans-serif; color:#222; border:1px solid #ccc; padding:6px 13px; cursor:pointer;  }
.sepetBiLi table td a:hover{ background:#E31E25; color:#fff; }

.sepetBiLi table tr#eklendi td{ background:red !important; color:#fff !important;}

.secilenUrunler{ margin-top:20px; display:none;}
.secilenUrunler .sepetBiLi tr th, .secilenUrunler .sepetBiLi tr td{ color:#222; }
.secilenUrunler .sepetBiLi table th{ font-weight:bold; background:#222; color:#fff; }

.page-top{ border-bottom:1px solid #ccc;background: #222 url(../images/patternbg.png);margin-top: 117px; height:300px;}
.page-top-text{ display:block; width:700px; float:left; padding-top:90px; color:#fff  }
.page-top-text h2{ font:500 25px Roboto Slab,Arial,sans-serif; text-transform:uppercase; padding:3px 0; margin:0;  }
.page-top-text h3{ font:600 32px Roboto Slab,Arial,sans-serif; text-transform:uppercase; padding:11px 0; margin:0; }
.page-top-text p{ font:300 16px/29px Roboto Slab,Arial,sans-serif;  padding:0; margin:0;  }
.page-top-image{ display:block; width:500px; float:right;margin-bottom: -8px;}
.page-top-image img{ max-width:100%;height: 299px;}

.page-top-iframe iframe{ width:100%; height:300px; overflow:hidden; }
.page-top-middle{ border-bottom:1px solid #ccc; background:#6C4023 url(../images/patternbg.png); margin-top:62px; padding:15px 0px; }
.page-top-middle-text{ display:block; width:700px; color:#fff  }
.page-top-middle-text h2{ font:700 20px Roboto Slab,Arial,sans-serif; text-transform:uppercase; padding:3px 0; margin:0;  }
		
.piksstone-page-about .piksstone-page-about-page{ padding:50px;}	
.piksstone-page-about .piksstone-page-about-page .piksstone-page-about-left{ width:800px; display:block; float:left;}
.piksstone-page-about .piksstone-page-about-page .piksstone-page-about-left p:first-child{ padding-top:0; margin-top:0; }
.piksstone-page-about .piksstone-page-about-page .piksstone-page-about-right{ width:250px; display:block; float:right; background:#444;margin-top: -45px;}
.piksstone-page-about .piksstone-page-about-page .piksstone-page-about-right ul{ padding:0; margin:0; list-style:none;}
.piksstone-page-about .piksstone-page-about-page .piksstone-page-about-right ul li a{ display: block; font:500 13px Roboto Slab,Arial,sans-serif; padding:15px 15px; color:#fff; border-bottom:1px solid #555;}
.piksstone-page-about .piksstone-page-about-page .piksstone-page-about-right ul li a:hover, .piksstone-page-about .piksstone-page-about-page .piksstone-page-about-right ul li a.aktif{ background:#555; }
.piksstone-page-about .piksstone-page-about-page .piksstone-page-about-right ul li:last-child a{ border-bottom:0; }
	

.piksstone-page-product{ background:#fff; position:relative; min-height:700px; padding-bottom:100px; padding-top:120px;}
.piksstone-page-product .piksstone-page-product-detail{ padding:20px;}
.piksstone-page-product .piksstone-page-product-detail h2{ font:700 23px Roboto Slab,Arial,sans-serif; color:#6C4023; text-transform:uppercase; text-align:center; padding:10px 0px; margin:0; margin-top:20px;}
.piksstone-page-product .piksstone-page-product-detail h3{ font:400 18px Roboto Slab,Arial,sans-serif; color:#6C4023;  text-align:center; padding:10px 0; margin:0;}
.piksstone-page-product ul{ padding:0; margin:0; list-style:none; display:table; }
.piksstone-page-product ul li{ display:inline-block; position:relative; vertical-align:top; width:auto;max-width: 340px; margin:5px; background:#fff; height:400px; overflow:hidden; cursor:pointer; z-index:9;-webkit-transition-property: width;-webkit-transition-duration: 1s;transition-property: width;transition-duration: 1s; border-left:0;}
.piksstone-page-product ul li:last-child{ z-index:8;}
.piksstone-page-product ul li a{ color:#fff;}
.piksstone-page-product ul li .product-img{ display:block; position:relative;}
.piksstone-page-product ul li .product-img img{  height:400px; margin:0 auto;  text-align:center; display:block;}
.piksstone-page-product ul li:hover .product-text{  transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms;    -o-transition: all 400ms; opacity:1; }
.piksstone-page-product ul li .product-text{  position:relative; width:100%; top:0; left:0; right:0; bottom:0; opacity:0; }
.piksstone-page-product ul li .product-text .product-text-caption{ display: block;margin: 0 auto;max-width: 100%;margin: auto;position: relative;bottom: 0;left: 0;right: 0;top: 0;height: 100%;padding:10px; }
.piksstone-page-product ul li .product-text .product-text-caption { color:#000;}
.piksstone-page-product ul li .product-text .product-text-caption strong{ font:bold 17px Roboto Slab,Arial,sans-serif; text-transform:uppercase;}
.piksstone-page-product ul li .product-text .product-text-caption p{ padding:5px 0px; margin:0; font:normal 13px Roboto Slab,Arial,sans-serif;}
.piksstone-page-product ul li .product-text .product-text-caption .projeIn{ padding:10px; background:#B3803E; font:500 13px Raleway,Arial,sans-serif; color:#fff; display:inline-block; margin-top:20px; position:relative; text-transform:uppercase; bottom:10px; width:100%; }
.piksstone-page-product ul li .product-text .product-text-caption .projeIn b{ display:block; }
.piksstone-page-product ul li .product-text .product-text-caption .projeIn i{ font-size:32px; right:0; position:absolute; top:10px; right:10px; }
.piksstone-page-product ul li .product-text .product-text-caption .projeIn:hover{ background:#fff; color:#222;}
.piksstone-page-product ul li #product-name{ padding:10px 0px; display:block;  font:bold 18px Roboto Slab,Arial,sans-serif; color:#6C4023; } 
.piksstone-page-product ul li:hover  .product-img{ opacity:0.6;}

.piksstone-page-gallery{ background:#fff; position:relative; min-height:700px; padding-bottom:100px; padding-top:120px;}
.piksstone-page-gallery .piksstone-page-gallery-detail{ padding:20px;}
.piksstone-page-gallery .piksstone-page-gallery-detail h2{ font:700 23px Roboto Slab,Arial,sans-serif; color:#6C4023; text-transform:uppercase; text-align:center; padding:10px 0px; margin:0; margin-top:20px;}
.piksstone-page-gallery .piksstone-page-gallery-detail h3{ font:400 18px Roboto Slab,Arial,sans-serif; color:#6C4023;  text-align:center; padding:10px 0; margin:0;}
.piksstone-page-gallery ul{ padding:0; margin:0 auto; list-style:none; display:block; width:100% }
.piksstone-page-gallery ul li{ display:block; position:relative; height:400px; overflow:hidden; border-bottom:4px solid #B3803E; vertical-align:top; width:100%;  background:#fff;  overflow:hidden; cursor:pointer; z-index:9;-webkit-transition-property: width;-webkit-transition-duration: 1s;transition-property: width;transition-duration: 1s; border-left:0;}
.piksstone-page-gallery ul li:last-child{ z-index:8;}
.piksstone-page-gallery ul li .gallery-img{ display:block; position:relative; background:#000}
.piksstone-page-gallery ul li .gallery-img img{  height:auto; margin:0 auto;  text-align:center; display:block;}
.piksstone-page-gallery ul li .gallery-title{ display:block; padding:20px; width:280px; position:absolute; right:0; top:50%; background:#222; color:#fff; text-transform:uppercase; font-family: Raleway,Arial,sans-serif; font-weight:600;  text-align:right; -webkit-transition: width 1s; /* Safari */transition: width 1s; }
.piksstone-page-gallery ul li:last-child .gallery-title{ left:0; right:inherit; text-align:left; margin-top:-70px; }
.piksstone-page-gallery ul li:hover .gallery-title{  background:#6C4023; width:70%; }
.piksstone-page-gallery ul li:hover img{ opacity:.7; }


.piksstone-page-gallery-more{ background:#fff; position:relative; min-height:700px; padding-bottom:130px; padding-top:120px;}
.piksstone-page-gallery-more h3{ font:700 22px Roboto Slab,Arial,sans-serif; color:#6C4023;  padding:20px 0; margin:0;}
.piksstone-page-gallery-more .piksstone-page-gallery-left{ width:540px; padding-right:70px; min-height: 300px; display:block; float:left; font:15px/22px Raleway,Arial,sans-serif; }
.piksstone-page-gallery-more .piksstone-page-gallery-left #more-page{ padding:10px; border:1px solid #ad683a; color:#ad683a; font:13px Raleway,Arial,Sans-serif; }
.piksstone-page-gallery-more .piksstone-page-gallery-right{ width:600px; display:block; float:left; }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li{ text-align:center; background:#fff; }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li img{ max-width: 100%; }
.lSSlideOuter .lSPager.lSGallery li{ position:relative; height:60px; padding:6px 10px; border:2px solid #ccc; }
.lSSlideOuter .lSPager.lSGallery li.active{ border:2px solid #6C4023; }
.lSSlideOuter .lSPager.lSGallery img{display: block;text-align: center;margin: 0 auto;max-width: 100%;margin: auto;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 100%;width: auto;}
.lslide img{ max-width:100%; }

.piksstone-page-product-random{ display:table; width:100%; }
.product-random-left{ width:50%; display:table-cell; vertical-align:top; }
.product-random-right{ width:50%; display:table-cell;  vertical-align:top; }
.product-random-left .product-random-a{ height:300px; width:100%; background:#e2e2e2; position:relative; overflow:hidden; }
.product-random-left .product-random-b{ height:300px; width:100%; background:#222; position:relative; overflow:hidden;}
.product-random-right .product-random-c{ height:600px; width:100%; background:#666; position:relative;  overflow:hidden;}

.piksstone-page-product-random .product-random-image img{ width:100%; height:100%; }
.piksstone-page-product-random .product-random-text{ position:absolute; top:0; bottom:0; left:0; right:0; padding:20px; color:#fff; }
.piksstone-page-product-random .product-random-text > strong{ text-transform:uppercase; color:#fff;font: 600 1em Roboto Slab,Arial,sans-serif; position:absolute; bottom:40px;width: 92%;padding: 1rem 1rem;background: rgb(0 0 0 / 40%);}
.piksstone-page-product-random .product-random-text .projeIn{ padding:10px; bottom:10px;left:0; right:0;background: #0978bc; font:500 13px Raleway,Arial,sans-serif; color:#fff;  margin-top:20px; position:absolute; text-transform:uppercase; width:100%;visibility: hidden;opacity: 0;transition: visibility 0s, opacity 0.5s linear; height:0; overflow:hidden;}
.piksstone-page-product-random .product-random-text .projeIn b{ display:block; }
.piksstone-page-product-random .product-random-text .projeIn i{ font-size:32px; right:0; position:absolute; top:10px; right:10px; }
.piksstone-page-product-random .product-random-text .projeIn{ }
.piksstone-page-product-random .product-random-a:hover  .product-random-text{ background:rgba(0,0,0,.4); }
.piksstone-page-product-random .product-random-b:hover  .product-random-text{ background:rgba(0,0,0,.4); }
.piksstone-page-product-random .product-random-c:hover  .product-random-text{ background:rgba(0,0,0,.4); }
.piksstone-page-product-random .product-random-a:hover strong{ bottom:100px; }
.piksstone-page-product-random .product-random-b:hover strong{ bottom:100px; }
.piksstone-page-product-random .product-random-c:hover strong{ bottom:100px; }
.piksstone-page-product-random .product-random-a:hover  .projeIn{ visibility: visible;opacity: 1; height:auto; }
.piksstone-page-product-random .product-random-b:hover  .projeIn{ visibility: visible;opacity: 1; height:auto; }
.piksstone-page-product-random .product-random-c:hover  .projeIn{ visibility: visible;opacity: 1; height:auto; }

.piksstone-page-product .piksstone-page-product-list.product-center ul{ margin:auto;  }
.piksstone-page-product .piksstone-page-product-list.product-center ul li{ -webkit-transition: all ease .3s;-moz-transition: all ease .3s;transition: all ease .3s; height:auto;  }
.piksstone-page-product .piksstone-page-product-list.product-center ul li{ width:350px !important; max-width:auto !important; }
.piksstone-page-product .piksstone-page-product-list.product-center ul li .product-img{ position:relative; }
.product-random-right .product-random-c img{ height:auto; }

.perspective-image-pen{ height:100vh; overflow:hidden;  background:#eee; padding:10px 60px; position:relative; width:100%; }
.perspective-image-pen a.close{ position:absolute; right:10px; top:10px; padding:20px; color:#6C4023; background:#fff; font:16px Arial,sans-serif; }
.perspective-image-pen .perspective-image-pen-detail{ text-align:center;  }
.perspective-image-pen .perspective-image-pen-detail h2{ color:#6C4023; padding:15px 0; margin:0;  }
.perspective-image-pen .perspective-image-pen-detail .perspective-image-pen-list{  }
.perspective-image-pen .perspective-image-pen-detail .perspective-image-pen-list ul{ padding:0px; margin:0; list-style:none;  }
.perspective-image-pen .perspective-image-pen-detail .perspective-image-pen-list ul li img{ max-height:70vh; width: auto; }
.perspective-image-pen .perspective-image-pen-detail .swiper-slide,.perspective-image-pen .perspective-image-pen-detail  .swiper-container{ height:70vh; }

.piksstone-detailp{ background:#fff; }
.piksstone-detailp .piksstone-detailp-photo{position:relative;/* overflow:hidden; */height:100vh;}
.piksstone-detailp .piksstone-detailp-image{width:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;bottom:2rem}
.piksstone-detailp .piksstone-detailp-image-a{position:absolute;top:0;bottom:auto;width: 36%;padding-left:0;padding-right:0;overflow:hidden}
.piksstone-detailp .piksstone-detailp-image-a img{float: left;}
.piksstone-detailp .piksstone-detailp-text{position:absolute;width: 96rem;max-width: 90%;left: 28%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;bottom:0;pointer-events:none}
.piksstone-detailp .piksstone-detailp-detail{bottom:auto;position:absolute;top: 3%;/* -webkit-transform:translateY(-50%); */-ms-transform:translateY(-50%);/* transform:translateY(-50%); */width: 60%;padding-left: 2rem;padding-right: 1rem;padding-bottom: 0rem;left: 59%;pointer-events:all;height: 582px;}
.piksstone-detailp .piksstone-detailp-detail h2{font:normal 34px Roboto Slab,Source Sans Pro,sans-serif;letter-spacing:-.3px;color:#444; text-transform:uppercase; padding:0; margin:0; margin-top:10px;}
.piksstone-detailp .piksstone-detailp-detail span{ display:block; float:left; }
.piksstone-detailp .piksstone-detailp-detail h2 strong{font-weight:700; font-family:Roboto Slab,Avenir Next LT Pro Bold,arial,sans-serif;}
.piksstone-detailp .piksstone-detailp-detail p{ font:normal 15px/25px Roboto Slab,Arial,sans-serif;color:#777;text-align: justify;}
.piksstone-detailp .piksstone-detailp-detail a i{ margin-right:10px; }
.piksstone-detailp .piksstone-detailp-detail a.more{ font:600 13px/1.9 Raleway,Arial,sans-serif; color:#6C4023; border:1px solid #e0c9ba; border-radius:4px; display:block; float:right; padding:5px 15px; text-transform:uppercase;}
.piksstone-detailp .piksstone-detailp-detail a.more:hover{ border-color:#6C4023; color:#6C4023; }
.piksstone-detailp .piksstone-detailp-detail a.more .fa-cubes{ display:none; }
.piksstone-detailp .piksstone-detailp-detail a.more:hover .fa-cubes{ display:inline-block; }
.piksstone-detailp .piksstone-detailp-detail a.more:hover .fa-cube{ display:none; }

.piksstone-detailp .piksstone-detailp-detail a.quate{font:600 13px/1.9 Raleway,Arial,sans-serif;color:#6C4023;border:1px solid #e0c9ba;border-radius:4px;display:block;float:right;padding: 5px 15px;text-transform:uppercase;margin-right: 0.2rem;}
.piksstone-detailp .piksstone-detailp-detail a.quate:hover{ border-color:#6C4023; color:#6C4023; }

.piksstone-detailp .piksstone-detailp-detail a.document{ font:600 13px/1.9 Raleway,Arial,sans-serif; color:#6C4023; border:1px solid #e0c9ba; border-radius:4px; display:inline-block; padding:10px 20px; text-transform:uppercase; margin-top:8px; margin-left:4px;}
.piksstone-detailp .piksstone-detailp-detail a.document:hover{ border-color:#6C4023; }
.piksstone-detailp .piksstone-detailp-detail a.perspective{ font:600 13px/1.9 Raleway,Arial,sans-serif; background:#6C4023; color:#fff; border:1px solid #e0c9ba; border-radius:4px; display:inline-block; padding:10px 20px; text-transform:uppercase; margin-top:8px; }
.piksstone-detailp .piksstone-detailp-detail a.perspective:hover{ border-color:#6C4023; background:#fff; color:#6C4023 }
.piksstone-detailp .piksstone-detailp-detail .piksstone-detail-t-img{ margin-top:10px;}
.piksstone-detailp .piksstone-detailp-detail .piksstone-detail-t-img strong{font: 600 1.4em/1.9 Raleway,Arial,sans-serif;margin-left:6px;text-transform:uppercase;}
.piksstone-detailp .piksstone-detailp-detail .piksstone-detail-t-img ul{ padding:0; margin:0; list-style:none;} 
.piksstone-detailp .piksstone-detailp-detail .piksstone-detail-t-img li{width:25%;height:auto;margin: 0 -2px;padding: 0 3px;display:inline-block;vertical-align:top;}
.piksstone-detailp .piksstone-detailp-detail .piksstone-detail-t-img li img{ max-width:100%; height:auto; }

.piksstone-detail-related{ padding:20px 0px; }

.piksstone-detail-related h3{ font:normal 34px Roboto Slab,Source Sans Pro,sans-serif;letter-spacing:-.3px;color:#444; text-transform:uppercase; padding:0; margin:0; margin-top:10px;} 
.piksstone-detail-related .related-text{ width:300px; display:inline-block; vertical-align:middle; margin-right:20px; padding:20px 0px; padding-right:20px; border-right:1px solid #ededed; }
.piksstone-detail-related .related-text span{ font:normal 19px Raleway,Arial,sans-serif; color:#444; text-transform:uppercase; display:block; margin-bottom:10px;}
.piksstone-detail-related .related-text p{ font:500 13px/23px Raleway,Arial,sans-serif; color:#555;}
.piksstone-detail-related .related-text a{ font:600 13px/1.9 Raleway,Arial,sans-serif; color:#6C4023; border:1px solid #e0c9ba; border-radius:4px; display:inline-block; padding:5px 15px; text-transform:uppercase; }
.piksstone-detail-related .related-text a:hover{ border-color:#6C4023; color:#6C4023; }
.piksstone-detail-related .related-more{ width:850px; display:inline-block; vertical-align:middle;  }
.piksstone-detail-related .related-more ul{ padding:0; margin:0; list-style:none; width:100%; }
.piksstone-detail-related .related-more ul li { width:25%; height:auto; margin:0 -3px; padding:3px; display:inline-block; vertical-align:top;}
.piksstone-detail-related .related-more ul li a{ color:#444;  }
.piksstone-detail-related .related-more ul li a img{ max-width:100%; }
.piksstone-detail-related .related-more ul li a .related-image{height: 334px; position:relative; overflow:hidden; text-align:center;}
.piksstone-detail-related .related-more ul li a strong{font: 600 15px/0.9 Raleway,Arial,sans-serif;text-transform:uppercase; display:block; border-top:1px solid #ededed;margin-top: 0px;}
.piksstone-detail-related .related-more ul li a:hover img{ max-width:110%; margin:-10px; }
.piksstone-detail-related .related-more ul li a:hover strong{ border-top-color:#b77549; color:#b77549; }

.piksstone-detail-related .related-more.related-more-a li{width: 48%;margin:0 6px;}
.piksstone-detail-related .related-more.related-more-a li a strong{font-size: 15px; padding:10px 0px;}

.piksstone-page-news{background:#fff;position:relative;padding-top:70px;min-height: 300px;}
.piksstone-page-news .piksstone-page-news-detail{ padding:20px;}
.piksstone-page-news .piksstone-page-news-detail h2{ font:700 23px Roboto Slab,Arial,sans-serif; color:#6C4023; text-transform:uppercase; text-align:center; padding:10px 0px; margin:0; margin-top:20px;}
.piksstone-page-news .piksstone-page-news-detail h3{ font:400 18px Roboto Slab,Arial,sans-serif; color:#6C4023;  text-align:center; padding:10px 0; margin:0;}
.piksstone-page-news .piksstone-page-news-right{width:250px;padding-top:50px;display:block;float:right;height: 100%;border-left:1px solid #ededed;}
.piksstone-page-news .piksstone-page-news-right ul{ padding:0; margin:0; list-style:none;}
.piksstone-page-news .piksstone-page-news-right ul li{  border-bottom:1px solid #ededed; display:block;}
.piksstone-page-news .piksstone-page-news-right ul li a{ display: block; font:600 13px Roboto Slab,Arial,sans-serif;  text-transform:uppercase; padding:15px 15px; color:#663C21; border-bottom:3px solid transparent; }
.piksstone-page-news .piksstone-page-news-right ul li.aktif a{  color:#663C21; border-bottom-color:#ededed; }
.piksstone-page-news .piksstone-page-news-right ul li a:hover{ color:#663C21; border-bottom-color:#ededed; }
.piksstone-page-news .piksstone-page-news-left{width: 100%;padding-top:50px;display:block;float:left;margin-top:-1px;}
.piksstone-page-news .piksstone-page-news-left ul{ padding:20px 0; margin:0; list-style:none; }
.piksstone-page-news .piksstone-page-news-left h3{  display:block; color:#212121; font:700 22px/26px Raleway,arial,sans-serif; clear:left; text-transform:uppercase; color:#663C21 }
.piksstone-page-news .piksstone-page-news-left ul li{width: 33%;padding:5px;overflow:hidden;display:inline-block;position:relative;overflow:hidden;}
.piksstone-page-news .piksstone-page-news-left ul li .news-photo { height:200px; overflow:hidden; margin-bottom:10px; }
.piksstone-page-news .piksstone-page-news-left ul li .news-photo img{max-width: 100%;margin-top: -3rem;}
.piksstone-page-news .piksstone-page-news-left ul li strong{ margin-top:-30px; position:relative; z-index:2; padding:15px 20px; margin-left:20px; margin-right:5px; background:rgba(255,255,255,.9); border-left:3px solid #663C21; clear:left;  display:block; font:600 14px/19px Raleway,arial,sans-serif; color:#222;}
.piksstone-page-news .piksstone-page-news-left ul li span{ padding:6px 12px; display:block; font:400 11px Arial,sans-serif; color:#555;}
.piksstone-page-news .piksstone-page-news-left ul li:hover strong{border-color: #515151;background: #0978bc; color:#fff}
.piksstone-page-news .piksstone-page-news-left ul li:hover .news-photo{ opacity:.6; }
.piksstone-page-news .news-image{ width:350px; display:block; position:relative; 	float:right; margin-left:10px; margin-bottom:5px; border:1px solid #dedede; padding:6px; }
.piksstone-page-news .news-image img{ width:100%; height:auto; }
.piksstone-page-news .news-content{ line-height:22px; }
.piksstone-page-news .news-content .news-content-detail{display:block;/* float:left; *//* width:530px; */}
.piksstone-page-news .news-photos ul{ padding:0; margin:0; list-style:none; }
.piksstone-page-news .news-photos ul li{ display:inline-block; width:265px; margin:5px; padding:5px; vertical-align:top;  border:2px solid #ededed; } 
.piksstone-page-news .news-photos ul li img{ max-width:100%; }
.piksstone-page-news .news-photos ul li:hover{ opacity:.6;}


.piksstone-page-news .piksstone-page-news-left2{width: 920px;padding-top:50px;display:block;float:left;margin-top:-1px;}
.piksstone-page-news .piksstone-page-news-left2 ul{ padding:20px 0; margin:0; list-style:none; }
.piksstone-page-news .piksstone-page-news-left2 h3{  display:block; color:#212121; font:700 22px/26px Raleway,arial,sans-serif; clear:left; text-transform:uppercase; color:#663C21 }
.piksstone-page-news .piksstone-page-news-left2 ul li{width: 33%;padding:5px;overflow:hidden;display:inline-block;position:relative;overflow:hidden;}
.piksstone-page-news .piksstone-page-news-left2 ul li .news-photo { height:200px; overflow:hidden; margin-bottom:10px; }
.piksstone-page-news .piksstone-page-news-left2 ul li .news-photo img{max-width: 100%;margin-top: -3rem;}
.piksstone-page-news .piksstone-page-news-left2 ul li strong{ margin-top:-30px; position:relative; z-index:2; padding:15px 20px; margin-left:20px; margin-right:5px; background:rgba(255,255,255,.9); border-left:3px solid #663C21; clear:left;  display:block; font:600 14px/19px Raleway,arial,sans-serif; color:#222;}
.piksstone-page-news .piksstone-page-news-left2 ul li span{ padding:6px 12px; display:block; font:400 11px Arial,sans-serif; color:#555;}
.piksstone-page-news .piksstone-page-news-left2 ul li:hover strong{border-color: #515151;background: #0978bc; color:#fff}
.piksstone-page-news .piksstone-page-news-left2 ul li:hover .news-photo{ opacity:.6; }


.remodal-teklifA{ font:12px Arial,sans-serif; }
.ModalForm{ }
.ModalForm .ModalFormIn{ display:block; background:#f5f5f5; border:1px solid #eee; margin-bottom:5px; text-align:left  }
.ModalForm .ModalFormIn input,.ModalForm .ModalFormIn textarea{ border:0; display:block; width:100%; background:none; padding:10px 20px; text-align:left; font:12px Arial,sans-serif; outline:none; resize:none; }
.ModalButton .remodal-confirm{ padding:10px; font:600 13px Raleway, Arial,sans-serif; background:#6C4023; }
.ModalButton .remodal-confirm:hover{ background:#222; }


.piksstone-page-contact h1{ font: 26px Raleway,Arial,sans-serif; color:#6C4023; text-transform:uppercase; }
.piksstone-page-contact #contact-p{ font:15px Arial,sans-serif; padding-bottom:20px;}
	
.piksstone-page-contact-left{ width:300px; display:inline-block; vertical-align:top; }
.piksstone-page-contact-right{ width:870px; display:inline-block; vertical-align:top; padding-left:20px; }
.piksstone-page-contact-form{ padding-bottom:20px; }
.piksstone-page-contact-form h3{padding:15px;margin:0;background: #000000;color:#fff;text-transform:uppercase;font:600 13px Arial,sans-serif;}
.piksstone-page-contact-form .contact-in{   margin-bottom:7px;}
.piksstone-page-contact-form .contact-in input, .piksstone-page-contact-form .contact-in textarea{ padding:15px 20px; border:0; width:100%; border:1px solid #ccc; border-left:2px solid #9b765e;font:13px Raleway,Arial,sans-serif; outline:none; }
.piksstone-page-contact-form .contact-in input:focus, .piksstone-page-contact-form .contact-in textarea:focus{ border:1px solid #9b765e; }
.piksstone-page-contact-form label{ padding:10px; font:600 13px Arial,sans-serif; display:block; }
.piksstone-page-contact-form .contact-se{ text-align:center; padding:10px 0px; }
.piksstone-page-contact-form .contact-se input{ text-align:center; }
.piksstone-page-contact-form .contact-bu{ text-align:right; }
.piksstone-page-contact-form button{display:inline-block;cursor:pointer;padding:10px 20px;font:600 13px Raleway,Arial,sans-serif;color:#fff;background: #000000;border-radius:4px;border:0;}
.piksstone-page-contact-form button:hover{background: #0978bc;}

.contact-pen{display:inline-block;width: 100%;padding:5px 15px;}
.contact-pen .contact-iframe iframe{width:100%;height: 318px;}
.contact-pen strong{ font:600 14px Arial,sans-serif; color:#222; }
.contact-pen .contact-information span{display:block;padding:9px 0;font: 500 15px/18px 'Roboto Slab', sans-serif;}
.contact-pen .contact-information p{display:block;padding:9px 0;margin:0;font: 500 15px/18px 'Roboto Slab', sans-serif;}
.contact-pen .contact-information span i{ width:30px; font-size:18px; }
.contact-pen .contact-information span a{ text-decoration:underline; color:#222;}


/* Bilgilendirme */
.alert{ padding: 15px;border: 1px solid transparent; margin:10px 0px; font:600 13px Raleway,Arial,sans-serif; margin-bottom:15px; border-radius:4px;}
.alert-error{color: #A94442; background-color: #F2DEDE;border-color: #EBCCD1; }
.alert-info{color: #4288a9; background-color: #deecf2;border-color: #cce0eb; }
.alert-success{    color: #3C763D;background-color: #DFF0D8;border-color: #D6E9C6;}
.alert h3{ padding:0; margin:0;}
.alert a{ color:#000; text-decoration:underline}
/* Bilgilendirme */

.footer {background: #222 ;color: #efefef;padding: 45px 0px;position:relative;}
.footer .site{ overflow:hidden;}
.footer h4 {font: 700 16px Roboto Slab,Avenir Next LT Pro Bold, sans-serif; display:inline-block; color: #efefef;padding: 0px;margin: 0px; padding-bottom: 10px;margin-bottom: 10px;position:relative; text-transform:uppercase; margin-bottom:20px ;}
.footer h4:after {  content:''; width:2.5em; height:2px; position:absolute; left:0; bottom:0; background:#B3803E; }
.footer .foP{ display:inline-block;vertical-align:top; margin-right:45px; width:200px;}
.footer .foP ul{ padding:0; list-style-type:none; margin:0;}
.footer .foP ul li{ display:block; vertical-align:top;}
.footer .foP ul li a{ display:block; font:normal 13px/1.4 'Roboto Slab',Open Sans,Arial,sans-serif; color:#ddd; padding:10px 5px; margin-right:5px; border-bottom:1px solid #444;   }
.footer .foP ul li a:hover{ background:#252525; color:#fff; transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms; -o-transition: all 400ms;}
.footer .foP ul li a:hover i{ color:#fff; }
.footer .foP ul li a i{ color:#B3803E; margin-right:5px; font-size:12px; line-height }
.footer .iletisimBilgileri {width: 310px;display:inline-block;vertical-align:top;margin-right:25px;}
.footer .iletisimBilgileri  p{ padding:0; margin:0;  color:#fff; margin-bottom:20px;  }
.footer .iletisimBilgileri strong{ display:block; padding:15px 0px; font:600 13px/1.4 Roboto Slab,Avenir Next LT Pro Demi,Open Sans,Arial,sans-serif; color:#fff; text-transform:uppercase  }
.footer .iletisimBilgileri ul {padding: 0;margin: 0;list-style: none;}
.footer .iletisimBilgileri ul li {padding: 10px 0px;font:normal 14px/22px 'Roboto Slab',Arial,sans-serif; color:#fff; }
.footer .iletisimBilgileri ul li i {width: 20px;  color:#fff; }
.footer .iletisimBilgileri ul li a{ color:#fff; text-decoration:underline; }
.footer .footerBilgi{ color:#222; padding:0 20px; font:13px arial,sans-serif; display:inline-block; width:330px; vertical-align:middle; text-align:center;}
.footer .footerBilgi .footerLogo{ text-align:center;}
.footer .footerBilgi .footerLogo img{ max-width:90%; }
.footer .footerBilgi p { line-height:22px; color:#999;  }
.footerBar{ background:#0A171F; font:12px/20px arial,sans-serif; padding:20px 0px; color:#fff; }

.footer .copyright{text-align:center;font:12px Arial,sans-serif;color:#fff;margin-top: 25px;}
.footer .copyright a{ text-decoration:underline; color:#fff; }

.mobile-logo{display:none;width: 100%;height: 79px;padding:25px 0px}
.mobile-navicon{ position:absolute;  display:none; right:70px; top:25px; }
.mobile-navicon a{color:#bf682d; color:#bf682d; padding:5px 10px; border:1px solid #bf682d; }
.mobile-navicon a:hover{ background:#bf682d; color:#fff; }

.whatsapp-hatti{ display:none; position:fixed; left:10px; bottom:50px; background:#0DC142; color:#fff; padding:15px; z-index:99}
.whatsapp-hatti a{ color:#fff; font:600 14px Roboto,arial,sans-serif; }
.whatsapp-hatti a i{ margin-right:5px; font-size:16px }



.mobile-footer{ position: fixed; bottom:0px; width:100%; display:none; left:0; right: 0; z-index:999; }
.mobile-footer #mobile-footer{ display:table; width:100%; table-layout:fixed; }
.mobile-footer #mobile-footer span{ display:table-cell; width:50%;}

.mobile-footer #mobile-footer span a{display:block;padding:15px;background:#222;color:#fff;font:600 13px Roboto Slab,Arial,Helvetica,Sans-serif;text-transform:uppercase;text-align: center;}
.mobile-footer #mobile-footer span:first-child a{background: #0978bc;}
.mobile-footer #mobile-footer span:last-child a{ background:#1778C2; }
.mobile-footer #mobile-footer span:nth-child(2) a{ background:#189D0E; text-align:center }
.mobile-footer #mobile-footer span a i{ animation: blinker 1.5s linear infinite; }
.mobile-footer #mobile-footer span b{animation: blinker 1.5s linear infinite; }
.mobile-footer #mobile-footer span a i{ vertical-align:middle; margin-right:5px; }


#blink_me {
  animation: blinker 1.5s linear infinite;
  font-weight:600
}

@keyframes blinker {  
  90% { opacity: 0; }
}

#top {
    bottom: 5px;
    bottom: 20px;
    display: none;
    position: fixed;
    right: 20px;
	cursor:pointer;
}
#top span{ display:block; color:#555; font-size:22px;}
#top span i{ display:block; }

@media screen and (max-width:1200px){
	
  .site {
    width: 95%;
  }

#top {
    bottom: 5rem;
}
#top span{ display:block; color:#555; font-size:22px;}
#top span i{ display:block; }
	
	.piksstone-detailp .piksstone-detailp-detail .piksstone-detail-t-img li{ width: 50% }
	.piksstone-page-news{border-top: 1px solid #ededed;}
	.piksstone-page-news-left{width: 100%!important;}
	.piksstone-page-news .piksstone-page-news-left ul li{width: 100%;}
	.piksstone-page-news .piksstone-page-news-right{ display: none; }
	
	.piksstone-contact{ height:200px; }
	.footer .footerBilgi .footerLogo img{max-width: 60%;padding-bottom: 2rem;}
	.footer .foP{width:100%;margin-bottom: 2rem;}
	.footer .iletisimBilgileri{ width:100%; }
  
  .mobile-logo,.mobile-navicon{ display:block; }
	.mobile-logo{padding: 10px 0;}
  .mobile-logo img{max-width: 36%;height: 100%;}
  .site-menu #menuGoster{ display:none; width:100%; }  
  .site-menu #menuGoster li {display:block;  }  
  .site-menu #menuGoster li#site-logo {display:none;}  
  .site-menu #menuGoster li > a{ display:block; padding:10px;  }
  header.site-top .site-menu ul > li.aktif , header.site-top .site-menu > ul > li:hover{ background:#222; }
  header.site-top{  height:82px; }
  header.site-top .site-menu ul{ background:#BF682D; }
  header.site-top .site-menu ul li a{ color:#fff; }
  
  header.site-top .site-menu ul > li{ padding:5px 10px;}
  header.site-top .site-menu ul > li#home{ height:auto; }
  header.site-top .site-menu ul > li#home a{width:100%; background:none; height:auto; display:block; position:relative;  }
  header.site-top .site-menu ul > li#home a:after{  content:'Anasayfa'; display:block; position:relative; padding:10px;}
  header.site-top .site-menu ul > li#home a:before{ display:none; }
  header.site-top .site-menu ul > li ul{ position:relative; border:0; background:#eee; width:100%; margin:0; top:0;}
  header.site-top .site-menu ul > li ul li{  padding:0 10px; }
  header.site-top .site-menu ul > li:hover ul{ display:none;}
  header.site-top .site-nav{ display:none; }
  .piksstone-quote .piksstone-quote-detail .piksstone-quote-detail-l{ width:100%; text-align:center; display:block; }
  .piksstone-quote .piksstone-quote-detail .piksstone-quote-detail-r{ width:50%; text-align:center; margin:0 auto; display:block; padding:20px 0px; }
  
  .piksstone-about .piksstone-about-image{ position:relative; left:0; bottom: 0px; -webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%); }
  .piksstone-about .piksstone-about-image-a{ position:relative; width:100%; }
  .piksstone-about .piksstone-about-image-a img{ max-width:100%; height:auto; }
  .piksstone-about .piksstone-about-photo{ height:auto; min-height:auto }
  .piksstone-about .piksstone-about-text{ position:relative; width:100%; left:0; max-width:100%; transform: none; }
  .piksstone-about .piksstone-about-detail{ position:relative; top:0; left:0; padding:20px 10px; transform: none; width:100%;  }
  .home-wrap{ height:600px;}
  .home-wrap .home-wrap-text-detail{ width:100%; padding:10px; top: 10%;-webkit-transform: translateY(10%);-ms-transform: translateY(10%);transform: translateY(10%); }
  
  .piksstone-special .piksstone-special-image{ position:relative; left:0; bottom: 0px; -webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%); }
  .piksstone-special .piksstone-special-image-a{position:relative;width:100%;top: 0;}
  .piksstone-special .piksstone-special-image-a img{ max-width:100%; height:auto; }
  .piksstone-special .piksstone-special-photo{ height:auto; min-height:auto }
  .piksstone-special .piksstone-special-text{ position:relative; width:100%; left:0; max-width:100%; transform: none; }
  .piksstone-special .piksstone-special-detail{ position:relative; top:0; left:0; padding:20px 10px; transform: none; width:100%;  }
  
  .piksstone-product{ display:none; }
  
.mobile-footer{ display:block; }

	.piksstone-page-contact{padding-top:100px; }
	.piksstone-page-product-detail{ border-top:1px solid #ededed; padding-top:80px; min-height:700px; }
	.piksstone-page-applications{ border-top:1px solid #ededed; padding-top:120px; }
	.piksstone-page-quate{ border-top:1px solid #ededed; padding-top:30px; }


	.perspective-image-pen{ padding:10px; }
	.perspective-image-pen .swiper-slide{  background-size: cover !important;}
	.perspective-image-pen .perspective-image-pen-detail .swiper-slide,.perspective-image-pen .perspective-image-pen-detail  .swiper-container{ height:60vh; }



.piksstone-page-product-random{ display:block; width:100%; }
.piksstone-page-product-random .product-random-image img{ width:100%; height:auto; }
.product-random-left{ width:100%; display:block; vertical-align:top; }
.product-random-right{ width:100%; display:block;  vertical-align:top; }
.product-random-left .product-random-a{ height:auto; }
.product-random-left .product-random-b{ height:auto; }
.product-random-right .product-random-c{ height:auto; }

  
  .piksstone-callform .piksstone-callform-text{ padding:0; }
  .piksstone-callform .piksstone-callform-text .callform-left-text, .piksstone-callform .piksstone-callform-text .callform-right-form{ width: 100%; display:block; padding:20px 10px; border:0; }
  .piksstone-contact .piksstone-contact-img{ display:none; }
  .piksstone-contact .piksstone-contact-text{ width:100%; left: 0; text-align: left; }
  .piksstone-contact .piksstone-contact-text img{max-width:100%;display: none;}
  .page-top{ height:auto; }
  .page-top-text{ display:block; width:100%; float: none; padding:15px 10px; padding-top: 30px; }
  .page-top-image{ display:block; width:100%; float:none; padding:15px 10px; }
  .piksstone-page-about .piksstone-page-about-page{ padding:20px 10px; }
  .piksstone-page-about .piksstone-page-about-page .piksstone-page-about-left{ width:100%; float:none; }	
  .piksstone-page-about .piksstone-page-about-page .piksstone-page-about-right{ width:100%; float:none; margin-top:0; }	
  .piksstone-page-gallery ul li{ width:100%; height:auto; overflow:hidden; display:block; }
  .piksstone-page-gallery ul li .gallery-img img{ max-width:100%; }
  .piksstone-page-gallery ul li:hover .gallery-title{  background:#6C4023; width:100%; }
  
  .piksstone-page-product ul li{ display:block; width:100%; }
  
  .piksstone-detail-related{ padding:20px 10px; }
  .piksstone-detail-related h3{ font-size:24px; }
  .piksstone-detail-related .related-text{ display:block; width:100%; border:0; padding:20px 0px; margin:10px 0px; height:auto !important }
  .piksstone-detail-related .related-more{ display:block; width:100%; }
  .piksstone-detail-related .related-more.related-more-a li{ width: calc(100%); margin:0; }
  .piksstone-detail-related .related-more ul li a .related-image{ height:auto;}
  
  
  .piksstone-page-gallery-more .piksstone-page-gallery-left{ display:block; padding:20px 10px; float:none; width:100%; height:auto;}
  .piksstone-page-gallery-more .piksstone-page-gallery-right{ display:block; padding:20px 10px; float:none; width:100%;}
  .lSSlideOuter .lSPager.lSGallery li{ height:100px;}
  
  .piksstone-detailp .piksstone-detailp-text{ padding: 0 10px; }
  .piksstone-detailp{ height:auto !important; max-height:auto !important; min-height:auto; !important; }
  .piksstone-detailp .piksstone-detailp-image{ position:relative; left:0; bottom: 0px; -webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%); }
  .piksstone-detailp .piksstone-detailp-image-a{ position:relative; width:100%; }
  .piksstone-detailp .piksstone-detailp-image-a img{width: 100%;height:auto;float: left;}
  .piksstone-detailp .piksstone-detailp-photo{ height:auto !important; min-height:auto }
  .piksstone-detailp .piksstone-detailp-text{ position:relative; width:100%; left:0; max-width:100%; transform: none; }
  .piksstone-detailp .piksstone-detailp-detail{position:relative;top:0;left:0;padding:20px 10px;transform: none;width:100%;overflow: visible;height: auto;}
  .piksstone-detailp .piksstone-detailp-detail a.document{ display:block; margin-left: 0 }
  .piksstone-detailp .piksstone-detailp-detail a.quate{ display:block; }
  .piksstone-detailp .piksstone-detailp-detail a.perspective{ display:block; }
  
  .piksstone-page-contact, .piksstone-page-product{ padding-top: 85px; }
  
  .piksstone-page-contact-left{ width: 100%; display:block; padding:0; }
  .piksstone-page-contact-right{ width: 100%; display:block; padding:0; }
  .contact-pen{ width:100%; }
  
  .whatsapp-hatti{ display:none; }
  
}