/* Markup by Ilya Reshetnikov electrocution.23@gmail.com */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block;

}



audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



[hidden],

template {

  display: none;

}



/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */

html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

}



body {

  margin: 0;

}



/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */

a {

  background: transparent;

}



a:active,

a:hover {

  outline: 0;

}



/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */

abbr[title] {

  border-bottom: 1px dotted;

}



b,

strong {

  font-weight: bold;

}



dfn {

  font-style: italic;

}



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



mark {

  background: #ff0;

  color: #000;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */

img {

  border: 0;

}



svg:not(:root) {

  overflow: hidden;

}



/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */

figure {

  margin: 1em 40px;

}



hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}



pre {

  overflow: auto;

}



code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0;

}



button {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



input {

  line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



input[type="search"] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  border: 0;

  padding: 0;

}



textarea {

  overflow: auto;

}



optgroup {

  font-weight: bold;

}



/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



input,

textarea,

button {

  outline: none;

}



a {

  text-decoration: underline;

  color: inherit;

}

a:hover, a:focus, a:active {

  outline: none;

  text-decoration: none;

  color: inherit;

}



*, *:before, *:after {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



/*  -------------------------------

------------ TYPOGRAPHY  ------------

----------------------------------- */

html {

  font-size: 87.5%;

  line-height: 1.71429em;

}



.icons-sprite, .icons-cosmet1, .icons-cosmet2, .icons-cosmet3, .icons-cosmet4, .icons-cosmet5, .icons-cosmet6, .icons-cosmet7, .bg-rotate-objects .cosmet1, .bg-rotate-objects .cosmet2, .bg-rotate-objects .cosmet3, .bg-rotate-objects .cosmet4, .bg-rotate-objects .cosmet5, .bg-rotate-objects .cosmet6, .bg-rotate-objects .cosmet7 {

  background-image: url('../images/icons-s2c13c157d7.png');

  background-repeat: no-repeat;

}



.icons-cosmet1 {

  background-position: 0 0;

}



.icons-cosmet2 {

  background-position: 0 -157px;

}



.icons-cosmet3 {

  background-position: 0 -364px;

}



.icons-cosmet4 {

  background-position: 0 -496px;

}



.icons-cosmet5 {

  background-position: 0 -612px;

}



.icons-cosmet6 {

  background-position: 0 -739px;

}



.icons-cosmet7 {

  background-position: 0 -883px;

}



.bg-rotate-objects .scene, .guarantees, .advantage, .sect-6 .partners ul, .types, .reviews ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



.container:before, .types:before, .form form:before,

.container:after,

.types:after,

.form form:after {

  content: ' ';

  display: table;

}



.container:after, .types:after, .form form:after {

  clear: both;

}



.sect-3, .sect-6, .sect-8 {

  background-color: #FF1F68 !important;

  color: #fff;

}



input {

  width: 100%;

  height: 36px;

  border: none;

}



textarea {

  width: 100%;

  border: none;

}



body {

  font-family: "Roboto";

  line-height: normal;

  background-color: #fff;

  position: relative;

}



p {

  margin: 0;

}



ul, ol {

  margin-bottom: 1.71429rem;

  padding-left: 24px;

}



/* ----------------------

-------- MAIN  ------------- 

-------------------------*/

.container {

  max-width: 68.57143rem;

  margin-left: auto;

  margin-right: auto;

  width: 960px;

  padding-left: 10px;

  padding-right: 10px;

  position: relative;

  z-index: 555;

}

.container:after {

  content: " ";

  display: block;

  clear: both;

}



.block-title {

  font-size: 36px;

  text-transform: uppercase;

  letter-spacing: .5px;

  margin-top: 30px;

}



.section {

  padding-top: 30px;

  overflow: hidden;

  position: relative;

  text-align: center;

  z-index: 2;

}



.bg-video-wrapper {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  right: 0;

  bottom: 0;

}

.bg-video-wrapper .bg-video {

  width: 100%;

}

.bg-video-wrapper .bg-video img {

  width: 100% !important;

  height: 100% !important;

}



.bg-filter {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #240613;

  opacity: .9;

}



.sect-1 {

  height: 759px;

  color: #fff;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

}

.sect-1 .girl {

  position: absolute;

  top: -30px;

  left: 38.6%;

  display: block;

}

.sect-1 .content {

  position: relative;

  margin-top: 30px;

  z-index: 2;

  text-align: center;

  width: 290px;

}

.sect-1 .logo {

  border-bottom: 1px solid #847b7f;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  padding-bottom: 14px;

  margin-bottom: 8px;

}

.sect-1 .logo img {

  display: block;

  margin: auto;

  max-width: 100%;

}

.logo {
  overflow: hidden;
  position: relative
}
.logo:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 50px;
  border-radius: 50px;
  background: transparent;
  background: -moz-radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3));
  background: -webkit-radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3));
  background: -webkit-radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3));
  background: -o-radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3));
  background: -ms-radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3));
  background: linear-radial-gradient(rgba(255, 255, 255, 1),  rgba(255, 255, 255, 0.3));
  box-shadow: 0px 0px 45px #fff;
  top: 0;
  left: 0;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  animation-name: seven;
  animation-duration: 8s;
}
@keyframes  seven {
  0% {left: 0;}
  50% {left: 50%;}
  100% {left: 100%;}
}


