@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

* {
    margin: 0;
    padding: 0;
    }

/*for Chrom*/
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

a { outline: none !important;
}
.width-site {
	max-width:1600px;
	margin:0 auto;
}
body {
    font-family: 'PT Sans Narrow', sans-serif;
}

/*********header*************/
#header {
    background-image: url(../images/bg-header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}
.logo {
    background-image: url(../images/logo-3.png);
    background-repeat: no-repeat;
    height: 120px;
    margin-top: 10px;
}
.top-phone {
    text-align: right;
    padding-top: 20px;
}
.top-phone h2 {
    color: white;
    margin: 0;
}
.free-consult {
    padding-top: 32px;
}
.free-consult a {
    cursor: pointer;
    color: white;
    background-color: #5a737a;
    border: 3px solid white;
    padding: 5px 16px 8px;
    font-size: 200%;
}
.free-consult a:hover {
    text-decoration: none;
    border: 3px solid #5a737a;
    color: #5a737a;
    background-color: white;
}
.row-header-1 {
    padding-top: 162px;
}
.slogan-site span {
    color: #000068;
    font-weight: 700;
    font-size: 200%;
    padding-left: 10px;
}
.slogan-site .slogan {
    background-image: url(../images/bg-slogan.png);
    background-repeat: no-repeat;
    height: 185px;
}
.slogan-site .slogan h1 {
    color: white;
    font-size: 690%;
    font-weight: 700;
    letter-spacing: 14px;
    line-height: 0.7;
    margin-bottom: 8px;
    margin-top: 0;
    padding-left: 20px;
    text-shadow: -4px 4px #ca0102;
}
.slogan-site .slogan p {
    font-weight: 700;
    font-size: 240%;
    color: white;
    text-shadow: -4px 4px #ca0102;
    padding-left: 20px;
    margin-bottom: 0;
}
.header-form #formClients {
    background: rgba( 0, 0, 0, 0.8);
    border: 5px solid white;
    width: 310px;
    float: right;
}
.header-form #formClients h2 {
    padding-left: 20px;
    color: #ff181f;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 4px;
}
.header-form #formClients p {
    color: #cccccc;
    font-weight: 700;
    font-size: 135%;
    line-height: 1;
    padding: 0 20px;
}
.header-form #formClients .form-group {
    margin-left: auto;
    margin-right: auto;
    width: 260px;
}
.header-form #formClients .btn {
    background-color: #fdc00f;
    color: #2a2b2f;
    text-transform: uppercase;
    border-bottom: 5px solid #d7a30d;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
    height: 60px;
    display: block;
    font-weight: 700;
    font-size: 135%;
}
.header-form #formClients .btn:hover {
    background-color: #fdc00f;
    /*padding-top: 10px;*/
    border-bottom: none;
    /*transform: translateY(2px);  */
}
.header-form #formClients span {
    display: block;
    text-align: center;
}
.header-form #formClients span a {
    cursor: pointer;
}
.row-header-2 {
    /*background: rgba( 255, 255, 255, 0.6);*/
    margin-top: 110px;
}
.bottom-header {
   padding: 20px 0;
}
.promo-block h2 {
    color: #000068;
    font-size: 245%;
    font-weight: 700;
    margin-top: 0;
}
.left-promo-block .wrap-2-promo-block p {
    padding-top: 37px;
}
.right-promo-block .wrap-2-promo-block {
    padding-top: 23px;
}
.promo-block p {
    color: #000000;
    font-size: 185%;
    line-height: 1;
}
.promo-block a {
    color: #fd2228;
    text-decoration: underline;
    cursor: pointer;
}
.promo-block a:hover {
    text-decoration: none;
}
.wrap-1-promo-block {
    background: rgba( 255, 255, 255, 0.7);
    padding: 10px;
}
.wrap-2-promo-block {
    background: rgba( 255, 255, 255, 0.8);
    height: 184px;
    padding-left: 14px;
}
.img-promo-block {
    display: block;
    float: left;
    margin-right: 14px;
    position: relative;
}
.img-promo-block img {
    max-width: 94%;
}
/***********we work*************/
#weWork {
    color: #3e3e3e;
    background-image: url(../images/bg-we-work.png);
    padding-bottom: 30px;
}
.top-we-work {
    padding-top: 50px;
    padding-bottom: 50px;
}
.top-we-work .title-we-work h1 {
    font-size: 635%;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}
