[data-sr] {
    visibility: hidden;
}

.top {
    background: url("/tpl/images/bg-top.jpg") no-repeat center top;
    height: 680px;
        width: 100%;
    overflow: hidden;
}

.top .container {
    position: relative;
}

.logo {
    margin-top: 40px;
    display: block;
}

.tel {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.tel>p {
    font-weight: 300;
    color: #ffdd93;
    font-size: 16px;
    margin: 0;
}

.tel .tel-tel {
    font-size: 34px;
    color: #FFF;
    font-weight: bold;
}
.tel .tel-tel a{
	color: #FFF;
}
.tel .tel-tel span {
    font-weight: 300;
    color: #ffdd93;
}

.top .zakaz {
    margin-top: 35px;
    float: right;
}

.zakaz {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    color: #FFF;
    padding: 10px 25px;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    text-transform: uppercase;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #ffb642;
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.zakaz:hover {
    color: #FFF;
    background: #ff9242;
}

.slogan {
    margin-top: 40px;
    text-transform: uppercase;
    font-size: 46px;
    color: #FFF;
    font-weight: 300;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.laptop {
    position: absolute;
    right: 0;
    bottom: -295px;
}

.ost-zayavk {
    padding-bottom: 40px;
        width: 100%;
    overflow: hidden;
}

.iphone {
    margin: 0 auto;
    display: block;
}

.zayav {
    padding: 20px;
    border: 1px solid #ebc07e;
    border-radius: 3px;
    margin-top: 120px;
    -webkit-box-shadow: 0px 0px 30px 1px #B7B5B5;
    -moz-box-shadow: 0px 0px 30px 1px #B7B5B5;
    -o-box-shadow: 0px 0px 30px 1px #B7B5B5;
    -ms-box-shadow: 0px 0px 30px 1px #B7B5B5;
    box-shadow: 0px 0px 30px 1px #B7B5B5;
}

.zayav .title {
    color: #ebc07e;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 35px;
}
.zayav .txt{
    text-align: center;
    color: #331000;
    font-size: 22px;
        margin-bottom: 30px;
}
.zayav .txt span{
    color: #ebc07e;
}

.form-group {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding-right: 20px;
}

.form-group label {
    font-size: 16px;
    color: #9f9f9f;
    font-weight: normal;
}

#block3 {
    background: url("/tpl/images/block3.jpg") no-repeat center;
    height: 807px;
        width: 100%;
    overflow: hidden;
}

#block3 .container {
    position: relative;
}

#block3 .title {
    text-align: center;
    color: #FFF;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 300;
    margin: 30px 0 10px 0;
}

#block3 .title-small {
    text-align: center;
    color: #FFF;
    font-size: 18px;
    text-transform: none;
    width: 100%;
    display: block;
}

#strana1,
#strana2,
#strana3,
#strana4,
#strana5,
#strana6,
#strana7,
#strana8,
#strana9,
#strana10,
#strana11,
#strana12,
#strana13 {
    position: absolute;
    color: #FFF;
    font-size: 18px;
}

#strana1 span,
#strana2 span,
#strana3 span,
#strana4 span,
#strana5 span,
#strana6 span,
#strana7 span,
#strana8 span,
#strana9 span,
#strana10 span,
#strana11 span,
#strana12 span,
#strana13 span {
    background: rgba(0, 0, 0, 0.5);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 5px 8px 5px 20px;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 1;
}

.inner-stran {
    position: relative;
}

.inner-stran img {
    z-index: 2;
    position: relative;
}

#strana1 {
    top: 260px;
    left: 170px;
}

#strana2 {
    top: 530px;
    left: 390px;
}

#strana3 {
    top: 355px;
    left: 595px;
}

#strana4 {
    top: 410px;
    left: 752px;
}

#strana4 span {
    background: rgba(0, 0, 0, 0.5);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 5px 20px 5px 10px;
    position: absolute;
    top: 0;
    left: -190px;
    z-index: 1;
    width: 220px;
}

#strana5 {
    top: 363px;
    left: 724px;
}

#strana6 {
    top: 370px;
    right: 291px;
}

#strana7 {
    top: 330px;
    right: 180px;
}

#strana8 {
    top: 382px;
    right: 97px;
}

#strana9 {
    top: 433px;
    right: 175px;
}

#strana10 {
    top: 556px;
    right: 315px;
}

#strana11 {
    top: 620px;
    right: 268px;
}

#strana11 span {
    background: rgba(0, 0, 0, 0.5);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 5px 40px 5px 10px;
    position: absolute;
    top: 0;
    left: -70px;
    z-index: 1;
}

#strana12 {
    top: 545px;
    right: 191px;
}

#strana13 {
    top: 615px;
    right: 191px;
}

#block4 {
    padding: 40px 0 0 0;
        width: 100%;
    overflow: hidden;
}

#block4 .title {
    color: #ebc07e;
    text-align: center;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 30px;
}