.sect-1 .phone {

  font-size: 22px;

  font-weight: 300;

  color: #e5dddf;

  letter-spacing: .5px;

  margin-bottom: 28px;

  padding: 0 35px;

}

.sect-1 .article {

  font-size: 16px;

  font-weight: 300;

  line-height: 1.75;

  margin-bottom: 48px;

}

.sect-1 .article span {

  display: block;

  color: #FF1F68;

  text-transform: uppercase;

  font-size: 17px;

  letter-spacing: .3px;

  font-weight: 700;

}

.sect-1 .feedback-form {

  color: #656565;

  padding: 40px 20px;

  position: relative;

  margin-left: 10px;

  margin-right: 10px;

}

.sect-1 .feedback-form:before, .sect-1 .feedback-form:after {

  content: '';

  position: absolute;

  left: 0;

  width: 100%;

  height: 36px;

  display: block;

  background: url(../images/rose.png) center 0 no-repeat;

}

.sect-1 .feedback-form:before {

  top: -18px;

}

.sect-1 .feedback-form:after {

  bottom: -21px;

  -moz-transform: rotateX(180deg) rotateY(180deg);

  -ms-transform: rotateX(180deg) rotateY(180deg);

  -webkit-transform: rotateX(180deg) rotateY(180deg);

  transform: rotateX(180deg) rotateY(180deg);

}