.top-we-work .small-desc-we-work p {
    font-size: 145%;
    line-height: 1.6;
}
.bottom-we-work .block-desc-we-work .img-block-desc-we-work {
    height: 130px;
    text-align: center;
}
.bottom-we-work .block-desc-we-work .title-block-desc-we-work h3 {
    text-align: center;
    font-weight: 700;
    font-size: 215%;
    line-height: 1;
}
.bottom-we-work .block-desc-we-work p {
    font-size: 130%;
    line-height: 1;
    text-align: center;
}
/****************effect LP*************/
#effectLp {
    background-image: url(../images/bg-effect.png);
    padding-bottom: 60px;
}
#effectLp .row {
    margin: 0;
}
.effect-lp h2 {
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 500%;
    font-weight: 700;
}
.market-layout {
}
.effect-lp .block-effect-lp h3 {
    color: white;
    font-weight: 700;
    font-size: 150%;
    text-transform: uppercase;
    margin-bottom: 0;
}
.effect-lp .block-effect-lp ul li {
    color: white;
    display: block;
    font-size: 110%;
    line-height: 1.1;
}
.effect-lp .block-effect-lp-1 {
    position: relative;
    z-index: 10;
}
.effect-lp .block-effect-lp-1 .desc-effect-lp-1 {
    width: 280px;
    height: 200px;
    padding-left: 24px;
}
.effect-lp .block-effect-lp-2 {
    position: relative;
    z-index: 10;
}
.effect-lp .block-effect-lp-2 .desc-effect-lp-2 {
}
.effect-lp .block-effect-lp-3 {
   text-align: center;
}
.effect-lp .block-effect-lp-4 {
   position: relative;
   z-index: 10;
}
.effect-lp .block-effect-lp-4 .desc-effect-lp-4 {
}
.effect-lp .block-effect-lp-5 {
   position: relative;
   z-index: 10;
}
.effect-lp .block-effect-lp-5 .desc-effect-lp-5 {

}
.cenral-img-effect-lp {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 510px;
    width: 945px;
}
.cenral-img-effect-lp ul li {
    list-style: none;
}
.cenral-img-effect-lp img {
    max-width: 100%;
}
.cenral-img-effect-lp .cenral-img-effect-1 {
    margin-top: -570px;
}
.cenral-img-effect-lp .cenral-img-effect-2 {
    margin-left: 40px;
    margin-top: -580px;
}
.cenral-img-effect-lp .cenral-img-effect-3 {
    margin-left: 80px;
    margin-top: -560px;
}
.cenral-img-effect-lp .cenral-img-effect-4 {
    margin-left: 120px;
    margin-top: -530px;
}
/************portfolio*************/
#Portfolio {
    padding: 56px 0 76px;
    background: linear-gradient(to bottom left, #cafcff 10%, #b5d0f2 30%, #bde1f7 40%, #abbaeb 60%);
    background: -moz-linear-gradient(to bottom left, #cafcff 10%, #b5d0f2 30%, #bde1f7 40%, #abbaeb 60%);
    background: -o-linear-gradient(to bottom left, #cafcff 10%, #b5d0f2 30%, #bde1f7 40%, #abbaeb 60%);
    background: -webkit-linear-gradient(to bottom left, #cafcff 10%, #b5d0f2 30%, #bde1f7 40%, #abbaeb 60%);
    background: -ms-linear-gradient(to bottom left, #cafcff 10%, #b5d0f2 30%, #bde1f7 40%, #abbaeb 60%);
}
#Portfolio .row {

}
#Portfolio #titlePortfolio {
    background-image: url(../images/bg-title-portfolio.png);
    background-repeat: no-repeat;
    height: 153px;
    background-position: center bottom;
    padding-top: 24px;
    margin-bottom: 40px;
}
#Portfolio #titlePortfolio h1 {
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 500%;
    font-weight: 700;
    margin-top: 10px;
}
#Portfolio .visible-portfolio > img {
    width: 100%;
}
#Portfolio .right-portfolio .row {
    margin-bottom: 26px;
}
.visible-portfolio {
    position: relative;
}
.visible-portfolio:hover .hidden-portfolio {
    display: block;
    background: rgba( 0, 0, 0, 0.6);
}
.hidden-portfolio {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    color: white;
     transition:all 2s linear;
    -moz-transition:all 2s linear;
    -webkit-transition:all 2s linear;
    -o-transition:all 2s linear;
    -ms-transition:all 2s linear;
}
.hidden-portfolio span {
    font-style: italic;
}
.hidden-portfolio h2 {
    text-transform: uppercase;
    text-align: center;
}
.hidden-portfolio p {
    font-size: 140%;
    font-style: italic;
    font-weight: 700;
    text-align: center;
}
.hidden-portfolio a {
    background-color: #fdc00f;
    color: #2a2b2f;
    border-bottom: 5px solid #d7a30d;
    display: block;
    font-size: 135%;
    font-weight: 700;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    padding-top: 16px;
    text-transform: uppercase;
    text-align: center;
    width: 260px;
    box-shadow: 0px 4px 0px #b7b5b4;
    border-radius: 4px;
    cursor: pointer;
}
.hidden-portfolio a:hover {
    text-decoration: none;
    color: #2a2b2f;
    background-color: #fdc00f;
    padding-top: 20px;
    border-bottom: none;
}
.hidden-big-portfolio {
    padding-top: 50px;
}
.hidden-big-portfolio span {
    padding-left: 30px;
    font-size: 150%;
}
.hidden-big-portfolio h2 {
    font-size: 300%;
    font-weight: 700;
    margin-bottom: 70px;
    margin-top: 180px;
}
.hidden-big-portfolio p {
    padding-left: 90px;
    padding-right: 90px;
    font-size: 190%;
}
.hidden-small-portfolio {
    padding-top: 30px;
}
.hidden-small-portfolio span {
    padding-left: 20px;
    font-size: 140%;
}
.hidden-small-portfolio h2 {
    font-size: 220%;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 25px;
}
.hidden-small-portfolio p {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 170%;
}
.hidden-small-portfolio a {
    margin-top: 30px;
}
.bottom-row-portfolio .right-portfolio {
    padding-left: 0;
    padding-right: 0;
}
.want-lp {
    text-align: center;
    margin-top: 40px;
}
.want-lp a {
    background-image: url(../images/arrow-lp.png);
    background-repeat: no-repeat;
    background-position: 290px center;
    border: 2px solid #2a2b2f;
    padding: 18px 60px 18px 30px;
    text-transform: uppercase;
    color: #2a2b2f;
    font-size: 150%;
    font-weight: 700;
    cursor: pointer;
}
.want-lp a:hover {
    text-decoration: none;
    border-color: #cafcff;
    background-color: #b5d0f2;
}
/*************Packages*********/
#Packages {
    background-image: url(../images/bg-paket.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
#Packages .row {
    margin: 0;
}
.wrap-head-package-offers {
    background-image: url(../images/shadow.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 158px;
}
.package-offers h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 480%;
    text-shadow: 0 5px #677280;
    color: white;
    margin-top: 70px;
    padding-top: 38px;
}
.package-offers h3 {
    text-align: center;
    font-size: 330%;
    color: white;
    margin-top: 20px;
}
.title-package-offers {
    text-align: left;
}
.block-package-offers {
    border-left: 1px solid white;
    margin-top: 85px;
}
.block-package-offers .title-package-offers h3 {
    font-weight: 700;
    background-color: #df3434;
    width: 230px;
    text-align: center;
    padding: 2px 0 8px;
    margin-top: 0;
}
.block-package-offers .short-desc-package-offers {
    color: white;
    font-weight: 700;
    font-size: 175%;
    line-height: 1;
    margin-bottom: 26px;
    display: block;
}
.block-package-offers p {
    color: white;
    font-size: 175%;
    line-height: 1;
}
.block-package-offers .head-desc-package {}
.block-package-offers .head-desc-package span {
    color: white;
    font-size: 135%;
    font-weight: 700;
}
.block-package-offers .head-desc-package li {
    color: white;
    font-size: 120%;
    line-height: 1.3;
    list-style: inside disc;
}
.block-package-offers .quantity-section {
    color: white;
    font-size: 180%;
    font-weight: 700;
}
.block-package-offers .price-package-offers {
    color: white;
    display: block;
    font-size: 270%;
    font-weight: 700;
    margin-top: 10px;
}
.block-package-offers .to-order-package-offers a {
    background-color: #fdc00f;
    border-bottom: 5px solid #d7a30d;
    border-radius: 4px;
    box-shadow: 0 4px 0px #b7b5b4;
    color: #2a2b2f;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 180%;
    font-weight: 700;
    height: 60px;
    margin-right: 12px;
    padding-top: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
}
.block-package-offers .to-order-package-offers a:hover {
    background-color: #fdc00f;
    padding-top: 16px;
    border-bottom: none;
    color: #2a2b2f;
    text-decoration: none;
}
.block-package-offers .to-order-package-offers .popular-package-offers {
    color: #fdc00f;
    display: block;
    float: left;
    font-size: 170%;
    margin-top: 10px;
    text-transform: uppercase;
}
.choose-package {
    background: rgba( 0, 0, 0, 0.5);
    margin-top: 60px !important;
    padding-bottom: 70px;
    text-align: center;
}
.choose-package h2 {
    text-transform: uppercase;
    color: #ff181f;
    font-weight: 700;
    font-size: 350%;
    margin-top: 70px;
}
.choose-package .hr-choose-package {
    width: 140px;
    margin: 0 auto;
}
.choose-package p {
    color: white;
    font-size: 255%;
    margin-bottom: 80px;
}
.choose-package a {
    background-color: white;
    border-bottom: 4px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 5px 5px #0b0b0b;
    padding: 10px 26px;
    text-transform: uppercase;
    color: #2a2b2f;
    font-weight: 700;
    font-size: 135%;
    cursor: pointer;
}
.choose-package a:hover {
    text-decoration: none;
    border-bottom: 4px solid white;
    background-color: #d9d9d9;
}
/***********Our Clients***********/
#OurClients {
    background-image: url(../images/bg-our-clients.png);
    padding-top: 70px;
}
.middle-our-clients {
    padding-bottom: 70px;
    padding-top: 70px;
}
.bottom-our-clients {
    /*background-image: url(../images/bottom-our-clients.png);*/
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 38px;
    background-size: cover;
}
.title-our-clients h2 {
    color: #3e3e3e;
    font-size: 500%;
    font-weight: 700;
    line-height: 0.8;
    margin-top: 0;
}
.small-desc-our-clients p {
    color: #3e3e3e;
    font-size: 150%;
    line-height: 1;
}
#carousel-example-generic1 {
    text-align: center;
    height: 150px;
}
#carousel-example-generic1 .carousel-control.left,
#carousel-example-generic1 .carousel-control.right {
    background: none;
    width: 10%;
}
#carousel-example-generic1 .carousel-inner > .item {
    padding-left: 26px;
}
#carousel-example-generic1 .carousel-inner > .item img {
    max-width: 100%;
}
/*************comments*************/
#comments .row {
    margin: 0;
}
#comments {
    background-color: #cdcdcd;
    /*padding-bottom: 40px;*/
    border-bottom: 5px solid #c9c9c9;
}
.carousel-comment h2 {
    color: white;
    font-weight: 700;
    font-size: 500%;
    text-align: center;
    text-transform: uppercase;
}
.carousel-comment .carousel-inner .wrap-comment {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}
.carousel-comment .carousel-inner .wrap-comment .small-img-comment,
.carousel-comment .carousel-inner .wrap-comment .carousel-caption-comment,
.carousel-comment .carousel-inner .wrap-comment .photo-list-comment {
    display: inline-block;
    float: left;
}
.carousel-comment .carousel-inner .wrap-comment .small-img-comment {
    width: 15%;
    margin: 0 0 0 56px;
    position: relative;
    z-index: 10;
}
.carousel-comment .carousel-inner .wrap-comment .small-img-comment img {
    width: 170px;
    height: 170px;
    background-color: #e8e8e8;
    border: 5px solid white;
}
.carousel-comment .carousel-inner .wrap-comment .carousel-caption-comment {
    width: 60%;
}
.carousel-comment .carousel-inner .wrap-comment .photo-list-comment {
    width: 17%;
    position: relative;
    z-index: 10;
}
.carousel-comment .carousel-inner .wrap-comment .photo-list-comment a img {
    cursor: pointer;
}
.carousel-comment .name-commentator {
    color: #6a6969;
    font-size: 220%;
}
.carousel-comment .name-commentator span {
    color: #000000;
    font-weight: 700;
    font-size: 115%;
}
.carousel-comment .desc-commentator p {
    color: #000000;
    font-size: 180%;
    line-height: 1.3;
    padding-right: 14px;
}
.carousel-comment .readmore-commentator a {
    color: #df3434;
    text-decoration: underline;
    font-size: 180%;
    cursor: pointer;
}
.carousel-comment .readmore-commentator a:hover {
    text-decoration: none;
}
.carousel-comment .carousel-control.left,
.carousel-comment .carousel-control.right {
    background: none;
}
.carousel-comment .carousel-control.left {
    background-image: url(../images/prev.png);
    background-repeat: no-repeat;
    background-position: right center;
    height: 270px;
    width: 8%;
}
.carousel-comment .carousel-control.right {
    background-image: url(../images/next.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 270px;
    width: 8%;
}
/*************Choose Present***********/
#ChoosePresent .row {
    margin: 0;
}
#ChoosePresent {
    /*background-image: url(../images/bg-present.gif); */
    background-image: url(../images/bg-present.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-bottom: 30px;
}
.choose-present {
    padding-left: 0;
    padding-right: 0;
}
.choose-present .wrap-title-choose-present {
    background-image: url(../images/bg-title-present.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 100px;
    margin-bottom: 30px;
}
.choose-present h2 {
    color: #ff181f;
    text-align: center;
    font-weight: 700;
    font-size: 400%;
    padding-top: 10px;
}
.block-choose-present {
    padding-left: 0;
    padding-right: 0;
}
.block-choose-present .bg-choose-present-1 {
    /*background-image: url(../images/box-1-1.png); */
    background-image: url(../images/box-1.png);
    background-repeat: no-repeat;
    height: 580px;
    background-size: cover;
    background-position: -50px bottom;
}
.block-choose-present .wrap-choose-present-1 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 28px;
    padding-top: 10px;
    width: 320px;
}
.block-choose-present .wrap-choose-present-1 h3 {
    color: #000068;
    font-size: 260%;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 24px;
    width: 240px;
    text-align: center;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.block-choose-present .wrap-choose-present-1 p {
    color: #000068;
    font-size: 195%;
    line-height: 1.1;
    margin-bottom: 94px;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.block-choose-present .wrap-choose-present-1 .give-present {
    text-align: center;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    /*background-image: url(../images/button-left.png);
    background-repeat: no-repeat;
    height: 72px;
    width: 110%;*/
}
.block-choose-present .wrap-choose-present-1 .give-present:hover {
    /*background-image: url(../images/button-left-hover.png);*/
}
.block-choose-present .wrap-choose-present-1 .give-present a,
.block-choose-present .wrap-choose-present-2 .give-present a,
.block-choose-present .wrap-choose-present-3 .give-present a {
    background-color: #fdc00f;
    border-bottom: 5px solid #d7a30d;
    border-radius: 4px;
    box-shadow: 0 5px 0px #b7b5b4;
    color: #2a2b2f;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 160%;
    font-weight: 700;
    height: 46px;
    padding-top: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 90%;
}
.block-choose-present .wrap-choose-present-1 .give-present a:hover,
.block-choose-present .wrap-choose-present-2 .give-present a:hover,
.block-choose-present .wrap-choose-present-3 .give-present a:hover {
    text-decoration: none;
    background-color: #fdc00f;
    padding-top: 10px;
    border-bottom: none;
}
.block-choose-present .bg-choose-present-2 {
    /*background-image: url(../images/box-2-2.png);*/
    background-image: url(../images/box-2.png);
    background-repeat: no-repeat;
    height: 549px;
    background-size: cover;
}
.block-choose-present .wrap-choose-present-2 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 26px;
    padding-top: 10px;
    width: 300px;
}
.block-choose-present .wrap-choose-present-2 h3 {
    color: #000068;
    font-size: 260%;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 40px;
    text-align: center;
    width: 230px;
}
.block-choose-present .wrap-choose-present-2 p {
    color: #000068;
    font-size: 195%;
    line-height: 1.1;
    margin-bottom: 46px;
}
.block-choose-present .wrap-choose-present-2 .give-present {
    /*background-image: url(../images/button-middle.png);
    background-repeat: no-repeat;
    height: 57px;*/
}
.block-choose-present .wrap-choose-present-2 .give-present:hover {
    /*background-image: url(../images/button-middle-hover.png);*/
}
.block-choose-present .bg-choose-present-3 {
    /*background-image: url(../images/box-3-3.png); */
    background-image: url(../images/box-3.png);
    background-repeat: no-repeat;
    height: 549px;
    background-size: cover;
}
.block-choose-present .wrap-choose-present-3 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 66px;
    padding-left: 12px;
    padding-top: 10px;
    width: 360px;
}
.block-choose-present .wrap-choose-present-3 h3 {
    color: #000068;
    font-size: 260%;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 40px;
    width: 240px;
    text-align: center;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.block-choose-present .wrap-choose-present-3 p {
    color: #000068;
    font-size: 195%;
    line-height: 1.1;
    margin-bottom: 110px;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}
.block-choose-present .wrap-choose-present-3 .give-present {
    text-align: center;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    /*background-image: url(../images/button-right.png);
    background-repeat: no-repeat;
    height: 72px;*/
}
.block-choose-present .wrap-choose-present-3 .give-present:hover {
    /*background-image: url(../images/button-right-hover.png);*/
}
/**********footer**************/
#Footer {
}
#Footer .row {
    margin: 0;
    background-image: url(../images/bg-footer.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
    height: 500px;
}
.footer #formClients {
    background: rgba( 0, 0, 0, 0.8);
    border: 5px solid white;
    width: 310px;
    float: right;
}
.footer #formClients h2 {
    padding-left: 20px;
    color: #ff181f;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 4px;
}
.footer #formClients p {
    color: #cccccc;
    font-weight: 700;
    font-size: 135%;
    line-height: 1;
    padding: 0 20px;
}
.footer #formClients .form-group {
    margin-left: auto;
    margin-right: auto;
    width: 260px;
}
.footer #formClients .btn {
    background-color: #fdc00f;
    color: #2a2b2f;
    text-transform: uppercase;
    border-bottom: 5px solid #d7a30d;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
    height: 60px;
    display: block;
    font-weight: 700;
    font-size: 135%;
}
.footer #formClients .btn:hover {
    background-color: #fdc00f;
    /*padding-top: 10px;*/
    border-bottom: none;
    transform: translateY(2px);
}
.footer #formClients .btn:active {
    transform: translateY(2px);
}
.footer #formClients span {
    display: block;
    text-align: center;
}
.footer #formClients span a {
    cursor: pointer;
}
.footer .contacts {
    padding-top: 100px;
}
.footer .contacts .wrap-contacts {
    height: 501px;
    margin-top: -520px;
    width: 88%;
}
.wrap-contacts {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
.footer .contacts .wrap-contacts h2 {
    color: white;
    font-weight: 700;
    font-size: 325%;
    padding-bottom: 10px;
    padding-top: 30px;
    padding-left: 15%;
}
.footer .contacts .wrap-contacts .footer-adress {
    padding-left: 15%;
}
.footer .contacts .wrap-contacts .footer-mail {
    padding-left: 15%;
}
.footer .contacts .wrap-contacts .footer-phone {
    padding-left: 15%;
}
.footer .contacts .wrap-contacts .footer-adress h3,
.footer .contacts .wrap-contacts .footer-mail h3,
.footer .contacts .wrap-contacts .footer-phone h3 {
    color: white;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 260%;
    margin-bottom: 0;
}
.footer .contacts .wrap-contacts .footer-adress p,
.footer .contacts .wrap-contacts .footer-mail p,
.footer .contacts .wrap-contacts .footer-phone p {
    color: white;
    font-size: 180%;
    line-height: 1.2;
    margin-bottom: 40px;
}
.copyright {
    text-align: center;
    padding: 30px 0 20px;
}
/**************modal******************/
.modal-dialog {
    border-radius: 0;
}
.modal-content {
    border-radius: 0;
}
.modal-header {
    border-bottom: none;
}
.modal-footer {
    border-top: none;
}
.modal-dialog .modal-header .close {
    font-size: 34px;
    opacity: 0.4;
    margin-top: -20px;
    margin-right:-8px;
}
.my-modal-photo {
    width: 66%;
}
.my-modal-photo .modal-body img {
    width: 100%;
}
.my-modal-photo .modal-footer .btn-default,
.my-modal-text .modal-footer .btn-default {
    padding: 8px 46px;
    text-transform: uppercase;
    border: 2px solid #000000;
    font-weight: 700;
    font-size: 170%;
    border-radius: 0;
}
.my-modal-photo .modal-footer .btn-default:hover,
.my-modal-text .modal-footer .btn-default:hover {
    border: 2px solid #ff181f;
    background-color: white;
    color: #000000;
}
.my-modal-text {
    width: 70%;
}
.my-modal-text .modal-body {
    padding-left: 30px;
    padding-right: 30px;
}
.my-modal-text .modal-body p {
    color: #333333;
    font-size: 150%;
    line-height: 1.2;
}
.my-modal-text .modal-header h4 {
    font-weight: 700;
    color: #333333;
    font-size: 240%;
    text-align: center;
    margin-top: 6px;
}
.my-modal-dialog {
    margin-top: 100px;
    width: 314px;
    border: 3px solid #000000;
}
.my-modal-dialog .modal-body form input {
    font-size: 120%;
    height: 38px;
}
.my-modal-dialog .modal-header h4 {
    font-size: 230%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #ff181f;
    margin-top: 6px;
}
.my-modal-dialog .modal-body .btn-default {
    font-size: 180%;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
    height: 60px;
    color: #2a2b2f;
    box-shadow: 0 4px 0 #b9b8b8;
    border-bottom: 5px solid #d7a30d;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #fdc00f;
}
.my-modal-dialog .modal-body .btn-default:hover {
    background-color: #fdc00f;
    padding-top: 10px;
    border-bottom: none;
}
.my-modal-dialog .modal-footer {
    text-align: center;
    font-size: 110%;
    color: #4f4f4f;
    padding: 0;
}