ul,
ol {list-style: none;margin: 0;padding: 0;}
ul ul,
ol ul,
ul ol,
ol ol {
  list-style: none;
  margin: 0;padding: 0;
}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
body {
    background: #fff;
    color: #474747;
    font-family: "Roboto", sans-serif;
}
a {
    color: #484848;
}
.clear {
    clear: both;
}
.mb {
	margin-bottom: 36px !important;
}
h1, h2, .h1 {
    color: #6D6D6D;
    font: 300 40px/40px "Roboto", sans-serif;  
    display: block;
    text-align: center;
    margin: 45px 0 34px;
}
h2 {
    text-align: left;
    line-height: 48px;
}
h2 span {
    font-weight: 500;
    display: block;
}
h3 {
    color: #474747;
    font: 300 20px/20px "Roboto", sans-serif;  
    display: block;
    margin: 0 0 23px;     
}
.container {
    display: block;
    margin: 0 auto;
}

#main {
    max-width: 1400px;
    display: block;
    margin: 0 auto;
    -moz-box-shadow: 0 0 35px rgba(190,190,190,1);
    -webkit-box-shadow: 0 0 35px rgba(190,190,190,1);
    box-shadow: 0 0 35px rgba(190,190,190,1);  
    overflow: hidden;  
}
/*header*/
header {
    display: block;
    width: 100%;
    float: left;
    position: relative;
}
/*head__top*/
.head__top {
    display: block;
    width: 100%;
    float: left;    
}
/*.logo*/
.logo {
    display: inline-block;
    float: left;
    margin: 12px 0 4px;
}
.logo a {
    text-decoration: none;
}
/*head__phone*/
.head__phone {
    display: inline-block;
    float: left;
    margin: 12px 0 0;
}
.head__phone li {
    display: block;
    width: 100%;
    position: relative;
    color: #767676;
    font: 13px/13px "Roboto", sans-serif;  
    padding: 0 0 0 34px;
}
.head__phone li:first-child {
    color: #282728;
    font: 26px/26px "Roboto", sans-serif;      
    margin: 0 0 2px;
}
/*
.head__phone li:first-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 1px;
    background: url("../images/icon/sprite.png") no-repeat 0 0;
    width: 24px;
    height: 24px;
}
*/
/*head__call*/
.head__call {
    width: 234px;
    height: 41px;
    text-decoration: none;
    font: 500 15px/15px "Roboto", sans-serif;   
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 13px 0 0;
    margin: 12px 0 0;
    float: right;     
}

.head__call span {
    display: inline-block;
}
/*nav__container*/
.nav__container {
    width: 100%;
    float: left;
    margin: 6px 0 0;
    display: block;
    background-color: #D84315;
    -moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);
    -webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);
    box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);    
    z-index: 100;  
}
/*main__menu*/
.main__menu {
    display: block;
    margin: 0 -10px;
    width: 102%;
}
.main__menu li {
    display: table-cell;
    height: 41px;
}
.main__menu li a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 41px;
    text-decoration: none;
    width: 1000px;
    height: 41px;
    padding: 0 15px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;     
}
.main__menu li a span {
    display: block;
    width: 100%;
    color: #fff;
    font: 500 15px/15px "Roboto", sans-serif;   
    text-transform: uppercase;
    white-space: nowrap;
}
.main__menu li a:hover, .main__menu li.active a {
    background: #D10F45;
    -moz-box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.19) inset;
    -webkit-box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.19) inset;
    box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.19) inset;     
}
/*main__slider*/
.main__slider {
    display: block;
    width: 100%;
    float: left;
    height: 360px;
    background-color: #dfdbd7;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.19);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.19);
    box-shadow: 0 1px 1px rgba(0,0,0,.19);
    position: relative;
}
.main__slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    display: block;
    z-index: 1000;
    -moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);
    -webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);
    box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);   
}
.slider li {
    height: 360px;
    padding: 40px 0 0;
}
/*slide__title*/
.slide__title {
    display: block;
    width: 50%;
    color: #fff;
    font: 300 40px/45px "Roboto", sans-serif;    
    margin: 0 0 26px;
}
.slide__title span {
    font-weight: 500;
    display: block;
    line-height: 35px;
}
.slide__content p {
	width: 60%;
    color: #fff;
    font: 300 24px/27px "Roboto", sans-serif;  
    margin: 0 0 28px;   
}
.slide__content p span {
    display: block;
}
/*slide__more*/
ul.nav > li.current_page_item > a:before {
   background: #FF65A4 !important;
}
.slide__more:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 7px;
    height: 16px;
    background: url("../images/icon/sprite.png") no-repeat 0 -34px;
    top: 12px;  
    right: 18px;  
}
.slide__more:hover, .context__order:hover, .send:hover, .modal__content button:hover, .orderAdv__action button:hover, 
.noticeBtn:hover {
    border-color: #f2c40e;
    -moz-box-shadow: 0 0 5px rgba(255,229,83,.29);
    -webkit-box-shadow: 0 0 5px rgba(255,229,83,.29);
    box-shadow: 0 0 5px rgba(255,229,83,.29);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.11) -47.62%, rgba(255,255,255,.11) 52.38%);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.11) -47.62%, rgba(255,255,255,.11) 52.38%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.11) -47.62%, rgba(255,255,255,.11) 52.38%);
    background-image: linear-gradient(bottom, rgba(0,0,0,.11) -47.62%, rgba(255,255,255,.11) 52.38%);
}
.slide__more:active, .context__order:active, .send:active, .modal__content button:active, .orderAdv__action button:active,
.noticeBtn:active {
    border-color: #f2c40e;
    -moz-box-shadow: 0 0 5px rgba(255,229,83,.35), inset 2px 3px 5px rgba(0,0,0,.22);
    -webkit-box-shadow: 0 0 5px rgba(255,229,83,.35), inset 2px 3px 5px rgba(0,0,0,.22);
    box-shadow: 0 0 5px rgba(255,229,83,.35), inset 2px 3px 5px rgba(0,0,0,.22);
    background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.11) -47.62%, rgba(0,0,0,.11) 52.38%);
    background-image: -o-linear-gradient(bottom, rgba(255,255,255,.11) -47.62%, rgba(0,0,0,.11) 52.38%);
    background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.11) -47.62%, rgba(0,0,0,.11) 52.38%);
    background-image: linear-gradient(bottom, rgba(255,255,255,.11) -47.62%, rgba(0,0,0,.11) 52.38%);
}
.slide1 {
    background: url("../images/slide1.jpg") no-repeat center center;
}
.slide2 {
    background: url("../images/slide2.jpg") no-repeat center center;
}
.slide3 {
    background: url("../images/slide3.jpg") no-repeat center center;
}
.slide4 {
    background: url("../images/slide4.jpg") no-repeat center center;
}
/*certificates__container*/
.certificates__container {
    display: block;
    width: 100%;
    float: left;
    height: 184px;
    background-color: #f5f5f5;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.19);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.19);
    box-shadow: 0 1px 1px rgba(0,0,0,.19);
    padding: 30px 0 0;
}
/*quote__img*/
.quote__img {
    display: block;
    width: 100%;
}
blockquote {
    padding: 0 50px 0 0;
    position: relative;
    margin: -2px 0 0;
}
blockquote:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: -34px;
    background: url("../images/icon/sprite.png") no-repeat -17px -34px;
    width: 25px;
    height: 21px;
}
blockquote i {
    display: inline-block;
    position: relative;
    background: url("../images/icon/sprite.png") no-repeat 0 -97px;
    width: 15px;
    height: 13px;
    margin: 0 0 0 3px;
}
blockquote p {
    color: #000;
    font: 300 14px/20px "Roboto", sans-serif;  
}
blockquote span {
    color: #000;
    font: 500 12px/18px "Roboto", sans-serif;     
    display: inline-block;
    margin: 5px 0 0;
}
/*certificates__content*/
.certificates__content {
    display: block;
    width: 100%;
    margin: 1px 0 0;
}
.certificat li {
    display: inline-block;
    float: left;
}
.certificat li.sert1 {
    margin: 0 13px 0 0;
}
.certificat li.sert3 {
    margin: 0 9px 0 12px;
}
/*wrapper*/
.wrapper {
    display: block;
    float: left;
    width: 100%;
}
/*advantages__container*/
.advantages__container {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 50px;    
}
/*adv__box*/
.adv__box {
    display: block;
    width: 100%;
    min-height: 226px;
    margin: 0 0 29px;
    position: relative;
}
.adv__box p {
    color: #474747;
    font: 300 13px/20px "Roboto", sans-serif; 
}
.adv__box p span {
    display: block;
}
/*adv__title*/
.adv__title {
    display: block;
    width: 100%;
    float: left;
    height: 74px;
    vertical-align: middle;
    line-height: 74px;
    margin: 0 0 17px;
}
.adv__link {
    color: #474747;
    font: 500 18px/20px "Roboto", sans-serif;
    text-decoration: none;
    vertical-align: middle; 
    display: inline-block;
    padding: 0 0 0 90px;
    position: relative;
    height: 74px;
    width: 100%;
}
.adv__link span {
    display: block;
}
.adv__link:before {
    content: "";
    display: block;
    background: url("../images/icon/sprite.png") no-repeat;
    width: 74px;
    height: 74px;
    position: absolute;
    top: -10px;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;      
}
.adv__link:hover {
    color: #010101;
}
/*adv1*/
.adv1 .adv__link:before {
    background-position: -57px 0;
}
.adv1 .adv__link:hover:before {
    background-position: -57px -84px;
}
.adv1:before, .adv2:before, .adv3:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ececec;
    width: 95%;
    height: 2px;
}
/*adv2*/
.adv2 .adv__link:before {
    background-position: -141px 0;
}
.adv2 .adv__link:hover:before {
    background-position: -141px -84px;
}
/*adv3*/
.adv3 .adv__link:before {
    background-position: -225px 0;
}
.adv3 .adv__link:hover:before {
    background-position: -225px -84px;
}
.adv3 .adv__link, .adv4 .adv__link {
    padding: 8px 0 0 90px;
}
/*adv4*/
.adv4 .adv__link:before {
    background-position: -309px 0;
}
.adv4 .adv__link:hover:before {
    background-position: -309px -84px;
}
/*adv5*/
.adv5 .adv__link:before {
    background-position: -393px 0;
}
.adv5 .adv__link:hover:before {
    background-position: -393px -84px;
}
/*adv6*/
.adv6 .adv__link:before {
    background-position: -477px 0;
}
.adv6 .adv__link:hover:before {
    background-position: -477px -84px;
}
/*platform__container*/
.platform__container {
    display: block;
    width: 100%;
    float: left;
    background: rgb(240,240,240);
    min-height: 1154px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 2px 2px rgba(0,0,0,.18);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 2px 2px rgba(0,0,0,.18);
    box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 2px 2px rgba(0,0,0,.18);
}
/*platform__top*/
.platform__top {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 4px;
}
.platform__top:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("../images/icon/shadow_top.png") no-repeat center center;
    height: 7px;
}
.pl__img {
    position: relative;
    margin: -82px 0 0 -25px;
}
.platform__top p {
    color: #474747;
    font: 300 20px/28px "Roboto", sans-serif;   
}
.platform__top h2 {
    margin: 43px 0 32px;
}
/*platform__list__content*/
.platform__list__content {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    padding: 24px 0 5px;
}
.platform__list__content:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("../images/icon/shadow_bottom.png") no-repeat center center;
    height: 10px;
}
/*pl__item*/
.pl__item {
    display: block;
    width: 100%;
    min-height: 54px;
    line-height: 54px;
    vertical-align: middle;
    position: relative;
    padding: 0 0 0 70px;
    margin: 0 0 26px;
}
.pl__item p {
    color: #474747;
    display: inline-block;
    font: 300 15px/19px "Roboto",sans-serif;
    vertical-align: middle; 
}
.pl__item p span {
    display: block;
}
.pl__item p a {
    color: #60a7c3;
}
.pl__item p a:hover {
    text-decoration: none;
}
.pl__item i {
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 55px;   
}
/*platform__bottom__content*/
.platform__bottom__content {
    width: 100%;
    float: left;
    display: block;
    margin: 23px 0 0;
}
#platform2 {
    position: relative;
    top: -30px;
}
#calltracking {
    position: relative;
    top: -30px;    
}
#technology2 {
    position: relative;
    top: -30px;

}
/*flex-video*/
.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
    margin: 0 auto 32px;
    text-align: center;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