.sect-1 .feedback-form .border-line {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.sect-1 .feedback-form form {

  position: relative;

  z-index: 1;

}

.sect-1 .feedback-form form input {

  margin-bottom: 30px;

  padding-left: 10px;

}

.sect-1 .feedback-form form button {

  color: #fff;

  width: 100%;

  background-color: #FF1F68;

  border: none;

  text-transform: uppercase;

  font-weight: 900;

  letter-spacing: .5px;

  height: 36px;

}



.bg-rotate-objects {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}

.bg-rotate-objects div {

  position: absolute;

}

.bg-rotate-objects .bg-rotate {

  position: absolute;

  top: -628px;

  -moz-animation: rotate 100s linear infinite;

  -webkit-animation: rotate 100s linear infinite;

  animation: rotate 100s linear infinite;

}

.bg-rotate-objects .scene {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}

.bg-rotate-objects .scene li {

  width: 100%;

  height: 100%;

}

.bg-rotate-objects .cosmet1 {

  top: 70%;

  left: 20%;

  background-position: 0 0;

  width: 99px;

  height: 157px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  -moz-transform: rotate(-20deg);

  -ms-transform: rotate(-20deg);

  -webkit-transform: rotate(-20deg);

  transform: rotate(-20deg);

  -webkit-filter: blur(1px);

  filter: blur(1px);

  opacity: .5;

}

.bg-rotate-objects .cosmet2 {

  top: 37%;

  right: 12%;

  background-position: 0 -157px;

  width: 46px;

  height: 207px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  -webkit-filter: blur(1px);

  filter: blur(1px);

  opacity: .4;

  -moz-transform: rotate(-20deg);

  -ms-transform: rotate(-20deg);

  -webkit-transform: rotate(-20deg);

  transform: rotate(-20deg);

}

.bg-rotate-objects .cosmet3 {

  right: 25%;

  bottom: 30px;

  background-position: 0 -364px;

  width: 74px;

  height: 132px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

}

.bg-rotate-objects .cosmet4 {

  -webkit-filter: blur(1px);

  filter: blur(1px);

  background-position: 0 -496px;

  width: 137px;

  height: 116px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  opacity: .7;

  top: 65px;

  right: 23%;

}

.bg-rotate-objects .cosmet5 {

  top: 80px;

  left: 24%;

  background-position: 0 -612px;

  width: 44px;

  height: 127px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  -moz-transform: rotate(30deg);

  -ms-transform: rotate(30deg);

  -webkit-transform: rotate(30deg);

  transform: rotate(30deg);

}

.bg-rotate-objects .cosmet6 {

  top: 200px;

  left: 10%;

  background-position: 0 -739px;

  width: 33px;

  height: 144px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  opacity: .3;

  -moz-animation: move1 50s linear infinite;

  -webkit-animation: move1 50s linear infinite;

  animation: move1 50s linear infinite;

}

.bg-rotate-objects .cosmet7 {

  top: 60px;

  right: 8%;

  background-position: 0 -883px;

  width: 23px;

  height: 94px;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  opacity: .3;

  -moz-transform: scale(0.8) rotate(160deg);

  -ms-transform: scale(0.8) rotate(160deg);

  -webkit-transform: scale(0.8) rotate(160deg);

  transform: scale(0.8) rotate(160deg);

  -moz-animation: move1 50s linear infinite;

  -webkit-animation: move1 50s linear infinite;

  animation: move1 50s linear infinite;

}



.sect-2 {

  margin-top: 759px;

  background-color: #fff;

  height: 600px;

}

.sect-2 .block-title {

  margin-bottom: 5px;

}

.sect-2 .block-title span {

  border-bottom: 1px solid #737373;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  padding-bottom: 7px;

}

.sect-2 p {

  color: #FF1F68;

  font-size: 20px;

  text-transform: uppercase;

  margin-bottom: 15px;

}

.sect-2 .img1 {

  display: block;

  margin: auto;

  position: relative;

  right: 50px;

}



.sect-3 {

  padding-bottom: 40px;

  margin-top: -2px;

}

.sect-3 .block-title {

  margin-bottom: 36px;

}

.sect-3 .request a {

  background-color: #fff;

  color: #FF1F68;

}

.sect-3 .request:before, .sect-3 .request:after {

  background: #FF1F68 url(../images/rose1.png) center 0 no-repeat;

}



.guarantees {

  overflow: hidden;

  *zoom: 1;

  margin-bottom: 48px;

}

.guarantees li {

  float: left;

  width: 33%;

  padding: 0 5px;

}

.guarantees li img {

  display: block;

  margin: 0 auto 10px;

}

.guarantees h5 {

  font-weight: 500;

  font-size: 18px;

  text-transform: uppercase;

  margin: 0 0 15px;

  letter-spacing: .3px;

}

.guarantees p {

  font-size: 16px;

  font-weight: 300;

  line-height: 1.6;

  letter-spacing: -.3px;

}



.request {

  position: relative;

  border: 1px solid #f98bae;

  padding: 19px 0;

  margin-bottom: 30px;

}

.request:before, .request:after {

  content: '';

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  width: 83px;

  height: 36px;

}

.request:before {

  margin-top: -64px;

}

.request:after {

  margin-bottom: -58px;

  -moz-transform: rotateX(180deg) rotateY(180deg);

  -ms-transform: rotateX(180deg) rotateY(180deg);

  -webkit-transform: rotateX(180deg) rotateY(180deg);

  transform: rotateX(180deg) rotateY(180deg);

}

.request a {

  display: block;

  margin: auto;

  max-width: 233px;

  text-decoration: none;

  letter-spacing: .5px;

  font-weight: 900;

  text-transform: uppercase;

  font-size: 16px;

  padding: 10px 0;

  -moz-box-shadow: rgba(154, 25, 66, 0.5) 5px 5px 9px;

  -webkit-box-shadow: rgba(154, 25, 66, 0.5) 5px 5px 9px;

  box-shadow: rgba(154, 25, 66, 0.5) 5px 5px 9px;

}



.sect-4 {

  background: #fff url(../images/bg-parallax.jpg) center 0 no-repeat;

  background-attachment: fixed;

  border-bottom: 1px solid #f98bae;

  padding-bottom: 18px;

}

.sect-4 .block-title {

  margin-bottom: 25px;

}



.advantage li {

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  vertical-align: top;

  width: 49%;

  padding: 0 1%;

  margin-bottom: 45px;

  color: #292929;

}

.advantage li img {

  display: block;

  margin: auto;

  margin-bottom: 20px;

}

.advantage h5 {

  margin: 0 0 12px;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 18px;

  letter-spacing: .5px;

}

.advantage p {

  font-size: 16px;

  line-height: 1.65;

}



.sect-5 {

  padding-bottom: 40px;

  background-color: #fff;

}

.sect-5 .block-title {

  margin-bottom: 32px;

}

.sect-5 .cosmetics {

  position: absolute;

  top: 87px;

  left: 14px;

}

.sect-5 .request a {

  background-color: #FF1F68;

  color: #fff;

}

.sect-5 .request:before, .sect-5 .request:after {

  background: #fff url(../images/rose2.png) center 0 no-repeat;

}



.steps {

  text-align: left;

  margin-left: 304px;

  margin-top: 0;

  margin-bottom: 45px;

  padding: 0;

}

.steps li {

  font-size: 32px;

  font-weight: 700;

  margin-bottom: 10px;

}

.steps li:last-child span {

  border-bottom: none;

}

.steps li span {

  font-size: 30px;

  font-weight: 300;

  display: block;

  padding-bottom: 10px;

  text-transform: uppercase;

  border-bottom: 1px solid #fbbdd1;

  letter-spacing: .8px;

}



.sect-6 {

  padding-bottom: 40px;

}

.sect-6 .block-title {

  margin-bottom: 43px;

}

.sect-6 .bx-wrapper .bx-controls-direction a {

  width: 22px;

  height: 42px;

  background-image: url(../images/controls.png);

  background-repeat: no-repeat;

  top: 45%;

}

.sect-6 .bx-wrapper .bx-prev {

  background-position: 0 0;

  left: -107px;

}

.sect-6 .bx-wrapper .bx-next {

  background-position: 100% 0;

  right: -107px;

}

.sect-6 .partners {

  background-color: #fff;

  width: 820px;

  margin: 0 auto 30px;

}

.sect-6 .partners ul li {

  padding: 30px 0px;

}



.sect-7 {

  padding-bottom: 40px;

  background-color: #fff;

}

.sect-7 .block-title {

  margin-bottom: 42px;

}

.sect-7 .request a {

  background-color: #FF1F68;

  color: #fff;

}

.sect-7 .request:before, .sect-7 .request:after {

  background: #fff url(../images/rose2.png) center 0 no-repeat;

}



.types {

  margin-left: -2.3333%;

  margin-bottom: 46px;

}

.types li {

  width: 31%;

  margin-left: 2.3333%;

  float: left;

}

.types li .img {

  padding: 20px 10px;

  border: 1px solid #f98bae;

  margin-bottom: 12px;

  position: relative;

}

.types li .img:before {

  content: '';

  display: block;

  position: absolute;

  background: #fff url(../images/rose2.png) center 0 no-repeat;

  width: 83px;

  height: 36px;

  top: -20px;

  left: 36%;

}

.types li .img img {

  display: block;

  max-width: 100%;

  margin: auto;

}

.types li p {

  font-size: 16px;

  color: #292929;

  letter-spacing: .3px;

}



.sect-8 {

  padding-bottom: 63px;

}

.sect-8 .block-title {

  margin-bottom: 42px;

}



.reviews {

  margin-bottom: 40px;

}

.reviews .bx-wrapper .bx-pager, .reviews .bx-wrapper .bx-controls-auto {

  bottom: -33px;

}

.reviews .bx-wrapper .bx-pager.bx-default-pager a:hover, .reviews .bx-wrapper .bx-pager.bx-default-pager a.active {

  background-color: #fff;

}

.reviews .bx-wrapper .bx-pager.bx-default-pager a {

  width: 20px;

  height: 20px;

  border: 2px solid #fff;

  background-color: transparent;

  -moz-border-radius: 20px;

  -webkit-border-radius: 20px;

  border-radius: 20px;

  margin: 0 10px;

}

.reviews .img {

  overflow: hidden;

  height: 187px;

  position: relative;

  margin-bottom: 20px;

}

.reviews .img .traf {

  -moz-animation: rotate 180s linear infinite;

  -webkit-animation: rotate 180s linear infinite;

  animation: rotate 180s linear infinite;

  position: absolute;

  top: -155px;

  left: -100px;

  width: 500px;

  height: 500px;

  z-index: 1;

  background: url(../images/traf.png) no-repeat center center;

}

.reviews h5 {

  font-size: 18px;

  font-weight: 500;

  margin: 0 0 13px;

  letter-spacing: .5px;

}

.reviews p {

  font-weight: 300;

  line-height: 1.58;

  padding-bottom: 20px;

}



.sect-9 {

  margin-bottom: 40px;

  padding-bottom: 25px;

  position: relative;

  z-index: 555;

}

.sect-9 .block-title {

  margin-bottom: 7px;

  color: #fff;

}

.sect-9 .subtitle {

  font-size: 20px;

  text-transform: uppercase;

  padding-top: 5px;

  color: #FF1F68;

  margin: 0 auto 45px;

  width: 370px;

  border-top: 1px solid #737373;

}



.form {

  border-width: 0px 1px 1px 1px;

  border-style: solid;

  border-color: #f98bae;

  padding: 25px 60px 25px 60px;

  background-color: rgba(32, 8, 20, 0.6);

  position: relative;

}

.form .border-line {

  position: absolute;

  top: 0px;

  left: 0;

  width: 100%;

  height: 5px;

}

.form:before {

  content: '';

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  width: 83px;

  height: 36px;

  background: url(../images/rose3.png) center 0 no-repeat;

}

.form:before {

  margin-top: -77px;

}

.form form {

  width: 100%;

  margin-bottom: 20px;

  border-bottom: 1px solid #f98bae;

  padding-bottom: 32px;

}

.form textarea {

  float: right;

  width: 480px;

  border: 1px solid #b9b9b9;

  height: 165px;

  padding-left: 10px;

}

.form button {

  width: 100%;

  margin-top: 5px;

  background-color: #FF1F68;

  color: #fff;

  text-transform: uppercase;

  font-weight: 900;

  font-size: 16px;

  height: 45px;

  border: none;

  letter-spacing: .7px;

}

.form .callnow {

  text-transform: uppercase;

  color: #fff;

  font-weight: 500;

  font-size: 30px;

  letter-spacing: .3px;

}



.botVideoBg {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 770px;

  overflow: hidden;

}

.botVideoBg .bg-filter {

  opacity: .9;

}



.city-img {

  height: 498px;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 23;

  width: 100%;

  background: url(../images/botbg.png) 0 0 no-repeat;

}



.footer {

  color: #fff;

  padding: 31px 0 36px;

}

.footer .sofio {

  float: right;

}

.footer .sofio span {

  display: block;

  color: #dfdfdf;

  font-size: 13px;

  padding-left: 50px;

  font-family: 'Roboto Condensed', sans-serif;

}

.footer .artmedia {

  float: left;

  font-size: 12px;

  text-decoration: none;

  color: #dfdfdf;

}

.footer .artmedia img {

  display: block;

  margin-bottom: 5px;

}



.inputs-block {

  float: left;

  width: 320px;

}

.inputs-block input {

  border: 1px solid #b9b9b9;

  margin-bottom: 28px;

  padding-left: 10px;

}



.modal-open {

  overflow: hidden;

}



.success {

  text-transform: uppercase;

  font-size: 17px;

  color: #fff;

}



#success .modal-dialog {

  width: 500px;

  margin-top: 200px;

}

