/* ==========================================================================
   Plitkin custom styles
   ========================================================================== */

#headerCarousel {
  width:            554px;
  height:           264px;
  position:         absolute;
  left:             150px;
  margin-top:       135px;

  .carousel-indicators {
    bottom:           -35px;

    li {
      width:            7px;
      height:           7px;
      border-radius:    0;
      background:       #3f3b4b;
      border-color:     #3f3b4b;

      &.active {
        position:         relative;
        top:              -1px;
        background:       white;
        border-color:     white;
      }
    }
  }

  .carousel-control {
    margin:             7px;
  }

  .carousel-inner {
    background:       rgba(255, 255, 255, 0.5);

    .item {
      width:            540px;
      height:           250px;
      margin:           7px 7px 30px 7px;
    }
  }
}

.container {
  min-width:            1224px;
}

.jumbotron {
  background:       #605f52;
  padding:          0;
  height:           462px;
  max-width:        100%;
  //overflow:         hidden;
  color:            white;
  background:       url('../img/header-bg.jpg') center top repeat-x;

  .container {
    height:         462px;
    position:       relative;
    padding:        0;
    border:         12px solid white;
    border-top:     none;
    border-bottom:  none;
    background:     url('../img/header-image.jpg') left top no-repeat;
  }

  .logo {
    position:       absolute;
    left:           100px;
    top:            0;
  }

  p {
    display:        block;
    max-width:      240px;
    max-height:     250px;
    margin-left:    5px;
    font:           normal 20px Arial;
  }

  .line {
    position:       absolute;
    left:           42%;
    bottom:         0;
  }

  .contacts {
    width:          290px;
    height:         180px;
    position:       absolute;
    right:          165px;
    top:            0;
    box-sizing:     border-box;
    padding:        25px 0 0 25px;
    font:           normal 15pt Arial;

    .phone, .email {
      text-align:     left;
      margin: 0 auto;

    }

    .phone {
      //font-weight: bold;
      font-size: 18pt;
    }

    .email {
      display:      block;
      font-size:    25pt;
    }

    .email, .phone span {
      color:          #99baff;
    }
  }

  #download-price {
    position:       absolute;
    right:          205px;
    top:            335px;
  }
}

.back-call {
  display:          block;
  width:            221px;
  height:           41px;
  background:       url('../img/back-call.png') left top no-repeat;
  padding:          0;
  margin:           20px 0;
}

.horizontal-menu .col {
  height:           210px;
}

.horizontal-menu .item {
  background:       #fbfbfb;
  width:            174px;
  float:            left;
  border:           1px solid #e5e5e5;
  text-align:       center;
  margin:           0 55px 10px 0;
  height:           174px;
  position:         relative;

  &:hover {
    border:           1px solid #b4ca01;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(180, 202, 1, 1);
    -moz-box-shadow:    0px 0px 2px 0px rgba(180, 202, 1, 1);
    box-shadow:         0px 0px 2px 0px rgba(180, 202, 1, 1);
  }

  img {
    position:         absolute;
    left:             10px;
    top:              10px;
    max-width:        154px;
    max-height:       115px;
  }

  a {
    margin:           127px auto;
    display:          block;
    text-align:       center;
    color:            #0089d5;
    font:             bold 12pt Arial;
    max-width:        150px;
    line-height:      18px;
  }

  &.active, &.active:hover {
    height:           192px;
    background:       url('../img/cat-selected.png') center bottom no-repeat;
    border:           none;
    border-top:       1px solid #e2e9a8;

    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;

    img {
      left:           11px;
    }
  }
}

.splitter {
  height:             43px;
  margin:             0 0 0 0;
  min-width: 1224px;
   background:       url('../img/splitter-2450.jpg') center top no-repeat;
 
}

h2 {
  margin:             0 0 50px;
}

