/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20.05.2014, 12:11:50
    Author     : Michael
*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic);

html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;


}

html{
    // height: 100%;
    overflow-x: hidden;
    position: relative;
    right: 0px;
}

body {
    font-family: 'Roboto Condensed';
    // height: 100%;
    overflow-x: hidden;


}

.clearfix {*zoom:1;}.clearfix:before,.clearfix:after {display:table;content:"";line-height:0;}.clearfix:after {clear:both;}

.wrapper {
    opacity: 0;
    // background-color: #fff;
}
.preloader {
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
	z-index:5;
}

.preloader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);

}

.container {
    width: 960px;

    margin: 0 auto;
    position: relative;
}

.clear {
    clear: both;
}


.pbLoader {
    display: none !important;
}


.nav-menu {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
    z-index: 14;
    border-top: 1px solid #ECEEF4;
    border-bottom: 1px solid #ECEEF4;

}

.nav-menu.fixed {
    position: fixed;
    z-index: 14;
}

.nav-menu-container {
    height: 61px;
}



.nav-menu ul li {
    border-left: 1px solid #ECEEF4;
    display: inline-block;
    min-width: 115px;
    position: relative;   
    transition: 0.5s ease-in-out ;
    -moz-transition: 0.5s ease-in-out ;
    -webkit-transition: 0.5s ease-in-out ;
    -ms-transition: 0.5s ease-in-out ;
    -o-transition: 0.5s ease-in-out ;
}

.nav-menu ul li:last-child {
    border-right: 1px solid #ECEEF4;
    padding-left: 10px;
    padding-right: 10px
}

.nav-menu ul li a {
    text-align: center;
    font-size: 18px;   
    color: #808080;
    font-weight: 400;    
    text-decoration: none;
    line-height: 58px;
    border-bottom: 3px solid transparent;
    transition: 0.5s ease-in-out ;
    -moz-transition: 0.5s ease-in-out ;
    -webkit-transition: 0.5s ease-in-out ;
    -ms-transition: 0.5s ease-in-out ;
    -o-transition: 0.5s ease-in-out ;

}

.nav-menu ul li.active a,.nav-menu ul li:hover a {
    border-bottom: 3px solid transparent;
    transition: 0.5s ease-in-out ;
    -moz-transition: 0.5s ease-in-out ;
    -webkit-transition: 0.5s ease-in-out ;
    -ms-transition: 0.5s ease-in-out ;
    -o-transition: 0.5s ease-in-out ;
    color: #00C5B8;
}
.nav-menu ul li a.download {
    color: #00C5B8 !important;
    border-bottom: 3px solid transparent !important;
    display: inline-block;
}

.nav-menu ul li a.download img {
    vertical-align: middle;
    margin-right: 14px;
    display: inline-block;
}
.nav-menu ul li a.download span {
    display: inline-block;
    vertical-align: middle;
}




.header {
    height: 851px;
}

.header-top-belt {
    padding-top: 25px;
    margin-bottom: 22px;
}

.header .header-top-belt .logo {
    float: left;
}

.header .header-top-belt .logo p {
    padding-left: 100px;
    margin-top: -53px;
    font-weight: 300;
}

.header .header-top-belt .logo a {
    text-decoration: none;
    display: block;
    color: #000;
}

.header .header-phone {
    float: right;


}

.header .header-phone .phone p {
    color: #333333;
    font-size: 44px;
    line-height: normal;
    font-weight: 700;

}

.header .header-phone .order-button {
    width: 200px;
    height: 35px;
    border-radius: 40px;   
    cursor: pointer;    
    margin-right: 0;
    margin-left: auto;
}

.header .header-phone .order-button:hover {

}

.header .header-phone .order-button p {
    width: 180px;
    height: inherit;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #333;
    font-size: 19px;
    padding-left: 40px;
    background-image: url(../images/clip/clip1.png);
    background-repeat: no-repeat;
    background-position: 21px center;

}

.header .header-phone .order-button p span {
    border-bottom: 1px dashed #333;

}

.header-slider {
    position: relative;
    margin-bottom: 20px;
}

.header-slider .slidesjs-container {
    z-index: 4 !important;
}

.header-slider .slidesjs-navigation {
    position: absolute;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 70px;
    text-align: center;
    display: block;
    line-height: 94px;
    color: #333333;
    top: 50%;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    z-index: 5;
    text-decoration: none;
    opacity: 0.5;

}

.header-slider .slidesjs-pagination {
    text-align: center;
    margin-top: 30px;
}

.header-slider .slidesjs-pagination li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 50%;
}

.header-slider .slidesjs-pagination li a {
    width: 50px;
    height: 50px;
    // border: 2px solid #000;    
    background-color: #CDD0D5;
    text-decoration: none;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    color: transparent;
    border-radius: 50%;
    display:block;
    background-repeat: no-repeat;
    background-position: center center;
}

.header-slider .slidesjs-pagination li:nth-child(1) a {
    background-image: url(../images/icon/icon1.png);
}
.header-slider .slidesjs-pagination li:nth-child(2) a {
    background-image: url(../images/icon/icon2.png);
}
.header-slider .slidesjs-pagination li:nth-child(3) a {
    background-image: url(../images/icon/icon3.png);
}
.header-slider .slidesjs-pagination li:nth-child(4) a {
    background-image: url(../images/icon/icon4.png);
}
.header-slider .slidesjs-pagination li:nth-child(5) a {
    background-image: url(../images/icon/icon5.png);
}

.header-slider .slidesjs-pagination li a.active , .header-slider .slidesjs-pagination li a:hover {
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    background-color: #01C6BC;
}


.header-slider .slidesjs-navigation:hover {
    opacity: 1;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}


.header-slider .slidesjs-previous {
    left: 40px;
}

.header-slider .slidesjs-next {
    right:  40px;
}

.header-slide {
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    height: 639px;
}

.header-slider 

.header-slide:nth-child(1) {
    background-image: url(../images/mainslider/ms1.jpg);
}
.header-slide:nth-child(2) {
    background-image: url(../images/mainslider/ms2.jpg);
}
.header-slide:nth-child(3) {
    background-image: url(../images/mainslider/ms3.jpg);
}
.header-slide:nth-child(4) {
    background-image: url(../images/mainslider/ms4.jpg);
}
.header-slide:nth-child(5) {
    background-image: url(../images/mainslider/ms5.jpg);
}


