// краткий отзыв

.testimonial
  margin: 0 auto 30rem!important
  padding: 0!important
  text-align: left!important
  width: 100%!important
  display: inline-block!important
  vertical-align: top!important
  margin-right: 2%!important
  border: 1rem solid #e6e6e6!important
  max-height: 240rem
  overflow: hidden
  box-sizing: border-box
  @media screen and (max-width: 768px)
    max-height: 100% !important


.testimonial-inner
  background-repeat: repeat!important
  max-height: 225rem
  overflow: hidden
  position: relative
  border: none!important
  padding: 20rem
  text-align: left
  background-image: url(../img/main-bg.jpg)
  background-size: 100%
  background-position: top
  background-repeat: no-repeat
  font-size: 16rem
  @media screen and (max-width: 768px)
    max-height: 100%
  p
    display: inline 


.testimonial-heading
  background: url(../img/quotes.png) no-repeat scroll left center transparent
  margin-top: 0
  padding-left: 40rem
  text-align: left


.testimonial-image
  max-width: 180rem!important
  float: left
  margin-top: 13rem
  margin-right: 1em
  margin-bottom: .25em
  @media screen and (max-width: 768px)
    width: 100%
    float: none
    max-width: 100%!important

  img
   background: none repeat scroll 0 0 #fff!important
   border: 1rem solid #efefef!important
   padding: 6rem!important
   margin: 0 auto!important
   width: auto!important
   // height: 150rem!important
   float: left!important
   margin-right: 2%!important

   @media screen and (max-width: 768px)
    float: none !important
    margin-right: 0rem !important
    width: 100% !important


.testimonial-content-p
  margin-left: 0
  vertical-align: top
  padding-top: 20rem
  @media screen and (max-width: 768px)
    padding-top: 0rem !important

.testimonial-client
  margin-top: 0!important
  text-align: right!important
  position: absolute!important
  right: 10rem!important
  bottom: 5rem!important
  @media screen and (max-width: 768px)
    position: relative !important
    margin-top: 15rem !important
    bottom: 0rem !important


.testimonial-name
  font-weight: bold



// полный отзыв
.otziv-detail-left
  display: inline-block
  margin-left: 40rem    
  margin-bottom: 20rem
  width: 30%
  @media screen and (max-width: 768px)
    width: 100%
    margin-left: 0rem
    display: block


.otziv-detail-right
  display: inline-block
  width: 60%
  vertical-align: top
  @media screen and (max-width: 768px)
    display: block
    width: 100%
    margin-left: 20rem
    margin-top: 20rem !important



// форма отзыва

.strong-form
  font-size: 16rem
  width: 600rem!important
  margin: 0 auto

.strong-form-inner
    padding: 20rem


.form-field
    margin-bottom: 1.5em


.strong-form label
    font-weight: 700
    font-size: 16rem

.strong-form .form-field .after
    font-size: .9em
    font-style: italic

.strong-form .after
    display: block


.strong-form input[type="text"], .strong-form input[type="email"], .strong-form input[type="url"], .strong-form input[type="file"]
  box-sizing: border-box
  display: block
  float: none
  width: 100%
  padding: 10rem !important


.strong-form label
    display: inline-block
    float: none


.button
  background-color: #ee8007;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  outline: 0;
  display: inline-block;
  padding: 11rem 40rem;
  margin-left: -5rem;
  cursor: pointer;
  text-decoration: none;
  font-size: 16rem;


.strong-form .required.symbol:after
    content: '*'
    color: #FF0000
    font-size: 1.5em
    font-weight: 400
    margin: 0 5rem
    position: relative
    top: 5rem




.strong-form textarea
    height: 16em



.strong-form
  width: 600rem !important
  
  @media screen and (max-width: 768px)
    width: 100% !important

  input
    &[type="text"], &[type="email"], &[type="url"], &[type="file"]
      box-sizing: border-box
      display: block
      float: none
      width: 100%
      padding: 10rem !important

  select, textarea
    box-sizing: border-box
    display: block
    float: none
    width: 100%
    padding: 10rem !important


// форма textarea
.django-ckeditor-widget
  width: 100%

// разобраться



// .testimonial-pages-wrapper
  

// .testimonial-pages
//   margin: 0 auto 30rem!important
//   padding: 0!important
//   text-align: left!important
//   width: 100%!important
//   display: inline-block!important
//   vertical-align: top!important
//   margin-right: 4%
//   border: 1rem solid #e6e6e6!important
//   max-height: 240rem
//   overflow: hidden
//   box-sizing: border-box
//   min-height: 240rem
//   &:nth-child(2n)
//     margin-right: 0rem
//   @media screen and (max-width: 768px)
//     max-height: 100% !important




// .testimonial-inner-pages
//   background-repeat: repeat!important
//   max-height: 225rem
//   overflow: hidden
//   position: relative
//   border: none!important
//   padding: 20rem
//   text-align: left
//   background-image: url(../img/main-bg.jpg)
//   background-size: 100%
//   background-position: top
//   background-repeat: no-repeat
//   font-size: 16rem
//   min-height: 240rem
//   @media screen and (max-width: 768px)
//     max-height: 100%
//   p
//     display: inline 



// .testimonial-heading-pages
//   background: url(../img/quotes.png) no-repeat scroll left center transparent
//   margin-top: 0
//   padding-left: 40rem
//   text-align: left
//   span
//     a
//       color: #f08400



// .testimonial-image-pages
//   max-width: 140rem!important
//   width: 30%

//   @media screen and (max-width: 768px)
//     width: 100%
//     float: none
//     max-width: 100%!important

//   img
//     background: none repeat scroll 0 0 #fff !important
//     border: 1rem solid #efefef !important
//     padding: 6rem !important
//     max-width: 100%
//     max-height: 150rem


// .testimonial-content-pages
//   display: flex
//   padding-top: 20rem



// .testimonial-content-p-pages
//   margin-left: 0
//   vertical-align: top
//   padding-top: 0rem
//   margin-left: 30rem
//   width: 70%
//   p
//     font-size: 17rem
//     margin-bottom: 10rem
//   @media screen and (max-width: 768px)
//     padding-top: 0rem !important



// .testimonial-client-pages
//   margin-top: 0 !important
//   text-align: right !important
//   position: absolute !important
//   right: 10rem !important
//   bottom: 5rem !important
//   @media screen and (max-width: 768px)
//     position: relative !important
//     margin-top: 15rem !important
//     bottom: 0rem !important




// .testimonial-name-pages
//   font-weight: bold

// .testimonial-pages-otziv
//   text-align: center
//   color: #f08400
//   font-size: 31rem
//   margin-top: -17rem
//   font-family: Akzidenz-Grotesk Pro
//   a
//     color: #f08400