/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}

a {
outline:none !important;
}


#navbar, #navbar a{
  color:#ffffff;
}

.navbar-header{
  float:left;
}

.navbar-inverse{
background-color: #243A4F;
}

.navbar-nav > li > a:hover{
  background-color: #243A4F;

  background: linear-gradient(to top, transparent, #172532, transparent);
}


nav .text-right strong{
  font-size: 20px;
}

nav .text-right strong span{
  font-weight: 300;
}



/*
#navbar, #navbar a{
  color:#ffffff;

}

#navbar, .navbar-nav > li > a, .callmetop{
  padding: 10px;
}


a, a:hover{
  color:#4A3627;
}

#navbar .nav a:hover{

}

.navbar-nav{
  float:none;
}

.navbar-blue {
    background-color: #243A4F;
    border-color: #172532;
}



.nav.navbar-blue > li > a:hover,
.nav.navbar-blue > li > a:focus{
background-color: #172532;


}


.navbar-blue .nav > li > a:hover{
  background-color: #243A4F;

  background: linear-gradient(to top, transparent, #172532, transparent);
}

*/

.main-1{
background: url("images/main-1.jpg") center bottom no-repeat;
background-size: cover;
min-height: 750px;
}

.jumbotron.main-1{
  padding-top: 10px;
}

.zayavka{
background: url("images/zayavka-1.jpg") center top no-repeat;
background-size: cover;
min-height: 600px;
}



h1, h2, h3, h4, h2.h1, p, ul li{
  font-family: 'Ubuntu', sans-serif;
  /*font-family: 'Lobster', cursive;*/
}

p, ul li{
font-weight: 300;
}

ul li{
  font-size:18px;
}

h1, .h1, h2{
  color:#111111;
  /*font-weight: 300;*/
  text-align: center;
}

h1 strong, .h1 strong, h2 strong, p strong{
  font-weight: 500;
}


h1, h2, h3, h4, .h1{
  font-weight: 700;
}

h3{
  font-size:26px;
  text-align: center;
}

h4{
  font-size:22px;
}

.jumbotron .h1{
font-size: 50px;
padding-bottom: 30px;
text-transform: uppercase;
}


.jumbotron.main-1 h1{
  font-size:80px;
  padding-top: 20px;
}

.jumbotron.main-1 h2{
  font-size:40px;
}

.jumbotron.main-1 h1, .jumbotron.main-1 h2{
  color:#222222;
  text-align: left;
  margin-left:20px;
  text-shadow: 2px 2px 2px #fff;
}

.jumbotron.main-1 h2{
  color: #ffffff;
  text-shadow: 2px 2px 2px #000;

}


.jumbotron.main-1 p{
  margin-top:20px;
}

.jumbotron.main-1 ul{
margin: 0 -43px;
width:100%;
}

.jumbotron.main-1 ul li{
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
  background-color: #fff;
  padding: 5px 20px;
  margin: 10px 5px;
  border-radius: 7px;
}



.jumbotron h1, .jumbotron .h1{
  /*letter-spacing:-5px;*/
  color:#111111;
}

.jumbotron{
  padding-top: 88px;
  margin-bottom:0;
}

.jumbotron.topwhite{
  background: #eeeeee url("images/fff.png") no-repeat scroll center top;
}

.jumbotron.white{
  background-color:#ffffff;
}

.jumbotron.gray{
  background-color:#eeeeee;
}



.jumbotron.topgray{
  background: #ffffff url("images/eee.png") no-repeat scroll center top;
}

.jumbotron.topgray.red{
  background-color:transparent;
}

.jumbotron.topred{
  background: transparent url("images/red.png") no-repeat scroll center top;
}

.jumbotron.topblue{
  background: transparent url("images/blue.png") no-repeat scroll center top;
}

.akciya{
  background: #4c7eb0 url("images/bant-1.png") no-repeat scroll left top;
}

.jumbotron.red{
  /*background-color:#930b0b;*/
}

.jumbotron.red p, .jumbotron.red .h1{
  color:#fff;
}

.jumbotron.red p{
  font-size:24px;
}

.jumbotron p{
  color:#222222;
}

.jumbotron.whyus{
    min-height: 400px;
    background: transparent;
}


.jumbotron.whyus h3{
color: #243A4F;
font-size: 80px;
}

.jumbotron.whyus h3 span{
display:block;
font-size:28px;
}

.jumbotron.whyus .row p{
  font-weight: 700;
  text-align: center;
}



.jumbotron.zayavka{
  padding-top: 55px;
}


.jumbotron.zayavka .h1{
  color:#000000;
  text-shadow: 2px 2px 2px #ffffff;
}


.jumbotron.zayavka p{
  /*background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 20px;
  border-radius: 10px;*/
  margin: 0;
  padding: 0 0 20px;
  color:#fff;
}

.jumbotron.zayavka form{
margin-top: 10px;
padding: 12px 20px;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 5px;
}


.jumbotron.zayavka form label{
  color:#fff;
}


.jumbotron h1 span, .jumbotron .h1 span{
  color: #23ade1;
}




.color-red{
  background-color: #CC3366;
}

body>footer{
  margin-top:30px;
}

.btn-lg{
  padding: 14px 20px;
  font-size: 24px
}


.callmetop{
  /*font-size:20px;*/
  padding:10px;
}


.cbk-phone .cbk-phone-bgr {
    background-color: #5cb85c !important;
}



p .btn{
  margin-top:15px;
}

.btn{
white-space: normal;
}




#map{
  position:relative;
  padding:0;
}