.catalog {
  background:         #e2e9a8;
  min-width: 		  1224px;
  margin-bottom: 	  20px;

  .container  {
    padding:          0;
    background:       #e2e9a8 url('../img/white-line-big.png') 283px top no-repeat;
  }

  .list {
    width:            450px;
    box-sizing:       border-box;
    padding:          5px 20px 5px 10px;
    margin:           0;
    background:       white;
    float:            left;
    min-height:       290px;
    max-height:       290px;
    overflow-y:       auto;

    ul {
      margin:           0;
      list-style:       none;
      padding-left:     10px;
      width:            410px;
    }

    li {
      padding:          2px 30px 2px 10px;
      margin:           6px 0;
      position:         relative;
      font:             bold 12pt Arial;

      a {
        display:        block;
        max-width:      260px;
      }

      span {
        position:       absolute;
        right:          35px;
        top:            2px;
      }

      &.active {
        background:     #e2e9a8 url('../img/white-line-big.png') 370px top no-repeat;
      }
    }
  }

  .description {
    width:              700px;
    margin:             0;
    box-sizing:         border-box;
    float:              left;
    background:         url('../img/white-line-big.png') -167px top no-repeat;
    height:             290px;
    padding:            10px 5px 10px 155px;

    font-size:          15px;

    .media  {
      margin-top:       15px !important;
    }

    .pull-left {
      text-align:         right;

      a, a:focus {
        outline:  none;
      }

      img {
        border-radius: 10px;
      }
    }
  }
}

.action {
  font:               normal 18pt Arial;
  color:              #425880;

  .header {
    text-align:         center;
    color:              #d04189;
    font-size:          48pt;
    margin:      		20px 0 60px 0;
    text-transform:     uppercase;
  }

  span {
      color:            #fa565a;
  }

  strong {
    color:              #3e5e80;
  }

  h4 {
    font:               bold 14pt 'Trebuchet MS';
    color:              #88929d;
    white-space:        nowrap;
  }

  .icon {
    margin-top:         10px;
    text-align:         center;
  }

  .timer {
    width:              250px;
    height:             90px;

    div {
      float:              left;
    }

    .digit {
      width:              44px;
      height:             61px;
      background:         #7cbbff;
      position:           relative;
      border-radius:      4px;
      font:               normal 22pt Arial, Tahoma;
      text-align:         center;
      line-height:        61px;
      color:              white;

      span {
        position:           absolute;
        top:                70px;
        left:               0;
        width:              55px;
        font:               bold 9px Arial;
        line-height:        10px;
        text-transform:     uppercase;
        text-align:         center;
        color:              #6f7786;
      }

      i {
        font-style:         normal;
      }
    }

    .separator {
      width:              14px;
      height:             61px;
    }
  }
}

.mail-block{
  height:             306px;
  background:         #85a2de;
  margin-top:         45px;
  overflow:           visible;
  min-width: 1224px;

  .container {
    position:           relative;
  }

  .bg-line {
    position:         absolute;
    height:           306px;
    width:            466px;
    top:              0px;
    left:             -80px;
    background:       url('../img/mail-block-line.png') 0 bottom no-repeat;
  }

  .word{

    margin-top: 70px;

    span{
      color: #c5166e;
      font-style: italic;
      font-size: 22pt;
      margin-left: 50px;
    }

    p{
      margin: 0;
      color: #344e78;
      font-family: georgia;
      font-size: 18pt;
      padding-left: 30px;
    }

    .line{
      height: 1px;
      background: #cccccc;
    }
  }

  .chosen-product {
    position:     absolute;
    left:         85px;
    top:          240px;
    padding-left: 24px;
    background:   url('/img/package.png') left center no-repeat;
    font-style:   italic;
  }

  form {
    margin-top: 10px;
    background: url("../img/mail-form-bg.png") no-repeat;
    width: 582px;
    height: 279px;

    .inp{
      position: relative;
      top: 60px;
      left: 65px;
    }

    input{
      border:         none;
      border-radius:  2px;
      margin-bottom:  20px;
      width:          400px;
      padding:        5px;
      font-family:    Georgia;
      font-style:     italic;
      color:          #545455;
    }

    button {
      font-family:    georgia;
      font-size:      12pt;
      color:          #9c4e57;
      position:       relative;
      top:            80px;
      left:           380px;
      background:     none;
      border-color:   #9c4e57;
      border-top-width: 1px;
      border-bottom-width:1px;
    }

    h3 {
      position:       relative;
      color:          #344e78;
      font:           italic 18pt Georgia;
      top:            40px;
      left:           65px;
    }
  }
}

.process{
margin-top: 20px;
	.process_txt{
		text-align:		center;
		font: 			36px 	Arial; 
		color: 			#006cab;
		text-transform: uppercase;	
		}
	
	.process_img{
		text-align:		center;
	}
}

