* { margin: 0; padding: 0; border:0}

html {	
//border:solid 15px white;
}

body{
background-color:white;
overflow-x:hidden;
font:18px "museoLight";
}

ul{
list-style-type:none;
}

a{
text-decoration:none;
}

a:visited{
//color:auto;
}

strong{
font-family: "museoBold";
}

.overlay{
position:fixed;
width:100%;
height:100%;
background: rgba(0, 0, 0, 0.5);
background: rgba(255, 255, 255, 0.5);
z-index:1;
opacity:0;
//display:none;
visibility:hidden;
-webkit-transition:1s ease;
//background:url(images/project-second-left-correct-p-bg.png) repeat top;
}

.active{
//display:block;
visibility:visible;
opacity:1;
}

.out{top:-9999px;
}

.super-wrap{
position:fixed;
width:0;
width:100%;
height:15px;
height:5px;
bottom:0px;
top:0px;
box-shadow: 0 0 5px rgb(186, 204, 224);
//background:orange;
-webkit-transition:1s ease;
z-index:10;
//background:url(images/project-second-left-correct-p-bg.png) repeat-x top;
//background-size:contain;
    -webkit-animation-name: 'bordereds';
    -webkit-animation-duration: 1s;
    
     
 

	-webkit-animation-timing-function: linear;
}

.super-wrap div{

width:100%;
height:100%;

box-shadow: 0 0 5px rgb(186, 204, 224);

-webkit-transition:1s ease;

background:url(images/project-second-left-correct-p-bg.png) repeat-x top;

    -webkit-animation-name: 'bordereds';
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
     
 

	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes 'bordereds' {

    from {
    background-position-x:0px;
   
    }
    
    to {
    background-position-x:100px;
    //width:100%;
    }   
}




//div{
-webkit-transition: 1s ease;
}

//li{
-webkit-transition: 1s ease;
}

//p{
-webkit-transition: 1s ease;
}


body::-webkit-scrollbar {
width: 10px;
background: rgba(0, 170, 202, 1);
opacity:0.4;
}

body::-webkit-scrollbar-thumb {
    background: rgb(0, 214, 255);
 
 
}


.clear{
clear:both;
}

.ymaps-copyrights-pane{
display:none!important;

}

#map{
background:url(images/contact-map.png) no-repeat center;
height: 167px !important;
}

/*------------------copyright-----------------*/
.copyright{
position: fixed;
width: 690px;
z-index: 3;
top:-9999px;
-webkit-transition: 0.5s ease-in-out;
background: #6a90a2;
border: 1px #00dbff solid;
-moz-border-radius: 15px 15x 0 0; 
-webkit-border-radius: 15px 15px 0 0; 
-khtml-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
width: 54.3333%;
}

.copyright #exitcopy{
height:16px;
width:16px;
z-index:3;
position:absolute;
top:0px;
right:-1px;
cursor:pointer;
border: 0px #527a8d solid;
-moz-border-radius: 0 15x 0 0; 
-webkit-border-radius: 0 15px 0 0; 
-khtml-border-radius: 0 15px 0 0;
border-radius: 0 15px 0 0;
background:url(images/mail-exit-bg1.png) no-repeat center;
background-color:#00dbff;
}

.copyright p{
padding: 30px 30px 30px 80px;
}

.copyright #exitcopy:hover{
background-color:#00D4F7;
}

/*------------------end-copyright-end-----------------*/

/*------------------strategy-----------------*/
.strategy {
position: fixed;
width: 690px;
z-index: 3;
top:-9999px;
-webkit-transition: 0.5s ease-in-out;
background: #6a90a2;
border: 1px #00dbff solid;
-moz-border-radius: 15px 15x 0 0; 
-webkit-border-radius: 15px 15px 0 0; 
-khtml-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
width: 54.3333%;
}

.strategy #exitstrategy{
height:16px;
width:16px;
z-index:3;
position:absolute;
top:0px;
right:-1px;
cursor:pointer;
border: 0px #527a8d solid;
-moz-border-radius: 0 15x 0 0; 
-webkit-border-radius: 0 15px 0 0; 
-khtml-border-radius: 0 15px 0 0;
border-radius: 0 15px 0 0;
background:url(images/mail-exit-bg1.png) no-repeat center;
background-color:#00dbff;
}

.strategy p{
padding: 30px 30px 30px 80px;
}

.strategy #exitstrategy:hover{
background-color:#00D4F7;
}

/*------------------end-strategy-end-----------------*/

/*------------------references-----------------*/
.references-wrap{
position: fixed;
width: 90000px;
z-index: 3;
top:-9999px;
-webkit-transition: 0.5s ease-in-out;
}

.references-wrap #lolka{
height: 25px;
width: 100%;
position: absolute;
top: -25px;
border: 1px #527a8d solid;
-moz-border-radius: 10px 10px 0 0; 
-webkit-border-radius: 10px 10px 0 0; 
-khtml-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
background-color:#527a8d;
}

.references-wrap #lolka1{
height: 25px;
width: 100%;
position: absolute;
bottom: -25px;
border: 1px #527a8d solid;
-moz-border-radius: 0px 0px 10px 10px; 
-webkit-border-radius: 0px 0px 10px 10px; 
-khtml-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background-color:#527a8d;
}

.references-wrap-active{
}

.references-in-wrap{
position: relative;
}

.references-button-right{
position:fixed;
right:0px;
height:100%;
width:55px;
z-index:3;
cursor:pointer;
background:url(images/references-button-right-bg.png) no-repeat center;
background-color:#bbc7cd;
}

.references-button-right #exitref{
height:25px;
width:25px;
z-index:3;
position:relative;
top:-25px;
right:-30px;
cursor:pointer;
background:url(images/mail-exit-bg.png) no-repeat center;
background-color:#00dbff;
}

.references-button-right #exitref:hover{
background-color:#00D4F7;
}

.references-button-left{
position:fixed;
left:0px;
height:100%;
width:55px;
z-index:2;
cursor:pointer;
background:url(images/references-button-left-bg.png) no-repeat center;
background-color:#bbc7cd;
}


.references-button-left:hover{
background-color:#AEB8BD;
}

.references-button-right:hover{
background-color:#AEB8BD;
}

.references{
//display:none;
//width: 1280px;
height: 500px;
float: left;
background:#bbc7cd;
background: #eff3f5;
z-index: 3;
}

.references-row{
position: relative;
width: 665px;
//background: red;
margin: 0 auto;
padding: 30px;
}

.references-row-left{
width: 48%;
float:left;
}

.references-row-left img{
width:100%;
}

.references-row-right{
width: 45%;
float: left;
margin-left: 30px;
}

.references-row-right h1{
font: 22px "museoLight";
color: white;
padding: 10px;
background-color: #95dffc;
display: table-cell;
}

.references-row-right p{
font: 18px "museoLight";
color: #575757;
padding:10px 0;
}

.references-row-right span{
font: 20px "museoLight";
color: #575757;
padding: 10px;
display:table-cell;
border:1px dashed #95dffc;
}
/*------------------end-references-end-----------------*/

/*------------------footer-----------------*/
.footer{
position:relative;
bottom:0px;
width:100%;
background:#6ce0ff;
font:21px "museoLight";
margin-top: 90px;
}

.footer ul{
display:block;
position:relative;
max-width: 1280px;
margin: 0 auto;
}

.footer li{
display:block;
position:relative;
float:left;
width:33.33333%;
padding: 25px 0 20px;
}

.footer #left{
background:url(images/footer-pointer.png) no-repeat;
}