#success .modal-body {

  text-align: center;

}

#success .modal-body:before {

  width: 100%;

  left: 0;

}



.modal {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  display: none;

  overflow: auto;

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

  outline: 0;

}



.modal.fade .modal-dialog {

  -webkit-transition: -webkit-transform .3s ease-out;

  -moz-transition: -moz-transform .3s ease-out;

  -o-transition: -o-transform .3s ease-out;

  transition: transform .3s ease-out;

  -webkit-transform: translate(0, -25%);

  -ms-transform: translate(0, -25%);

  transform: translate(0, -25%);

}



.modal.in .modal-dialog {

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  transform: translate(0, 0);

}



.modal-dialog {

  position: relative;

  width: auto;

  margin: 10px;

}



.modal-content {

  position: relative;

  background-clip: padding-box;

  border-radius: 6px;

  outline: none;

}



.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000;

}



.modal-backdrop.fade {

  filter: alpha(opacity=0);

  opacity: 0;

}



.modal-backdrop.in {

  filter: alpha(opacity=80);

  opacity: .8;

}



.modal-header {

  min-height: 16.42857143px;

  padding: 15px 0 25px;

  text-align: center;

}



.modal-header .close {

  margin-top: -2px;

}



.modal-title {

  margin: 0;

  line-height: 1.42857143;

  font-size: 20px;

  color: #f998b7;

  text-transform: uppercase;

}