.cases {
    position: relative;
    background: #feca5b;
    min-height: 200px;
    border: 1px solid #c4c4c4;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 20px 1px #B7B5B5;
    -moz-box-shadow: 0px 0px 20px 1px #B7B5B5;
    -o-box-shadow: 0px 0px 20px 1px #B7B5B5;
    -ms-box-shadow: 0px 0px 20px 1px #B7B5B5;
    box-shadow: 0px 0px 20px 1px #B7B5B5;
	    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#block4 .cases>.title {
    font-size: 18px;
    color: #FFF;
    font-weight: normal;
    text-align: center;
    padding: 20px 10px;
    height: 150px;
    vertical-align: middle;
    width: 268px;
    display: table-cell;
}

.cases-zayav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 206px;
    text-align: center;
    border: 6px solid #FFF;
}

#block5 {
    background: url("/tpl/images/shadow.png") repeat-x top;
    padding-top: 70px;
        width: 100%;
    overflow: hidden;
}

#block5>.container>.row>.col-xs-12>.title {
    color: #ebc07e;
    text-align: center;
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 30px;
}

#block5 .color-blocks {
    background: #ffebcc;
}

#block5 .color-blocks .steps {
    display: inline-block;
    vertical-align: top;
    width: 500px;
    padding-top: 20px;
}

#block5 .color-blocks .title {
    color: #f4b342;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 20px;
}

#block5 .color-blocks span.number {
    font-size: 68px;
    color: #f4b342;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.steps .txt {
    color: #636363;
    font-size: 16px;
}

#block5 .color-blocks-blue {
    background: #e0efff;
    text-align: left;
}

#block5 .color-blocks-blue .steps {
    display: inline-block;
    vertical-align: top;
    width: 500px;
    padding-top: 20px;
}

#block5 .color-blocks-blue .title {
    color: #717a83;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 20px;
}

#block5 .color-blocks-blue span.number {
    font-size: 68px;
    color: #717a83;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.color-blocks .col-xs-7,
.color-blocks-blue .col-xs-7 {
    margin-top: 30px;
}

.smal-mrgn {
    margin-top: 70px;
}

.preim {
    background: url("/tpl/images/preim.jpg") no-repeat center;
    text-align: center;
        padding-bottom: 20px;
            width: 100%;
    overflow: hidden;
}

.preim .title {
    color: #331000;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    margin: 50px 0;
}

.preim-block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 275px;
        margin: 10px 10px 40px 10px;
}
.preim > .container > .row > .col-xs-12 > .preim-block:nth-child(2){
    margin-left: 0;
}
.preim > .container > .row > .col-xs-12 > .preim-block:nth-child(5){
    margin-right: 0;
}

.preim-img {
    position: relative;
    background: #fe7f19;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    float: left;
    z-index: 2;
}

.preim-img img {
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
        
}

.preim-txt {
    display: table-cell;
    padding: 0px 10px;
    text-align: left;
    vertical-align: middle;
    height: 100px;
    background: rgba(255, 255, 255, 0.7);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    font-weight: 300;
    font-size: 16px;
    color: #444a50;
        margin-left: 50px;
}
.preim-txt:before{
    content: "";
    background: rgba(255, 255, 255, 0.7);
    height: 100px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 50px;
        z-index: 1;
}
.smal-mrgn-smal{
    margin-top: 10px;
}
.palitra-block{
        text-align: right;
            padding-bottom: 10px;
}
.palitra-txt{
    font-size: 9px;
	color: white;
    margin-top: -2px;
    display: block;
}
.palitra {
    opacity: 1;
}
.palitra:hover {
    opacity: .7;
}
.liveinternet{
    float: right;
}
.footer{
    background: #272a2d;
    color: #ffffff;
        padding: 10px 0;
}
#cases-9{
    background: #f8be4e;
}
#cases-10{
    background: #f4b342;
}
#cases-11{
    background: #eea634;
}
#cases-12{
    background: #e99926;
}
#cases-13{
    background: #e38c19;
}
#cases-14{
    background: #de810c;
}
#cases-15{
    background: #db7903;
}
/*** Стили относящиеся к модальному окну и содержанию ***/
.popup h2 { /* заголовок 2 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:22px 'Trebuchet MS', Helvetica, sans-serif;
}
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
width: 100%;
height: auto;
/* скругление углов встроенных картинок */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
/* встроенные элементы м-медиа, фреймы */
embed, iframe {
top: 0;
right: 0;
bottom: 0; 
left: 0; 
display:block;
margin: auto;
min-width: 320px;
max-width: 600px;
width: 100%;
}
/* стили модального окна */
.popup {
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 10;
display: block;
visibility: hidden;
margin: 0 auto;
width: 90%;
min-width: 320px;
max-width: 600px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
/* внешняя тень */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.overlay:target+.popup {
top: 20%;
visibility: visible;
opacity: 1;
}
/* формируем кнопку закрытия */
.close {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 0;
    width: 30px;
    height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(61, 61, 61, 0.8);
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 20px;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
.close:hover {
background-color: rgba(252, 20, 0, 0.8);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);    
}
.popup p, .popup div {
margin-bottom: 10px;
}
#totop {
width:100px;
border:1px solid #ccc;
text-align:center;
padding:5px;
position:fixed;
bottom:20px; /* отступ кнопки от нижнего края страницы*/
right:30px;
cursor:pointer;
display:none;
    color: #FFF;
    font-size: 16px;
}