.footer #center{
//height:65px;
width:110px;
background:url(images/footer-center.png) no-repeat center 0;
}

.footer #center:hover{
background:url(images/footer-center-hover.png) no-repeat center 100%;
}

.footer #right{
padding-left:65px;
background:url(images/footer-copyright.png) no-repeat;
}

.footer a{
cursor:pointer;
display:table;
position:relative;
margin:0 auto;
color:white;
padding: 20px 0px 0 50px;
height: 45px;
}

.footer a:hover{
color:#37aac9;
}

/*------------------end-footer-end-----------------*/

/*------------------mail-----------------*/


.form{
background:url(images/form.png);
position:fixed;
height:516px;
width:401px;
top:50%;
margin-top:-258px;
left: 50%;
margin-left: -200px;
z-index:1;
}


.mail{
position:fixed;
margin-left:50%;
left:-185px;
background:#6a90a2;
border: 1px #00dbff solid;
-moz-border-radius: 15px 15x 0 0; 
-webkit-border-radius: 15px 15px 0 0; 
-khtml-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
z-index:10;
width: 395px;
top:-999px;
-webkit-transition: 0.4s ease-in-out;
}

.mail-active{
top:20%;
}

.mail #exit{
position:relative;
height:20px;
width:20px;
height:16px;
width:16px;
cursor:pointer;
background:url(images/mail-exit-bg1.png) no-repeat center;
background-color:#00dbff;
right:-379px;
top:-8px
cursor:pointer;
border: 0px #527a8d solid;
-moz-border-radius: 0 14x 0 0; 
-webkit-border-radius: 0 14px 0 0; 
-khtml-border-radius: 0 14px 0 0;
border-radius: 0 14px 0 0;
z-index: 1;
}

.mail #exit:hover{
background-color:#00D4F7;
}

.mail #head{
position:relative;
font:18px "museoLight";
color:#1d3a49;
text-align:center;
padding: 20px 0;
}

.mail #select{
display:block;
position:relative;
background:#00dbff;
color:white;
text-align:center;
padding: 5px 0;
}

.mail #select:hover{
background: #00D4F7;
}

form ul{
padding: 25px 40px;
}

form ul li{
display: block;
margin: 0;
padding: 0;
}

form ul li input{
width: 88%;
display: block;
font: 19px "museoLight";
color: #bbc7cd;
padding: 3% 6%;;
}

#name{
background:#eff3f5;
}

#phone{
background:#eff3f5;
}

#note{
min-height: 50px;
}

#file{
cursor:pointer;
position: relative;
display: block;
margin: 0 auto;
overflow: hidden;
height: 50px;
width: 0px;
padding-left: 100px;
}


.input-file{
display: block;
margin: 0 auto;
width: 100px;
overflow: hidden;
position: relative;
}

.input-file label{
position: relative;
margin: 0 auto;
display: table;
margin-bottom: -51px;
width: 100px;
color:white;
font: 11px "museoLight";
background: #00DBFF;
padding: 19px 0;

text-align: center;
}

.input-file:hover label{
background: #00D4F7;
}

.mail #garant-label{
position: relative;
padding: 2px 20px;
background: #fa951e;
background-image: url(images/mail-pointer.png);
background-repeat: no-repeat;
background-position: 20px 0;
color: #be751f;
font: 12px "museoNormal";
text-align: right;
margin-top: 25px;
}

#mail-button{
display:block;
position:relative;
width:100%;
padding: 17px 0;
color:white;
font: 24px "museoLight";
background:#527a8d;
}

#mail-button:hover{
cursor:pointer;
background:#497083;
}

#input-file-name{
position: relative;
text-align: center;
background-color: rgb(236, 236, 236);
padding:0 65px;
top: 25px;
//margin-top: 25px;
-webkit-transition: 0.5s ease-in-out;
height:0px;
}

.input-file-name-pointer{
min-height:22px !important;
background: url(images/input-file-name-bg.png) no-repeat 8% center;
//padding: 30px 0 15px 0;
//background: url(images/input-file-name-bg.png) no-repeat center 8px;
}

/*------------------end-mail-end-----------------*/
/*------------------menu-----------------*/

.line-menu{
position:relative;
margin: 0 auto;
max-width:1280px;
//height: 130px;
//background:url(images/logo.png) no-repeat;
}

.line-menu ul{
display:block;
font:20px "museoLight";
list-style-type:none;
padding: 20px 0;
background: white;
overflow: hidden;
}

.line-menu ul li{
display:block;
float:left;
padding:0 26px;
}

.line-menu ul li a{
padding:5px 0;
cursor:pointer;
color: #1d3a49;
}

.line-menu ul li a:hover{
color: #1ac3ee;
border-bottom:1px dotted;
}

.menu span{
color: #1ac3ee;
display: block;
}

.logo{
position:relative;
display: block;
}

.logo img{
position:relative;
display: block;
margin:0 auto;
z-index: 1;
}

.menu-left{
width: 45%;
float:left;
}

.menu-left p{
color: #1ac3ee;
font:12px "museoNormal";
padding-left: 17px;
margin-top: 20px;
display: inline-block;
float: left;
text-align: right;
}

.menu-left ul{
float:right;
}

.menu-right{
float:right;
width: 45%;
}

.menu-right span{
font: 18px "museoNormal";
padding: 12px 15px 23px 15px;
float: right;
margin-right: 20px;
background: #6ce0ff;
color: white;
}

.menu-right ul{
float:left;
}

.menu{
color: #1d3a49;
//background: white;
overflow:visible;
margin-top: -130px;
position: relative;
height: 66px;
}


.menu-second{
position:relative;
font:20px "museoLight";
list-style-type:none;
padding: 20px 0;
background: white;
//overflow: hidden;
//padding-left: 80px;
//background:url(images/logo-second.png) no-repeat 30px 10px;
max-width: 1190px;
margin: 0 auto;
//height: 26px;
//padding-left: 6.8%;
}

.menu-second img{
cursor:pointer;
position: relative;
float: left;
display: block;
margin-top: -28px;
top: 10px;
-webkit-transition: 0.5s ease-in-out;
 -webkit-transform:rotate(0deg);
}

//.menu-second img:hover{

-webkit-animation-name: 'imghome';
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;

}

.menu-second img:hover{-webkit-transform:rotate(360deg);}

@-webkit-keyframes 'imghome' {

    from {
     -webkit-transform:rotate(0deg);-webkit-transition: 0.5s ease-in-out;
   
    }
    
    to {
    -webkit-transform:rotate(360deg);-webkit-transition: 0.5s ease-in-out;
    }   
}


.menu ul{
float:left;
//width: 64%;
margin-top: 2px;
}

.menu ul li{
display:block;
float:left;
padding:0 26px;
//padding: 0 3.1899999%;
//padding: 0 3.4%;
}

.menu ul li a{
padding:5px 0;
cursor:pointer;
color: #1d3a49;
}

.menu ul li:hover{
//color:rgb(32, 210, 255);
}

.menu ul li a:hover{
border-bottom:1px dotted;
color:rgb(32, 210, 255);
}

.menu ul li:hover ul{
display:block;
border: dotted 1px rgb(32, 210, 255);
//padding-top: 67px;
//visibility:visible;
}

.menu ul li ul{
position: absolute;
z-index: 1;
display:none;
//visibility:hidden;
background:white;
margin-top: 5px;
padding:0px;
//font-size:10px;
}

.menu ul li ul li{
float: none;
padding: 0;
margin: 0;
border: 0px solid;
border-radius: 0px;
}