.header-slide .color-text {
    width: 550px;
    height: 118px;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.header-slide .color-text .color-text-background {
    width: 200%;
    height: 200%;
    background-image: url(../images/bg/bg1.jpg);
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: 1;
    /*    transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);*/
    background-position: center center;
}

.header-slide .color-text .color-text-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-image: url(../images/bg/text.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.header-slide .color-text p {
    display:none;
}

.header-slide:nth-child(1) h3 {
    font-size: 29px;
    color: #808080;
    text-align: center;
    font-weight: 300;
    margin-bottom: 22px;
}

.header-slide:nth-child(1) h3:nth-child(1) {
    padding-top: 352px;
}

.header-slide:nth-child(2) h3:nth-child(1) {
    padding-top: 417px
}

.header-slide:nth-child(2) h3 {
    font-size: 24px;
    color: #040405;
    font-weight: 300;
    text-align: center;
}

.header-slide:nth-child(2) .color-text {
    width: 641px;
    height: 104px;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}




.header-slide:nth-child(2) .color-text .color-text-mask {
    background-image: url(../images/yad.png);
}

/********/

.header-slide:nth-child(3) .color-text {
    width: 340px;
    height: 139px;
    overflow: hidden;
    position: relative;    
    margin-bottom: 10px;
    left: 28px;
    top: 235px;
    transform: rotateZ(30deg);
    -moz-transform: rotateZ(30deg);
    -webkit-transform: rotateZ(30deg);
    -o-transform: rotateZ(30deg);
    -ms-transform: rotateZ(30deg);
}


.header-slide:nth-child(3) .color-text .color-text-mask {
    background-image: url(../images/produm.png);
    width: 344px;
    height: 143px;
    position: relative;
    top: -1px;
    left: -1px;

}

/***********/

.header-slide:nth-child(4) .color-text {
    width: 335px;
    height: 128px;
    overflow: hidden;
    position: relative;    
    margin-bottom: 10px;
    left: -35px;
    top: 27px;
    border-radius: 20px 20px 100px 100px;
    box-shadow:inset 0 0 0px 2px #fff; 

}


.header-slide:nth-child(4) .color-text .color-text-mask {
    width: 339px;
    height: 132px;
    top: -1px;
    left: -1px;
    background-image: url(../images/chtn.png);
}

.header-slide:nth-child(4) .color-text .color-text-mask:after {
    width: 332px;
    height: 126px;
    position: relative;
    top: 2px;
    left: 2px;
    box-shadow: 0 0 0 5px #fff;
    content: "";
    display: block;
    border-radius: 20px 20px 100px 100px;
}


.header-slide:nth-child(4) h3 {
    padding-top: 59px;
    display: inline-block;
    position: relative;
    top: 15px;
    left: 357px;
    font-size: 21px;
    color: #000;
    text-align: center;
    font-weight: 300;
    line-height: 0.8;
}


.header-slide:nth-child(5) h3 {
    font-size: 24px;
    color: #040405;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 0;
    left:137px;
    padding-top: 35px;
}


.header-slide:nth-child(5) .color-text {
    height: 172px;
    left: -239px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    top: 18px;
    width: 480px;
}

.header-slide:nth-child(5) h3:nth-child(3) {
    left: 89px;
    padding-top: 15px;
}




.header-slide:nth-child(5) .color-text .color-text-mask {
    background-image: url(../images/ntend.png);
}


.block1 {
    text-align: center;
    padding-top: 90px;
}

.block1 .container {
    overflow-x: hidden;
}

.block1 h2 {
    display: inline-block;
    text-transform:  uppercase;
    font-size: 61px;
    font-weight:  700;
    color: #333333;
    position: relative;
    padding-left: 27px;
    padding-right: 27px;
    margin-bottom: 50px;
}

.block1 h2:before {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}
.block1 h2:after {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    right:  -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}

.block1 .block1-header {
    text-align: left;

}

.block1 .block1-header .left-side {
    float: left;
    width: 480px;
}
.block1 .block1-header .right-side {
    float:right;
    width: 480px;
}

.block1 .block1-header .right-side h3 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #333;
    padding-top: 15px;
}

.block1 .block1-header .right-side p {
    color: #808080;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;

}

.block1 .block1-inner {
    margin-top: 50px;
} 

.block1 .block1-inner .block1-item {
    display: inline-block;
    vertical-align: top;
    width: 455px;
    padding-right: 20px;
    text-align: left;
    margin-bottom: 33px;
}

.block1 .block1-inner .block1-item .figure {
    float: left;
    position: relative;
    width: 92px;
    height: 92px;


}

.block1 .block1-inner .block1-item p {
    padding-left: 104px;
    font-size: 16px;
    font-weight:  400;
    color: #353535
}

.block1 .block1-inner .block1-item .figure p {
    padding: 0;
    width: inherit;
    height: inherit;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    font-size: 23px;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

.block1 .block1-inner .block1-item .figure canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.block1 .block1-inner .block1-item:nth-child(1) .figure p {
    color: #01C6BC;
}
.block1 .block1-inner .block1-item:nth-child(2) .figure p {
    color: #F65D88;
}
.block1 .block1-inner .block1-item:nth-child(3) .figure p {
    color: #FE4600;
}
.block1 .block1-inner .block1-item:nth-child(4) .figure p {
    color: #27AADC;
}


/*********/

.block2 {
    text-align: center;
    padding-top: 35px;
}

.block2 .container {
    overflow-x: hidden;
}

.block2 h2 {
    display: inline-block;
    text-transform:  uppercase;
    font-size: 61px;
    font-weight:  700;
    color: #333333;
    position: relative;
    padding-left: 27px;
    padding-right: 27px;
    margin-bottom: 50px;
}

.block2 h2:before {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}
.block2 h2:after {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    right:  -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}


.block2 .portfolio-tab ul:nth-child(1) {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    display: table;
    margin-bottom: 20px;
}


.block2 .portfolio-tab ul:nth-child(1) li {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #D9D9D9;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    height: 67px;
    cursor: pointer;
    transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
    -webkit-transition: 0.5s ease-in-out; 
    -o-transition: 0.5s ease-in-out; 
    -ms-transition: 0.5s ease-in-out; 


}

.block2 .portfolio-tab ul:nth-child(1) li.active-tab,.block2 .portfolio-tab ul:nth-child(1) li:hover {
    color: #ccc;
    transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
    -webkit-transition: 0.5s ease-in-out; 
    -o-transition: 0.5s ease-in-out; 
    -ms-transition: 0.5s ease-in-out; 
}

.block2 .portfolio-tab ul:nth-child(2) li {
    height: 706px;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;

}

.block2 .portfolio-tab ul:nth-child(2) li:not(.active-tab) {
    display: none;
}

.block2 .portfolio-tab ul:nth-child(2) li .gray {
    position: relative;
    z-index: 1;
    height: 706px;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);
    //  filter: url(../images/grayscale.svg#greyscale);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(xray=1);
    transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
    -webkit-transition: 0.5s ease-in-out; 
    -o-transition: 0.5s ease-in-out; 
    -ms-transition: 0.5s ease-in-out; 
}

.block2 .portfolio-tab ul:nth-child(2) li:hover .gray {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);

    filter: progid:DXImageTransform.Microsoft.BasicImage(xray=0);
    transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
    -webkit-transition: 0.5s ease-in-out; 
    -o-transition: 0.5s ease-in-out; 
    -ms-transition: 0.5s ease-in-out; 
}

.block2 .portfolio-tab ul:nth-child(2) li .tab-inner {
    width: 630px;
    height: 630px;
    margin-left:auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.53);
    margin-top: -669px;
    position: relative;
    z-index: 2;

}

.block2 .portfolio-tab ul:nth-child(2) li:nth-child(4) .gray {
    background-image: url(../images/merop/1.jpg);
}
.block2 .portfolio-tab ul:nth-child(2) li:nth-child(2) .gray {
    background-image: url(../images/merop/2.jpg);
}
.block2 .portfolio-tab ul:nth-child(2) li:nth-child(3) .gray {
    background-image: url(../images/merop/3.jpg);
}
.block2 .portfolio-tab ul:nth-child(2) li:nth-child(1) .gray {
    background-image: url(../images/merop/4.jpg);
}
.block2 .portfolio-tab ul:nth-child(2) li:nth-child(5) .gray {
    background-image: url(../images/merop/5.jpg);
}

.block2 .portfolio-tab ul:nth-child(2) li .tab-inner h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    padding-top: 110px;

}

.block2 .portfolio-tab ul:nth-child(2) li .tab-inner h3:after {
    width: 1px;
    height: 1px;
    border-top: 16px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    margin-left: auto;
    margin-right: auto;
    display: block;
    content: "";
    margin-top: 25px;
    margin-bottom: 25px;

}

.block2 .portfolio-tab ul:nth-child(2) li .tab-inner p {
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
}


.block3 {
    text-align: center;
    padding-top: 80px;
}

.block3 .container {
    overflow-x: hidden;
}

.td-inner img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);
    //  filter: url(../images/grayscale.svg#greyscale);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(xray=1);
    transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
    -webkit-transition: 0.5s ease-in-out; 
    -o-transition: 0.5s ease-in-out; 
    -ms-transition: 0.5s ease-in-out; 
}

.td-inner:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);
    //  filter: url(../images/grayscale.svg#greyscale);
    // filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(xray=0);
    transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
    -webkit-transition: 0.5s ease-in-out; 
    -o-transition: 0.5s ease-in-out; 
    -ms-transition: 0.5s ease-in-out; 
}

.block3 h2 {
    display: inline-block;
    text-transform:  uppercase;
    font-size: 61px;
    font-weight:  700;
    color: #333333;
    position: relative;
    padding-left: 27px;
    padding-right: 27px;
    margin-bottom: 50px;
}

.block3 h2:before {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}
.block3 h2:after {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    right:  -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}

.portfolio-container {
    margin-left: auto;
    margin-right: auto;
	text-align:center;
	font-size:0;
}




/*@media (max-width:1920px) {
    .portfolio-container {
        width: 100%;
    }
}*/


.block3 .portfolio-item {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.block3 .portfolio-item:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.block3 .portfolio-item:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.block3 .portfolio-item:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.block3 .portfolio-item:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.block3 .portfolio-item:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.block3 .portfolio-item:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.block3 .portfolio-item:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.block3 .portfolio-item:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.block3 .portfolio-item:nth-child(9) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.block3 .portfolio-item:nth-child(10) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.block3 .portfolio-item:nth-child(11) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.block3 .portfolio-item:nth-child(12) {
    -webkit-animation-delay:1.1s;
    animation-delay: 1.1s;
}
.block3 .portfolio-item:nth-child(13) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.block3 .portfolio-item:nth-child(14) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.block3 .portfolio-item:nth-child(15) {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}
.block3 .portfolio-item:nth-child(16) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.block3 .portfolio-item:nth-child(17) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
}
.block3 .portfolio-item:nth-child(18) {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
}
.block3 .portfolio-item:nth-child(19) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
}
.block3 .portfolio-item:nth-child(20) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
}
.block3 .portfolio-item:nth-child(21) {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
}