/*pl__circles*/
.pl__circles {
    display: block;
    width: 100%;
    float: left;
    margin: 44px 0 0;
}
/*pl__circles__content*/
.pl__circles__content {
    display: block;
    width: 100%;
    float: left;
    text-align: right;    
    margin: 0 0 25px;
}
/*pl__circles__box*/
.pl__circles__box {
    display: inline-block;
    width: 105px;
}
.pl__circles__box:first-child {
    margin: 0 22px 0 0;
}
/*circle__img*/
.circle__img {
    display: block;
    width: 105px;
    height: 105px;
    position: relative;
    line-height: 111px;
    vertical-align: middle;
    text-align: center;
}
.circle__img img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.circle__img span {
    white-space: nowrap;
    color: #474747;
    font: 500 28px/28px "Roboto",sans-serif;
    position: relative;
    z-index: 5;
}
/*circle__txt*/
.circle__txt {
    display: block;
    width: 100%;
    text-align: center;
    color: #474747;
    font: 300 13px/15px "Roboto",sans-serif; 
    margin: 9px 0 0;
}
.circle__txt span {
    display: block;
}
.platform__bottom__content .btn {
    float: right;
    margin: 0 62px 0 0;
}
/*btn*/
.btn {
    width: 234px;
    height: 42px;
    text-decoration: none;
    font: 500 15px/15px "Roboto", sans-serif;   
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 0 0;
    text-align: center;      
}
/*cases__container*/
.cases__container {
    display: block;
    width: 100%;
    float: left;
    padding: 0 0 31px;
    position: relative;
}
.cases__container:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 138px;
    left: 0;
    width: 100%;
    height: 20px;
    background: url("../images/case_shadow.png") no-repeat center center;
    z-index: 5;
}
/*cases__content*/
.cases__content {
    display: block;
    width: 100%;
    position: relative;    
}
.cases__content:before {
    content: "";
    display: block;
    position: absolute;
    /*top: 259px;*/
    bottom: 109px;
    left: 0;
    width: 100%;
    height: 191px;
    background: rgb(254,254,254);
    background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(252,252,252,1) 50%, rgba(249,249,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(50%,rgba(252,252,252,1)), color-stop(100%,rgba(249,249,249,1)));
    background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(252,252,252,1) 50%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(252,252,252,1) 50%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(252,252,252,1) 50%,rgba(249,249,249,1) 100%);
    background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(252,252,252,1) 50%,rgba(249,249,249,1) 100%);
    z-index: 2;
}
.cases__container .container {
    z-index: 10;
    position: relative;
}
.cases__container .h1 {
    margin: 47px 0 36px;
}
/*cases__slider*/
.cases__slider {
    display: block;
    width: 100%;
    float: left;    
    margin: 0 0 97px;
}
/*case__content*/
.case__content {
    display: block;
    width: 100%;
    float: left;
    position: relative;
}
/*case__arrow*/
.case__arrow {
    display: block;
    position: absolute;
    top: 71px;
    right: -73px;
    width: 122px;
    height: 128px;
}
/*case__arrow*/
.case__arrow2 {
    display: none;
    margin: 0 auto;
    width: 122px;
    height: 128px;
}
/*case__customer*/
.case__customer {
    display: block;
    width: 100%;
    float: left;  
    margin: 0 0 20px; 
}
.case__customer ul li {
    display: block;
    width: 100%;
    position: relative;
    color: #000;
    font: 500 18px/18px "Roboto", sans-serif;  
    padding: 0 0 0 159px; 
    margin: 0 0 3px;   
}
.case__customer ul li span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    padding: 0 12px 0 0;
    width: 159px;
    color: #000;
    font-weight: 300;
}
.case__customer ul li a {
    color: #334a58;
}
.case__customer ul li a:hover {
    text-decoration: none;
}
/*case__box*/
.case__box {
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 31px;
}
.caseBox__title {
    display: block;
    width: 234px;
    float: left;
    text-align: right;
    text-transform: uppercase;
    color: #484848;
    font: 500 17px/17px "Roboto", sans-serif;  
}
/*case__list*/
.case__list {
    display: block;
    width: 100%;
    float: left;
    margin: 10px 0 0;
}
.case__list li {
    display: block;
    width: 100%;
    float: left;
    padding: 0 0 0 234px;
    position: relative;
    margin: 0 0 2px;
}
.case__list li > span:first-child {
    color: #484848;
    font: 300 17px/17px "Roboto", sans-serif;   
    position: absolute;
    top: 2px;
    left: 0;
    width: 234px;   
    text-align: right;
}
.case__list li > span:first-child + span {
    height: 23px;
    color: #fff;
    font: 500 17px/17px "Roboto", sans-serif;   
    display: inline-block;
    margin: 0 0 0 10px; 
    padding: 3px 0 0 10px;  
    position: relative;  
}
.case__list li > span:first-child + span:before {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
    width: 1px;
    height: 29px;
    background: #000;
	z-index: 1;
}
.were__summ {
    background: #009688;
}
.became__summ {
    background: #4CAF50;
}
.cpc {
    background: url("../images/icon/list_bg.png") repeat-x;
}
/*case__list1*/
.case__list1 .were__summ {
    width: 106px;
}
.case__list1 .became__summ {
    width: 141px;
}
.case__list1 .cpc {
    width: 175px;
}
.case__list1 .cpc span {
    width: 106px;
    background: #03A9F4;
    height: 23px;
    display: inline-block;
    margin: 0 0 0 -10px;
    position: relative;
    top: -3px;
    padding: 3px 0 0 10px;
}
.case__list1 .cpc span:before {
    content: "";
    display: block;
    width: 11px;
    height: 18px;
    background: url("../images/icon/sprite.png") no-repeat -626px 0;
    float: left;
    position: relative;
    margin: 0 9px 0 -3px;
}
.case__list li.last {
    margin: 10px 0 0;
}
/*case__list2*/
.case__list2 .were__summ {
    width: 65px;
}
.case__list2 .became__summ {
    width: 146px;
}
.case__list2 .cpc {
    width: 207px;
}
.case__list2 .cpc span {
    width: 116px;
    background: #03A9F4;
    height: 23px;
    display: inline-block;
    float: right;
    position: relative;
    top: -3px;
    padding: 3px 0 0 10px;
}
.case__list2 .cpc span:before {
    content: "";
    display: block;
    width: 11px;
    height: 18px;
    background: url("../images/icon/sprite.png") no-repeat -626px -28px;
    float: left;
    position: relative;
    margin: -1px 5px 0 -3px;
}
/*case__result__title*/
.case__result__title {
    display: block;
    width: 100%;
    padding: 0 0 0 122px;
    color: #000;
    font: 500 20px/20px "Roboto", sans-serif;
    text-transform: uppercase;       
}
/*case__result__list*/
.case__result__list {
    display: block;
    width: 100%;
    margin: 19px 0 11px 122px;
    width: 287px;
}
.case__result__list li {
    display: block;
    width: 100%;
    color: #000;
    font: 300 18px/22px "Roboto", sans-serif;   
    margin: 0 0 14px;
    position: relative; 
}
.case__result__list li span {
    color: #03A9F4;
    font-weight: 500; 
}
.case__result__list li:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../images/icon/sprite.png") no-repeat;
    left: -46px;
    top: 2px;
}
.case__result__list li.one:before {
    background-position: -647px 0;
    width: 25px;
    height: 43px;
}
.case__result__list li.two:before {
    background-position: -681px 0;
    width: 29px;
    height: 42px;
}
.case__result__list li.three:before {
    background-position: -720px 0;
    width: 29px;
    height: 44px;
}
/*case__list3*/
.case__list3 .were__summ {
    width: 118px;
}
.case__list3 .became__summ {
    width: 118px;
}
.case__list3 .cpc {
    width: 175px;
}
.case__list3 .cpc span {
    width: 133px;
    background: #03A9F4;
    height: 23px;
    display: inline-block;
    margin: 0 0 0 -10px;
    position: relative;
    top: -3px;
    padding: 3px 0 0 10px;
}
.case__list3 .cpc span:before {
    content: "";
    display: block;
    width: 11px;
    height: 18px;
    background: url("../images/icon/sprite.png") no-repeat -626px 0;
    float: left;
    position: relative;
    margin: 0 9px 0 -3px;
}
.case__list3 .cpc2 span {
    width: 89px;
}
.case__list li.last {
    margin: 10px 0 0;
}
/*case__list4*/
.case__list4 .were__summ {
    width: 71px;
}
.case__list4 .became__summ {
    width: 139px;
}
.case__list4 .cpc {
    width: 180px;
}
.case__list4 .cpc span {
    width: 89px;
    background: #03A9F4;
    height: 23px;
    display: inline-block;
    float: right;
    position: relative;
    top: -3px;
    padding: 3px 0 0 10px;
}
.case__list4 .cpc span:before {
    content: "";
    display: block;
    width: 11px;
    height: 18px;
    background: url("../images/icon/sprite.png") no-repeat -626px -28px;
    float: left;
    position: relative;
    margin: -1px 5px 0 -3px;
}
/*title2*/
.title2 {
    padding: 0 0 0 256px;
}
/*result__content*/
.result__content {
    display: block;
    width: 100%;
    position: relative;
    padding: 4px 0 0 60px;
}
/*result__circle*/
.result__circle {
    float: left;
    width: 186px;
    height: 186px;
    line-height: 193px;
    vertical-align: middle;
    position: relative;
    text-align: center;
}
.result__circle img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.result__circle span {
    font: 500 33px/33px "Roboto", sans-serif; 
    position: relative;
    z-index: 5; 
	color: #03A9F4;
}
/*result__box1*/
.result__box1 {
    position: absolute;
    top: 162px;
    left: 58px;
    width: 148px;
    height: 70px;
    padding: 35px 0 0 17px;
}
.result__box1 img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.result__box1 ul {
    position: relative;
    z-index: 5;
}
.result__box1 ul li {
    width: 100%;
    display: block;
    color: #484848;
    font: 300 18px/15px "Roboto", sans-serif;
    margin-top: 11px;
}
.result__box1 ul li span {
    color: #03A9F4;
    font: 500 30px/30px "Roboto", sans-serif; 
}
.result__box1 ul li:first-child {
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 -11px;
}
/*result__box2*/
.result__box2 {
    position: absolute;
    top: 146px;
    left: 234px;
    width: 182px;
    height: 44px;
    padding: 10px 0 0 26px;
}
.result__box2 img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.result__box2 ul {
    position: relative;
    z-index: 5;
}
.result__box2 ul li {
    width: 100%;
    display: block;
    color: #484848;
    font: 300 18px/15px "Roboto", sans-serif;
    margin-top: 11px;
}
.result__box2 ul li span {
    color: #03A9F4;
    font: 500 30px/30px "Roboto", sans-serif; 
}
.result__box2 ul li:first-child {
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 -11px;
}
/*result__box3*/
.result__box3 {
    width: 180px;
    position: absolute;
    top: 52px;
    left: 288px;
    color: #484848;
    font: 300 18px/21px "Roboto", sans-serif;     
}
.result__box3 span {
    font-weight: 500;
}
.result__box3 img {
    position: absolute;
    top: 4px;
    left: -39px;
}
/*result__txt*/
.result__txt {
    left: 79px;
    position: absolute;
    top: 252px;  
    width: 160px;
    position: absolute;      
}
.result__txt li {
    background: #7EB8F1;
    padding: 1px 11px 2px 8px; 
    color: #fff;
    font: bold 15px/15px "Roboto", sans-serif;   
    text-transform: uppercase;
    margin: 0 0 -3px; 
}