.menu ul li ul li a{
padding: 5px 15px;
display: block;
min-width: 100px;
}

.menu ul li ul li a:hover{
border-bottom:0px dotted;
background: #e4f0f4;
border: 0px solid;
border-radius: 0px;
color: #1d3a49;
}


.menu-second-wrap-double{
-webkit-transition: 0.5s ease;
}

.menu-second-wrap-double li{
//border: 2px solid;
//border-radius: 12px;
margin: 0 26px;
padding:0 !important;
}

.menu-second-wrap-double li a{
//border: 2px solid;
//border-radius: 12px;

}

.menu-second-wrap-double ul li a:hover{
//color: #1d3a49 !important;
}

.referencii a:hover{
border:0px!important;
}

.referencii ul{
background:#999999 !important;
padding:10px 0 10px 10px;
border:none !important;
border-radius:10px;
cursor:pointer;
}

.referencii ul li{
height:35px;
width:25px;
margin:0 10px 0 0 !important;
background:white;
float:left !important;
}

/*------------------end-menu-----------------*/


/*------------------slider-----------------*/

.line-slider{
position:relative;
margin: 0 auto;
height:385px;
max-width: 100%;
padding-top:80px;
background: url(images/fon2.jpg) no-repeat center  0;
background-size: 105%;
}

.line-slider h1{
text-align:center;
color:#1d3a49;
font:18px "museoLight";

margin: 0 auto;
padding: 5px 10px;
display: table;
}

.line-slider h2{
text-align: center;
color: #53bfea;
font: 26px "museoLight";
background: rgba(255, 255, 255, 0.9);
border: 1px #ffffff solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;
padding: 5px 10px;
display: table;
margin: 0 auto;
padding: 2px 5px;
}

.line-slider h3{
text-align:center;
color:#0e2633;
font:18px "museoLight";

padding: 5px 10px;
display: table;
margin: 0 auto;
margin-top: 20px;
}

.homesliderempyty{
width:124px;
height:124px;
margin: 0 20px;
float:left;
}

.slider-nav{
position: relative;
max-width: 985px;
margin: 0 auto;
overflow: hidden;
}

.slider-nav ul{
width:1970px;
margin: 0 auto;
overflow: hidden;
padding: 20px 0;
position: relative;
}

.slider-nav li{
//cursor:pointer;
border-radius: 100px;

margin:0 20px;
opacity:0.9;
float:left;
list-style-type:none;
-webkit-transition:border 0.2s ease-out;
border: solid 1px rgba(0, 207, 255, 0);
}

.slider-nav li a{
display: block;
padding: 9px;
}


.slider-nav li a img{
display: block;
width:100px;
height: 100px;
border-radius: 100px;
border: solid 2px white;
margin: 0 auto;
}

.slider-nav-li{
border: solid 1px rgba(0, 207, 255, 0.7) !important;
}

//.slider-nav li:hover {
border: solid 1px rgba(0, 207, 255, 0.7);
//background: rgba(0, 207, 255, 0.7);
}

.slider-nav-text-wrap{
height:43px;
}

.slider-nav-text{
text-align: center;
position: relative;
bottom: 0px;
padding: 5px 5px;
display: table;
margin: 0 auto;
font: 20px "museoLight";
background: rgba(255, 255, 255, 1);
border: 1px #ffffff solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;
-webkit-transition-origin:display 0.2s easet;
-webkit-transition-origin:width 0.2s ease;
//visibility: hidden;

display:none;
}

.slider-nav-text-two{display:none;}

.slider-nav-text: after{
width:auto;
-webkit-transition:0.2s ease;
}

.slider-nav-sector{
text-align: center;
position: relative;
width: 135px;
font: 20px "museoLight";
color: white;
padding-right: 12px;
left: -60px;
top: -40px;
overflow: hidden;
float: right;
}

.slider-nav-sector-left{
text-align: center;
position: relative;
width: 140px;
font: 20px "museoLight";
color: white;
padding-left: 12px;
left: -160px;
top: -40px;
overflow: hidden;
float: left;
}

.slider-nav-sector-left p{
cursor:pointer;
margin: 0 auto;
display: table;
white-space: nowrap;
}

.slider-nav-sector-left p:hover{
border-bottom:1px dotted;
}

.slider-nav-sector p{
cursor:pointer;
margin: 0 auto;
display: table;
white-space: nowrap;
}

.slider-nav-sector p:hover{
border-bottom:1px dotted;
}

.slider-nav-sector-text{
background: rgba(0, 207, 255, 1);
padding: 4px 10px;
position: relative;
z-index:1;
height: 26px;
}

.slider-nav-sector-corner{
position: absolute;
right: 0px;
top: 50%;
margin-top: -100px;
border: solid rgba(255, 255, 255, 0);
border-width: 100px 0 100px 50px;
border-left-color: rgb(0, 152, 201);
border-right-color: rgba(255, 255, 255, 0);
}

.slider-nav-sector-corner2{
position: absolute;
right: 3px;
top: 50%;
margin-top: -100px;
border: solid rgba(255, 255, 255, 0);
border-width: 100px 0 100px 50px;
border-left-color: rgba(0, 207, 255, 1);
border-right-color: rgba(255, 255, 255, 0);
}

.slider-nav-sector-corner-left{
position: absolute;
left: 0px;
top: 50%;
margin-top: -100px;
border: solid rgba(255, 255, 255, 0);
border-width: 100px 50px 100px 0;
border-right-color: rgb(0, 152, 201);
}

.slider-nav-sector-corner-left2{
position: absolute;
left: 3px;
top: 50%;
margin-top: -100px;
border: solid rgba(255, 255, 255, 0);
border-width: 100px 50px 100px 0;
border-right-color: rgba(0, 207, 255, 1);
}


/*------------------end-slider-----------------*/


/*------------------card-----------------*/


h4{
font: 30px "museoLight";
color: black;
text-align: center;
padding: 50px 0;
//margin-top: -330px;
-webkit-transition:margin-top 0.2s ease;
width:100%;
display:block;
position:relative;
}

.card{
position:relative;
margin: 0 auto;width: 100%;
background: #d4ebf6;
}

.card-wrap{
position:relative;
margin: 0 auto;
max-width:1280px;
margin-top: 40px;
}

.card-nav-left{
cursor:pointer;
position: absolute;
width: 80px;
height: 100%;
background: url(images/card-nav-left1.png) no-repeat;
left:-60px;
-webkit-transition:background 0.5s ease-in-out;
}

.card-nav-left:hover{
//background-position: 0 100%;
background: url(images/card-nav-left-hover1.png);
}

.card-nav-right{
cursor:pointer;
position: absolute;
width: 80px;
height: 100%;
background: url(images/card-nav-right.png) no-repeat;
right:-10px;
-webkit-transition:background 0.5s ease-in-out;
}

.card-nav-right:hover{
//background-position: 0 100%;
background: url(images/card-nav-right-hover.png);
}

.card-section{
position:relative;
margin: 0 auto;
max-width:1280px;
margin: 0 149px;
min-height: 130px;
}

.card-one{
}

.cards{
position: absolute;
width: 1030px;
margin:0 auto;
}


.card-one img{
display: block;
position: relative;
margin-top: -70px;
}

.card-one-image{
position:relative;
float:left;
}

.card-text{
//width: 345px;
padding: 13px 30px;
position:relative;
float: right;
cursor:pointer;
}

.card-text:hover{
background:#D0E5F0;
}

.card-two{
position: absolute;
}