#map .map{
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0px;
  left: 0px;
}

a.navbar-brand{
  padding: 0;
}

.navbar-brand > img {
    height: 52px;
    width: 52px;
}


.cbk-window-bgr{
  display:none !important;
}

.cbk-window .cbk-forms{
  margin-top:10px !important;
}

.cbk-window{
  height: 60% !important;
}


#map{
  position:relative;
  padding:0;
}

#map .map{
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow:hidden;
}

#map .row{
position: absolute;
top: 50px;
width: 100%;
}

.map-contacts{
padding: 12px 20px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 5px;
box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.6);
}

.jumbotron .map-contacts p{
  font-size:18px;
}

.map-contacts a{
  color:#000000;
}


.jumbotron.reg-ooo{

}

.jumbotron.reg-ooo .paket-ooo{
background-color: #23ade1;
padding: 5px 10px;
border-radius: 10px;
margin-bottom: 20px;
}

.jumbotron.reg-ooo .paket-ooo h3{
background-color: #243a4f;
margin: -5px -10px 5px -10px;
border-radius: 10px 10px 0 0;
padding: 10px;
color: #ffffff;
text-align: center;
}

.jumbotron.reg-ooo .paket-ooo ul{
  
}

.jumbotron.reg-ooo .paket-ooo ul li{
  
}

.jumbotron.reg-ooo .paket-ooo .reg-cost{
text-align: right;
color: #ffffff;
}

.jumbotron.reg-ooo .paket-ooo .reg-cost span{
font-weight: bold;
color: #ffe940;
font-size: 26px;
}


p.reg-podarok{
text-align: center;
font-weight: bold;
}

p.slogan{
text-align: center;
margin-top:60px;
}



.jumbotron.urid-soprov .row img{
border-radius:200px;
}



.jumbotron.urid-soprov .h1 span{
  color:#ffffff;
}

.jumbotron.urid-soprov .row h3{
color: #ffffff;
}

.jumbotron.urid-soprov p{
color: #ffffff;
}


.jumbotron.gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23ade1+0,1f8cb7+46,243a4f+100 */
background: #23ade1; /* Old browsers */
background: -moz-linear-gradient(top,  #23ade1 0%, #1f8cb7 46%, #243a4f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #23ade1 0%,#1f8cb7 46%,#243a4f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #23ade1 0%,#1f8cb7 46%,#243a4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23ade1', endColorstr='#243a4f',GradientType=0 ); /* IE6-9 */

}


.jumbotron.kadry .row ul li{
font-weight: 700;
color: #243a4f;
font-size: 26px;
}

.jumbotron.kadry{
background: url("images/office-1.jpg") center top no-repeat;
background-size: cover;
min-height: 700px;
background-attachment: scroll;
}


table li{
  font-size: 16px;
}




.callbackwidget .jumbotron{
  padding:10px;
}

.callbackwidget .jumbotron p{
font-size: 18px;
}




.jumbotron p.disclaimer{
  font-size: 14px;
  color:#999999;
}
.jumbotron.zayavka p.disclaimer{
color: #222;
}


.jumbotron.zayavka p.zayavka-ok{
color: #222;
padding:10px;
}




.jumbotron p.disclaimer a{
color:#999999;
text-decoration: underline;
}

.jumbotron p.disclaimer a:hover{
text-decoration: none;
}


.modal-body {
    padding: 0;
}

.modal-content {
    overflow: hidden;
    border: 0 none;
}




.shine-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}
.shine-btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; }
}







#popup__toggle{bottom:25px;right:10px;position:fixed;z-index:999;}
.img-circle{background-color:#ED0000;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #ED0000;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#ED0000;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(images/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}











@media (max-width: 767px){



#map .row {
    position:static;
    top: auto;
    margin:0;
}

a.navbar-brand{
  padding-left: 10px;
}

.btn-lg{
  font-size:20px;
}

.table-responsive > .table > tbody > tr > td, .table-responsive > .table > thead > tr > th{
  white-space: normal;
}

.jumbotron.main-1{
  padding-top: 5px;
}

.jumbotron.main-1 div.bg-danger{
  margin-bottom:20px;
}

.jumbotron.main-1 div.bg-danger h3{
  font-size:18px;
}

.jumbotron.main-1 div.bg-danger p{
  font-size:16px;
}

.main-1 {
    min-height: 0;
}

.jumbotron.main-1 h1{
  font-size:40px;
}

.jumbotron.main-1 h2{
  font-size:24px;
}


.jumbotron.whyus div.bg-danger {
  padding-left:20px;
}

.jumbotron.whyus div.bg-danger::before {
  display:none;
}


.jumbotron h1, .jumbotron .h1{
font-size: 34px;
} 

#navbar .nav{
  display: none;
}

.jumbotron.planirovki .col-md-4 a img{
  width: 200px;
  height: 200px;
}


.jumbotron.main-1 ul li {
    font-size: 20px;
    font-weight: 300;
}

}



@media (min-width: 1300px){

.jumbotron.main-1{
  padding-top: 50px;
}

.main-1{
min-height: 920px;
}

}