.work {
  height:         500px;
  overflow:       hidden;
  min-width: 1224px;
  
  .container {
    position:       relative;
  }

  .bg {
    height:         276px;
    position:       absolute;
    width:          200%;

    &.bottom {
      top:            216px;
      left:           315px;
    }

    .pull-left {
      width:          191px;
      height:         276px;
    }

    .main {
      width:          100%;
      height:         276px;
      position:       absolute;
      left:           191px;
      opacity:        0.75;
    }

    &.top .main {
      background:     #c5166e;
      opacity:        0.82;
    }

    &.bottom .main {
      background:     #99baff;
    }

    &.top .pull-left {
      background:     url('../img/work-bg-1.png') no-repeat;
    }

    &.bottom .pull-left {
      background:     url('../img/work-bg-2.png') no-repeat;
    }
  }

  .row {
    height:         276px;
  }

  .work-with-us {
    float:          right;
    width:          270px;
    margin-right: 80px;

    .plus {
      font:           normal 11pt Georgia;
      color:          white;
      margin-left:    -32px;
      padding-left:   32px;
      height:         32px;
      background:     transparent url('../img/advantages-icons.png') left top no-repeat;

      span {
        line-height:    16px;
        position:       relative;
        top:            5px;
      }

      &.plus-2 {
        background-position: 0 -32px;
      }

      &.plus-3 {
        background-position: 0 -64px;
      }

      &.plus-4 {
        background-position: 0 -98px;
      }

      &.plus-5 {
        background-position: 0 -130px;
      }
    }
  }

  h3 {
    font:           bold 14pt Georgia;
    color:          white;
  }

  .services {
    position:       relative;
    top:            16pt;

    span {
      display:        block;
      font:           normal 11pt Georgia;
      color:          white;
      margin:         5px 0;
      padding-left:   25px;
      background:     url('../img/romb-1.png') left center no-repeat;
    }
  }

  .second {
    position:       relative;
    top:            -60px;
  }

  .request {
    box-sizing:     border-box;
    padding:        136px 0 0 0;
    text-align:     center;
    position:       relative;
    left:           215px;

    a {
      font:           italic 17pt Georgia;
      color:          #c5166e;
      text-decoration: underline;
    }
  }

  .you-can {
    h3 {
      font-size:      17pt;
      margin:         20px 0 30px 0;
    }

    p {
      color:          #d04189;
      font:           normal 11pt Georgia;
      margin-left:    0px;
      padding-left:   25px;
      background:     url('../img/romb-2.png') left center no-repeat;
    }
  }
}
.reviews{
	background: #e2e9a8;
	
	.main{
		margin: 		0 auto;
		width: 			1200px;
		height: 		249px;
		padding-top: 	70px;
		background:     url('../img/reviews-bg.png') center center no-repeat;

	}
	.next-btn{
	  padding-left: 35px !important;
      position:relative;

      a {
        position:     absolute;
        right:        15px;
      }
	}
	.first-review, .second-review{
	  padding-left: 60px !important;
      position: relative;
      height:   150px;

      .photo {
        position:   absolute;
        bottom:     43px;
        left:       -50px;
		overflow:	hidden;
		width:      100px;
        height:      100px;
        border:     1px solid #6c7c9c;
        border-radius: 5px;
		
        img {
		  display: block;
		  position:absolute;
		  top: -9999px;
		  bottom: -9999px;
		  left: -9999px;
		  right: -9999px;
		  margin:  auto;
          min-width:      100px;
		  min-height:      100px;
		  height: 100px;
        }
      }

      .text {
        font-style: italic;
        color: #666;
      }

      .name {
        position: absolute;
        top:   110px;
        left:     -50px;
        width:    100px;
        text-align: center;
      }
	}
    .disabled {
      opacity: 0.8;
      cursor: default;
    }
    .enabled {
      opacity: 1;
      cursor: pointer;
      cursor: pointer;
    }
}

footer{
  height:         177px;
  background:     #e1e1e1;
  margin-top:     10px;
  color:          #505446;
  position:       relative;
  min-width: 	  1224px;

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

  span {
    font-size:      40pt;
    font-family:    Tahoma;
    position:       relative;
    left:           120px;
    top:            40px;
  }

  .contacts{
    position:       absolute;
    top:            40px;
    right:          0;

    .phone, .email{
      font-family: verdana;
    }
    .phone{
      font-size: 18pt;
    }
    .email{
      font-size: 25pt;
    }
  }



}