.card-two img{
display: block;
position: relative;
margin-top: -70px;
}

.card-two-image{
position:relative;
float:left;
display:none;
left:-20px;
}

.card-two-text{
display:none;
}

h5{
font: 27px "museoNormal";
color: #1d3a49;
}

.card-text p{
width: 445px;
position:relative;
float:left;
font: 16px "museoLight";
color: #1d3a49;
padding-top:10px;
}

/*------------------end-card-----------------*/


/*------------------documents-----------------*/

.documents-wrap{
position:relative;

background:#f0f0f0;
}

.documents{
position:relative;
max-width: 1100px;
margin:0 auto;
}

.documents ul{
list-style-type:none;
}

.documents li{
float: left;

background: url(images/doc.png) no-repeat;
margin: 25px 45px;
}

.documents li a{
cursor:pointer;
width: 100px;
display:block;
padding-left: 85px;
padding-top: 20px;
padding-bottom: 0px;
color: #747474;
}

.documents li a:hover span{
color:#1ac3ee;
//border-bottom: solid 1px;
}

.documents span{
font: 19px "museoLight";

display: block;
font: 19px "museoLight";
color:black;
padding-top: 4px;
}




/*------------------end-documents-----------------*/


/*------------------contacts-----------------*/

//#map{
position:relative;
width:100%;
height:465px;
//background:red;
}

.line-contact-wrap{
padding: 10px 3%;
position:absolute;
margin:0 auto;
width: 94%;
background: rgba(0, 214, 255, 0.8);
bottom: 0px;
z-index: 1;
display:none;
}

.line-contact{
max-width: 1280px;
margin: 0 auto;
}

.line-contact ul{
list-style-type:none;
float:left;
}

.line-contact li{
font: 19px "museoLight";
color:white;
float:left;
padding: 13px 0 10px 50px;
margin-right: 50px;
background: url(images/contact-pointer.png) no-repeat 0 center;
}

.call-back{
font: 16px "museoLight";
color: #7ec5e1;
padding: 14px 38px 14px 9px;
float:right;
background: url(images/contact-callback.png) no-repeat 0 center;
}


/*------------------end-contacts-----------------*/


/*------------------------------------*second-nav*-----------------------------------*/

/*------------------fast-navigation-----------------*/

.fast-navigation{
//display:none;
//width: 470px;
position: fixed;
margin: 0 auto;
margin-left: 50%;
left: -323px;
z-index: 2;
bottom: 8px;
bottom: -25px;
border-radius: 8px;
-webkit-transition:bottom 0.5s ease;
white-space: nowrap;
}

.fast-navigation:hover{
bottom: 0px !important;
}

.fast-navigation ul{
list-style-type:none;
}

.fast-navigation li{
float:left;
//width: 33.333%;
}

.fast-navigation-li-center{
background:#cce8f3;
}

.fast-navigation-li-center:hover{
background:#ff5c56;
}

.fast-navigation-li-left{
border-radius: 0px 0px 0px 8px !important;
background:url(images/fast-navigation-bg-left.png) no-repeat 0 100%;
}

.fast-navigation-li-left:hover{
background:url(images/fast-navigation-bg-left.png) no-repeat 0 0;
}

.fast-navigation-li-right{
background:url(images/fast-navigation-bg-right.png) no-repeat 100% 100%;
border-radius: 0 8px 8px 0 !important;
}

.fast-navigation-li-right:hover{
background:url(images/fast-navigation-bg-right.png) no-repeat 100% 0;
}




.fast-navigation a{
cursor:pointer;
display:block;
//height:70px;
text-align:center;
font:18px "museoLight";
border-radius: 8px 0 0  8px;
padding: 50px 33px 6px 34px;
min-width: 93px;
color: black;
}

.fast-navigation a:hover{
//background-color:#c9ecf9;
//background-color:#ff5c56;
}

.fast-navigation-home{
background:url(images/fast-navigation-home.png) no-repeat center 22%;
}

.fast-navigation-strategy{
background:url(images/fast-navigation-strategy.png) no-repeat center 22%;
}

.fast-navigation-callback{


background:url(images/fast-navigation-callback.png) no-repeat center 22%;
}
/*------------------end-fast-navigation-----------------*/



/*M------------------fast-navigation-----------------*/
@media screen and (max-width:800px)
{
.fast-navigation{
opacity:1;
}

}

/*M------------------end-fast-navigation-----------------*/


/*------------------menu-----------------*/




.menu-second-wrap{
border-bottom:solid 1px #d9f1fc;

-webkit-transition: margin-top 0.3s ease;
}

.menu-second-wrap-m{
border-bottom:solid 1px #d9f1fc;
margin-top: -70px;
-webkit-transition: margin-top 1s ease;
}

//.menu-second{
position:relative;
font:20px "museoLight";
list-style-type:none;
padding: 20px 0;
background: white;
//overflow: hidden;
padding-left: 80px;
background:url(images/logo-second.png) no-repeat 30px 10px;
max-width: 1190px;
margin: 0 auto;
height: 26px;
//padding-left: 6.8%;
}

.menu-second-wrap ul{
float:left;
//width: 64%;
margin-top: 2px;
}

.menu-second-wrap ul li{
display:block;
float:left;
padding:0 26px;
//padding: 0 3.1899999%;
//padding: 0 3.4%;
}

.menu-second-wrap ul li a{
padding:5px 0;
cursor:pointer;
color: #1d3a49;
}

.menu-second-wrap ul li:hover{
//color:rgb(32, 210, 255);
}

.menu-second-wrap ul li a:hover{
border-bottom:1px dotted;
color:rgb(32, 210, 255);
}

.menu-second-wrap ul li:hover ul{
display:block;
border: dotted 1px rgb(32, 210, 255);
//padding-top: 67px;
//visibility:visible;
}

.menu-second-wrap ul li ul{
position: absolute;
z-index: 1;
display:none;
//visibility:hidden;
background:white;
margin-top: 5px;
}

.menu-second-wrap ul li ul li{
float: none;
padding: 0;
margin: 0;
border: 0px solid;
border-radius: 0px;
}

.menu-second-wrap ul li ul li a{
padding: 5px 15px;
display: block;
min-width: 100px;
}

.menu-second-wrap ul li ul li a:hover{
border-bottom:0px dotted;
background: #e4f0f4;
border: 0px solid;
border-radius: 0px;
color: #1d3a49;
}


.menu-second-wrap-double{
-webkit-transition: 0.5s ease;
}

.menu-second-wrap-double li{
//border: 2px solid;
//border-radius: 12px;
margin: 0 26px;
padding:0 !important;
}

.menu-second-wrap-double li a{
//border: 2px solid;
//border-radius: 12px;

}

.menu-second-wrap-double ul li a:hover{
//color: #1d3a49 !important;
}

.menu-second-info-wrap{
float:right;
padding-right: 6%;
overflow: hidden;
}


.menu-second-mail{
color: #1ac3ee;
display: block;
text-align: right;
float: left;
font:12px "museoNormal";
padding-right: 17px;
}


.menu-second-phone{
color: #1ac3ee;
display: block;
text-align: right;
float: left;
font:25px "museoNormal";
padding-left: 17px;
border-left: 1px solid #1ac3ee;
}

/*------------------end-menu-----------------*/

/*M------------------menu-----------------*/