.cases__slider .bx-wrapper .bx-pager, .cases__slider .bx-wrapper .bx-controls-auto {
    bottom: -84px;
}
.cases__slider .bx-wrapper .bx-pager.bx-default-pager a {
    border: 2px solid #FF6D3F;  
}
.cases__slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.cases__slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: rgba(255,109,63,0.5);
}
.cases__container .btn {
    display: block;
    margin: 0 auto;
    clear: both;
}
.technology__container {
    display: block;
    width: 100%;
    position: relative;
    float: left;
    background: rgb(240,240,240);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 2px 2px -1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 2px 2px -1px rgba(0,0,0,.25);
    box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 2px 2px -1px rgba(0,0,0,.25); 
}
.technology__container .h1 {
    margin: 47px 0 51px;
}
.technology__container:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1080px;
    bottom: 0;
    left: 0;
    background: rgb(240,240,240);
}
/*technology__content*/
.technology__content {
    display: block;
    width: 100%;
    position: relative;
    float: left;
    padding: 0 0 58px;
    margin: 0 0 33px;
}
.technology__content .btn {
    padding: 12px 23px 0;
    width: auto !important;
}
/*techno1*/
.techno1:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11px;
    background: url("../images/techno_shadow.png") no-repeat center center;
}
/*techno2*/
.techno2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11px;
    background: url("../images/techno_shadow.png") no-repeat center center;
}
.techno2 {
    padding: 0 0 45px;
}
.techno3 {
    padding: 0 0 11px;
}
/*techno__top*/
.techno__top {
    display: block;
    width: 100%;
    float: left;
    border-bottom: 2px solid #c5cfd7;
    padding: 0 0 20px;
    margin: 0 0 20px;
}
/*techno__title*/
.techno__title {
    display: block;
    width: 100%;    
    color: #474747;
    font: 500 24px/29px "Roboto", sans-serif; 
    margin: 15px 0 15px;
}
.techno__title span {
    display: block;
    margin-top: 12px;
}
.techno__top p {
    color: #474747;
    font: 300 15px/22px "Roboto", sans-serif; 
}
/*techno__list*/
.techno__list {
    display: block;
    width: 100%;
    float: left;
    padding: 0 0 0 24px;
    margin: 0 0 17px;
}
.techno__item {
    display: block;
    width: 100%;
    position: relative;
    color: #474747;
    font: 300 15px/19px "Roboto", sans-serif;   
    margin: 0 0 10px;  
}
.techno__item b {
    font-weight: 500;
}
.techno__item span.bl {
    display: block;
}
.list__arrow .techno__item:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: -22px;
    background: url("../images/icon/sprite.png") no-repeat 0 -65px;
    width: 10px;
    height: 14px;
} 
.techno1 .techno__img {
    margin: 7px 0 0;
}
.techno2 .techno__img {
    margin: 9px 0 0;
}
.techno3 .techno__img {
    margin: 12px 0 0;
}
.sample {
    color: #b6143a;
    font: 700 15px/15px "Roboto", sans-serif; 
    text-shadow: 0 1px 1px rgba(0,0,0,.27);
    display: block;
    position: absolute;
    top: 1px;
    left: -22px; 
    width: 20px;
}
.rainbows-highlight {
    display: none !important;
}
.rainbow,.rainbows-highlight,.rainbows-shadow {
	xline-height: 1;
	}

.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
	}

	.rainbow span {
		position: absolute;
		top: 0;
		left: 1px;
		display: block;
		xwhite-space: nowrap;
		}
	
	a .rainbow span {
		white-space: nowrap;
		}

.rainbows-highlight {
	color: #fff !important;
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: 2;
	}

.rainbows-shadow {
	color: #000 !important;
	display:block;
	position: absolute;
	top: 1px;
	left: 2px; /* can be one or two depending on 90 or 135 degree global light */
	z-index: 3;
	}

.back .text .rainbows-shadow {
	color: #fff !important;
	opacity: 0.3;
	}
