body{
margin:0;
padding:0;
}
.log{
width:10%;
position:fixed;
top:0px;
left:5%;
z-index:500;
}
.log img{
width:100%;
}
.log a{
width:100%;
height:100%;
}
.bagra{
position:fixed;
top:0px;
background: url("../images/Untitled-2.jpg") center no-repeat;
background-size:cover;
width:100% ! important;
height:100% ! important;
}
#carousel-example-generic{
position:relative ! important;
width:65% ! important;
margin:auto ! important;
}
.left .glyphicon-menu-left{
position:absolute;
top:30%;
font-size:35px;
color:#C5C613;
}
.right .glyphicon-menu-right{
position:absolute;
top:30%;
font-size:35px;
color:#C5C613;
}
.left{
background:none ! important;
opacity:1 ! important;
height:100px;
position:fixed;
top:45%;
}
.right{
background:none ! important;
opacity:1 ! important;
height:100px;
position:fixed;
top:45%;
}
.carousel-inner{
width:100%;
height:100%;
margin:auto;
}
.carousel-inner .item{
width:100%;
height:100%;
text-align:center;
}
#new{
width:100%;
text-align:center;
font-size:35px;
}
#nem{
width:100%;
text-align:center;
font-size:30px;
color:#01458E;
}
#dat{
width:100%;
text-align:center;
font-size:25px;
}
.imgebag{
height:515px;
margin:auto;
width:75%;
}
.text{
margin:auto;
text-align:justify;
width:75%;
}
.text p{
font-size:18px;
color:black;
}
@media only screen and (max-width:1210px){
.imgebag{
height:515px;
margin:auto;
width:100%;
}
.text{
margin:auto;
text-align:justify;
width:100%;
}
}
@media only screen and (max-width:900px){
.carousel-inner{
width:100%;
}
.imgebag{
height:400px;
margin:auto;
}
.text{
margin:auto;
text-align:justify;
}
}
@media only screen and (max-width:750px){
body{
width:750px;
}
}
.bs-example-modal-lg61{
z-index:158000;
}
.anim{
width:50px;
height:50px;
margin:auto;
    position:relative;
	top:4px;
  /*анимация*/
    -webkit-animation-name: bounceball;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: none;

    -moz-animation-name: bounceball;
    -moz-animation-duration: 0.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: none;

    animation-name: bounceball;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: none;
}
@-webkit-keyframes bounceball {
    from {
-webkit-transform:rotate(-26deg);
-moz-transform:rotate(-26deg);
-ms-transform:rotate(-26deg);
-o-transform:rotate(-26deg);
transform:rotate(-26deg);
	}
    to {
-webkit-transform:rotate(36deg);
-moz-transform:rotate(36deg);
-ms-transform:rotate(36deg);
-o-transform:rotate(36deg);
transform:rotate(36deg);
	}
}



.glyphicon-earphone{
color:white;
font-size:40px;
padding-bottom:10px;
}
.phone1{
position:fixed;
z-index:15000;
bottom:0px;
}
.dialoger{
position:fixed;
bottom:0px;
margin:0 ! important;
padding:0 ! important;
width:100%;
height:100%;
display:none;
 -webkit-transition: height 1.5s ease ! important;
 -moz-transition: height 1.5s ease ! important;
transition: height 1.5s  ease ! important;
top:100%;
}
.dialoger1{
position:fixed;
bottom:0px;
margin:0 ! important;
padding:0 ! important;
width:100%;
height:100%;
display:none;
  -webkit-transition: height 1.5s ease ! important;
  -moz-transition: height 1.5s ease ! important;
  transition: height 1.5s  ease ! important;
top:0% ! important;
}
@media only screen and (max-width:1028px){
.dialoger{
display:block;
}
.phone2{
position:fixed;
bottom:0px;
width:100%;
height:300px;
background-color:white;
z-index:15000;
}
.phone2 h1{
text-align:center;
color:black;
}
.teloe{
width:80%;
height:80px;
background-color:#B5B5B5;
outline:none;
margin-left:10%;
font-size:40px;
color:black ! important;
border:1px solid #B5B5B5;
padding-left:5px;
}
.teloe:focus{
color:black ! important;
}
#pho ::-webkit-input-placeholder {
	color: black;
}

#pho ::-moz-placeholder {
	color: black;
}

#pho :-ms-input-placeholder {
	color: black;
}
.jdu{
width:80%;
height:80px;
background-color:#00448D;
border:1px solid #00448D;
color:white;
outline:none;
margin-left:10%;
font-size:40px;
}
.ix{
background-color:white;
outline:none;
width:10%;
height:50px;
border-radius:20px;
position:absolute;
right:-15px;
bottom:285px;
z-index:15500;
border:none;
}
.dfgrt{
color:black;
font-size:40px;
}