@media screen and (max-width:800px)
{
.menu-second{
padding: 70px 0;
background-position: center 10px;
}

.menu-second ul{
display: block;
float: left;
width: 100%;
}

.menu-second ul li{
padding:0;
width: 100%;
display: block;
text-align: center;
}

.menu-second ul li a{
padding: 10px 0;
width: 100%;
display: block;
background: whiteSmoke;
border-bottom: solid 1px rgb(238, 238, 238);
font:25px "museoLight";
}

.menu-second-info-wrap{
width:100%;
padding:0;
margin: 60px 0 0 0;
//position:absolute;
}

.menu-second-info{
display:table;
margin:0 auto;

}

.menu-second-mail{
padding: 0px;
text-align: center;
float: none;
font: 25px "museoLight";
}

.menu-second-phone{
padding:0px;
text-align:center;
border-left:0px;
font:38px "museonormal";
}
}
/*M------------------end-menu-----------------*/


/*------------------nav-second-----------------*/

.nav-second-wrap{
position: relative;
max-width:1280px;
margin:0 auto;
}

.nav-second{
position: relative;
margin: 35px 30px 10px;
//padding: 0 15px 0 10px;
font: 20px "museoLight";
background: #eef6f9;
display: inline-block;
}

.nav-second-part{
float:left;
//padding-bottom:3px;
}

.nav-second-left{
color:#b3b3b3;
margin: 0px 15px 3px 15px;
cursor:pointer;
}

.nav-second-left:hover{
//margin-bottom:2px;
//border-bottom:dotted 1px;
color:#8b8b8b;
}

.nav-second-center{
color:#ffa200;
margin: 0 7px 0 0;
}

.nav-second-right{
float:left;
cursor:pointer;
background:url(images/nav-second-right-list-button.png) no-repeat 100% 0;
-webkit-transition:background 0.5s ease;
}

.nav-second-right li a{
color:#16191c;
padding: 0px 30px 3px 7px;
position: relative;
display: block;
}

.nav-second-right:hover{
background-color: #e4f0f4;
background-image:url(images/nav-second-right-list-button.png) no-repeat;
background-position: 100% 100%;
}

.nav-second-right-list-button{
cursor:pointer;
position:absolute;
height: 100%;
width: 20px;
right: -15px;
top: 0px;

background:url(images/nav-second-right-list-button.png) no-repeat 0 center;
background-color: #eef6f9;
}

.nav-second-right-list-button-click{
background-position-x:100%;
}

.nav-second-right-list-button:hover{
background-color: #e4f0f4;
}

.nav-second-right-list {
display:none;
position:relative;
//width: 71%;
background:#e4f0f4;
right: 0px;
//top: 39px;
z-index:1;
list-style-type:none;
//min-width: 187px;
}

.nav-second-right-list li a{
cursor:pointer;
padding: 0px 15px 3px 10px;
display: block;
color:black;
position: relative;z-index: 1;
}

.nav-second-right-list li a:hover{
background: #eef6f9;
}


/*------------------end-nav-second-----------------*/

/*------------------------------------*end-second-nav-end*-----------------------------------*/


/*------------------------------------*process*-----------------------------------*/


/*------------------project-----------------*/

.project-wrap{
position:relative;
}

.project-wrap h5{
position:relative;
//display:table;
margin:0 auto;
//border-bottom:dashed 5px #e9f9ff;
//margin-top: 65px;


font:30px "museoLight";
color:#75caf1;
text-align:center;
color: #176D94;
}

.project{
position:relative;
margin:0 auto;
display: table;
margin-bottom: -30px;
}

.project-img-background{
position: relative;
margin:0 auto;
-webkit-transition: 1s ease;
}

.project-img{
position:absolute;
-webkit-transition: 1s ease;
}


.project img{
float:left;
display: block;
margin: 0 auto;

bottom: -90px;
}

.project-wrap p{
color:#203d57;
text-align:center;
font: 17px "museoLight";
margin: 25px 0;
}

.project-arrow-left{
display:none;
position: absolute;
top: 50px;
left: -50px;
-webkit-transform: rotate(70deg);
-webkit-transition:top, left 1s ease;
}

.project-arrow-right{
display:none;
position: absolute;
top: 50px;
right: -50px;
-webkit-transition:top, right 1s ease;
}

/*------------------end-project-----------------*/


/*------------------document-tz-wrap-----------------*/

.document-tz-wrap{
position:relative;
padding: 60px 0 30px;
width:100%;
background-color:#e9f9ff;
background-image:url(images/document-tz-bg-dot.png);
border-top: dashed 3px #91d6f4;
}

.document-tz-wrap:after{
border-top: dashed 10px #91d6f4;
}

.document-tz{
position:relative;
max-width: 1280px;
margin: 0 auto;
}

.document-tz h5{
text-align:center;
}

.document-tz-left{
position:relative;
float:left;
width:50%;
background:url(images/document-tz-column-bg.png) no-repeat center;
}

.document-tz-right{
position:relative;
float:left;
width:50%;
background:url(images/document-tz-column-bg.png) no-repeat center;
}

.document-tz-wrap p{
color:#203d57;
text-align:center;
font: 17px "museoLight";
margin: 0 auto;
width: 86%;
padding: 18px 0 45px;
}

.document-tz-wrap img{
float: left;
display: block;
position: absolute;
}

.document-tz-propeller{
left: 50%;
margin-left: -58px;
top: -40px;
-webkit-transition:0.5s ease;
}

.document-tz-themperature-test{
-webkit-transform: rotate(7deg);
left: -20px;
top: 20px;
-webkit-transition:1s ease;
}

.document-tz-workshop{
right: -20px;
top: 20px;
-webkit-transform: rotate(-5deg);
-webkit-transition:1s ease;
}

.document-tz-mixer{
-webkit-transform: rotate(-5deg);
left: 95px;
top:10px;
-webkit-transition:1s ease;
}

.document-tz-blueprint{
right: 100px;
-webkit-transform: rotate-(7deg);
bottom: 10px;
-webkit-transition:1s ease;
}

.document-tz-blueprint-double{
right: 50px;
-webkit-transform: rotate(25deg);
top: 25px;
-webkit-transition:1s ease;
}

.document-tz-folder{
right: -90px;
top: 0px;
-webkit-transform: rotate(14deg);
-webkit-transition:1s ease;
}

.document-tz-folder-bg{
top: 5px;
right: -80px;
-webkit-transform: rotate(14deg);
-webkit-transition:1s ease;
}

.document-tz-left-images{
height: 250px;
position: relative;

margin-bottom: -83px;
}

.document-tz-wrap-hint{
z-index: 1;
position: relative;

}

.document-tz-wrap-hint p{
padding:2% 3%;

background:url(images/document-tz-wrap-hint-bg.png);
background-color:#fdf5dc;
background-color:#FFEFBB;
}

.document-tz-bg{
position:relative;
width:100%;
height:50px;
margin:o auto;
background:url(images/document-tz-bg.png) no-repeat center;
margin-bottom: -50px;
top: 30px;
}

/*------------------end-document-tz-wrap-----------------*/



/*M------------------document-tz-wrap-----------------*/

@media screen and (max-width:800px)
{
.document-tz-left{
width: 100%;
margin-top:0px;
}

.document-tz-right{
width: 100%;
margin-top: 50px;
}
}

/*M------------------end-document-tz-wrap-----------------*/


/*------------------make-product-----------------*/


.make-product-wrap{
position:relative;
}

.make-product{
position:relative;
max-width: 1280px;
margin: 0 auto;
}

.make-product h5{
position:relative;
display:table;
margin:0 auto;
border-bottom:dashed 5px #e9f9ff;
margin-top: 65px;


font:30px "museoLight";
color:#75caf1;
text-align:center;
color: #176D94;
}