.portfolio-item {
    width: 475px;
    height: 320px;
    overflow: hidden;
    /*float: left;*/
    position: relative;
    opacity: 0;
	display:inline-block;
}

.portfolio-item a:not(.mainfoto) {
    display: none;
}

.animate .portfolio-item {
    opacity: 1;
}

.portfolio-item img {
    width: 475px;
    height: 320px;
    position: relative;
    z-index: 1;

}

.portfolio-item .portfolio-content {
    width: 475px;
    height: 320px;
    background-color: #333338;
    position: absolute;
    left: 0;
    top: -100%;
    transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -webkit-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    z-index: 2;
    text-align: left;
}

.portfolio-item:hover .portfolio-content {
    transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -webkit-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    top: 0%;
}

.portfolio-item .portfolio-content .portfolio-content-inner {
    width: 415px;
    height: 260px;
    padding: 30px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}


.portfolio-item .portfolio-content h3 {
    font-size: 26px ;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.portfolio-item .portfolio-content h4 {
    font-size: 18px ;
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.portfolio-item .portfolio-content p {
    font-size: 18px ;
    color: #fff;

}

.block4 {
    text-align: center;
    padding-top: 80px;
}

.block4 .container {
    overflow-x: hidden;
}

.block4 h2 {
    display: inline-block;
    text-transform:  uppercase;
    font-size: 61px;
    font-weight:  700;
    color: #333333;
    position: relative;
    padding-left: 27px;
    padding-right: 27px;
    margin-bottom: 50px;
}

.block4 h2:before {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}
.block4 h2:after {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    right:  -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}

.block4 .review-slider,
.block4 .review-swiper {
    position: relative;
}

.block4 .review-swiper {
    padding-bottom: 50px;
}

.block4 .review-slider .quotes,
.block4 .review-swiper .quotes {
    width: 46px;
    height: 49px;
    background-image: url(../images/clip/clip17.png);
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.block4 .review-slider .review-item p,
.block4 .review-swiper .review-item p {
    font-size: 18px;
    font-weight: 300;
    color: #808080;
    line-height: 1.5;
	margin:0 80px 30px 80px;
}


.block4 .review-slider .review-item h3,
.block4 .review-swiper .review-item h3 {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    color: #808080;
    font-size:19px;
    font-weight: 400;
    margin-bottom: 10px;
}

.block4 .review-slider .review-item h4,
.block4 .review-swiper .review-item h4 {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    color: #808080;
    font-size:16px;
    font-weight: 400;
}

.block4 .review-slider .review-item img,
.block4 .review-swiper .review-item img {
    margin-top: 30px;   
    max-width: 109px;   
    display: inline-block;
    border-radius: 50%;
}

.review-swiper .swiper-button-prev,
.review-swiper .swiper-button-next {
	background-image:none;
	font-size: 81px;
	font-weight: 700;
	text-decoration: none;
	color: #333333;
	transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
}

.review-swiper .swiper-pagination {
	bottom:0;
}

.review-swiper .swiper-pagination .swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	background-color: #333;
	border-radius: 50%;
	display: inline-block;
	color: transparent;
}

.review-slider .slidesjs-navigation {
    font-size: 81px;
    font-weight: 700;
    text-decoration: none;
    position: absolute;
    color: #333333;
    transition:  0.5s ease-in-out ;
    -moz-transition:  0.5s ease-in-out ;
    -webkit-transition:  0.5s ease-in-out ;
    -o-transition:  0.5s ease-in-out ;
    -ms-transition:  0.5s ease-in-out ;
    z-index: 2;

}

.review-slider .slidesjs-control {
    z-index: 1;
}

.review-slider .slidesjs-navigation:hover {
    color: #BBBBBB;
    transition:  0.5s ease-in-out ;
    -moz-transition:  0.5s ease-in-out ;
    -webkit-transition:  0.5s ease-in-out ;
    -o-transition:  0.5s ease-in-out ;
    -ms-transition:  0.5s ease-in-out ;
}

.review-slider .slidesjs-previous {
    left: 0;
    top: 130px;
}

.review-slider .slidesjs-next {
    right:  0;
    top: 130px;
}

.review-slider .slidesjs-pagination-item {
    display: inline-block;
    margin-right: 7px;
}

.review-slider .slidesjs-pagination-item a {
    width: 11px;
    height: 11px;
    background-color: #BBBBBB;
    border-radius: 50%;
    display: inline-block;
    color: transparent;
}

.review-slider .slidesjs-pagination-item a.active {
    background-color: #333333;
}


.block5 {
    text-align: center;
    padding-top: 80px;
}

.block5 .container {
    overflow-x: hidden;
}

.block5 h2 {
    display: inline-block;
    text-transform:  uppercase;
    font-size: 61px;
    font-weight:  700;
    color: #333333;
    position: relative;
    padding-left: 27px;
    padding-right: 27px;
    margin-bottom: 50px;
}

.block5 h2:before {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}
.block5 h2:after {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    right:  -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}


.block5 #scrollbar1 {
    width: 100%;
}

.block5 #scrollbar1 table  {
    width: 100%;
}


.block5 #scrollbar1 table tr td  {
    width: 1%;
    border: 1px solid #C6C6C8;
    vertical-align: middle;
    height: 240px;

}

.block5 #scrollbar1 table tr td .td-inner {
    width: 239px;

    vertical-align: middle;
    text-align: center;
    display: inline-block;

}


.block5 #scrollbar1 table tr td .td-inner img {
    max-width: 200px;
    max-height: 120px;
}


.block5 #scrollbar1 table tr td:nth-child(1) {
    border-left: none;
} 

.block5 #scrollbar1 table tr td:last-child {
    border-right: none;
} 

.block5 #scrollbar1 table tr:nth-child(1) td {
    border-top: none;
}
.block5 #scrollbar1 table tr:nth-child(1) td {
    border-bottom: none;
}

.block5 .brief-button {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #01C6BC;
    width: 239px;
    height: 240px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 17px;

}

.block5 .brief-button img {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    margin-top: 54px;
    margin-bottom: 30px;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;

}