/*context__container*/    
.context__container {
    display: block;
    width: 100%;
    float: left;
    padding: 0 0 30px;
}    
.context__container .h1 {
    margin: 45px 0 44px;    
}
.context__content {
    width: 100%;
    display: block;
    float: left;
	background-color: #50B8FF;
    border: 1px solid #50B8FF;
    padding: 10px 0 0;   
    margin: 0 0 32px;
}
.right-colum .context__content {
    margin: 0 0 18px;
}
.context__box {
    width: 100%;
    display: block;
    float: left;
    background-color: #fff;
    padding: 0 36px 0 44px;
}
/*context__title*/
.context__title {
    display: block;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #ececec;
    color: #474747;
    font: 500 20px/21px "Roboto", sans-serif;   
    padding: 26px 0 20px;
    margin: 0 0 18px;
}
.context__title span {
    display: block;
}
.context__box .techno__list {
    padding: 0;
    margin: 0 0 17px;
}
.context__box .list__arrow .techno__item:before {
    left: -16px;
    top: 2px;
}
/*context__action*/
.context__action {
    display: block;
    width: 100%;
    float: left;
	padding: 8px 36px 8px 44px;
}
.context__cost {
    color: #fff;
    font: 500 28px/28px "Roboto", sans-serif;   
    display: inline-block;
    float: left;   
    padding: 7px 0 0; 
}
.context__order {
    width: 114px;
    float: right;
    padding: 10px 0 10px;
    text-align: center;
}
/*.context__title:before */
.context__title:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;    
}
.context1 .context__title:before {
    top: 12px;
    width: 106px;
    height: 37px;
    background: url("../images/con_logo1.png") no-repeat;
}
.context2 .context__title:before {
    top: 12px;
    width: 62px;
    height: 42px;
    background: url("../images/con_logo2.png") no-repeat;
}
.application__container {
    width: 100%;
    float: left;
    display: block;
}
.application__content {
    width: 100%;
    height: 422px;
    float: left;
    display: block;
    background: #F0F0F0;
    overflow: hidden;
}
.application__container .h1 {
    margin: 0;
    padding: 42px 0;
    color: #474747;
    text-align: left;
}
/*app__img*/
.app__img {
    position: relative;
    top: -159px;
    right: -50px;
    display: block;
    height: 375px;
}
/*app__form*/
.app__form {
    display: block;
    width: 100%;
    float: left;
}
.app__form label {
    width: 100%;
    display: block;
    text-transform: uppercase;
    color: #474747;
    font: 500 15px/15px "Roboto", sans-serif; 
    margin: 0 0 5px; 
}
.app__form label sup {
    font-size: 15px;
    top: -5px;
    left: -3px;
    font-weight: 300;
}
.app__form input, .app__form textarea {
    width: 100%;
    display: block;
    color: #474747;
    font: 300 15px/15px "Roboto", sans-serif;   
    height: 36px;
    /*border: 0;*/
    padding: 0 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 5px rgba(239,232,234,1);
    -webkit-box-shadow: inset 0 0 5px rgba(239,232,234,1);
    box-shadow: inset 0 0 5px rgba(239,232,234,1);
	border: 1px solid #E0E0E0 !important;
    margin: 0 0 15px;
    outline: none !important;
    border: 0;
}
.app__form input:focus, .app__form textarea:focus {
    border: 2px solid #fff;
    background: #fff;
    -moz-box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    padding: 0 6px 0 15px;
}
.app__form textarea {
    height: 105px;
    padding: 10px 15px !important;
}
/*url__txt*/
.url__txt {
    width: 50px;
    margin: 0 -50px 0 0;
    display: block;
    float: left;
    color: #474747;
    font: 300 15px/36px "Roboto",sans-serif;
    height: 36px;  
    text-align: right;  
}
/*url__input*/ 
.url__input {
    padding: 0px 6px 0px 50px !important;    
}
.send {
    float: left;
    padding: 10px 30px;
    text-align: center;
    width: auto;
    background: none;
    outline: none !important;
	border: 0px;
}
/*form__action*/
.form__action {
    display: block;
    width: 100%;
    margin: 1px 0 0;
    float: left;
}
.form__action p {
    text-align: right;
    color: #474747;
    font: 500 13px/18px "Roboto", sans-serif; 
    padding: 6px 0 0;
}
.form__action p .f__title {
    font-weight: 300;
}
.bl__desc {
    display: block;
}
/*footer*/
footer {
    display: block;
    width: 100%;
    background: #D84315;
    height: 104px;
    float: left;
}
/*f__nav*/
.f__nav {
    display: inline-block;
    float: left;
    margin: 37px 0 0 -11px;
}
.f__nav li {
    display: inline-block;
    float: left;
}
.f__nav li a {
    padding: 0 11px;
    color: #fff;
    font: 500 11px/11px "Roboto", sans-serif;
    text-transform: uppercase;
    text-decoration: none; 
}
.f__nav li a:hover {
    text-decoration: underline;
}
footer .head__phone {
    float: right;
    margin: 35px -20px 0 0;
}
footer .head__phone li, footer .head__phone li:first-child {
    color: #fff;
}
/*modal*/
.modal, .modal2 {
    display: none;
    z-index: 1001;
    position: absolute;
    padding: 51px 61px 0;
    width: 620px;
    height: 491px;
    background: #F2F2F2;
}
.modal2__link {
    display: none;
}
.modal__block {
    display: block;
    margin: 0 auto;
    width: 320px;    
}
/*modal__content*/
.modal__content {
    display: block;
    position: relative;
}
.modal__content input, .modal__content textarea {
    width: 100%;
    display: block;
    border: 0;
    color: #474747;
    font: 300 15px/15px "Roboto", sans-serif;   
    height: 36px;
    /*border: 0;*/
    padding: 0 6px;
	border: 1px solid #CCCCCC;
    margin: 0 0 14px;
    float: left;
    outline: none !important;   
}
.modal__content input::-webkit-input-placeholder {color:#474747;}
.modal__content input::-moz-placeholder          {color:#474747;}
.modal__content input:-moz-placeholder           {color:#474747;}
.modal__content input:-ms-input-placeholder      {color:#474747;}

.modal__content input:focus::-webkit-input-placeholder {color: transparent}
.modal__content input:focus::-moz-placeholder          {color: transparent}
.modal__content input:focus:-moz-placeholder           {color: transparent}
.modal__content input:focus:-ms-input-placeholder      {color: transparent}
.modal__content textarea {
    height: 106px;
    padding: 10px 15px !important;
    margin: 0 0 26px;
}
.modal__content input:focus, .modal__content  textarea:focus {
    border: 2px solid #fff;
    background: #fff;
    -moz-box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    padding: 0 6px 0 15px;
}
.modal__content label {
    color: #202020;
    display: block;
    font: 500 15px/15px "Roboto",sans-serif;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}
.modal__content label sup {
    font-size: 15px;
    top: -5px;
    left: -3px;
    font-weight: 300;
}
.modal__content button {
    background: none;
    float: none;
    outline: medium none !important;
    padding: 10px 0 10px !important;
    text-align: center;
    width: 134px;
    margin: 0 auto;
    display: block;
    clear: both;
}
.modal__content .h1 {
    text-align: left;
    margin: 0 0 45px;
    color: rgb(32,32,32);
    font: 300 30px/30px "Roboto",sans-serif; 
    white-space: nowrap;
    text-align: center;
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  background: #CCCCCC !important;      
}
.closeBtn {
    cursor: pointer;
    height: 13px;
    position: absolute;
    right: 19px;
    top: 17px;
    width: 14px;
    z-index: 8040;    
    background: url("../images/icon/close.png") no-repeat;
}

.error{
	border: 2px solid #d5237b !important;
}
.error_yellow{
	border: 2px solid #FBEF09 !important;
}
/*notice*/
.notice{
	color: #fff;
}
.notice .h1 {
    color: #474747;
    font: 500 30px/30px "Roboto",sans-serif; 
    margin: 0 0 12px;
}
.notice p {
    color: #B7B7B7;
    font: 300 30px/35px "Roboto",sans-serif;   
    text-align: center;  
}
.notice p span {
    display: block;
}
.notice .closeBtn {
    cursor: pointer;
    position: relative;
    top: 0;
    right: 0;
    display: block;
    margin: 31px auto 0;    
    width: 134px;
    height: 42px;
    background: none;
    color: #272727;
    padding: 0;
    text-align: center;
    line-height: 40px;    
}
.noticeBtn {
	opacity: 0;
}
.modalSend {
    background: url("../images/modal_bg2.jpg") no-repeat center top #FBFDFD;
    height: 271px;
}

.modalSend2 {
    height: 398px;
}

/*navbar-toggle*/
.navbar-toggle {      
    border: 1px solid #474747;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: none;
    width: 44px;
    position: absolute;
    top: 8px;
    right: 0px;
    display: none;
}
.navbar-toggle span {
    display: inline-block;
    background: #334a58;  
    width: 100%;
    height: 2px;
    float: left;
    margin: 2px 0;
}
/*
    NEW STYLES
*/
a, input, textarea, button {
    outline: none !important;
}
/*orderAdv__container*/
.orderAdv__container {
    display: block;
    width: 100%;
    float: left;
    height: 516px;
    background-color: #334a58;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.19);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.19);
    box-shadow: 0 1px 1px rgba(0,0,0,.19);
    background: rgb(49,70,84);
    background: -moz-linear-gradient(left,  rgba(49,70,84,1) 0%, rgba(52,75,89,1) 50%, rgba(83,121,144,1) 91%, rgba(83,121,144,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,70,84,1)), color-stop(50%,rgba(52,75,89,1)), color-stop(91%,rgba(83,121,144,1)), color-stop(100%,rgba(83,121,144,1)));
    background: -webkit-linear-gradient(left,  rgba(49,70,84,1) 0%,rgba(52,75,89,1) 50%,rgba(83,121,144,1) 91%,rgba(83,121,144,1) 100%);
    background: -o-linear-gradient(left,  rgba(49,70,84,1) 0%,rgba(52,75,89,1) 50%,rgba(83,121,144,1) 91%,rgba(83,121,144,1) 100%);
    background: -ms-linear-gradient(left,  rgba(49,70,84,1) 0%,rgba(52,75,89,1) 50%,rgba(83,121,144,1) 91%,rgba(83,121,144,1) 100%);
    background: linear-gradient(to right,  rgba(49,70,84,1) 0%,rgba(52,75,89,1) 50%,rgba(83,121,144,1) 91%,rgba(83,121,144,1) 100%);
    position: relative;
}
.orderAdv__container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    display: block;
    z-index: 10;
    -moz-box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);
    -webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);
    box-shadow: inset 1px 2px 2px rgba(0,0,0,.19);   
}
/*orderAdv__bg*/
.orderAdv__bg {
    display: block;
    float: left;
    background: url("../images/order_bg3.png") no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
}
.orderAdv__bg:before {
    content: "";
    display: block;
    width: 100%;
    height: 121px;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 5;
    background: url("../images/order_shadow.png") no-repeat center center;
}
/*orderAdv__content*/
.orderAdv__content {
    display: block;
    width: 800px;
    margin: 43px auto 0;
    background: url("../images/order_bg.png") no-repeat;
    height: 386px;
    -moz-border-radius: 0 20px;
    -webkit-border-radius: 0 20px;
    border-radius: 0 20px;
    padding: 36px 0 0;  
    position: relative;
    position: relative;
    z-index: 10;
}
.orderAdv__content:before {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: -135px;
    background: url("../images/order_img1.png") no-repeat;
    width: 210px;
    height: 311px;
}
/*orderAdv__title*/
.orderAdv__title {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font: 300 40px/38px "Roboto",sans-serif;  
    padding: 0 90px;
}
.orderAdv__title span {
    font-weight: 500;
}
.orderAdv__content p {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font: 300 20px/26px "Roboto",sans-serif;      
    margin: 14px 0 38px;
}
.orderAdv__content p span {
    display: block;
}
/*orderAdv__form*/
.orderAdv__form {
    margin: 0 auto;
    display: block;
    width: 660px;
}
.orderAdv__form label {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font: 500 15px/15px "Roboto",sans-serif;    
    margin: 0 0 5px;  
}
.orderAdv__form label sup {
    font: 500 15px/15px "Roboto",sans-serif;
    position: relative;
    top: -4px;
}
.orderAdv__form input {
    display: block;
    width: 100%;
    height: 36px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.27);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.27);
    box-shadow: 0 1px 1px rgba(0,0,0,.27);
    border: 0;
    padding: 0 7px;
    color: #474747;
    font: 300 15px/15px "Roboto",sans-serif;
}
.orderAdv__form input:focus {
    border: 2px solid #fff;
    background: #fff;
    -moz-box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    box-shadow: inset 4px 4px 5px -3px rgba(0,0,0,.3);
    padding: 0 6px 0 15px;
}
/*orderAdv__action*/
.orderAdv__action {
    display: block;
    width: 100%;
    float: left;
}
.orderAdv__action button {
    background: none;
    width: 370px;
    height: 38px;
    margin: 36px auto 0;
    padding: 0;
}
/*step__container*/
.step__container {
    display: block;
    width: 100%;
    float: left;
    background: url("../images/step_bg.jpg") no-repeat center center;
    height: 529px;
    padding: 61px 0 0;
    position: relative;
    z-index: 10;
}
.step__container .container {
    position: relative;
}
.step__container .container:before {
    content: "";
    display: block;
    position: absolute;
    top: -156px;
    right: 170px;
    width: 598px;
    height: 306px;
    background: url("../images/step_cloud.png") no-repeat;
    z-index: 10;
}
.step__container h1 {
    text-align: left;
    color: #000;
    line-height: 46px;
}
.step__container h1 span {
    display: block;
}
/*step__plane*/
.step__plane {
    position: absolute;
    top: -8px;
    right: 111px;
    width: 366px;
    height: 388px;
    background: url("../images/step_plane.png") no-repeat;
    z-index: 5;    
}
/*step__box*/
.step__box {
    background: url("../images/icon/sprite_step.png") no-repeat;
    display: block;
}
.step__num {
    text-align: center;
    display: block;
    width: 41px;
    height: 41px;
    border: 1px solid #4f4f4f;
    -moz-border-radius: 21px / 20px;
    -webkit-border-radius: 21px / 20px;
    border-radius: 21px / 20px;
    color: #000;
    font: 500 20px/41px "Roboto",sans-serif;   
    display: block;
    margin: 0 auto;
}
.step__box p {
    color: #000;
    font: 300 14px/18px "Roboto",sans-serif;  
    text-align: center;  
}
.step__box p span {
    display: block;
}
/*step__block*/
.step__block {
    display: block;
}
/*step1*/
.step1 {
    width: 193px;
    height: 194px;
    background-position: 0 0;
    padding: 17px 0 0;
    margin: 80px 0 0;
}
.step1 .step__block {
    width: 158px;
}
.step1 p {
    margin: 8px 0 0;
}
.step1:hover {
    background-position: 0 -211px;
}
/*step2*/
.step2 {
    width: 197px;
    height: 201px;
    background-position: -204px 0;
    padding: 19px 0 0;
    margin: 44px 0 0 27px;
}
.step2 .step__block {
    width: 163px;
}
.step2 p {
    margin: 18px 0 0;
}
.step2:hover {
    background-position: -204px -211px;
}
/*step3*/
.step3 {
    width: 199px;
    height: 200px;
    background-position: -411px 0;
    padding: 13px 0 0;
    margin: 12px 0 0 57px;
    position: relative;
    z-index: 6;
}
.step3 .step__block {
    width: 163px;
}
.step3 p {
    margin: 3px 0 0;
}
.step3:hover {
    background-position: -411px -211px;
}
/*step4*/
.step4 {
    width: 195px;
    height: 190px;
    background-position: -620px 0;
    padding: 18px 0 0;
    margin: -46px 0 0;
}
.step4 .step__block {
    width: 155px;
}
.step4 p {
    margin: 13px 0 0;
}
.step4:hover {
    background-position: -620px -211px;
}
.pull-right {
    float: right !important;
}
/*work__container*/
.work__container {
    display: block;
    width: 100%;
    float: left;
    padding: 26px 0 0;
    position: relative;
}
.work__container:before {
    content: "";
    display: block;
    width: 100%;
    height: 19px;
    background: url("../images/work_shadow.png") no-repeat center center;
    position: absolute;
    bottom: 3px;
    left: 0;
}
.work__container h2 {
    color: #000;
    text-align: left;
    margin: 36px 0px 62px;
}
/*work__content*/
.work__content {
    display: block;
    width: 100%;
    float: left;    
    margin: 0 0 77px;
}
/*work__title*/
.work__title {
    display: block;
    width: 100%;
    color: #000;
    font: 300 30px/30px "Roboto",sans-serif;    
    border-bottom: 2px solid #cf1232; 
    position: relative;
    padding: 0 0 16px;
    margin: 0 0 14px;
}
.work__title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    right: -20px;
    width: 20px;
    height: 2px;
    background: #cf1232;
}
/*work__list*/
.work__list {
    display: block;
    width: 100%;
    float: left;
}
.work__list li:first-child {
    margin: 0 0 11px;
}
.work__list li {
    display: block;
    width: 100%;
    color: #000;
    font: 300 17px/17px "Roboto",sans-serif; 
    margin: 0 0 7px;
}
.work__list li span {
    font-weight: 500;
}
/*work__img1*/
.work__img1 {
    display: block;
    width: 100%;
    margin: 22px 0 0;
    position: relative;
    z-index: 5;
    float: left;
}
/*work__img2*/
.work__img2 {
    display: block;
    width: 100%;
    margin: 14px 0 0;
    position: relative;
    z-index: 5;
    float: left;
}
/*table-responsive*/
.table-responsive {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    background-color: #fff;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 0 73px rgba(0,0,0,.06);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 0 73px rgba(0,0,0,.06);
    box-shadow: 0 1px 1px rgba(0,0,0,.19), inset 0 0 73px rgba(0,0,0,.06);
    padding: 27px 30px 36px;
    position: relative;
    z-index: 10;
    margin: -20px 0 0;
}
/*table*/
.table {
    display: block;
    width: 100%;
    float: left;
    position: relative;
}
.table li {
    display: block;
    width: 100%;
    border-top: 1px solid #d6d6d6;
    float: left;
    font: 300 17px/17px "Roboto",sans-serif; 
    padding: 9px 0 8px;
    position: relative;
}
.table li:first-child {
    border: 0;
    font: 300 22px/22px "Roboto",sans-serif; 
}
.table li:first-child + li {
    border-top: 2px solid #cf1232;
    padding: 16px 0 8px;
}
.table li:first-child + li:before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: -30px;
    width: 30px;
    height: 2px;
    background: #cf1232;
}
.table li span {
    display: inline-block;
    float: left;
    width: 30%;
    position: relative;
    min-height: 1px;    
}
.table li span:first-child {
    width: 40%;
}
/*last__li*/
.table li span.last__li {
    font-weight: 500;
    color: #da1234;
}
.table li span.itog {
    font: 500 22px/22px "Roboto",sans-serif; 
}
/*first__li*/
.table li span.first__li {
    position: relative;
    padding: 0 0 0 27px;
}
.table li span.first__li:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 19px;
    height: 18px;
    background: url("../images/icon/check.png") no-repeat 0 0;
}
/*quote__container*/
.quote__container {
    display: block;
    width: 100%;
    float: left;
    margin: 61px 0 0;
}
/*quote__content*/
.quote__content {
    display: block;
    margin: 0 auto; 
    width: 745px;
    padding: 0 0 0 182px;
    position: relative;
}
/*quote__images*/
.quote__images {
    display: inline-block;
    float: left;
    margin: -20px 0 0 -182px;
    width: 124px;
}
/*quote__txt*/
.quote__txt {
    display: inline-block;
    float: left;
    position: relative;
}
.quote__txt:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: -40px;
    width: 25px;
    height: 21px;
    background: url("../images/icon/quote.png") no-repeat 0 0;
}
.quote__txt p {
    color: #000;
    font: 300 22px/28px "Roboto",sans-serif; 
    position: relative;   
}
.quote__txt p i {
    display: inline-block;
    position: relative;
    margin: -23px -36px 0;
    float: right;
    width: 26px;
    height: 21px;
    background: url("../images/icon/quote.png") no-repeat -35px 0;
}
.quote__txt p span {
    display: block;
}
/*quote__author*/
.quote__author {
    display: block;
    width: 100%;
    color: #000;
    font: 500 14px/14px "Roboto",sans-serif; 
    margin: 8px 0 0;       
}
/*quote__content*/
.quote__content .btn {
    width: 360px;
    margin: 32px 0 0;
    display: block;
    clear: both;
}