h5{

position: relative;

font: 30px "museoLight";
color: #75caf1;
text-align: center;
color: #176D94;
text-align: left;
}

h5 a{color: #176D94;}

.make-product-left{

}

.make-product-left li{
padding: 35px 95px 35px 0;
text-align:right;
background:url(images/make-product-blip.png) no-repeat 100%;
}


.make-product-center{

}

.make-product-center img{
display:block;
margin:0 auto;
-webkit-transition:1s ease;
width:100%;
max-width: 390px;
}

.make-product-right{

}

.make-product-right li{
padding: 35px 0 35px 95px;
text-align:left;
background:url(images/make-product-blip.png) no-repeat 0;
}

.make-product-column{
width:33.3333%;
float:left;
position:relative;
margin: 50px 0 50px;
}

.make-product-column ul{
list-style-type:none;
font: 17px "museoLight";
color:#203d57;
}

.make-product-fact-wrap{
background-image:url(images/document-tz-bg-dot.png);
border-top: dashed 3px #91d6f4;
border-bottom: dashed 3px #91d6f4;
background-color:#e9f9ff;
}

.make-product-fact{
position:relative;
max-width:1280px;
font: 15px "museoLight";
color:#203d57;
margin: 0 auto;
padding:10px;
}

.make-product-fact-column{
width: 31%;
float:left;
position:relative;
margin:0 1%;
text-align:center;
}

.make-product-fact-column p{
padding: 15px 7px 13px;
}

.make-product-fact-left{
border-radius:20px;
background:#ffe9b3;
}

.make-product-fact-center{
border-radius:20px;
border:solid 3px #ffcd91;
background:white;
}

.make-product-fact-center p{
padding: 12px 7px 10px;
}

.make-product-fact-right{
border-radius:20px;
background:#ffe9b3;
}




/*------------------end-make-product-----------------*/


/*M------------------make-product-----------------*/

@media screen and (max-width:800px)
{
.make-product h5{
padding-bottom: 50px;
}

.make-product-left{
margin:0;
}

.make-product-right {
margin:-50px 0 50px !important;
}

.make-product-left li{
padding: 145px 0px 0px 0;
text-align: center;
background: url(images/make-product-blip.png) no-repeat center 55%;
}

.make-product-right li{
padding: 145px 0px 0px 0;
text-align: center;
background: url(images/make-product-blip.png) no-repeat center 55%;
}

.make-product-center img{
display:block;
margin:0 auto;
-webkit-transition:1s ease;
}

.make-product-center img{
display:block;
margin:0 auto;
-webkit-transition:1s ease;
}

.make-product-column{
width:100%;
margin:50px 0 50px;
float:none;
}

.make-product-fact-column{
width:100%;
margin: 17px 1%;
}
}

/*M------------------end-make-product-----------------*/

/*------------------resume-----------------*/
.resume{
max-width: 680px;
margin: 90px auto 160px;
}

.resume p{
position: relative;
background-color: #e9f9ff;
background-image: url(images/document-tz-bg-dot.png);
padding: 20px 35px;
border-radius: 20px;
font: 17px "museoLight";
color: #203d57;
text-align:center;
}

.resume-tip{
position: relative;
height:50px;
background: url(images/resume-bg.png) no-repeat center;

}



/*------------------end-resume-----------------*/

/*M------------------end-product-second-----------------*/


/*------------------------------------*end-process-end*-----------------------------------*/

/*------------------------------------*product*-----------------------------------*/

/*------------------product-second-----------------*/

.product-second{
position: relative;
width:100%;
max-width: 1280px;
max-width: 1210px;
margin: 0 auto;
}


h6{
font: 26px "museoNormal";
color:black;
margin:20px 0px;
}

.product-second-column{
position: relative;
float:left;
padding: 15px 2.3%;
width: 28.5%;
background:#f4fcff;
font: 16px "museoLight";
color:black;
//cursor:pointer;
border: dotted 1px rgba(32, 210, 255, 0);
}

//.product-second-column:hover{
background: #FFFFFF;
border: dotted 1px rgb(32, 210, 255);
//box-shadow: 0px 0px 9px rgb(224, 224, 224);
z-index:1;

}
.product-second-column-center{
background:#e9f9ff;
background-image:url(images/bg-line.png);
}

.product-second-column img{
display:block;
width:170px;
height:170px;
border-radius:100px;
border:solid 4px white;
margin:10px auto 0 auto;
}

.product-second-column p span{
display: block;
padding-left: 10px;
margin: 20px 0;
border-left: solid 5px #ffa200;
}

.product-second-download{
font: 15px "museoLight";
margin:30px auto 10px;
text-align:center;
width: 80%;
padding: 0 10%;
}

.product-second-download-left{
float:left;
width: 50%;
}

.product-second-download-right{
float:left;
width: 50%;
}

.product-second-download-ico a{
cursor:pointer;
display: table;
margin: 0 auto;
padding: 85px 0px 0px 0px;
color:black;
}

.product-second-download-ico a:hover{
color:#4cd7fb;
}

.product-second-download-left a{
background:url(images/product-second-download-pdf.png) no-repeat 50% 0;
}

.product-second-download-right a{
background:url(images/product-second-download-doc.png) no-repeat 50% 0;
}

/*------------------end-product-second-----------------*/



/*------------------action-second-----------------*/
//h4{
font: 29px "museoLight";
font: 29px "museoNormal";
color: black;
text-align: center;
padding: 50px 0;
}

.action-second{
position: relative;
max-width: 1280px;
margin: 0 auto;
margin-bottom: 140px;
width: 100%;
}

.action-second-section{

position: relative;
float: left;

font: 21px "museoLight";
text-align:left;
//min-height: 92px;
width: 17.333333%;
margin: 0 8%;
}

.action-second-section a{
padding: 43px 0 0 90px;
display: table;
width: 100px;
cursor:pointer;
min-height: 50px;
color: black;
}

.action-second-section a:hover{
color:#4cd7fb;
}

//.action-second-section a:hover .action-second-left-hint{
opacity: 1;
bottom: -80px;
color:black;
visibility:visible;
}

.action-second-left-hint{
position: absolute;
background: #cae6ff;
text-align: left;
left: 155px;
bottom: 62px;
padding: 0px 5px;

opacity: 0;
visibility:hidden;
-webkit-transition: 0.8s;

position: absolute;
background: #cae6ff;
left: 0px;
bottom: -90px;
padding: 3px 5px;
text-align: center;
border-radius: 2px;
}

.action-second-left a{
background:url(images/action-pdf.png) no-repeat;
}

.action-second-center a{
background:url(images/action-result.png) no-repeat;
}

.action-second-center a{
padding-left:120px;
}

.action-second-right a{
background:url(images/action-license.png) no-repeat;
}

.action-second-left-hint-triangle{
position:absolute;
height:10px;
width:20px;
margin:0 auto;
top:-10px;
background:url(images/action-second-left-hint-triangle.png);
margin-left: 50%;
left: -10px;
}
/*------------------end-action-second-----------------*/





/*M------------------product-second-----------------*/

@media screen and (max-width:800px)
{

.product-second-column{

width: 96%;

}

.action-second-section{
margin: 60px 0%;
position: relative;
float: left;
width: 100%;
}

.action-second-section a{
margin:0 auto;
}

//.action-second-left-hint{
position: relative;
opacity: 1;
visibility:visible;
background: #cae6ff;
margin:0 auto;
bottom: -15px;
padding: 3px 5px;
text-align: center;
border-radius: 2px;
}

