/*
Theme Name: Pincherart
Description: Pincherart WordPress theme
Version: 1
Author: Finogenov V Timofey
*/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
/* Global properties ======================================================== */
html {width:100%;}
body {font-family:SegoePro-Light, Roboto, Georgia, sans, Arial, Helvetica, sans-serif;font-size:100%;color:#808080;min-width:980px;background:#f5f5f5}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg {width:100%; background:url(images/bg-top.jpg) center 0 no-repeat;}
.main {
  width:980px;  
  padding:0;
  margin:0 auto;
  font-size:0.8125em;
  line-height:1.846em;
}

a {color:#43bfff; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left; width:180px;}
.col-1 {margin-right:25px;}

.wrapper {width:100%; overflow:hidden;}
.wrapper-top {width:100%; overflow:visible;height:120px;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.color-1 {color:#808080;}
.color-2 {color:#000;}
.color-3 {color:#43bfff;}

.img-border {
  padding:4px;
  border:1px solid #e5e5e5;
  background:#fff;
  float:left;
}

.border {border:1px solid #e5e5e5;}

/*********************************boxes**********************************/
.indent {padding:0 30px;}
.indent2 {padding:15px 30px 0;}
.indent-top {padding-top:14px;}
.indent-left {padding-left:30px;}
.indent-right {padding-right:50px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:12px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}

.img-indent {float:left; margin:0 20px 0px 0;}  
.img-indent2 {float:left; margin:0 13px 0px 0;} 
.img-indent-r {float:right; margin:0 0px 0px 40px;} 

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.link,
.button,
h1 a {text-decoration:none;}  

/*********************************header*************************************/
header {
  width:100%;
  position:relative; 
  z-index:2;
}

.border-top {
  width:950px;
  padding-top:11px;
  margin:0 auto 17px;
  background:url(images/border-top.gif) left 11px repeat-x;
}

h1 {
  padding:40px 0 0 35px; 
  position:relative;
  font-weight:normal;
  float:left;
}
  h1 a {
    display:inline-block; 
    font-size:40px;
    line-height:1.2em;
    color:#1c1b18;
    letter-spacing:-1px;
  }
  
/***** menu *****/
.menu {
  padding:49px 34px 0 0; 
  float:right;
}
.menu li {
  float:left; 
  position:relative;
  padding-right:42px;
}
.menu li:first-child {padding-right:34px;}
.menu li.last-item {padding-right:0;}
.menu li a {
  display:inline-block; 
  font-size:14px; 
  line-height:1.2em; 
  padding-top:16px; 
  color:#808080; 
  background:url(images/menu-marker.gif) center -20px no-repeat;
}
.menu li a.active,
.menu > li:hover > a {background-position:center 0; color:#1c1b18;}

.menu > li > ul{
  display: none;  
}
.menu > li:hover > ul{
  display: block;  
  position:absolute;
  z-index: 10;
  background:white;
  padding: 10px 0 10px 0;
}
.menu > li:hover > ul > li{
  padding:0 0 0 10px;
  margin:0;
}
.menu > li:hover > ul a{
  padding: 5px;
}
.menu > li:hover > ul a:hover{
  color:black;
  padding: 5px;
}

.slider-bg {
  width:960px;
  height:279px;
  padding:0 10px 42px 10px;
  background:url(images/slider-bg-sp.png) 0 0 no-repeat;
}
.small-slider {
  width:100%;
  height:279px;
  background:url(img/banner01_small.jpg) 1px 0 no-repeat;
  position:relative;
  overflow:hidden;
}

.big-slider-bg {
  width:960px;
  height:399px;
  background:url(images/slider-bg.png) 0 0 no-repeat;
  padding:0 10px 42px 10px;
}
/*#page1 .slider {height:399px; background:url(images/slider-img.jpg) 1px 0 no-repeat;}*/

.banner {
  width:320px;
  height:200px;
  position:absolute;
  right:100px;
  top:40px;
}
  .banner {right:70px; top:100px;}
  .banner a {
    font-size:21px;
    line-height:1.2em;
  }
.title-1 {
  display:block;
  font-size:53px;
  line-height:1.2em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:-7px;
}
.text-1 {
  display:block;
  font-size:28px;
  line-height:1.2em;
  color:#ccc;
  margin-bottom:30px;
}

/*********************************content*************************************/
#content {
  width:100%; 
  padding:0 0 40px;
  position:relative;
  z-index:1;
}

.spacer-1 {
  width:100%; 
  background:url(images/pic-1.gif) 217px 0 repeat-y;
}

h3 {
  font-size:32px; 
  line-height:2em; 
  color:#1c1b18;
  font-weight:normal;
  letter-spacing:-1px;
  margin-bottom:-5px
}
h4 {
  font-size:21px; 
  line-height:24px; 
  color:#1c1b18;
  font-weight:normal;
  margin-bottom:18px;
}
h6 {color:#1c1b18;}

.border-bot {
  width:100%; 
  padding-bottom:11px; 
  background:url(images/pic-1.gif) 0 bottom repeat-x;
}

.circle {
  width:58px;
  height:58px;
  font-size:32px;
  line-height:58px;
  color:#fff;
  background:url(images/circle.png) 0 0 no-repeat;
  text-align:center;
  float:left;
  margin-right:15px;
  margin-top:8px;
}

.box {
  width:100%; 
  background:url(images/box-tail.gif) 0 0 repeat-x;
}

.button {
  display:inline-block; 
  padding:9px 20px;
  font-size:21px;
  line-height:1.2em;
  color:#fff; 
  background:#1c1b18;
  cursor:pointer;
}
.button:hover {color:#fff;}

.list-1 li {
  line-height:20px; 
  padding:7px 0 8px 20px; 
  background:url(images/marker-1.gif) 0 12px no-repeat;
}
  .list-1 li a {display:inline-block; color:#808080;}
  .list-1 li a:hover {color:#43bfff; text-decoration:underline;}

.list-2 li {
  line-height:20px; 
  padding:7px 0 8px 20px; 
  background:url(images/marker-1.gif) 0 12px no-repeat;
}
  .list-2 li a {display:inline-block;}

.link:hover {text-decoration:underline;} 

.link-1 {color:#1c1b18;}
.link-1:hover {text-decoration:none;} 

dl span {float:left; width:88px; font-weight:bold; color:#1c1b18;}

/***** contact form *****/
#contact-form {
  display:block;
  width:100%;
}
  #contact-form label {
    display:block; 
    height:35px; 
    overflow:hidden;
  }
  #contact-form input {
    float:left; 
    width:443px; 
    font-size:12px; 
    line-height:1.25em;
    color:#808080;
    padding:7px 9px; 
    margin:0; 
    font-family:Arial, Helvetica, sans-serif; 
    border:1px solid #dcdcdc; 
    background:#fff;
    outline:none;
  }
  #contact-form .error{
    border:1px solid #dc0000; 
  }
  #contact-form textarea {
    float:left;
    height:183px; 
    width:443px;
    font-size:12px; 
    line-height:1.25em;
    color:#808080;
    padding:7px 9px; 
    margin:0; 
    font-family:Arial, Helvetica, sans-serif; 
    border:1px solid #dcdcdc;
    background:#fff;
    overflow:auto;
    outline:none;
  }

/***** contact form *****/
#order-form {
  display:block;
  width:100%;
}
  #order-form label {
    display:block; 
    height:35px; 
    overflow:hidden;
  }
  #order-form input {
    float:left; 
    width:280px; 
    font-size:12px; 
    line-height:1.25em;
    color:#808080;
    padding:7px 9px; 
    margin:0; 
    font-family:Arial, Helvetica, sans-serif; 
    border:1px solid #dcdcdc; 
    background:#fff;
    outline:none;
  }
  #order-form textarea {
    float:left;
    height:150px; 
    width:280px;
    font-size:12px; 
    line-height:1.25em;
    color:#808080;
    padding:7px 9px; 
    margin:0; 
    font-family:Arial, Helvetica, sans-serif; 
    border:1px solid #dcdcdc;
    background:#fff;
    overflow:auto;
    outline:none;
  }
  #order-form .error{
    border:1px solid #dc0000; 
  }

.text-form {
  float:left; 
  display:block; 
  font-size:13px;
  line-height:18px;
  width:96px; 
  color:#808080;
  font-family:Arial, Helvetica, sans-serif;
}

.buttons {padding:8px 30px 0 0; text-align:right;}
.buttons a {margin-left:6px;}
    
    
aside {
  width:100%;
  padding:40px 0 30px;
  background:#fff;
}
.title-2 {
  display:block;
  padding-left:20px;
  font-size:21px;
  line-height:43px;
  color:#fff;
  background:#1c1b18;
  margin-bottom:16px;
}
    
/****************************footer************************/
footer {
  width:100%; 
  height:114px;
  position:relative;
  z-index:99;
  overflow:hidden;
}
.footer-bg {
  margin:0 auto;
  width:960px;
  padding:35px 0;
  color:#f5f5f5;
  background:#1f1c1a;
}
  .footer-bg a {color:#f5f5f5;}

.list-services {
  padding:0;
}
  .list-services li {
    float:left; 
    padding:0 0 0 10px;
  }
  
/*********extra***********/
.block {height:114px;}
.extra {
  min-height:100%; 
  height:auto !important; 
  height:100%; 
  margin: 0 auto -114px; 
  position:relative;
  overflow:hidden;
} 
html, body {height:100%;}


.logo{
  width: 330px;
  height: 104px;
  display:block;
  background: url('./images/logo.png') 0 0 no-repeat;
  float:left;
  margin: 17px 0 0 0;
}
.social-block{
  float:right;
  margin:10px 40px 0 0;
}
.copyright-block{
  margin:0 0 0 40px;
}
.copyright-block a{
  text-decoration: none;
}
.copyright-block a:hover{
  text-decoration: underline;
}
.social-button{
  width:31px;
  height:31px;
  float:left;
  margin: 0 0 0 10px;
}
.social-button .active{
  display:none;
}
.social-button .normal{
  display:block;
}
.social-button:hover .active{
  display:block;
}
.social-button:hover .normal{
  display:none;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{display: none;list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;color:black;font-size:18px;}

.bjqs-prev a{
  background: url('./images/left-arrow.png') !important;
  width:48px;
  height:48px;
  padding:0 !important;
}
.bjqs-prev a:hover{
  background: url('./images/left-arrow-active.png') !important;
  width:48px;
  height:48px;
  padding:0 !important;
}
.bjqs-next a{
  background: url('./images/right-arrow.png') !important;
  width:48px;
  height:48px;
  padding:0 !important;
}
.bjqs-next a:hover{
  background: url('./images/right-arrow-active.png') !important;
  width:48px;
  height:48px;
  padding:0 !important;
}

ul.bjqs-controls.v-centered li a{
  display:block;
  padding:10px;
  background:#fff;
  color:#000;
  text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
  background:#000;
  color:#fff;
}

ol.bjqs-markers li a{
  padding:5px 10px;
  background:#000;
  color:#fff;
  margin:5px;
  text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
  background: #999;
}

p.bjqs-caption{
  background: rgba(255,255,255,0.5);
}

.home-portfolio-block article{
  margin-bottom: 20px;
}
.home-portfolio-block>article>a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 100%;
  margin: 0 30px 0 30px;
}

.data{ float:left; width:74px; height:65px; text-align:center; padding-right:22px; background:url(./images/bg_date.png) top left no-repeat; font-size:40px; color:#171717; padding-top:10px; font-family:SegoePro-Light, Roboto, Georgia, sans, Arial, Helvetica, sans-serif, "Trebuchet MS"; line-height:1em}
.data span{ color:#fff; font-size:10px; display:block; margin-top:6px; line-height:2em}
.tail1{ background:url(./images/tail.gif) bottom repeat-x; padding-bottom:17px; margin-bottom:17px}
.indent1{
  padding:0px 0px 0px 96px;margin:0;
  font-size:14px;
}
.container{
  vertical-align:top;
}
.indent1 h3{
  margin:0;
  padding:0;
  line-height: 24px;
  font-size:18px;
  font-weight:normal;
}
.feedback-row{
  padding:0px 0px 0px 0px;margin:0;
  font-size:14px;
}
.feedback-row h3{
  margin:0;
  padding:0;
  line-height: 24px;
  font-size:18px;
  font-weight:normal;
}
.portfolio-project-link{
  margin: 0 10px 10px 0;
  display:block;
  /*width:126px;
  height:126px;*/
  float:left;
}
.portfolio-project-link.last-project-in-row{
  margin-right: 0;
}
.portfolio-item-link{
  display:block;
}
.portfolio-project-link img{
  padding: 3px;
  border:1px solid #C0A062;
}
.portfolio-item{
  width:296px;
  height:320px;
  float:left;
  margin: 0 10px 10px 0;
}
.portfolio-item-title{
  margin: 5px 0 5px 0;
  line-height: 16px;
  font-weight: bold;
}
.portfolio-item-description{
  margin: 0 0 0 0;
  line-height: 16px;
}

.order-form-title{
  cursor: pointer;
  color: #00ccff;
  text-decoration: underline;
}

#commentform label{
  width:100px;
  display:block;
  float:left;
  font-size:14px;
  color:black;
}

#commentform #submit{
  display:inline-block; 
  padding:9px 20px;
  font-size:21px;
  line-height:1.2em;
  color:#fff; 
  background:#1c1b18;
  cursor:pointer;
  border: 0;
}

.rambler-top img{
  width: 88px;
  height: 31px;
}
.rambler-top{
  /*display:block;*/
  display:none;
  width: 88px;
  height: 31px;
  margin:0 auto 0 auto;
}


#contact-form label {
    display:block; 
    height:35px; 
    overflow:hidden;
  }
  .wpcf7-text {
    /*float:left;*/
    width:443px; 
    font-size:12px; 
    line-height:1.25em;
    color:#808080;
    padding:7px 9px; 
    margin:0 0 4px 0; 
    font-family:Arial, Helvetica, sans-serif; 
    border:1px solid #dcdcdc; 
    background:#fff;
    outline:none;
  }
  .wpcf7-textarea {
    /*float:left;*/
    height:183px; 
    width:443px;
    font-size:12px; 
    line-height:1.25em;
    color:#808080;
    padding:7px 9px; 
    margin:0 0 4px 0; 
    font-family:Arial, Helvetica, sans-serif; 
    border:1px solid #dcdcdc;
    background:#fff;
    overflow:auto;
    outline:none;
    resize: none;
  }
  .wpcf7-submit{
    display: block;
    padding: 9px 20px;
    font-size: 21px;
    line-height: 1.2em;
    color: #fff;
    background: #1c1b18;
    cursor: pointer;
    border: 0;
    float: right;
    margin: 0 30px 0 0;
  }
  .submit-row{
    overflow: auto;
  }
  div.wpcf7-response-output{
    margin-right: 30px !important;
  }

  .comments-title{
    font-size: 14px;
  }
  .comment-author{
    float: left;
    line-height: 32px;
    margin-right: 10px;
  }
  .comment-author>cite{
    font-style: normal;
  }
  .comment-meta{
    float: left;
    line-height: 32px;
    color: gray;
  }
  .comment-meta>a{
    color: gray;
    text-decoration: none;
  }
  .comment-body>p{
    clear: both;
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 14px;
  }
  .comment-body>.reply{
    margin: 0 0 20px 0;
  }


.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;

  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
}

/* START: Accommodating for IE */
.flip-container.hover .flip-item-back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.flip-container.hover .flip-item-front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/* END: Accommodating for IE */

.flip-container, .flip-item-front, .flip-item-back {
  width: 320px;
  height: 427px;
}

.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;

  -moz-transition: 0.6s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;

  transition: 0.6s;
  transform-style: preserve-3d;

  position: relative;
}

.flip-item-front, .flip-item-back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);

  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);

  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);

  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);

  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);

  position: absolute;
  top: 0;
  left: 0;
}

.flip-item-front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  /*background: lightgreen;*/
  z-index: 2;
}

.flip-item-back {
  /*background: lightblue;*/
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}


.image-blocks{
  display: table;
  width: 100%;
}
.image-blocks-row{
  display: table-row;
  padding: 0;
  margin: 0;
}
.image-blocks .flip-container{
  display: table-cell;
  padding: 0;
  margin: 0;
  /*height: 30vw;*/
  height: 300px;
  overflow: hidden;

  position: relative;
}
.image-blocks .flip-container>a{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.image-blocks .flipper{
  height: 100%;
}
.image-blocks .flip-item-front, .image-blocks .flip-item-back{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.image-blocks .flip-item-back{
  /*background: #00ccff;*/
  background: #b2b2b2;
}
.image-blocks .flip-item-back>span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 20px 0 20px;
  box-sizing: border-box;
  font-size: 24px;
  color: #fffbf2;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  /*margin-top: 25%;*/
}
.image-blocks .flip-item-back>span>span{
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  margin: 10px 0 0 0;
  display: block;
}
.image-blocks .flip-item-front>img{
  display: block;
  width: 100%;
}

.share42init{
  overflow: auto;
  padding: 20px 0 20px 0;
  clear: both;
  text-align: center;
}