/*certificat2*/
.certificat2 {
    display: block;
    width: 100%;
    float: left;
    background: #f6f6f6;
    margin: 62px 0 0;
    padding: 28px 0 14px;
}
/*sert__list*/
.sert__list {
    display: block;
    width: 100%;
    float: left;
    text-align: center;    
}
.sert__list li {
    display: inline-block;
    margin: 0 14px;
}
/*modal2*/
.modal2:before {
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: -21px;
    z-index: 10;
    background: url("../images/icon/spec.png") no-repeat;
    width: 193px;
    height: 205px;
}
.modal2 .h1 {
    color: #fff;
    font: 300 30px/30px "Roboto",sans-serif; 
    margin: 20px 0 7px;
}
.modal__title {
    color: #fff;
    font: 500 30px/31px "Roboto",sans-serif;
    display: block;
    width: 100%;
    text-align: center; 
    margin: 0 0 37px;
}
.modal__title span {
    display: block;
}
.modal__content .col-lg-6 {
    width: 50%;
    float: left;
    display: block;
}
.modal2 button {
    width: 184px;
    margin: 20px auto 0;
}
.modal2 .modal__content input {
    margin: 0px 0px 16px;
}
.modal2 .url__txt {
    position: relative;
}
/*
    PAGE CONTACTS
*/
.map {
    display: block;
    width: 100%;
    height: 1009px;
    background: url("../images/map_bg.jpg") no-repeat center center;
    padding: 402px 0 0;
}
/*map__label*/
.map__label {
    display: block;
    background: url("../images/map_label.png") no-repeat 0 0;
    width: 361px;
    height: 326px;
    text-align: center;
    margin: 0 0 0 125px;
    padding: 58px 0 0;
    position: relative;
}
.adress {
    display: block;
    width: 100%;
    color: #fff;
    font: 300 26px/29px "Roboto",sans-serif;  
}
.map__label span {
    display: block;
}
/*map__phone*/
.map__phone {
    display: block;
    width: 100%;
    float: left;
    margin: 18px 0 16px;
}
.map__phone li {
    color: #fff;
    font: 29px/31px "Roboto",sans-serif; 
    display: block;
    width: 100%; 
}
.map__phone li:first-child {
    padding: 0 0 0 17px;
}
.map__phone li span {
    display: inline-block;
    width: 13px;
    height: 29px;
}
/*map__email*/
.map__email {
    display: block;
    width: 100%;
    float: left;
}
.map__email a {
    color: #fff;
    font: 500 15px/15px "Roboto",sans-serif; 
    text-transform: uppercase;    
}
.map__email a:hover {
    text-decoration: none;
}
/*view__google*/
.view__google {
    display: block;
    width: 100%;
    float: left;   
    color: #fff;
    font: 300 12.5px/12.5px "Roboto",sans-serif;      
    position: absolute;
    left: 0;
    bottom: 11px;   
}
.view__google:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url("../images/icon/icon_google.png") no-repeat;
    position: relative;
    margin: 0 6px 0 0;
    top: 3px;    
}
.view__google a {
    color: #fff;
    font: 300 12.5px/12.5px "Roboto",sans-serif;     
}
.view__google a:hover {
    text-decoration: none;
}
/*header-mini*/
.banner--unstick {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);    
}
.banner--clone{
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
    z-index: 1000;
    left: 0;
    margin: 0 !important;      
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;}
            