.action-second-left a:hover .action-second-left-hint{
bottom: -15px;

}

h4{
padding: 110px 0 50px 0;
}

}

/*M------------------end-product-second-----------------*/

/*------------------------------------*end-product-end*-----------------------------------*/

/*------------------------------------*project*-----------------------------------*/

/*------------------project-second-----------------*/

.project-second-wrap{
position:relative;
padding:0 30px;
background:#;
font: 17px "museoLight";
max-width: 1210px;
margin: 0 auto 140px auto;
}

.project-second-wrap h1{
color:#6990ab;
font: 28px "museoNormal";
text-align: left;
margin: 15px 0 0 0;
}

.project-second-wrap p{
max-width: 850px;
}

.project-second-hint{
position: relative;
padding: 10px 30px;
background: #ffd450;
border-radius: 10px;
max-width: 440px;
color: #583400;
font: 17px "museoLight";
text-align: center;
margin: 25px 0 30px;
}

.project-second-hint-triangle{
position: absolute;
margin: 0 auto;
text-align: center;
color: rgba(255, 255, 255,0);
top: 60px;
border: 1px solid;
border-width: 15px 15px 0;
border-top-color: #ffd450;
left: 45px;
}


.project-second{
position:relative;
background:#95dffc;
margin-top: 35px;
}


.project-second-left{
position:relative;
float:left;
width:33.6%;
background:#95dffc;
color: #2b5676;
font: 17px "museoLight";
}

.project-second-left h2{
color: white;
font: 28px "museoLight";
//margin-bottom: 20px;
text-align: left;
}

.project-second-left-slider-wrap{
position:relative;
padding: 20px;
height: 259px;
overflow: hidden;
}

.project-second-left-slider{
width:3000px;
position: relative;
-webkit-transition:1s ease;
}

.project-second-left-slider img{
//width:100%;
margin-bottom: 35px;
display:block;
position:relative;
float:left;
margin-right: 25px;
}

.project-second-left-slider-button{
position:absolute;
width: 89%;
height: 84%;
z-index:1;
}

.project-second-left-slider-button-left{
cursor:pointer;
position:relative;
float:left;
width: 50%;
height: 100%;
}

.project-second-left-slider-button-right{
cursor:pointer;
position:relative;
float:left;
width: 50%;
height: 100%;
}

.project-second-left-slider-button-left:hover{
background: rgba(0, 0, 0, 0.25);
}

.project-second-left-slider-button-right:hover{
background: rgba(0, 0, 0, 0.25);
}

.project-second-left-info{
position:relative;
padding:10px 20px;
background:#87d1ef;
}

.project-second-left-correct{
position:relative;
padding:10px 20px;
}

.project-second-left-correct a{
display: table;
padding: 5px 0 25px;
font: 40px "museonormal";
color:#677987;
background:url(images/project-second-left-correct-p-bg.png) repeat-x bottom;
-webkit-transition: 0.8s ease;
}

//.project-second-left-correct a:hover{
-webkit-animation-play-state:running;
color:#355269;
}

.project-second-left-correct a{
    border-style: dashed;
    border-width: 0px;
    -webkit-animation-name: 'bordered';
    -webkit-animation-duration: 2s;
     -webkit-animation-iteration-count: infinite;
    //background-position-x:0px;
	 -webkit-animation-play-state:running;
	-webkit-animation-timing-function: linear;

}

//@-webkit-keyframes 'bordered' {
    from {
    background-position-x:0px;
    }
    
    to {
    background-position-x:100px;
    }   
}

.project-second-left-correct-hint{
visibility:hidden;
position:absolute;
font: 20px "museoLight";
padding:10px 15px;
background:white;
max-width: 125px;
text-align: center;
top: 165px;
-webkit-transition: 0.4s ease;
//transition: 0.4s ease;
opacity:0;
border: dotted 1px rgb(32, 210, 255);
}

//.project-second-left-correct a:hover .project-second-left-correct-hint{
visibility:visible;
top: 145px;
opacity:1;
}

.project-second-left-correct-hint-active{
visibility:visible;
top: 145px;
opacity:1;
}

//.project-second-left-correct a:active .project-second-left-correct-hint{
//visibility:visible;
//top: 145px;
//opacity:1;
}



.project-second-left-correct-hint-triangle{
position: absolute;
margin: 0 auto;
text-align: center;
color: rgba(255, 255, 255,0);
top: -16px;
border: 1px solid;
border-width: 0 15px 15px;
border-bottom-color: rgb(236, 236, 236);
left: 0px;
}

.project-second-right{
position:relative;
float:right;
width:66.4%;
color: #2b5676;
font: 17px "museoLight";
//text-align:center;
}

.project-second-right table{
width:100%;
//border:0px;
border-collapse:collapse; 
}

.project-second-right table tbody th{
font-weight:normal;
padding:17px 0;
display:block;
background:#dff1ff;
}

.project-second-right table tbody tr{
background:#f2faff;
overflow:hidden;
display: block;
border-top:1px solid #dff1ff;
//border-bottom:1px solid #dff1ff;
}

.project-second-right table tbody tr:hover{
background:white;
}

.project-second-right table tbody td{
padding:17px 0;
float:left;
width:50%;
}

.project-second-right table tbody td{
padding: 17px 0 17px 15%;
float: left;
width: 35%;
}

/*------------------end-project-second-----------------*/
/*M------------------project-second-----------------*/
@media screen and (max-width:800px)
{
.project-second-left{
width:100%;
}

.project-second-right{
width:100%;
}
}

/*M------------------end-project-second-----------------*/
/*------------------------------------*end-project-end*-----------------------------------*/



/*------------------------------------*otrasl*-----------------------------------*/

/*------------------otrasl-text-----------------*/

.otrasl-text{
position:relative;
margin:0 auto;
width:840px;
text-align:center;
font: 17px "museoLight";
padding-bottom: 38px;
}

.otrasl-text p{
margin: 20px 0 35px;
}

.otrasl-text .projects{
background:#561f89;
position:relative;
margin:0 auto;
width: 175px;
text-align:center;
color:white;
padding: 30px 0px;
border-radius: 20px;
}

.projects-border{

position:absolute;
margin:0 auto;

text-align:center;
color:white;
top: 78px;
border: 1px solid;
border-width: 40px 77px 0;
border-top-color: #561f89;
left: 10px;
}

/*------------------end-otrasl-text-----------------*/

/*------------------otrasl-slider-wrap-----------------*/
.otrasl-slider-wrap{
position:relative;
//background:#95dffc;
background-color: #D2F2FF;
margin: 60px auto 0 auto;
height: 303px;
overflow: hidden;
width: 1210px;
}

.otrasl-slider{
position:relative;
width:800px;
margin:0 auto;
//padding: 20px 0;
-webkit-transition:top 1s ease;

//transition:1s ease;
}

.otrasl-slide{
padding-top: 25px;
padding-bottom: 25px;
}

.otrasl-slider h1{
color:black;
font: 28px "museoLight";
margin-bottom: 20px;
text-align: center;
}

.otrasl-slider-column{
position:relative;
width:50%;;
margin:0 auto;
float:left;
}

.otrasl-slider-left{
overflow: hidden;
width: 290px;
height: 200px;
}

.otrasl-slider-right{
padding-left: 75px;
}


.otrasl-slider-right p{
color:#2b5676;
font: 17px "museoLight";
}