.modal-body {

  position: relative;

  padding: 50px 60px;

  background-color: #230712;

}

.modal-body .border-line {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.modal-body:before, .modal-body:after {

  background: url(../images/rose2.png) center 0 no-repeat;

  content: '';

  display: block;

  position: absolute;

  left: 0;

  width: 100%;

  height: 36px;

}

.modal-body:before {

  top: -20px;

}

.modal-body:after {

  bottom: -20px;

  -moz-transform: rotateX(180deg) rotateY(180deg);

  -ms-transform: rotateX(180deg) rotateY(180deg);

  -webkit-transform: rotateX(180deg) rotateY(180deg);

  transform: rotateX(180deg) rotateY(180deg);

}

.modal-body textarea {

  float: right;

  width: 480px;

  border: 1px solid #f98bae;

  height: 165px;

  padding-left: 10px;

}

.modal-body button {

  width: 100%;

  margin-top: 5px;

  background-color: #FF1F68;

  color: #fff;

  text-transform: uppercase;

  font-weight: 900;

  font-size: 16px;

  height: 45px;

  border: none;

  letter-spacing: .7px;

}

.modal-body form {

  overflow: hidden;

  margin-bottom: 20px;

  padding-bottom: 30px;

  border-bottom: 1px solid #f98bae;

  position: relative;

  z-index: 5;

}

.modal-body .callnow {

  text-align: center;

  font-weight: 500;

  font-size: 30px;

  text-transform: uppercase;

  color: #fff;

}



.modal-footer {

  padding: 19px 20px 20px;

  margin-top: 15px;

  text-align: right;

  border-top: 1px solid #e5e5e5;

}



.modal-footer .btn + .btn {

  margin-bottom: 0;

  margin-left: 5px;

}



.modal-footer .btn-group .btn + .btn {

  margin-left: -1px;

}



.modal-footer .btn-block + .btn-block {

  margin-left: 0;

}



@media (min-width: 768px) {

  .modal-dialog {

    width: 940px;

    margin: 50px auto;

  }



  .modal-sm {

    width: 300px;

  }

}

@media (min-width: 992px) {

  .modal-lg {

    width: 900px;

  }

}

@-moz-keyframes hover-scale {

  0% {

    -moz-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

  50% {

    -moz-transform: scale3d(1.05, 1.05, 1);

    transform: scale3d(1.05, 1.05, 1);

  }

  100% {

    -moz-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}

@-webkit-keyframes hover-scale {

  0% {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1);

    transform: scale3d(1.05, 1.05, 1);

  }

  100% {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}

@keyframes hover-scale {

  0% {

    -moz-transform: scale3d(1, 1, 1);

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

  50% {

    -moz-transform: scale3d(1.05, 1.05, 1);

    -webkit-transform: scale3d(1.05, 1.05, 1);

    transform: scale3d(1.05, 1.05, 1);

  }

  100% {

    -moz-transform: scale3d(1, 1, 1);

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}

@-moz-keyframes rotate {

  0% {

    -moz-transform: rotate3d(0, 0, 1, 0);

    transform: rotate3d(0, 0, 1, 0);

  }

  100% {

    -moz-transform: rotate3d(0, 0, 1, 360deg);

    transform: rotate3d(0, 0, 1, 360deg);

  }

}

@-webkit-keyframes rotate {

  0% {

    -webkit-transform: rotate3d(0, 0, 1, 0);

    transform: rotate3d(0, 0, 1, 0);

  }

  100% {

    -webkit-transform: rotate3d(0, 0, 1, 360deg);

    transform: rotate3d(0, 0, 1, 360deg);

  }

}

@keyframes rotate {

  0% {

    -moz-transform: rotate3d(0, 0, 1, 0);

    -webkit-transform: rotate3d(0, 0, 1, 0);

    transform: rotate3d(0, 0, 1, 0);

  }

  100% {

    -moz-transform: rotate3d(0, 0, 1, 360deg);

    -webkit-transform: rotate3d(0, 0, 1, 360deg);

    transform: rotate3d(0, 0, 1, 360deg);

  }

}

@-moz-keyframes orbit1 {

  from {

    -moz-transform: rotate(20deg) translateX(420px);

    transform: rotate(20deg) translateX(420px);

  }

  to {

    -moz-transform: rotate(340deg) translateX(420px);

    transform: rotate(340deg) translateX(420px);

  }

}

@-webkit-keyframes orbit1 {

  from {

    -webkit-transform: rotate(20deg) translateX(420px);

    transform: rotate(20deg) translateX(420px);

  }

  to {

    -webkit-transform: rotate(340deg) translateX(420px);

    transform: rotate(340deg) translateX(420px);

  }

}

@keyframes orbit1 {

  from {

    -moz-transform: rotate(20deg) translateX(420px);

    -ms-transform: rotate(20deg) translateX(420px);

    -webkit-transform: rotate(20deg) translateX(420px);

    transform: rotate(20deg) translateX(420px);

  }

  to {

    -moz-transform: rotate(340deg) translateX(420px);

    -ms-transform: rotate(340deg) translateX(420px);

    -webkit-transform: rotate(340deg) translateX(420px);

    transform: rotate(340deg) translateX(420px);

  }

}

@-moz-keyframes orbit2 {

  from {

    -moz-transform: rotate(70deg) translateX(300px);

    transform: rotate(70deg) translateX(300px);

  }

  to {

    -moz-transform: rotate(290deg) translateX(300px);

    transform: rotate(290deg) translateX(300px);

  }

}

@-webkit-keyframes orbit2 {

  from {

    -webkit-transform: rotate(70deg) translateX(300px);

    transform: rotate(70deg) translateX(300px);

  }

  to {

    -webkit-transform: rotate(290deg) translateX(300px);

    transform: rotate(290deg) translateX(300px);

  }

}

@keyframes orbit2 {

  from {

    -moz-transform: rotate(70deg) translateX(300px);

    -ms-transform: rotate(70deg) translateX(300px);

    -webkit-transform: rotate(70deg) translateX(300px);

    transform: rotate(70deg) translateX(300px);

  }

  to {

    -moz-transform: rotate(290deg) translateX(300px);

    -ms-transform: rotate(290deg) translateX(300px);

    -webkit-transform: rotate(290deg) translateX(300px);

    transform: rotate(290deg) translateX(300px);

  }

}

@-moz-keyframes move1 {

  0% {

    -moz-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

  30% {

    -moz-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    transform: translate3d(-30px, -30px, 0) rotate(-20deg);

  }

  50% {

    -moz-transform: rotate(30deg);

    transform: rotate(30deg);

  }

  90% {

    -moz-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    transform: translate3d(20px, 20px, 0) rotate(-10deg);

  }

  100% {

    -moz-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

}

@-webkit-keyframes move1 {

  0% {

    -webkit-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

  30% {

    -webkit-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    transform: translate3d(-30px, -30px, 0) rotate(-20deg);

  }

  50% {

    -webkit-transform: rotate(30deg);

    transform: rotate(30deg);

  }

  90% {

    -webkit-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    transform: translate3d(20px, 20px, 0) rotate(-10deg);

  }

  100% {

    -webkit-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

}

@keyframes move1 {

  0% {

    -moz-transform: translate3d(0, 0, 0) rotate(0);

    -ms-transform: translate3d(0, 0, 0) rotate(0);

    -webkit-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

  30% {

    -moz-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    -ms-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    -webkit-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    transform: translate3d(-30px, -30px, 0) rotate(-20deg);

  }

  50% {

    -moz-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    transform: rotate(30deg);

  }

  90% {

    -moz-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    -ms-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    -webkit-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    transform: translate3d(20px, 20px, 0) rotate(-10deg);

  }

  100% {

    -moz-transform: translate3d(0, 0, 0) rotate(0);

    -ms-transform: translate3d(0, 0, 0) rotate(0);

    -webkit-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

}

@-moz-keyframes move2 {

  0% {

    -moz-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

  30% {

    -moz-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    transform: translate3d(-30px, -30px, 0) rotate(-20deg);

  }

  50% {

    -moz-transform: rotate(30deg);

    transform: rotate(30deg);

  }

  90% {

    -moz-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    transform: translate3d(20px, 20px, 0) rotate(-10deg);

  }

  100% {

    -moz-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

}

@-webkit-keyframes move2 {

  0% {

    -webkit-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

  30% {

    -webkit-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    transform: translate3d(-30px, -30px, 0) rotate(-20deg);

  }

  50% {

    -webkit-transform: rotate(30deg);

    transform: rotate(30deg);

  }

  90% {

    -webkit-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    transform: translate3d(20px, 20px, 0) rotate(-10deg);

  }

  100% {

    -webkit-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

}

@keyframes move2 {

  0% {

    -moz-transform: translate3d(0, 0, 0) rotate(0);

    -ms-transform: translate3d(0, 0, 0) rotate(0);

    -webkit-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

  30% {

    -moz-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    -ms-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    -webkit-transform: translate3d(-30px, -30px, 0) rotate(-20deg);

    transform: translate3d(-30px, -30px, 0) rotate(-20deg);

  }

  50% {

    -moz-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    transform: rotate(30deg);

  }

  90% {

    -moz-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    -ms-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    -webkit-transform: translate3d(20px, 20px, 0) rotate(-10deg);

    transform: translate3d(20px, 20px, 0) rotate(-10deg);

  }

  100% {

    -moz-transform: translate3d(0, 0, 0) rotate(0);

    -ms-transform: translate3d(0, 0, 0) rotate(0);

    -webkit-transform: translate3d(0, 0, 0) rotate(0);

    transform: translate3d(0, 0, 0) rotate(0);

  }

}

.a {

  -moz-background-size: 100% 100%;

  -o-background-size: 100% 100%;

  -webkit-background-size: 100% 100%;

  background-size: 100% 100%;

}