.banner--stick {
    -webkit-transform: translateY(0%) !important;
    -ms-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,.19);
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.19);
    box-shadow: 1px 2px 2px rgba(0,0,0,.19);    
}  
.mobile__nav {
    display: none;
}

/*1279px*/
@media (max-width: 1279px) {
    .app__img {
        right: 0;
    }
    footer .head__phone {
        float: right;
        margin: 35px 0 0 0;
    }    
    .application__content {
        overflow: ;
    }
    .app__head {
        margin: 0 130px 0 0;  
    }
}
/*1199px*/
@media (max-width: 1199px) {
    .orderAdv__bg {
        background: url("../images/order_bg3.png") no-repeat;
        background-size: 1060px 480px
    }
    .orderAdv__bg:before {
        bottom: 50px;
    }
    .orderAdv__content {
        background: url("../images/order_bg.png") no-repeat;
        width: 720px;
        height: 360px;
        background-size: 720px 360px;
        padding: 20px 0px 0px;
    }
    .orderAdv__content:before {
        background: url("../images/order_img1.png") no-repeat;
        width: 187px;
        height: 278px;
        background-size: 187px 278px;
        left: -120px;        
    }
    .orderAdv__title {
        padding: 0px 50px;
    }
    .orderAdv__form {
        width: 610px;
    }
    .step__plane {
        width: 340px;
        height: 362px;
        background: url("../images/step_plane.png") no-repeat;    
        background-size: 340px 362px;    
    }
}
/*1023px*/
@media (max-width: 1023px) {
    .main__menu {
        margin: 0;
        width: 100%;
    }
    .main__menu li a {
        padding: 0 5px;
    }
    .certificat li {
        width: 110px;
    }
    .certificat li img {
        width: 100%;
    }
    .certificat li.sert1 {
        margin: 0 3px 0 0;
    }    
    .certificat li.sert3 {
        margin: 0 3px;
    }  
    .adv__box p span, .pl__item p span {
        display: inline;
    }  
    .app__head {
        margin: 0 110px 0 0;
    }  
    .f__nav {
        margin: 37px 0 0 -5px;
    }
    .f__nav li a {
        padding: 0 5px;
    }  
    .context__content, .right-colum .context__content {
        margin: 0 0 28px;
    }
    .case__box img {
        width: 90%;
    }
    .case__arrow {
        right: -81px;
    }
    .map__label {
        margin: 0px 0px 0px 95px;
    }	
}