.block5 .brief-button:hover img {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

.block5 .brief-button p {
    letter-spacing: 0;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

.block5 .brief-button:hover p {
    letter-spacing: 2px;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}


.block6 {
    text-align: center;
    padding-top:  130px;

}

.block6 h2 {
    font-size: 62px;
    color: #333;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 70px;
}

.block6-inner {
    width: 247px;
    height: 252px;
    background-image: url(../images/clip/clip3.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
}



.block7 {
    text-align: center;
    padding-top:98px;
}

.block7 .container {
    overflow-x: hidden;
}

.block7 h2 {
    display: inline-block;
    text-transform:  uppercase;
    font-size: 61px;
    font-weight:  700;
    color: #333333;
    position: relative;
    padding-left: 27px;
    padding-right: 27px;
    margin-bottom: 27px;
}

.block7 h2:before {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}
.block7 h2:after {
    width: 430px;
    height: 1px;
    position: absolute;
    top: 50%;
    right:  -430px;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    background-color: #C1C1C1;
    content: "";
    display: block;
}

.block7 .map {
    position: relative;
    height: 610px;
    overflow: hidden;
}

.block7 .map .contact-tab {
    position: absolute;
    left: 50%;
    bottom: -260px;
    transform: translate(-510px,0) rotateZ(-180deg);
    -moz-transform: translate(-510px,0) rotateZ(-180deg);
    -webkit-transform: translate(-510px,0) rotateZ(-180deg);
    -o-transform: translate(-510px,0) rotateZ(-180deg);
    -ms-transform: translate(-510px,0) rotateZ(-180deg);
    width: 517px;
    height: 517px;
    border-radius: 260px 260px 0 0;
    background: linear-gradient(top,#fff 50%,transparent 50%);
    background: -moz-linear-gradient(top,#fff 50%,transparent 50%);
    background: -webkit-linear-gradient(top,#fff 50%,transparent 50%);
    background:  -o-linear-gradient(top,#fff 50%,transparent 50%);
    background: -ms-linear-gradient(top,#fff 50%,transparent 50%);

    transition: 1s ease-in-out 0.5s;
    -moz-transition: 1s ease-in-out 0.5s;
    -webkit-transition: 1s ease-in-out 0.5s;
    -o-transition: 1s ease-in-out 0.5s;
    -ms-transition: 1s ease-in-out 0.5s;
    z-index: 2;
}

.block7.animate .map .contact-tab {

    transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    -ms-transition: 1s ease-in-out;
    transform: translate(-510px,0) rotateZ(0deg);
    -moz-transform: translate(-510px,0) rotateZ(0deg);
    -webkit-transform: translate(-510px,0) rotateZ(0deg);
    -o-transform: translate(-510px,0) rotateZ(0deg);
    -ms-transform: translate(-510px,0) rotateZ(0deg);

}

.block7 .map .contact-tab ul li  {
    opacity: 0;
    transition: 0.5s ease-in-out ;
    -moz-transition: 0.5s ease-in-out ;
    -webkit-transition: 0.5s ease-in-out ;
    -o-transition: 0.5s ease-in-out ;
    -ms-transition: 0.5s ease-in-out ;
}


.block7.animate .map .contact-tab ul li  {
    opacity: 1;
    transition: 0.5s ease-in-out 1s;
    -moz-transition: 0.5s ease-in-out 1s;
    -webkit-transition: 0.5s ease-in-out 1s;
    -o-transition: 0.5s ease-in-out 1s;
    -ms-transition: 0.5s ease-in-out 1s;
}


.block7 .map .contact-tab  ul li {
    display: inline-block;
    border-right: 1px solid #BCBEC3;
    line-height: 24px;
    width: 69px;
    vertical-align: middle;
    position: relative;


}

.block7 .map .contact-tab  ul {
    padding-top: 193px;
}

.block7 .map .contact-tab  ul li:last-child {
    border-right: none;
}

.block7 .map .contact-tab  ul li span {
    height: 24px;
    width: 30px;
    background-image: url(../images/fsprite1.png);
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.block7 .map .contact-tab  ul li:nth-child(1) span {
    background-position: 6px 0;
} 
.block7 .map .contact-tab  ul li:nth-child(1) span:hover,.block7 .map .contact-tab  ul li:nth-child(1).active span {
    background-position: 6px -83px;
} 

.block7 .map .contact-tab  ul li:nth-child(2) span {
    background-position: 4px -155px;
} 
.block7 .map .contact-tab  ul li:nth-child(2) span:hover,.block7 .map .contact-tab  ul li:nth-child(2).active span {
    background-position: 4px -230px;
}

.block7 .map .contact-tab  ul li:nth-child(3) span {
    background-position: 1px -313px;
} 
.block7 .map .contact-tab  ul li:nth-child(3) span:hover,.block7 .map .contact-tab  ul li:nth-child(3).active span {
    background-position: 1px -397px;
}


.block7 .map .contact-tab .ct-inner {
    color: #fff;
    background-color: #333338;
    position: absolute;
    top: -75px;
    left: 50%;
    transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    border-radius: 4px;
    height: 50px;
    display: none;
    font-weight: 700;
    font-size: 22px;

}

.block7 .map .contact-tab li.active  .ct-inner {
    display: block;
}

.block7 .map .contact-tab .ct-inner p {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    height: inherit;
    vertical-align: middle;
    width: 100%;
    display: table-cell;
}


.block7 .map .contact-tab .ct-inner:after {
    width: 1px;
    height: 1px;
    border-top: 11px solid #333338;
    border-left: 15px solid transparent;
    border-right:  15px solid transparent;
    bottom: -11px;
    left: 50%;
    transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    content: "";
    display: block;
    position: absolute;
}

.block8 {
    padding-top: 45px;
    padding-bottom: 48px;
}

.block8 h3 {
    font-size: 35px;
    color: #808080;
    font-weight: 300;
    margin-bottom: 46px;
    text-align: center;
    line-height: 1.14;
}

.block8 h4 {
    font-size: 24px;
    color: #808080;
    font-weight: 300;
    margin-top: 34px;
    margin-bottom: 34px;
    text-align: center;
    line-height: 1.14;
}

.order-button {
    cursor: pointer;
}

.block8 a.order-button {
    text-decoration: none;
    color: #000;
    border: 2px solid #000;
}

.block8 a.order-button p {
    color: #000;
}





/*********/
.timer-container {
    margin-top: 30px;
}

.bg-timer-container h2{ 
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 400;}

.bg-timer-container h2 span {
    color: #FFC000;
    font-size: 24px;
    font-weight: 700;
}

.bg-timer-container h2 span+span {
    color: #fff;
    font-size: 16px;

}

.title-timer {
    color: #000;
    font-size:17px !important;
    margin-bottom:5px !important;
    margin-top:5px !important;
    font-weight: 500;
    text-align: center;   
    width: 370px;
    font-family: "Roboto";
    margin-left: auto;
    margin-right: auto;
}

.time {
    background-image: url("../images/timer.png");
    background-position: left top;
    background-repeat: no-repeat;
    color: #000;
    display: inline-block;
    font-family: "Roboto Condensed";
    font-size: 97px;
    font-weight: 700;
    height: 122px;
    letter-spacing: 32px;
    margin-left: 8px;
    margin-right: 8px;
    overflow: hidden;
    padding-left: 19px;
    padding-top: 6px;
    width: 145px;
}

.time:nth-child(1) {
    margin-left: 0;
}

.time:last-child {
    margin-right: 0;
}

.bg-timer {

    width:720px;
    //height:143px;
    padding-top:5px;
    margin-left: auto;
    margin-right: auto;



}
.cd {
    width:720px;
    height:128px;
    margin:auto;
    text-align:left;
    margin-top:10px;
    // margin-bottom: 25px;

}

.time {
    text-align: center;
}

.bg-timer li {
    display:inline-block;
    vertical-align:top; 
}

.text-timer {
    text-align:left;
    font-size:17px;
    font-weight: 500;
    color: #000;
    font-family: "Roboto";
    margin-top: 5px;
}
.day{
    margin-left:66px;}

.hour{
    margin-left:136px;}

.minute{
    margin-left:134px;}

.second{
    margin-left:127px;} 


/*************/




/*************/




input[type="text"]::-moz-placeholder {
    color: #000;
    opacity: 1;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}
input[type="text"]::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

input[type="text"]:focus::-moz-placeholder {
    color: #000;
    opacity: 1;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}
input[type="text"]:focus::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

input[type="text"]:focus ,textarea:focus {
    background-color: #CDD0D5;
    border: 1px solid #CDD0D5;
    transition:  background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -moz-transition:background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
}
input[type="text"] {
    display: inline-block;
    width: 249px;
    height: 41px;
    padding-left: 54px;
    padding-right: 10px;
    border: 1px solid #A5A5A8;
    transition:  background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -moz-transition:background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    margin-bottom: 7px;
}

.block8 form {
    text-align: justify;
}



textarea {
    display: inline-block;
    /*width: calc(100% - 66px);*/
    width: 100%;
    height: 141px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 54px !important;
    padding-right: 10px !important;
    border: 1px solid #A5A5A8;
    transition:  background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -moz-transition:background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out , border 0.5s ease-in-out;
    resize: none;
}

input[type="submit"] {
    border: 2px solid #333338;
    border-radius: 45px;
    height: 45px;
    width: 293px;
    font-size: 21px;
    color: #333338;
    letter-spacing: 2px;
    text-align: center;
    background: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    font-weight: 700;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #00C6BC;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

.username {
    background-image: url(../images/fsprite1.png);
    background-repeat: no-repeat;
    background-position: 11px -563px;

}

.username:focus {
    background-position: 11px -475px;

}

.form-block .userphone {
    background-image: url(../images/fsprite1.png);
    background-repeat: no-repeat;
    background-position: 11px -220px;

}

.form-block .userphone:focus {
    background-position: 11px -653px;

}

.form-block .usermail {
    background-image: url(../images/fsprite1.png);
    background-repeat: no-repeat;
    background-position: 11px -384px;

}

.form-block .usermail:focus {
    background-position: 11px -740px;

}

.usercomment {
    background-image: url(../images/fsprite1.png);
    background-repeat: no-repeat;
    background-position: 11px -1135px;

}

.usercomment:focus {
    background-position: 11px -897px;

}

/*
.username:focus::-moz-placeholder {
    color: #AA3D6A;
}
.username:focus::-webkit-placeholder {
    color: #AA3D6A;
}
.userphone:focus::-moz-placeholder {
    color: #AA3D6A;
}
.userphone:focus::-webkit-placeholder {
    color: #AA3D6A;
}
.usermail:focus::-moz-placeholder {
    color: #AA3D6A;
}
.usermail:focus::-webkit-placeholder {
    color: #AA3D6A;
}



.username:focus {

    background-position: 15px -589px;
}
.userphone:focus {

    background-position: 15px -853px;
}
.usermail:focus {
    background-position: 15px -214px;
}*/


.error {
    border: 1px solid #ff0000 !important ; 


}
label.error {
    display: none !important;
}




.footer {
    padding-top: 10px;
    //  margin-top: -104px;
    position: relative;
    z-index: 2;
    position: relative;
    background-color: #333338;
}


.footer h3 {

}









.footer .left-block {
    float: left;
    background: none;
    margin-top: 0px;
    position: relative;
    z-index: 1;
    margin-left: 25px;

}















.footer .copyright {
    margin-top: 26px;
    margin-bottom: 26px;
}

.footer  .left-block {
    background: none;

    float: left;
    text-align: left ;
}
.footer  .left-block img {
    float: left;
    margin-right: 25px;
}





.footer .dev {
    float: right;
    //margin-right: -50px;
}

.conf {
    position: absolute;
    width: 487px;
    bottom: -153px;
    left: 280px;

}





.copyright p:nth-child(1) span {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}
.copyright p:nth-child(1)  {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 260px;
    line-height: 1;
}





/******************/
.pop-up-form-container  {
    position:fixed;
    top:0;
    left:0;
    z-index:16;
    width:0%;
    height:100%;
    display:none;
    background:rgba(0,0,0,0.35);
    opacity:1;
}


.pop-up-form-container-inner {
    position:fixed;
    top:-500%;
    z-index:17;
    padding-top: 90px;
    height: 100%;
    width: 100%;
    background:rgba(0,0,0,0.35);


}

.order-button:not(.hb){
    width: 290px;
    height: 45px;
    margin-top: 30px;
    border: 2px solid #fff;
    border-radius: 30px;
    overflow: hidden;
   
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;

}

.order-button:not(.hb) p {
    border-radius: 30px;
    overflow: hidden;
    width: inherit;
    height: inherit;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

.order-button:not(.hb) span.veil {
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    left: -90%;
    top: 0;
    background-color: #01C6BC;  
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

.order-button:not(.hb) span.veil:after {
    border-right:  85px solid transparent;
    border-top: 85px solid #01C6BC;
    content: "";
    right: -85px;
    top: 0;
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
}


.order-button:not(.hb):hover span.veil {
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    left: 0%;
}


.order-button:not(.hb):hover:after {
    width: 100%;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
} 



.item-inner {
    position: fixed;
    top: 0;
    left: 0;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    width: 400px;
    z-index: 15;
    color: #5f7681;
    display: none;
}




.pop-up-form {   
    text-align: center;
    width:515px;
    height: 390px;    
    position: relative;     
    z-index:110;
    margin-left:auto;
    margin-right: auto;
    padding-top: 1px;
    background-color: #fff;


}

.cross {
    width: 47px;
    height: 47px;
    color: #000;  
    text-align: center;
    cursor: pointer;
    background-image: url(../images/cross.png);   
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 15px;
    right: 15px;
}


.commonpopup {      
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 100;
    display: none; 

    width: 957px;
    height: 640px;


}

.commonpopup-inner {
    //  white-space: nowrap;

}

.commonpopup .cross {
    top: -60px;

}

.commonpopup .portfolio-item:last-child:after {
    display: block;
    clear: both;
}

.commonpopup .portfolio-item {
    opacity: 1;
    display: inline-block;
}


.block1 canvas {
    background-image: url(../images/bg/bg-11.png);
    background-repeat: no-repeat;
    background-position: center center;
}








.pop-up-form h3,.review-form h3 {
    font-size: 24px;
    color:#333338;
    line-height: 1.3;
    //text-transform:uppercase;
    text-align: center;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 38px;
    padding-top: 30px;


}



.cross {

}





/*********************/
.compleet-window {
    width: 330px;
    height: 200px;
    background:#01C6BC;
    border-radius: 10px;
    position: fixed;
    top:100px;
    display: none;
    z-index: 150;
    border:1px solid #fff;
    padding-left: 20px;
    padding-right: 20px;
}

.compleet-window p {

    color: #000;
    font-size: 24px;
    text-align: center;
    padding-top: 30px;

}

.compleet-button {
    width: 100px;
    height: 44px;   
    background:#fff;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    border-radius: 20px;
    color: #000;
    border: 2px solid #000;




}

#brif-vil {
    display: none;
}

.compleet-button p {
    padding-top: 7px;
}

.compleet-button:hover {
    background:#666;

}


.commonpopup-inner h2 {
    font-size: 48px ;
    text-align: center;
}

.commonpopup-inner h3 {
    font-size: 30px ;
    text-align: center;
    font-style: italic;
}


.commonpopup-inner h4 {
    font-size: 24px ;
    text-align: center;
    font-style: italic;
}

.commonpopup-inner h5 {
    font-size: 18px ;
    text-align: center;
    font-style: italic;
}

.commonpopup-inner p {
    font-size: 16px;
    color: #808080;
    font-style: italic;
}

.commonpopup-inner ul li {
    display: list-item;
    list-style-type: disc;
    font-size: 18px;
    position: relative;
}


.commonpopup-inner .test-drive ul li {
    padding-left: 72px;
    margin-bottom: 25px;
}

.commonpopup-inner .test-drive ul li h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    text-align: left;
}


.openpopup .hide-content {
    display: none !important;
}


.commonpopup-inner .test-drive span.listmark {
    background: linear-gradient(top,#3A0002,#A30617);
    background: -moz-linear-gradient(top,#3A0002,#A30617);
    background: -webkit-linear-gradient(top,#3A0002,#A30617);
    background: -o-linear-gradient(top,#3A0002,#A30617);
    background: -ms-linear-gradient(top,#3A0002,#A30617);
    display: inline-block;
    width: 47px;
    height: 47px;
    position: absolute;
    left: 0;
    top: 0;
    border: 4px solid transparent;
    border-radius: 50%;
    overflow: hidden;
}

.commonpopup-inner .test-drive span.listmark span.listmark-inner {
    width: inherit;
    height: inherit;
    line-height: 47px;
    display: block;
    background-color: #fff;
    color: #950411;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    font-family: Arial;
    border-radius: 50%;
}



/*************форма слева***/
.click-here {
    position: fixed;
    top:0;
    left:-314px;
    width: 373px;
    height: 100%;
    z-index: 15;   

}
.click-here .order-form h3 {
    font-size: 18px;
    color:#333338;
    line-height: 1.3;    
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 8px;

}





.click-here-heading-inner-lay2 {
    background: #00C5B8;
    opacity: 0;
    width: 59px;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    cursor: pointer;
    z-index: 2;
}
.click-here .order-form {
    position: relative;
    float: left;
    margin-top: 294px;
    width: 314px;
    background: none;
    text-align: center;

}

.click-here .order-form .qestion {
    text-align: center;
    margin-top: 25px;
    font-size: 15px;
    font-weight:400; 
    margin-bottom: 10px;
}

.click-here .order-form .left {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    float: left;
    margin-left: 38px;
    color: #333338;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    text-decoration: none;
}

.click-here .order-form .left:hover {
    color: #00C5B8;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

.click-here .order-form .right {
    text-decoration: none;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    float: right;
    margin-right:  38px;
    color: #333338;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

.click-here .order-form .right:hover {
    color:#00C5B8;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
}

.form-block {
    text-align: center;
    display: inline-block;
    margin-bottom: 4px;
}

.form-block .input-icon {
    background-image: url(../images/fsprite1.png);
    display: inline-block;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #DFE2E3;
    vertical-align: middle;
    transition: transform 1s linear , background-color 0s linear 0.25s, background-position 0s 0.75s;
    -moz-transition: transform 1s linear , background-color 0s linear 0.25s, background-image 0s 0.75s;
    -webkit-transition: transform 1s linear , background-color 0s linear 0.25s, background-image 0s 0.75s;
    -o-transition: transform 1s linear , background-color 0s linear 0.25s, background-image 0s 0.75s;
    -ms-transition: transform 1s linear , background-color 0s linear 0.25s, background-image 0s 0.75s;
}

.click-here input[type="submit"] {
    margin-top: 14px;
}


.form-block  input[type="text"] {
    color: transparent;
    width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
    border-bottom: 1px solid #333338;
    background: none !important;
    text-align: left;
    vertical-align: middle;
    transition: 1s ease-in-out ,color 0.5s ease-in;
    -moz-transition: 1s ease-in-out ,color 0.5s ease-in;
    -webkit-transition: 1s ease-in-out ,color 0.5s ease-in;
    -o-transition: 1s ease-in-out ,color 0.5s ease-in;
    -ms-transition: 1s ease-in-out ,color 0.5s ease-in;
}

.form-block:hover  input[type="text"],.form-block.texted  input[type="text"] {
    color: #333338;
    width: 165px;
    padding-left: 16px;
    padding-right: 10px;
    transition: 1s ease-in-out;
    transition: 1s ease-in-out ,color 0.5s ease-in 0.75s;
    -moz-transition: 1s ease-in-out ,color 0.5s ease-in 0.75s;
    -webkit-transition: 1s ease-in-out ,color 0.5s ease-in 0.75s;
    -o-transition: 1s ease-in-out ,color 0.5s ease-in 0.75s;
    -ms-transition: 1s ease-in-out ,color 0.5s ease-in 0.75s;
}

.form-block:hover .input-icon , .form-block.texted .input-icon {

    background-color: #00C5B8;
    transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transition: transform 1s linear , background-color 0s linear 0.25s, background-position 0s 0.75s;
    -moz-transition: transform 1s linear , background-color 0s linear 0.25s, background-image 0s 0.75s;
    -webkit-transition: transform 1s linear , background-color 0s linear 0.25s, background-image 0s 0.75s;
    -o-transition: transform 1s linear , background-color 0s linear 0.25s, background-image 0s 0.75s;
    -ms-transition: transform 1s linear , background-color 0s linear 0.25s, background-image 0s 0.75s;
}

.form-block.usn .input-icon {
    background-position: 17px -560px;
}

.form-block.usn:hover .input-icon , .form-block.usn.texted .input-icon {
    background-position: 17px -471px;

}

.form-block.usp .input-icon {
    background-position: 13px -379px;
}

.form-block.usp:hover .input-icon , .form-block.usp.texted .input-icon {
    background-position: 13px -735px;

}
.form-block.usm .input-icon {
    background-position: 17px -214px;
}

.form-block.usm:hover .input-icon , .form-block.usm.texted .input-icon {
    background-position: 17px -647px;

}
.form-block.uscom .input-icon {
    background-position: 15px -1403px;
}

.form-block.uscom:hover .input-icon , .form-block.uscom.texted .input-icon {
    background-position: 15px -1520px;

}
.form-block.usmes .input-icon {
    background-position: 17px -1128px;
}

.form-block.usmes:hover .input-icon , .form-block.usmes.texted .input-icon {
    background-position: 17px -890px;

}


.brief-link {
    width: 293px;
    height: 45px;
    border: 2px solid #333338;
    border-radius: 45px;
    line-height: 45px;
    font-size: 21px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #333338;
    text-decoration: none;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.brief-link:hover {
    background-color: #00C5B8;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;

}





.click-here .order-form-container {
    width: 314px;
    height: 100%;    
    background-color: #FFFFFF;
    position: relative;
	overflow-x:hidden;
	overflow-y:auto;
}

input[type="reset"] {
    display: none;
}

.click-here-heading {
    background: rgba(51,51,56,0.5);
    width: 59px;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    cursor: pointer;
}

.click-here-heading-inner {
    width: 100%;
    height: 100%;
    background-image: url(../images/bg/bg-27.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 3;
}
.click-here-heading-inner.active {
	background-image:url(../images/bg/bg-26.png);
}

/*****/
.dev{
    display:block;
    text-align:center;
    width:400px;
    float: right;
    margin-top: 13px;
}


.dev .dev-text {
    float:left;
    line-height:1;
    text-align:right;
    padding-left:20px;
    margin-right: 15px;
    margin-top:24px;
}

.dev .dev-text span {
    display:block;
}

.dev a {

    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.dev img {
    margin-top:23px;
    float:right;

}

/*************/

/****************/


.description-tabs {
    width:100%;
    text-align: center;
    height: 1050px;
    position: relative;
    top: -180px;
    z-index: 10;
    padding-bottom: 0px;
    // margin-top: -180px;


}


.description-tabs > ul:nth-child(1) {
    // border-bottom: 1px solid #005778;
    text-align: left;
    position: relative;
    z-index: 2;
}


.description-tabs > ul:nth-child(2) {
    z-index: 1;
    position: relative;

}

.description-tabs > ul:nth-child(1) > li {
    display: inline-block;
    vertical-align: top;  
    margin-right: 26px;
    text-align: center;   
    font-size: 18px;
    width: 145px;
    height: 203px;    
    cursor: pointer;    
    border-radius: 9px 9px 0 0;
} 

.description-tabs > ul:nth-child(1) > li:nth-child(5) {
    margin-right: 0;
}

.description-tabs > ul:nth-child(1) > li:hover img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(../images/grayscale.svg#greyscale);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(xray=1);
}

.description-tabs > ul:nth-child(1) > li.active-tab img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(../images/grayscale.svg#greyscale);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(xray=1);
}

.description-tabs > ul:nth-child(1) > li img {
    margin-top: 41px;
}

.description-tabs > ul:nth-child(1) > li:nth-child(3) {
    margin-right: 0;
}




.description-tabs > ul:nth-child(1) > li p {
    font-size: 18px;
    color: #000;
    font-weight: 400;   
    text-align: center;  
    font-family: 'fira_sansbold_italic';  
    margin-top: 32px;
    line-height: 0.8;

}


.description-tabs > ul:nth-child(1) > li img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}


.description-tabs > ul:nth-child(1) > li.active-tab {
    border-left: 1px solid #D0D0D0;
    border-right: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #fff;

}

.description-tabs > ul:nth-child(2) > li.active-tab  {
    display: block !important;

}



.description-tabs > ul:nth-child(1) > li.active-tab p {

}

.description-tabs > ul:nth-child(2) > li {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    display: none ;
    border-top: 1px solid #D0D0D0;


}

.description-tabs > ul:nth-child(2) > li:before {
    height: 1px ;
    background-color: #D0D0D0;
    position: absolute;
    left: -1000px;
    width: 1000px;
    content: '';
    display: block;
    top: -1px;
}
.description-tabs > ul:nth-child(2) > li:after {
    height: 1px ;
    background-color: #D0D0D0;
    position: absolute;
    right: -1000px;
    width: 1000px;
    content: '';
    display: block;
    top: -1px;
}




.pop-up-video-container {
    background: none;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    display: none;

}

.pop-up-video-container iframe  {
    width: 560px;
    height: 315px;
}

.pop-up-video-container .cross {
    right: 50%;
    margin-right: -33px;
}


/************стили для брифа************************/

.brief .header {
    height: 560px;
}

.brief .header .left-block {
    float: left;
    width: 50%;
    margin-top: 14px;
}

.brief .header .right-block {
    float: right;
    width: 50%;
    margin-top: 28px;
}

.brief .header .header-container p {
    font-size: 16px;
    color: #696969;
    font-weight: 300;
    margin-bottom: 30px;
}

.brief .header .header-container p:nth-last-child(2) {
    margin-bottom: 0;
}

.brief .header .header-container a {
    font-weight: 700;
    text-transform: uppercase;
    color: #00C5B8;
    text-decoration: none;
}


.brief .form-item {
    padding-left: 76px;
    padding-right: 106px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #BCC5C9;
    margin-bottom: 40px;
}


.brief .form-item input[type="text"] {
    width: 194px;
    border: 1px solid #000;
    padding-left: 44px;
    font-size: 14px;
    font-weight: 700;
}

.brief .form-item:nth-child(1) {
    /*    text-align: justify;*/
}

.brief .form-item h3 {
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
}


.brief .form-item h4 {
    font-size: 18px;  
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
    text-transform: uppercase;
}
.brief .form-item h5 {
    font-size: 18px;  
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;

}

.brief .form-item h3 span {
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    display: inline-block;

}

.brief .form-item:nth-child(1) input[type="text"].cn  {
    background-image: url(../images/clip/briefclip/bclip1.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}

.brief .form-item:nth-child(1) input[type="text"].cb  {
    background-image: url(../images/clip/briefclip/bclip2.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}

.brief .form-item:nth-child(1) input[type="text"].cu  {
    background-image: url(../images/clip/briefclip/bclip3.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}

.brief .form-item:nth-child(1) input[type="text"].dolzh  {
    background-image: url(../images/clip/briefclip/bclip4.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}

.brief .form-item:nth-child(1) input[type="text"].cphone  {
    background-image: url(../images/clip/briefclip/bclip5.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}

.brief .form-item:nth-child(1) input[type="text"].cemail  {
    background-image: url(../images/clip/briefclip/bclip6.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}
.brief .form-item:nth-child(1) input[type="text"].csite  {
    background-image: url(../images/clip/briefclip/bclip8.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}
.brief .form-item:nth-child(1) input[type="text"].cyear {
    background-image: url(../images/clip/briefclip/bclip9.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}

.brief .form-item:nth-child(1) select {
    width: 247px;

}

.brief .form-item:nth-child(1) .selectArea.cpeople {
    display: inline-block;
    vertical-align: middle;
    height: 42px;
    background-image: url(../images/clip/briefclip/bclip10.png);
    background-repeat: no-repeat;
    background-position: 9px center;
    margin-right: 4px;
}

.brief .form-item:nth-child(1) .selectArea.cpeople span.center {
    padding-left: 44px;
    font-weight: 700;
    font-size: 14px;
}

.ui-datepicker {
    background-color: #555 ;
    width: 250px !important;
}

input.dp {
    background-image: url(../images/clip/briefclip/bclip7.png);
    background-repeat: no-repeat;
    background-position: 9px center;
}

.allform label {
	padding: 8px 20px 0 10px;
	width:auto;
}

.brief .checkboxArea,
.allform .checkboxArea {
    width: 19px;
    height: 19px;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/clip/briefclip/check.png);
    background-position: 0 -100px;
    margin-right: 5px;
}

.brief .checkboxAreaChecked,
.allform .checkboxAreaChecked {
    width: 19px;
    height: 19px;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/clip/briefclip/check.png);
    background-position: center center;
    margin-right: 5px;
}


.brief .form-item label,
.allform .form-item label {
    width: auto;
    padding: 0;
    line-height: normal;
    font-size: 15px;
}


.brief .form-item .ev select {
    width: 327px;
}

.brief .form-item .selectArea {
    width: 327px;
    height: 38px;
    border: 1px solid #737373;
    position: relative;
}


.brief .form-item .selectArea a.selectButton {
    top: 0;
    right: 0;
    height:  100%;
    background-image: url(../images/clip/briefclip/selectbutton.png);
    background-repeat:  no-repeat;
    background-position: center center;

}


.brief .form-item .ev .event-list {
    margin-top: 25px;
    display: table;
    width: 100%;
}

.brief .form-item .ev .event-list .event-item {
    display: table-cell;
    width: 1%;

}

.brief .form-item .ev .event-list .event-item .event-item-row label {
    max-width: calc(100% - 27px);
    display: inline-block;
    vertical-align: top;

}

.brief .form-item input[type="text"].other {
    width: calc(100% - 56px);
}

.brief .form-item label.otherlab {
    font-size: 14px;
    color: #4C4C4C;
}

.brief .form-item .event-list:not(.view) {
    display: none;
}

.brief .form-item .target-cont {
    display: table;
    width: 100%;

}

.brief .form-item .target-cont .target-item {
    display: table-cell;
    width: 1%;
}

.brief .form-item .target-cont .target-item .target-item-row label {
    max-width: 340px;
}

.brief .form-item .target-cont-wrap .other-cont {
    display: none;
    margin-top: 30px;
}

.brief .form-item .date-event-row .add,.brief .form-item .date-event-row .remove {
    color: #000;
    width: 18px;
    height: 18px;
    border: 2px solid #000;
    line-height: 18px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    text-align: center;
    border-radius: 50%;

}

.brief .form-item .date-event-row .add:hover,.brief .form-item .date-event-row .remove:hover {
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    color: #00C5B8;
    border: 2px solid #00C5B8;

}

.brief .form-item .format-cont-wrap .other-cont {
    display: none;
    margin-top: 24px;
}

.brief .form-item .format-cont-wrap .format-cont {
    display: table;

}

.brief .form-item .format-cont-wrap .format-cont .format-item {
    display: table-cell;
    width: 1%;
}

.brief .guest-places select {
    width: 327px;
}

.brief .necessarily-cont {
    display: table;
}

.brief .necessarily-item {
    display: table-cell;
    width: 1%;
}

.brief .radioArea {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid #000;
    width: 14px;
    height: 14px;
    margin-right: 11px;
    background-image: url(../images/clip/briefclip/dot.png);
    background-position: 0 -1000px;
}
.brief .radioAreaChecked {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid #000;
    width: 14px;
    height: 14px;
    margin-right: 11px;
    background-image: url(../images/clip/briefclip/dot.png);
    background-position:  center center;
}

.brief .radio-row {
    display: inline-block;
    vertical-align: middle;
    margin-right: 37px;

}

.brief .radio-row label {
    vertical-align: middle;
    display: inline-block;
}


.brief .radio-area label:nth-child(1) {
    display: inline-block;
    vertical-align: middle;
    margin-right: 43px;
}


.brief .radio-area {
    margin-top: 24px;
}

.brief .criteria-cont {
    display: table;
}

.brief .criteria-item {
    display: table-cell;
    width: 1%;
}

.brief .order-button:not(.hb) {
    cursor: pointer;
    background: none;
    border: 2px solid #000;
    margin-bottom: 40px;
}

.brief .order-button:not(.hb) p {
    color: #000;
}

.brief .guest-stat-cont {
    display: table;
}

.brief .guest-stat-cont .guest-stat-item {
    display: table-cell;
    width: 1%;
}

.brief .guest-stat-wrap .other-cont {
    margin-top: 32px;
    display: none;
}

.brief .radio-area.line {
    display: inline-block;
    margin-left: 40px;
}

.none {
    display: none !important;
}

select.period {
    width: 327px;
}

.brief .previous-events .add-event {
    float: right;
    margin-top: 20px;
    font-size: 18px;

}

.brief .previous-events .add-event p {
    display: inline-block;
    vertical-align: middle;

}

.brief .previous-events .add-event span {
    display: inline-block;
    vertical-align:  middle;
    border-radius: 50%;
    border: 2px solid #FA9157;
    color: #FA9157;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}

.video-responsive { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden; 
} 
.video-responsive iframe, 
.video-responsive object, 
.video-responsive video, 
.video-responsive embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}


@media only screen and (max-width: 992px) {
	.container {width:85%;}
	
	.header-top-belt {padding-top:15px;margin-bottom:12px;}
	.header .header-top-belt .logo img {width:200px;}
	.header .header-top-belt .logo p {font-size:14px;padding-left:80px;margin-top:-43px;}
	.header .header-phone .phone p {font-size:28px;}
	.header-slider .slidesjs-navigation {width:64px;height:64px;font-size:60px;line-height:64px;}
	
	.header-slide .color-text {width:auto;height:auto;}
	.header-slide .color-text .color-text-mask,
	.header-slide .color-text .color-text-background {display:none;}
	.header-slide .color-text p {display:block;font-size:60px;text-transform:uppercase;font-weight:700;color:#01c6bc;text-align:center;}
	
	.header-slide:nth-child(2) .color-text {width:auto;height:auto;}
	.header-slide:nth-child(3) .color-text p {display:none;}
	
	.header-slide:nth-child(5) .color-text {left:auto;width:auto;height:auto;}
	.header-slide:nth-child(5) h3:nth-child(1) {left:auto;display:block;}
	.header-slide:nth-child(5) h3:nth-child(3) {left:auto;display:block;}
	
	.click-here {width:314px;}
	.click-here-heading {width:992px;height:59px;left:100%;right:auto;top:auto;bottom:0;}
	.click-here-heading-inner {background-image:url(../images/bg/bg-27-m.png);background-position: 5px center;}
	.click-here-heading-inner,
	.click-here-heading-inner-lay2 {width:100%;height:100%;right:auto;top:0;left:0;bottom:auto;}
	.click-here-heading-inner.active {background-image:url(../images/bg/bg-26-m.png);background-size:inherit !important;}
	
	.nav-menu-container {height:48px;}
	.nav-menu .container {width:100% !important;}
	.nav-menu ul li {min-width:auto;}
	.nav-menu ul li a {padding:0 10px;font-size:17px;line-height:48px;}
	.nav-menu ul li:last-child {margin:0;}
	.nav-menu ul li a.download img {display:none;}
	
	.block1 h2,	.block2 h2,	.block3 h2,	.block4 h2,	.block5 h2,	.block6 h2,	.block7 h2 {font-size:42px;}

	.block1 .block1-header .left-side,
	.block1 .block1-header .right-side {float:none;margin:0 auto;}

	.block1 .block1-header .left-side img,
	.block1 .block1-header .right-side img {width: 100%;}

	
	.block2 .portfolio-tab ul:nth-child(1) {width:100%;}
	.block2 .portfolio-tab ul:nth-child(1) li {font-size:15px;}
	.block2 .portfolio-tab ul:nth-child(2) li .tab-inner h3 {font-size:26px;}
	
	.block4 .review-slider .review-item p {margin:0 60px 30px 60px;}	
	
	.block5 .brief-button {width:140px;height:140px;font-size:14px;}
	.block5 .brief-button img {margin-top:24px;margin-bottom:10px;}
	
.block7.animate .map .contact-tab {
    transform: translate(-310px,0) rotateZ(0deg);
    -moz-transform: translate(-310px,0) rotateZ(0deg);
    -webkit-transform: translate(-310px,0) rotateZ(0deg);
    -o-transform: translate(-310px,0) rotateZ(0deg);
    -ms-transform: translate(-310px,0) rotateZ(0deg);
}
	
	.portfolio-container {width:auto;}
	.portfolio-item {width:50%;}
	.portfolio-item .portfolio-content {width:100%;}
	.portfolio-item .portfolio-content .portfolio-content-inner {width:100%;}
	.portfolio-item img {width:auto;}
	
	.brief .header {height:auto;margin-bottom: 50px;}
	.header-container .left-block img {max-width:100%;}
	.header-container .right-block {}
	
	.allform .checkboxAreaChecked,
	.brief .checkboxAreaChecked,
	.brief .checkboxArea {width:14px;height:14px;}	
	
	.brief .target-item-row,
	.brief .event-item-row,
	.brief .guest-stat-row,
	.brief .criteria-row,
	.brief .format-row,
	.brief .necessarily-row {margin-bottom:10px;}
	.brief .form-item label {display:inline;}
	
	.commonpopup {width:100%;left:0;right:0;top:150px;height:auto;transform:unset;-moz-transform:unset;-webkit-transform:unset;-o-transform:unset;-ms-transform:unset;}
	.commonpopup .overview {right:0;}
	
}

@media only screen and (max-width: 840px) {
	.container {width:90%;}
	.nav-menu ul li a {padding:0 5px;font-size:16px;}
	.click-here-heading-inner {background-size:50%;}
	.block7 .map .contact-tab .ct-inner {left:150%;}	
	.block7 .map .contact-tab .ct-inner::after {left:25%;}
}

@media only screen and (max-width: 700px) {
	.nav-menu ul li a {padding:0 2px;font-size:15px;}
	.click-here-heading-inner {background-size:40%;}
}

@media only screen and (max-width: 601px) {
	.container {max-width:95%;min-width:240px;}
	
	.click-here-heading-inner {background-size:30%;}

	
	.header-top-belt {padding-top:8px;margin-bottom: 6px;}
	.header .header-top-belt .logo {display:block;width:48px;height:54px;background:url(../images/logo-m.png) no-repeat 50% 50%;background-size: cover;}
	.header .header-top-belt .logo p, .header .header-top-belt .logo img {display:none;}
	.header .header-phone .phone p {font-size:18px;text-align:right;}
	.header .header-phone .order-button {width:auto;}
	.header .header-phone .order-button p {font-size:14px;width:auto;padding-left: 50px;}
	.header-slider .slidesjs-navigation {width:44px;height:44px;font-size:40px;line-height:44px;}
	.header-slider .slidesjs-pagination li {margin-left:5px;margin-right:5px;}
	.header-slider .slidesjs-pagination li a {width:30px;height:30px;background-size:60%;}
	.header-slider .slidesjs-next {right:5px;}
	.header-slider .slidesjs-previous {left:5px;}
	
	.block1 h2,	.block2 h2,	.block3 h2,	.block4 h2,	.block5 h2,	.block6 h2,	.block7 h2 {font-size:32px;}
	
	.block1 .block1-header .left-side {width:auto;}
	.block1 .block1-header .right-side {width:auto;}
	.block1 .block1-header .right-side h3 {text-align:center;}
	.block1 .block1-header .right-side h3 br {display:none;}
	.block1 .block1-inner .block1-item {width:auto;}
	
	.block2 .portfolio-tab ul:nth-child(1) {display:block;margin:0;}
	.block2 .portfolio-tab ul:nth-child(1) li {display:inline-block;width:auto;font-size:13px;height:auto;margin:1px;padding:5px;}
	.block2 .portfolio-tab ul:nth-child(1) li.active-tab {background:#01c6bc;color:#fff;}
	.block2 .portfolio-tab ul:nth-child(2) li .tab-inner h3 {font-size:22px;}
	.block2 .portfolio-tab ul:nth-child(2) li .tab-inner {width:100%;border-radius:0;}
	.block2 .portfolio-tab ul:nth-child(2) li .tab-inner > p {width:auto;font-size:16px;}
	.block2 .order-button:not(.hb) {width:220px;}

	.block4 .review-slider .review-item p {margin:0 30px 30px 30px;}		
	
	.block5 .brief-button {width:60px;height:60px;font-size:14px;}
	.block5 .brief-button img {margin-top:0;margin-bottom:0;height:60px;}
	
	.block7 .map .contact-tab {left:100%;transform:translate(-345px,0) rotateZ(-180deg);-moz-transform:translate(-245px,0) rotateZ(-180deg);-webkit-transform:translate(-245px,0) rotateZ(-180deg);-o-transform:translate(-245px,0) rotateZ(-180deg);-ms-transform:translate(-245px,0) rotateZ(-180deg);}	
/*	.block7 .map .contact-tab .ct-inner::after {left:25%;}*/
	
.block7.animate .map .contact-tab {
    transform: translate(-510px,0) rotateZ(0deg);
    -moz-transform: translate(-510px,0) rotateZ(0deg);
    -webkit-transform: translate(-510px,0) rotateZ(0deg);
    -o-transform: translate(-510px,0) rotateZ(0deg);
    -ms-transform: translate(-510px,0) rotateZ(0deg);
}
	
	.block8 h3 {font-size:25px;}
	.block8 h4 {font-size:18px;}
	.block8 input {display:block;width:100%;box-sizing:border-box;}
	.block8 input[type="submit"] {font-size:16px;}
	.block8 input[type="reset"] {display:none;}
	.block8 .order-button:not(.hb) {width:240px;}
	
	.portfolio-item {width:50%;height:260px;}
	.portfolio-item .portfolio-content {height:260px;}
	.portfolio-item img {width:100%;object-fit: cover;}
	.portfolio-item .portfolio-content .portfolio-content-inner h3 {margin:0;padding:0;font-size:16px;}
	
	.pop-up-form {width:auto;height:auto;padding-bottom:30px;margin-left:0 !important;}
	
	.brief .header .right-block {width:auto;float:none;}
	.brief .header .left-block {width:auto;float:none;}
	
	.brief .form-item h3 span {position:relative;width:25px;height:25px;line-height:25px;font-size:20px;left:-5px;top:10px;}
	
	.brief .form-item {padding-left:0;padding-right:0;}
	.brief .form-item .ev .event-list .event-item,
	.brief .form-item .target-cont .target-item,
	.brief .guest-stat-cont .guest-stat-item,
	.brief .criteria-item,
	.brief .necessarily-item {display:block;width:auto;}
	.brief .form-item .selectArea {width:auto !important;overflow:hidden;}
	
	.brief .form-item input[type="text"],
	.brief .form-item input[type="text"].other	{width:100%;box-sizing:border-box;}
	.brief .form-item:nth-child(1) .selectArea.cpeople {display:block;margin:0 0 7px 0;}
		
	.order-button:not(.hb) {width:220px;}
	.budjet > input {width:100% !important;box-sizing:border-box;}
	
	.header-slide .color-text {width:auto;height:auto;}
	.header-slide .color-text p {font-size:30px;}
	
	.header-slide:nth-child(2) .color-text {width:auto;height:auto;}

	.header-slide:nth-child(3) .color-text p {display:none;}
	
	.header-slide:nth-child(4) .color-text {width:169px;height:auto;border-radius:0;box-shadow:0;top: 67px;}
	.header-slide:nth-child(4) .color-text .color-text-mask {width:170px;height:66px;background-size:100%;}
	.header-slide:nth-child(4) h3 {width: 335px;margin-bottom: 10px;left: -35px;}
	
	.header-slide:nth-child(1) h3 {font-size:22px;}
	.header-slide:nth-child(2) h3 {font-size:22px;}
	.header-slide:nth-child(2) h3:nth-child(1) {padding-top: 370px;}
	
	.header-slide:nth-child(5) h3:nth-child(1) {left:auto;}
	.header-slide:nth-child(5) h3:nth-child(3) {left:auto;}
	
	.block4 .review-slider .review-item p,
	.block4 .review-swiper .review-item p {font-size:14px;line-height:1.1;margin:0 40px 30px 40px;}
	
	.block4 .review-slider .quotes, .block4 .review-swiper .quotes {margin-bottom:10px;}
	
	.block5 #scrollbar1 table tr td {height:200px;}
	.block5 #scrollbar1 table tr td .td-inner {width:200px;}
	.block5 #scrollbar1 table tr td .td-inner img {max-width:150px;max-height:180px;}
	
	.footer .container {padding-bottom:40px;}
}

@media only screen and (max-width: 601px) {
	.block7 .map .contact-tab {left:100%;transform:translate(-345px,0) rotateZ(-180deg);-moz-transform:translate(-245px,0) rotateZ(-180deg);-webkit-transform:translate(-245px,0) rotateZ(-180deg);-o-transform:translate(-245px,0) rotateZ(-180deg);-ms-transform:translate(-245px,0) rotateZ(-180deg);}	
	.block7.animate .map .contact-tab {
		transform: translate(-410px,0) rotateZ(0deg);
		-moz-transform: translate(-410px,0) rotateZ(0deg);
		-webkit-transform: translate(-410px,0) rotateZ(0deg);
		-o-transform: translate(-410px,0) rotateZ(0deg);
		-ms-transform: translate(-410px,0) rotateZ(0deg);
	}
}