.otrasl-slider-right a{
position: relative;
text-decoration:none;
display: inline-block;
padding-bottom: 2px;
//padding-right: 10px;
color: white;
border-bottom:1px solid #95dffc;
margin-top: 15px;
}

.otrasl-slider-right a:hover{
border-bottom:1px solid #2b5676;
}

.otrasl-slider-right a span{
display: block;
position:absolute;
width:10px;
height:100%;
background:url(images/otrasl-slider-left-slider-a-bg.png) no-repeat  center 60%;
right: -25px;
top: 0px;
}

.otrasl-slider-button-wrap{
position: absolute;
right: 0px;
height: 303px;
width: 55px;
z-index: 3;
}

.otrasl-slider-button{
height: 100%;
width: 100%;
cursor: pointer;
background: url(images/references-button-right-bg.png) no-repeat center;
background-color: #bbc7cd;
}

.otrasl-slider-button:hover{
background-color: #AEB8BD;
}

.otrasl-slider-left-slides{

}

.otrasl-slider-left-slides img{
width:100%;
}

/*------------------end-otrasl-slider-wrap-----------------*/

/*------------------otrasl-action-----------------*/

.otrasl-action-wrap{
position:relative;
margin:0 auto;
max-width:1220px;
height:100px;
//background:red;
font: 21px "museoLight";
margin-bottom: 165px;
}

.otrasl-action{
}

.otrasl-action-wrap ul{
position:relative;
display:block;
list-style-type:none;
}

.otrasl-action-wrap ul li{
position:relative;
display:block;
width: 16.66669999999%;
float:left;
//padding:10px;
}

.otrasl-action-wrap ul li a{
position:relative;
display:table;
margin:0 auto;
padding-top: 105px;
background: url(images/action-pdf.png) no-repeat center top;
cursor:pointer;
}

.otrasl-action-wrap ul li a:hover{
color: #4cd7fb;

}
/*------------------end-otrasl-action-----------------*/

/*------------------otrasl-news-----------------*/
.otrasl-news-wrap{
position:relative;
transition: 0.4s ease;
padding-bottom: 120px;
}

.otrasl-news{
display:block;
cursor:pointer;
position:relative;
width: 445px;
margin:0 auto;
//transition: 0.4s ease;
padding: 10px 25px;
//float:left;
border: dotted 1px rgb(32, 210, 255);
}

.otrasl-news:hover{
background: rgb(241, 241, 241);
border: dotted 1px rgb(241, 241, 241);
}

.otrasl-news-left{
position:relative;
width:20%;
float:left;
}

.otrasl-news-left img{
display: block;
position: relative;
width: 100%;
margin: 0 auto;
//top: 10px;
}

.otrasl-news-right{
position:relative;
width:70%;
float:left;
padding-left:10%;
color:black;
}

.otrasl-news-right h4{
text-align:left;
padding:0px;
font: 25px "museoLight";
padding-bottom: 5px;
}

/*------------------end-otrasl-news-----------------*/

/*------------------------------------*end-otrasl-end*-----------------------------------*/


/*------------------contact-----------------*/

.contact-wrap{
position: relative;
margin:0 auto;
max-width: 1280px;
}

.contact{
position: relative;
display: table;
color: black;
margin-left: 30px;
}

.contact-wrap-row{
float:left;
}

.contact-wrap-row #address{
background:url(images/contact-wrap-row-addres.png) no-repeat bottom left;
}

.contact-wrap-row #email{
background:url(images/contact-wrap-row-email.png) no-repeat bottom left;
}
.contact-wrap-row #skype{
background:url(images/contact-wrap-row-skype.png) no-repeat bottom left;
}
.contact-wrap-row #web{
background:url(images/contact-wrap-row-web.png) no-repeat bottom left;
}
.contact-wrap-row p a{
background: white;
margin-top: 4px;
position: relative;
margin-top: 5px;
display: table;
color:black;
border-bottom:dotted 1px white;
}

.contact-wrap-row p a:hover{
background: rgb(253, 253, 253);
border-bottom:dotted 1px black;
}

.contact-wrap-row #phone-ico{
background:url(images/contact-wrap-row-phone.png) no-repeat bottom left;
}

.contact-wrap h4{
text-align:left;
padding: 30px 0 0px 36px;
font: 24px "museoLight";
}

.contact-wrap span{
display:inline-block;
font: 15px "museoLight";
}

.contact-wrap p{
//display:inline-block;
}

.contact-wrap #phone{
padding: 50px 55px 30px;
height: 159px;
position: absolute;
right: 0px;
background: white;
border: dashed 1px #7FD6F8;
}

.contact-local{
background: rgb(248, 248, 248);
padding: 0 25px 30px;
}

.contact-region{
position:relative;
margin-top: 20px;
}

.contact-region h4{
font: 24px "museoLight";
padding-left:0px;
}

.contact-region p{
//width:500px;
}

.contact-region-button{
text-align:center;
width:100%;
padding:10px 0;
//background:url(images/nav-second-right-list-button.png) no-repeat 100% 0;
background-color: #95dffc;
cursor:pointer;
}

.contact-region-button:hover{
background-color: #7FD6F8;
}

.contact-region ul{
//display:none;
//opacity:0;
height:0px;
overflow: hidden;
transition:all 0.4s ease;
}

.contact-region .active{
display:block;
height:540px;
}

.contact-region ul li{
width: 100%;
padding: 0 20px 30px 20px;
border-bottom:dashed 2px #b3b3b3;
}

#map{
position:relative;
width: 100%;
height: 200px;
//background:white;
margin-top: 65px;
}

.ymaps-map{
//width:1210px !important;
position:relative;
}

/*------------------*end-contact-end*-----------------*/



/*------------------*news*-----------------*/

.news-wrap{
position:relative;
width:1210px;
margin:0 auto;
//margin-top:10px;
//margin-bottom:10px;
opacity:0.6;
padding: 15px 0 15px;
transition: 0.4s ease;
}

.news-wrap:hover{
opacity:1;
padding: 20px 0 20px;
}

.news-left{
position:relative;
width:20%;
float:left;
background: #95dffc;
height: 167px;
}

.news-left img{
display: block;
position: relative;
width: 85px;
margin: 0 auto;
top: 15px;
}

.news-right{
position:relative;
width:76%;
float:left;
background: #f2faff;
padding: 1.3% 2%;
}

.news-right-text{
position:relative;
width:80%;
float:left;
}

.news-right-text h4{
text-align:left;
margin:0;
padding:0;
}

.news-right-text p{
color: #2b5676;
font: 17px "museoLight";
padding: 10px 0 10px;
}

.news-right-link{
position:relative;
width:20%;
float:left;
padding-top: 12px;
}

.news-right-link a{
cursor: pointer;
display: table;
margin: 0 auto;
padding: 85px 0px 0px 0px;
background: url(images/product-second-download-doc.png) no-repeat 50% 0;
color:black;
}

.news-right-link a:hover{
color:#4cd7fb;
}

.news-bottom{
position:relative;
height:85px;
}

/*------------------*end-news-end*-----------------*/

@font-face {
    font-family: "museoLight";
    src:
         url("museosanscyrl_100.ttf") format("truetype");
      font-weight: normal;
    font-style: normal;
  
}

@font-face {
    font-family: "museoNormal";
    src:
         url("museosanscyrl_500.ttf") format("truetype");
      font-weight: normal;
    font-style: normal;
  
}

@font-face {
    font-family: "museoBold";
    src:
         url("museosanscyrl_900.ttf") format("truetype");
      font-weight: normal;
    font-style: normal;
  
}