/*991px*/
@media (max-width: 991px) {
    .main__menu li a span {
        font: 500 13px/15px "Roboto",sans-serif;
    }
    .main__slider, .main__slider .bx-viewport {
        height: 300px;
    }
    .slide__title {
        font: 300 30px/35px "Roboto",sans-serif;
    }
    .slide__content p {
        font: 300 20px/22px "Roboto",sans-serif;
    }
    .slide1 {
        background: url("../images/slide1x800.jpg") no-repeat center center;
    }
    .slide2 {
        background: url("../images/slide2x800.jpg") no-repeat center center;
    }
    .slide3 {
        background: url("../images/slide3x800.jpg") no-repeat center center;
    }
    .slide4 {
        background: url("../images/slide4x800.jpg") no-repeat center center;
    } 
    .slider li {
        height: 300px;
        padding: 20px 0 0;
    }  
    .quote__img img {
        width: 90%;
    } 
    blockquote {
        padding: 0;
    }
    blockquote:before {
        top: -2px;
    }
    blockquote p {
        font: 300 13px/18px "Roboto",sans-serif;
    }
    .certificat li.sert1, .certificat li.sert3 {
        margin: 0;
    }
    .certificat li {
        width: 25%;
        padding: 0 2px;
    }
    .advantages__container .clear {
        display: none;
    }
    .adv1:before, .adv2:before, .adv3:before, .adv4:before {
        background: #ececec;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }  
    .pl__img {
        display: block;
        width: 100%;
        margin: -52px 0 0 -25px;
    } 
    .pl__img img {
        width: 100%;
    } 
    .platform__top h2 {
        margin: 33px 0 22px;
        font: 300 30px/38px "Roboto",sans-serif;
    }  
    .platform__top p {
        font: 300 15px/22px "Roboto",sans-serif;
    }
    .platform__list__content .clear {
        display: none;
    }      
    .pl__circles {
        margin: 0;
    }
    .circle__img {
         width: 90%;
         line-height: 100px;
    }
    .circle__img span {
        font: 500 24px/24px "Roboto",sans-serif;
    }
    .circle__img img {
        width: 100%;
    }
    .circle__txt {
        margin: 0;
    }
    .pl__circles__box:first-child {
        margin: 0 5px 0 0;
    }   
    .case__title {
        padding: 0 20px;
    } 
    .techno__img {
        display: block;
        width: 100%;
    }
    .techno__img img {        
        width: 90%;
    }   
    .techno__title {
        font: 500 20px/27px "Roboto",sans-serif;
    } 
    /*context*/
    .context__box {
        padding: 0 35px;
    }
    .context__title {
        font: 500 17px/20px "Roboto",sans-serif;
        padding: 15px 0 10px;
    }
    .context1 .context__title:before {
        top: 15px;
    }
    .context2 .context__title:before {
        top: 14px;
    }
    .context__action {
        padding: 8px 35px 15px;
    }
    .context__cost {
        font: 500 20px/28px "Roboto",sans-serif;
    }
    .form__action p {
        font: 500 12px/16px "Roboto",sans-serif;
    }
    .app__head {
        margin: 0 114px 0 0;
    } 
    .bl__desc {
        display: inline;
    }   
    .f__nav {
        display: block;
        width: 100%;
        float: none;
        margin: 20px 0 0;
    }
    .f__nav li {
        display: table-cell;
        float: none;
    }
    .f__nav li a {
        display: table-cell;
        width: 1000px;
        text-align: center;
        white-space: nowrap;
    }
    footer .head__phone {
        float: none;
        width: 242px;
        display: block;
        margin: 15px auto 0;
    }  
    /*case__arrow*/
    .case__arrow {
        display: none;
    }
    .case__arrow2 {
        display: block;
        clear: both;
        margin: 40px auto;
        position: relative;
        top: 30px;        
    }    
    .case__result__title {
        padding: 0;
        text-align: center;
    }
    .result__content {
        margin: 20px auto 0;
        width: 395px;
    }
    .case__customer {
        text-align: center;
    }
    .case__customer ul li span {
        position: relative;
        display: inline-block;
        width: auto;
        padding: 0;
    }
    .case__box {
        margin: 0 auto;
        display: block;
        width: 390px;
        float: none;
    }
    .cases__slider .bx-viewport {
        padding: 0 0 80px;
    }
    .case__customer ul li {
        padding: 0;
    }
    .case__result__list {
        padding: 19px 0 11px 50px;
        margin: 0;
        width: 100%;
    }
    .case__result__list li {
        margin: 0 0 30px;
    }
    .case__result__list li.one, .case__result__list li.two {
        vertical-align: middle;
        line-height: 44px;
    }
    .application__content {
        background: #F0F0F0;  
    }
    /*orderAdv__bg*/
    .orderAdv__bg {
        background-size: 850px 480px
    }
    .orderAdv__bg:before {
        bottom:24px;
    }
    .orderAdv__content {
        width: 600px;
        height: 360px;
        background-size: 600px 360px;
        padding: 20px 0px 0px;
    }
    .orderAdv__content:before {
        width: 130px;
        height: 200px;
        background-size: 130px 200px;
        left: -84px;        
    }    
    .orderAdv__container {
        height: 490px;
    }
    .orderAdv__title {
        padding: 0px 26px;
        font: 300 35px/35px "Roboto",sans-serif;
    }    
    .orderAdv__content p {
        font: 300 18px/22px "Roboto",sans-serif;
        margin: 8px 0px 12px;
    }
    .orderAdv__form {
        width: 510px;
    } 
    .orderAdv__form input {
            margin: 0 0 15px;
    }   
    .orderAdv__action button  {
        margin: 5px auto 0px;
    }
    .step__container .container:before {
        top: -156px;
        right: 170px;
        width: 450px;
        height: 208px;
        background-size: 450px 208px;
    }   
    .step__plane {
        width: 300px;
        height: 292px;
        background-size: 300px 292px;
        top: 17px;
        right: 122px;        
    }  
    .step1 {
        margin: 61px 0px 0px;
    } 
    .step2 {
        margin: 30px 0px 0px 31px;
    }  
    .step3 {
        margin: 5px 0px 0px 69px;
    }
    .step4 {
        margin: -25px 0 0 -50px;
    }
    .table-responsive {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 27px 10px 36px;
        margin: -24px 0px 0px;
    }
    .table li span {
        white-space: nowrap;
        width: 27%;
    }
    .table li:first-child {
        font: 300 20px/20px "Roboto",sans-serif;
    }    
    .table li span.itog {
        font: 500 20px/20px "Roboto",sans-serif;
    }  
    .work__title {
        font: 300 24px/24px "Roboto",sans-serif;
    }  
    .table li span:first-child {
        width: 46%;
    }   
    .quote__txt p {
        font: 300 20px/26px "Roboto",sans-serif;
    } 
    .map__label {
        margin: 0px 0px 0px 5px;
    }  	
}
/*899px*/
@media (max-width: 899px) {
    .application__content {
        background: #F0F0F0;  
    }  
}
/*799px*/
@media (max-width: 799px)  {
    .pl__item {
        min-height: 57px;
    }
    .nav__container .container {
        padding: 0;
    }
}
/*767px*/
@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
    .application__content {
        background: #F0F0F0;
    }    
    .call__box {
        display: block;
        width: 100%;
        float: left;
    }
    .head__call {
        float: right;
        margin: 13px 60px 20px 0;        
    }
    .head__phone {
        float: right;
        margin: 13px 60px 0 0;
    }
    .navbar-toggle {
        display: block;
    }   
    .nav__container {
        position: absolute;
        top: 61px;
        left: 0;
        width: 100%;
        padding: 5px 0;
        display: none;      
    }
    .mobile__nav.open {
        display: block;
        visibility:visible;        
    }    
    .main__menu li {
        display: block;
        height: auto;
    }   
    .main__menu li a {
        display: block;
        height: auto;
        line-height: 15px;
        padding: 5px 10px;
        text-align: left;
        text-decoration: none;
        vertical-align: middle;
        width: 100%;
    } 
    .main__menu li a span {
        font: 500 16px/16px "Roboto",sans-serif;
    }
    .nav__container .container {
        padding: 0;
    }
    .certificates__container {
        height: auto;
        padding: 20px 0;
    }
    .certificates__content {
        margin: 10px 0 0;
    }
    .certificat li img {
        width: auto;
    }
    .certificat li {
        padding: 10px 0;
        width: 50%;
        text-align: center;
    }    
    .adv__box {
        min-height: 0;
        padding: 0 0 20px;
    }
    .adv1:before, .adv2:before, .adv3:before, .adv4:before, .adv5:before {
        background: #ececec;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    } 
    .platform__top h2 {
        margin: 15px 0 10px;
    }   
    .platform__top {
        padding: 0 0 20px;
    }
    .advantages__container {
        padding: 0;
    }
    .platform__container {
        background-size: cover;
    }  
    .platform__bottom__content .btn {
        margin: 0 auto;
        display: block;
        float: none;
        width: 100%;
    }  
    .cases__container .btn {
        width: 100%;
    }
    .pl__circles__content {
        text-align: center;
    }
    .circle__img {
        width: 105px;
        line-height: 111px;
    }
    .pl__circles {
        margin: 30px 0 0;
    }
    .circle__img span {
        font: 500 28px/28px "Roboto",sans-serif;
    }   
    .circle__txt {
        margin: 9px 0 0;
    } 
    .pl__circles__box:first-child {
        margin: 0 10% 0 0;
    }  
    .techno__img {
        text-align: center;
    }  
    .techno__img img {
        width: 40%;
    }
    .technology__content .btn {
        display: block;
        clear: both;
        width: 100%;
        padding: 12px 0 0;
    }
    .techno__title span {
        display: inline;
    }
    .context__cost {
        font: 500 28px/28px "Roboto",sans-serif;
    }
    .app__head {
        display: none;
    }
    .application__content {
        height: auto;
        padding: 0 0 20px;
    }
    .form__action p {
        display: block;
        width: 100%;
        float: left;
        text-align: left;
        margin: 10px 0 0;
        font: 500 13px/18px "Roboto",sans-serif;
    }    
    .send {
        display: block;
        width: 100%;
    }
    footer .head__phone {
        margin: 32px auto 0;
    }
    .platform__list__content:before, .techno2:before, .techno1:before {
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,.15);
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15);
        box-shadow: 0 2px 2px rgba(0,0,0,.15); 
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;        
         
        background: none; 
        height: 2px;        
    }
    .platform__top:before {
        -moz-box-shadow: 0 -2px 2px rgba(0,0,0,.15);
        -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,.15);
        box-shadow: 0 -2px 2px rgba(0,0,0,.15);  
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;        
        background: none; 
        height: 2px;        
    }   
    .modal, .modal2 {
        margin: 220px 0 0;
    } 
    /**/
    .orderAdv__bg {
        padding: 30px 20px;
        position: relative;
    }
    .orderAdv__bg, .orderAdv__content:before {
        background: none;
    }    
    .orderAdv__content {
        background: url("../images/order_bg_mobile.png") no-repeat;
        width: 100%;
        height: auto;
        background-size: cover;  
        float: left;    
        padding: 20px 0;  
        margin: 0;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;        
    }
    .orderAdv__container {
        height: auto;
        float: left;
    }
    .orderAdv__form {
        width: 90%;
    }   
    .orderAdv__content p span {
        display: inline;
    } 
    .orderAdv__content p {
        padding: 0 20px;
    }
    /*.step__container*/
    .step__container {
        padding: 0 0 20px;
        background: #cbdae3;
        height: auto;
    }
    .step__container .container:before, .step__plane {
        display: none;
    }
    .step__box {
        margin: 10px auto !important;
        width: 199px;
        height: 200px;
        background-position: -411px 0px;        
    }
    .step__block {
        width: 163px !important;
    }    
    .step__box:hover {
        background-position: -411px -211px !important;
    } 
    /*.work__container*/
    .work__container {
        padding: 0;
    }
    .work__title:before, .table li:first-child + li:before {
        display: none;
    }   
    .work__container h2 {
        margin: 36px 0;
    }
    .work__img1, .work__img2 {
        display: none;
    }
    .work__title {
        padding: 0px 0px 10px;
    }
    .table-responsive {
        margin: 10px 0 0;
    }
    .work__content {
        margin: 0px 0px 30px;
    }
    .work__container:before {
        background-size: 100% 100%;
        bottom: -5px;
    }
    /*quote*/
    .quote__images {
        width: 70px;
        margin: -5px 0px 0px -100px;
    }
    .quote__images img {
        width: 100%;
    }
    .quote__txt p span {
        display: inline;
    }
    .quote__txt p {
        font: 300 13px/18px "Roboto",sans-serif;
    }
    .quote__content {
        width: 100%;
        padding: 0px 0px 0px 90px;
    }
    .quote__container {
        padding: 0 10px;
    }
    .quote__txt:before {
        width: 15px;
        height: 14px;
        background-size: 31px 11px;
        left: -20px;
    }
    .quote__txt p i {
        margin: 2px 0 0;
        width: 22px;
        height: 14px;
        background-size: 31px 11px; 
        background-position: -17px 0;     
        float: none;  
    }
    .quote__author {
        font: 500 12px/14px "Roboto",sans-serif;
        margin: 5px 0px 0px;
    }
    .quote__content .btn {
        width: 100%;
        margin: 10px 0 0;
    }
    /*certificat2*/
    .certificat2 {
        margin: 40px 0px 0px;
    }
    .sert__list li {
        width: 50%;
        float: left;
        margin: 0 0 10px;
    }
    .application__container .h1 span {
        display: block;
    }
    .map__label {
        margin: 0 auto;
        background-position: 0 -336px;
        width: 300px;
        height: 271px;  
        padding: 35px 0px 0px;      
    }    
    .map__phone {
        margin: 10px 0px 12px;
    }  
    .adress {
        font: 300 24px/27px "Roboto",sans-serif;
    }
    .header-mini.banner--clone, .banner--stick, .banner--unstick {
        display: none !important;
    } 	
}
/*719px*/
@media (max-width: 719px){ 
    .modal, .modal2 {
        width: 95%;
    }
    .modalSend {
        height: auto;
        background-size: cover;
        padding: 35px 10px 30px !important;
    }
	.modalSend2 {
        height: auto;
        background-size: cover;
        padding: 35px 10px 30px !important;
    }
}
/*639px*/
@media (max-width: 639px){ 
    .orderAdv__title {
        padding: 0px 10px;
    }
}
/*599px*/
@media (max-width: 599px) {
    .case__box {
        float: left;
    }
    .case__list li > span:first-child {
        width: 200px;
    }
    .caseBox__title {
        width: 200px;
    }
    .case__list li {
        padding: 0 0 0 200px;
    }
    .result__content {
        padding: 4px 0 0 0;
        width: 100%;
    }
    .result__box1 {
        left: 0;
    }
    .result__txt {
        left: 19px;
    }
    .result__box2 {
        left: 174px;
    }
    .result__box3 {
        left: 228px;
    }
    .case__result__list li.two {
        line-height: 22px;
    }
    .notice .h1 {
        font: 500 25px/25px "Roboto",sans-serif;
    }
    .notice p {
        font: 300 25px/30px "Roboto",sans-serif;
    }
    .notice p span {
        display: inline;
    }
    .notice .closeBtn {
        margin: 20px auto 0px
    }
    .modal__content .col-lg-6 {
        width: 100%;
    }
    .modal2 {
        height: auto;
        background-size: cover;
        padding: 50px 0 30px !important;
    }
    .modal2:before {
        top: -8px;
        left: -19px;
        background: url("../images/icon/spec.png") no-repeat;
        width: 170px;
        height: 182px;
        background-size: 170px 182px;
    }    
    .modal2 .h1 {
        padding: 0 50px;
    }
}
/*487px*/
@media (max-width: 487px){
    .quote__txt p i {
        margin: 2px -15px 0px 0
    }    
}
/*479px*/
@media (max-width: 479px) {
    h1, h2, .h1 {
        font: 300 30px/30px "Roboto",sans-serif;
        margin: 20px 0;
    }
    .adv__box p {
        color: #474747;
        font: 300 15px/22px "Roboto",sans-serif;
    }   
    .context__container .h1 {
        margin: 24px 0;
    }    
    .context__title:before {
        display: none;
    }
    .context__title span {
        display: inline;
    }
    .context__cost {
        font: 500 25px/25px "Roboto",sans-serif;
    }  
    .context__order {
        width: 100%;
        margin: 10px 0 0;
    }    
    .application__container .h1 {
        padding: 22px 0;
    }  
    .head__mobile, .logo__mobile {
        width: 100%;
    }
    .head__mobile {
        position: inherit;
    }
    .head__phone {
        margin: 0 auto;
        float: none;
        width: 245px;
        display: block;
    }
    .head__call {
        float: none;
        margin: 13px auto 20px;
        display: block;
    }
    .modal, .modal2 {
        width: 100%;
        padding: 44px 10px 0;
    }
    .modal__block {
        width: 300px;
    }
    .case__list li > span:first-child {
        display: block;
        float: left;
        position: relative;
        text-align: left;
        width: 100%;
    }
    .case__list {
        margin: 10px 0 15px;
    }
    .case__list li {
        padding: 0;
        margin: 0 0 15px;
    }  
    .case__list li > span:first-child + span {
        margin: 10px 0 0;
    }  
    .caseBox__title {
        text-align: left;
    }
    .result__circle {
        margin: 0 auto 20px;
        float: none;
    }
    .result__box1 img, .result__box2 img {
        display: none !important;
    }
    .result__box1, .result__box2, .result__box3, .result__txt {
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: auto;
        padding: 0;
        margin: 0 0 10px;
        width: 100%;
        display: block;
    }
    .result__box3  {
        padding: 0 0 0 40px; 
    }
    .result__box3 img {
        left: 0;
    }
    .case__result__list li.one {
        line-height: 22px;
    }
    /*orderAdv__bg*/
    .orderAdv__bg {
        padding: 30px 0;
    }    
    .orderAdv__title {
        font: 300 25px/25px "Roboto",sans-serif;
    }
    .orderAdv__content p {
        font: 300 16px/20px "Roboto",sans-serif;
        padding: 0px 10px;
    } 
    .orderAdv__action button {
        width: 100%;
        padding: 5px 0;
        height: 50px;
    }   
    .step__container h1 {
        line-height: 30px;
    }
    .step__container .col-xs-6 {
        width: 100%;
    }
    .table li span:first-child {
        width: 203px;
    }
    .table li span  {
        width: 115px;
    }
    .table li {
        width: 440px;
    }
    .quote__content {
        padding: 0;
    }
    .quote__images {
        margin: 0 0 10px;
        width: 100%;
        text-align: center;
    }
    .quote__images img {
        width: 70px;
    }
    .quote__txt:before {
        left: -15px;
    }
    .quote__txt p i {
        margin: 0 -15px 0px 0px;
    } 
    .quote__content .btn {
        padding: 5px;
        height: 44px;
        width: 100%;
    } 
    .modal2 .h1 {
        font: 300 25px/25px "Roboto",sans-serif;
        padding: 0px 30px;
    }     
    .modal__title span {
        display: inline;
        font: 500 25px/25px "Roboto",sans-serif;
    }
    .modal2:before {
        top: -6px;
        left: -19px;
        background: url("../images/icon/spec.png") no-repeat;
        width: 130px;
        height: 142px;
        background-size: 130px 142px;
    }      
}
/*359px*/
@media (max-width: 359px) {
    .application__container .h1 {
        font: 300 29px/29px "Roboto",sans-serif;
    }
}
#button_input_promo{
	font: 500 18px/18px "Roboto",sans-serif;
	background-color: #C51D6A;
	color: #fff;
	/*text-transform: uppercase;*/
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
	border-radius: 8px 8px 0 0;
	position: fixed;
	top: 35%;
	right: 0px;
	z-index: 1000;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 2px #2A1717, 0 0 3em #2A1717;
}

.cb-button-menu {
	  font-size: 17px;
    margin-top: 3px;
}
.lang-form {
    margin-top: 20px;
    margin-left: 140px;
}
.ua, .ru {
	background: rgba(0,0,0,0);
	color: rgb(32,32,32);
	border: 0px;
	z-index: 100;
}
.ua:hover, .ru:hover {
	background: rgba(0,0,0,0);
	color: #FF3D00;
	border: 0px;
}
.copyright {
	color: white;
}
.copyright a{
	color: white;
}
.copyright a:hover{
	color: white;
}