@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic);
* {margin: 0;padding: 0;}
html {height: 100%;}
body {font: 16px "Roboto", Arial, sans-serif;width: 100%;height: 100%;line-height:20px; background: #fff;}
a {color: blue;outline: none;text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
input {vertical-align: middle; outline: none;}
input[type="submit"], input[type="button"] {cursor: pointer;}
:invalid {box-shadow: none;}
ol,ul {list-style-position: inside;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;}
.inner {width: 960px; margin: 0 auto; position: relative;}
.no-margin {margin-right:0px !important;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
::-webkit-input-placeholder {color:#666666; opacity: 1; transition: opacity 0.3s ease;}
::-moz-placeholder {color:#666666; opacity: 1; transition: opacity 0.3s ease;}
:-moz-placeholder {color:#666666; opacity: 1; transition: opacity 0.3s ease;}
:-ms-input-placeholder {color:#666666; opacity: 1; transition: opacity 0.3s ease;}
:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

/* SLIDES
-----------------------------------------------------------------------------*/
.top-lvl1>img {float: left; margin: 3px 0 0 -31px;}
.lang-phones {float: right; text-align: right;}
.top {position: relative; z-index: 100; background: #425274 url(../images/top.jpg) no-repeat center 0; padding-bottom: 30px; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%;}
.phones span {font-size: 24px; margin-bottom: 7px; display: inline-block; *display: inline; *zoom: 1; color: #fff; text-decoration: none; font-weight: 500;}
.lang {margin: 11px 0 5px;}
.lang a {margin-left: 6px;}
.small {font-size: 22px !important;}
.small1 {color:white;font-size: 14px !important;margin-top:-8px;}
.nav {text-align: center; position: absolute; left: 57px; bottom: -28px;}
.nav>li {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.nav>li>a {color: #ff8908; text-decoration: none; font-size: 18px; display: inline-block; padding: 17px 13px 17px; *display: inline; *zoom: 1; vertical-align: top;}
.nav li:hover ul {display: block;}
.nav li:hover>a {
background: #2b4377; /* Old browsers */
background: -moz-linear-gradient(top,  #2b4377 0%, #06315c 100%); /* FF3.6+  old - 192b4e, new -06315c*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b4377), color-stop(100%,#192b4e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2b4377 0%,#06315c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2b4377 0%,#06315c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2b4377 0%,#06315c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2b4377 0%,#06315c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4377', endColorstr='#06315c',GradientType=0 ); /* IE6-9 */
}
.drop>a {padding-right: 30px !important; position: relative;}
.drop>a:after {content: ""; position: absolute; right: 12px; top: 23px; width: 12px; height: 8px; background: url(../images/icon.png) no-repeat;}
.nav ul {display: none; background: #041f3d; width: 100%; position: absolute; right: 0; top: 54px; white-space:  nowrap; text-align: right; list-style: none;}
.nav ul a {color: #ff8908; font-size: 16px; padding: 7px 16px 8px 0; text-decoration: none; display: block;}
.lang .active {opacity: .3}

/*.growth {background: url(../images/bg1.jpg) no-repeat center 0 fixed; background-size: cover; height: 765px;} паралакс*/
.growth {background: url(../images/bg1.jpg) no-repeat center 0; background-size: cover; height: 765px;}
.title {color: #fff;line-height: 56px; padding: 76px 0 0 43px; font-size: 46px; text-transform: uppercase; font-weight: bold;text-shadow:2px 2px 6px #141414; }
.title span span {color: #fd9b1c}
.subtitle {color: #ffb901; font-size: 22px;text-shadow:2px 2px 6px #141414; text-align: center; line-height: 28px; margin: 4px 0 0;}
.title>span { margin: 0 0 0 170px;}

.gift {background: #07203e; padding: 40px 0;}
.title2 {text-align: center; line-height: 34px; padding-bottom: 17px; margin-bottom: 27px; border-bottom: 1px solid #303b53; position: relative; font-size: 30px; color: #fff;}
.title2 span {font-weight: bold; color: #ff8908; text-transform: uppercase;}
.title2:after {content: ""; position: absolute; left: 0; bottom: -6px; height: 1px; width: 100%; background: #303b53;}
input[type="text"] {font-size: 18px; margin-right: 28px; padding: 0 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 251px; height: 48px; font-family: "roboto"; border: 2px solid #9d9d9d; background: #fff;}
.btn {border: 1px solid #ff871a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; width: 302px; padding: 13px 0 11px; text-shadow:1px 2px 4px #c5791a; font-size: 19px; font-family: "Roboto Condensed"; font-weight: bold; text-transform: uppercase; border-bottom: 5px solid #d46c0c; color: #fff; font-weight: bold; text-align: center;
background: #f6b92a; /* Old browsers */
background: -moz-linear-gradient(top,  #f6b92a 0%, #ff881a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6b92a), color-stop(100%,#ff881a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6b92a 0%,#ff881a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6b92a 0%,#ff881a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6b92a 0%,#ff881a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6b92a 0%,#ff881a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b92a', endColorstr='#ff881a',GradientType=0 ); /* IE6-9 */
}
.btn:hover {
background: #f6b92a; /* Old browsers */
background: -moz-linear-gradient(top,  #f6b92a 0%, #ff7700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6b92a), color-stop(100%,#ff7700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6b92a 0%,#ff7700 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6b92a 0%,#ff7700 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6b92a 0%,#ff7700 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6b92a 0%,#ff7700 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b92a', endColorstr='#ff7700',GradientType=0 ); /* IE6-9 */
}
.gift form {padding:  0 0 0 20px;}

.title-one {text-align: center; font-weight: bold; font-size: 36px; color: #333333; text-transform: uppercase;}
.text div {font-size: 28px; margin-bottom: 10px; font-weight: bold; color: #ff7b00;}
.text p {color: #333333;}
.facilities img {position: absolute;left: -68px; top: 62px;}
.facilities {padding: 56px 0 193px;}
.text {margin: 195px 0 0 642px;}

.exclusive {background: #0A56E7 url(../images/bg2.jpg) no-repeat center 0; height: 374px; margin: 0px 0 0;}
.text2 div {color: #a02600;}
.text2 {text-align: right; padding: 153px 0 0 ; margin: 0 637px 0 0;}
.text2 p {color: #333333;}

.order {background: url(../images/bg3.jpg) no-repeat center 0; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding: 60px 0 65px;}
.order-block {background: #07203e; text-align: center; width: 525px; margin: 0 0 0 437px; padding: 18px 0 43px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.order-block div {color: #fff; line-height: 30px; margin-bottom: 45px; font-size: 28px; font-weight: bold;}
.order-block div span {color: #ff8908;}
.order-block .btn {font-size: 21px; padding: 13px 20px;}

.details { background: #2FB329 url(../images/bg4.jpg) no-repeat center 0; padding: 145px 0 160px;}
.details .text {margin: 0 0 0 582px;}
.text3 div {color: #034b00;}
.text3 p {color: #fff;}

.promotion {background: #A94011 url(../images/bg5.jpg) no-repeat center 0; padding: 143px 0 162px;}
.text4 div {color: #6b0405;}
.text4 p {color: #fff;}
.text4 {text-align: right; margin: 0 575px 0 0;}

.numbers {background: url(../images/bg6.jpg) repeat-x center 0; height:766px;}
.title3 {color: #fff; padding: 37px 0 33px; font-weight: bold; background: rgba(255,255,255,.1); font-size: 36px; text-align: center; text-transform: uppercase;}
.title3 span {color: #f58b3e;}
.number-wrap p {color: #fff; font-size: 18px; min-width: 140px !important;}
.number-wrap>div {position: absolute;}
.num1 {left: 72px; top: 82px;}
.num2 {left: 512px; top: 150px;}
.num3 {left: 42px; top: 422px;}
.num4 {left: 762px; top: 312px;}
.num5 {left: 459px; top: 475px;}
.num1:before {content: ""; position: absolute; left: -82px; top: -69px; width: 251px; height: 240px; background: url(../images/branch1.png) no-repeat;}
.num2:before {content: ""; position: absolute; left: -67px; top: -82px; width: 212px; height: 253px; background: url(../images/branch2.png) no-repeat;}
.num3:before {content: ""; position: absolute; left: -62px; top: -82px; width: 212px; height: 253px; background: url(../images/branch3.png) no-repeat;}
.num4:before {content: ""; position: absolute; left: -66px; top: -80px; width: 226px; height: 250px; background: url(../images/branch4.png) no-repeat;}
.num5:before {content: ""; position: absolute; left: -72px; top: -70px; width: 251px; height: 240px; background: url(../images/branch5.png) no-repeat;}
.num1 {
    animation: 10s linear 0s normal none infinite running bubbleUpDown;
    -webkit-animation: 10s linear 0s normal none infinite running bubbleUpDown;
}
.num2 {
    animation: 12s linear 0s normal none infinite running bubbleUpDowntwo;
    -webkit-animation: 12s linear 0s normal none infinite running bubbleUpDowntwo;
}
.num3 {
    animation: 16s linear 0s normal none infinite running bubbleUpDownthree;
    -webkit-animation: 16s linear 0s normal none infinite running bubbleUpDownthree;
}
.num4 {
    animation: 9s linear 0s normal none infinite running bubbleUpDownfour;
    -webkit-animation: 9s linear 0s normal none infinite running bubbleUpDownfour;
}
.num5 {
    animation: 10s linear 0s normal none infinite running bubbleUpDownfive;
    -webkit-animation: 10s linear 0s normal none infinite running bubbleUpDownfive;
}
@-webkit-keyframes bubbleUpDown{0%{left:72px}15%{left:110px}30%{left: 140px}50%{left:172px}70%{left:140px}85%{left:110px }100%{left:72px}}
@keyframes bubbleUpDown{0%{left:72px}15%{left:110px}30%{left: 140px}50%{left:172px}70%{left:140px}85%{left:110px }100%{left:72px}}
@-webkit-keyframes bubbleUpDowntwo{0%{left:512px}15%{left:550px}30%{left: 580px}50%{left:612px}70%{left:580px}85%{left:550px }100%{left:512px}}
@keyframes bubbleUpDowntwo{0%{left:512px}15%{left:550px}30%{left: 580px}50%{left:612px}70%{left:580px}85%{left:550px }100%{left:512px}}
@-webkit-keyframes bubbleUpDownthree{0%{left:42px}15%{left:80px}30%{left: 110px}50%{left:132px}70%{left:110px}85%{left:80px }100%{left:42px}}
@keyframes bubbleUpDownthree{0%{left:42px}15%{left:80px}30%{left: 110px}50%{left:132px}70%{left:110px}85%{left:80px }100%{left:42px}}
@-webkit-keyframes bubbleUpDownfour{0%{left:762px}15%{left:800px}30%{left: 830px}50%{left:862px}70%{left:830px}85%{left:800px }100%{left:762px}}
@keyframes bubbleUpDownfour{0%{left:762px}15%{left:800px}30%{left: 830px}50%{left:862px}70%{left:830px}85%{left:800px }100%{left:762px}}
@-webkit-keyframes bubbleUpDownfive{0%{left:459px}15%{left:497px}30%{left: 527px}50%{left:557px}70%{left:527px}85%{left:497px }100%{left:459px}}
@keyframes bubbleUpDownfive{0%{left:459px}15%{left:497px}30%{left: 527px}50%{left:557px}70%{left:527px}85%{left:497px }100%{left:459px}}

.why p {display: block;}
.gray {position: absolute; z-index: -1; height: 100%; width: 5000px; right:479px; top: 0; background: #ededed;}
.title4 {color: #333333; padding: 58px 0 47px 140px; font-size: 36px; text-transform: uppercase; text-align: center; font-weight: bold;}
.title4 span {color: #ff740f; margin-left: 12px;}
.title-why {color: #3b3b3b; margin-bottom: 27px; font-weight: bold; font-size: 18px; text-transform: uppercase; letter-spacing: -1.2px;}
.why-cols {padding-bottom: 14px;}
.why-cols>div {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 477px;}
.col2 {margin-left: 20px; width: 457px !important;}
.img-wrap {display: table-cell; vertical-align: bottom; height: 35px;}
.why-main p {color: #3b3b3b; font-size: 17px; letter-spacing: -.8px;}
.why-main p span {color: #ef4260;}
.col2 p span {color: #6abd45;}
.why-main>div {margin-bottom: 34px;}
.height1 p {height: 20px;}
.height2 p {height: 36px;}
.height3 p {height: 50px;}

.works {background: url(../images/texture.png); padding: 55px 0 81px;}
.title5 {color: #fff; font-size: 36px; margin-bottom: 30px; text-align: center; text-transform: uppercase; font-weight: bold;}
.title5 span {color: #ff740f;}
.works-main>div {margin-bottom:0px;}
.works-main>div>div {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 2px;}
.works-main>div>div>div:hover .work-info, .work-big:hover .work-info {display: block;}
.works-main>div>div>div {margin-bottom: 5px; position: relative;}
.center-align {text-align: center; margin: 60px 0 0;}
.works .btn {padding: 15px 54px; font-size: 21px;}
.work-info {cursor: pointer; display: none; position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; background: #000; background: rgba(0,0,0,.8);}
.work-big {position: relative;}
.work-info div div {color: #fff; font-size: 18px; text-transform: uppercase; margin-bottom: 14px; position: relative;}
.work-info div div:after {content: ""; position: absolute; left: 112px; bottom: -9px; width: 12px; height: 2px; background: #fff;};
.work-info p {font-size: 14px;}
.work-info a {color: #59b0fb; font-size: 13px;}
.work-info>div {display: table-cell; border: 3px solid #59b0fb; width: 229px; height: 119px; vertical-align: middle; text-align: center;}
.work-big .work-info>div {width: 465px; height: 249px;}
.work-big .work-info div div:after {left: 230px;}

.comments {padding: 55px 0 0;}
.comments .title4 {padding: 0; margin-bottom: 83px;}
.comments-main>div {position: relative; -webkit-box-shadow: 1px 2px 5px 0px #c6c6c6; -moz-box-shadow: 1px 2px 5px 0px #c6c6c6; box-shadow: 1px 2px 5px 0px #c6c6c6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 53px 48px 0; background: #f0f7ff; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 406px; padding: 14px 22px;}
.comments-main>div:after {content: ""; position: absolute; right: 16px; top: 12px; width: 46px; height: 36px; background: url(../images/quotes.png) no-repeat;}
.ava {width: 90px; height: 90px; margin: -51px 16px 0 0; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 3px solid #0099ff;}
.name {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.name p {font-size: 17px; line-height: 21px; margin: 0px 0 0; color: #333333; font-weight: bold;}
.name span {color: #333333; font-style: italic;}
.comments-main>div>p {line-height: 18px; margin: 12px 0; letter-spacing: -.5px;}

.growth2 {background-image: url(../images/bg7.jpg); padding: 72px 0 0; height: 701px;}
.growth2 .title {text-align: left; margin: 0; font-size: 62px; padding: 0 0 0 42px;}
.growth2 .title>span {font-size: 46px; margin: 0;}
.growth2 .subtitle {text-align: left; padding-left: 42px;}

.article {padding: 39px 0;}
.article .inner {border: 1px solid #16243e; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 760px; padding: 52px 100px;text-align: justify;}
.title6 {color: #1e2b44; font-size: 26px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #000; padding: 0 0 13px; margin-bottom: 26px;}
.article p {line-height: 16px; letter-spacing: -0.7px; margin-bottom: 20px; color: #333333;}
.title7 {color: #333333; margin-bottom: 11px; font-size: 18px; font-weight: bold;}
.article p span {color: #b56a00; font-size: 15px; margin-bottom: 2px; display: inline-block; *display: inline; *zoom: 1; text-transform: uppercase;}
/*.h1 {color: #b56a00; font-size: 15px; margin-bottom: 2px; display: inline-block; *display: inline; *zoom: 1; text-transform: uppercase;}*/
/*.h2 {color: #b56a00; font-size: 15px; margin-bottom: 2px; display: inline-block; *display: inline; *zoom: 1; text-transform: uppercase;}*/
h1 {color: #1e2b44; font-size: 26px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #000; padding: 0 0 13px; margin-bottom: 26px;}
.footer { padding: 50px 0 13px;}
.footer .nav {top: -50px; bottom: auto;}
.footer .top-lvl1>img {margin-top: -28px;}
.footer .drop>a:after {background-image: url(../images/icon2.png);}
.footer .drop ul {top: -105px;}

/*.top10 {background: url(../images/bg8.jpg) no-repeat center 0 fixed; height: 731px;}паралакс*/
.top10 {background: url(../images/bg8.jpg) no-repeat center 0; height: 731px;}
.title8 {font-size: 50px; padding: 87px 0px 0 18px; text-shadow:2px 2px 4px #141414; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 47px;}
.title8>span {margin: 0 0 0 240px; line-height: 50px; display: inline-block; *display: inline; *zoom: 1; font-size: 39px; }
.title8 span span {color: #fd9b1c}

.top10-russia {background: url(../images/bg9.jpg) no-repeat center 0; height: 532px;}
.text5 p, .text6 p {color: #fff;}
.text5 {text-align: right; padding-top: 90px; margin: 0 0 0 418px; width: 500px;}

.white {background: url(../images/bg10.jpg) no-repeat center 0; height: 532px;}
.text6 div {color: #fff;}
.text6 {text-align: left; margin: 0 0 0 80px; padding-top: 267px;}

.guarantee {background: url(../images/bg11.jpg) no-repeat center 0; height: 532px;}
.text7 div {color: #50b5ff}
.text7 p {color: #fff;}
.text7 {margin: 0 0 0 500px; padding-top: 210px;}

.exp{background: url(../images/bg12.jpg) no-repeat center 0; height: 532px;}
.exp .text {text-align: left; margin: 0 0 0 20px; padding-top: 230px;}

.article ul {letter-spacing: -1px; list-style: none; margin-bottom: 20px;}
.article li {position: relative; padding-left: 21px;}
.article li:before {content: ""; position: absolute; left: 0; top: 6px; width: 16px; height: 11px; background: url(../images/check.png) no-repeat;}
.article p {
    line-height: 1.5;letter-spacing: 0;}

.article .inner {

    border: 1px solid

    #16243e;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 80%;
    padding: 52px 50px;
    text-align: justify;

}
@media screen and (max-width: 800px) {
.inner img
{
	z-index: -1;
}
.text {

    margin: 170px 0 0 2px !important;
    margin: 170px 0 0 2px !important;
}
.text2 p  { color:

    #2c2fee;
    padding-left: 10px;
    padding-right: 10px;

}
.details {padding-bottom: 60px;
}

}