/* Header Navigation */
#top-nav{border-bottom:1px solid #e1e6dd;background:#FFF;-webkit-transform:translateZ(0)}
#top-nav.navbar{margin-bottom:0px;}
#top-nav.navbar .nav{margin:8px 0px;}
#top-nav.navbar .nav > li{display:inline-block;float:none}
#top-nav.navbar .nav > li > a{font-size:14px;padding:6px 12px;margin:0px;text-transform:uppercase;font-weight:400;-webkit-transition:background-color 200ms ease;-moz-transition:background-color 200ms ease;-o-transition:background-color 200ms ease;transition:background-color 200ms ease;}
#top-nav.navbar .nav > li > a.download{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#top-nav.navbar .nav > li > a.download-on{background-color:#009b97;color:#ffffff;}
#top-nav.navbar .nav > li > a.download-on:hover{color:#ffffff;background-color:#ff7920;}

.toplogo{display:inline-block;float:left;margin-top:10px;margin-left:20px;}

.btn-navbar span.icon-bar{margin-top:0px;}
/* Header  */
#header{background:#f1f1f1;padding:100px 0 100px;}
#header h1{color:#009b97;margin-bottom:10px;margin-top:30px;}
#header h3{margin-bottom:30px;width:400px;}
#header .btn-success{padding:15px 30px;margin-bottom:5px;}
#header .logo{display:block;margin-top:60px;float:right}
img.arrow-down{margin:0 auto;display:block;}
h1{margin:15px 0;font-size:30px;margin-top:80px;}
h2{font-size:22px;color:#009b97;}
a{color:#009b97}


.span12{margin-left:0;max-width:100%;}
.span12>h2{display:block;text-align:center;}
#owl-demo{margin:3px;max-width:calc(100% - 7px);box-sizing:border-box;}
.span7{width:calc(65% - 30px)}
.span5{width:calc(35% - 30px)}
.span4{width:calc(31% - 30px)}
.span3{width:calc(25% - 30px)}

.row{margin-left:auto;}
#title{padding-top:60px;}
#title .span5{min-width:320px;}
#title .span7{max-width:calc(100% - 380px);}
#title h2{max-width:100%;width:400px;font-size:40px}
#title h2 span{display:block;font-size:32px;font-weight:300;padding-top:5px;}
#title h2 span b{font-weight:400;}
#title .span8{margin-left:20px;}
#title .span4{float:right;padding-top:20px;}

.more-title{text-align:center;}
.more-title h2{font-size:26px;text-transform:uppercase;margin-bottom:2px;}
#example-info{margin-bottom:20px;border-top:1px solid #eee;}
#example-info .container>div>.span12{padding-left:30px;max-width:calc(100% - 35px);}
.pagetitl{text-align:center;}

.topadress{max-width:320px;float:right;padding-bottom:20px;}
#title .topadress h2{margin-top:0;font-size:29px;display:inline-block;text-align:center;margin-bottom:0;}
.topadress h2 span{color:#777;font-size:.9em;}
.topadress p{display:block;float:left;font-size:.9em;margin:0 auto;}
pre.pre-show{margin:30px 0px;}
.tab-content pre.pre-show{margin:0px 0px 0px 0px;}
.nav-tabs{margin-top:20px;margin-bottom:0px;}
.tab-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;}
/* Content */
.table th,.table td{padding:8px 12px;}
/* Footer */
#footer{padding:20px 0px;background:#f3f3f3;text-align:center}
/* Demo Slides */
#owl-example .item{padding:30px 0px;margin:10px;color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;}
#owl-example .item img{width:auto;margin:0 auto;display:block;}
#owl-example .item h3{font-size:28px;font-weight:300;margin:25px 0 0;}
#owl-example .item h4{margin:5px 0 0;font-size:18px;}
.item h1{margin:inherit;}
.orange{background:#ff8a3c;}
.darkCyan{background:#42bdc2;}
.forestGreen{background:#009b97;}
.yellow{background:#ffd800;}
.dodgerBlue{background:#388bd1;}
.skyBlue{background:#a1def8;}
.zombieGreen{background:#3fbf79;}
.violet{background:#db6ac5;}
.yellowLight{background:#fee664;}
.steelGray{background:#cad3d0;}
/* More Demo Box */



#example-info h1, #more h1{margin-top:40px;}
#example-info h1{margin:10px 0px !important;}

#more{margin-bottom:70px;clear:both;}
.demos-row{margin-top:30px;margin-bottom:30px;}
.demo-page{margin-top:0px;margin-bottom:100px;}
.demo-box{display:block;background:#f3f3f3;text-align:center;font-size:18px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-bottom:20px;margin-bottom:30px;}
.demo-box h3{padding:10px 10px 20px;margin:0px;color:#869690;display:block;font-size:20px;}
.demo-box:hover{text-decoration:none;}
.demo-wrapper{padding:30px 0px 20px 0px;padding-left:30px;padding-right:30px;}
.demo-slide{float:left;}
.demo-slide .bg{margin-right:1px;height:100%;}
.demo-box:hover{transform:scale(1.1,1.1);}
.demo-box:hover .demo-slide .bg{}


.mage{overflow:hidden;height:auto;min-height:200px;}
/* Images */
.demo-images .demo-slide{height:40px;width:33.3333333%;}
/* Full */
.demo-full{padding-left:0px;padding-right:0px;}
.demo-full .demo-slide{height:40px;width:25%;}
/* Custom */
.demo-custom .demo-slide{height:40px;width:10%;}
/* One */
.demo-one .demo-slide{height:40px;width:100%;}
/* json */
.demo-Json .demo-slide{height:40px;width:20%;}
.demo-Json-custom .demo-slide{height:40px;width:33.3333333%;}
/* loading icon */
.demo-lazy .demo-slide{height:40px;width:33.3333333%;}
.demo-lazy .demo-slide .bg{background:url('../img/AjaxLoader.gif') no-repeat center center #aebab6;}

#owl-demo .item img{display: block;width: 100%;height: auto;}


/* Auto Height */
.demo-height .demo-slide{width:100%;height:auto;}
/* Changelog  */
#changelog{margin-bottom:40px;}
#changelog .label{margin-bottom:10px;}
#changelog .log{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e1e6dd;}
/* Faq */
#faq dt{line-height:26px;}
#faq dd{line-height:22px;margin-bottom:20px;}



div>ymaps{width:100% !important;max-width:100% !important;}
/* Responsive Stuff */
@media (min-width:1200px){


 }

@media (max-width:1200px){
  .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .container,.span12{width:1000px;max-width:100%;}
}


@media (max-width:979px){.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:0px;}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;}
#top-nav.navbar .nav > li > a{font-size:13px;padding:6px;}
.demo-box h3{font-size:18px;}
.demo-box p{margin:10px;}
.mage{min-height:100px;}
.span3{min-width:45%;}

}
@media (max-width:799px){ 
#title{padding-top:5px;}
#title .span8{float:left;max-width:360px;}
#title h2{font-size:35px;}
#title .topadress h2{font-size:20px;}
#title .topadress{max-width:220px;text-align:right;margin-right:10px;}

#top-nav.navbar .nav{display:block;width:100%;}
#top-nav.navbar .nav li{display:block;text-align:center;}
#footer h5{font-size:13px;white-space: nowrap;}

.navbar.navbar-fixed-top{position:static;}
.btn.btn-navbar{margin:9px 20px 9px 8px;padding:10px 10px;display:block}
.btn.btn-navbar:before{content:"Меню"; display:inline-block; position:absolute; color:#444; text-transform:uppercase; margin-left:-70px; font-size:13px; top:15px;}.nav-collapse .nav > li{border-top:1px solid #e1e6dd;text-align:center}
.nav-collapse, .nav-collapse.collapse {overflow:hidden;height:0;clear:both}


}



@media (max-width:768px){.navbar.navbar-fixed-top{position:static;}
.btn.btn-navbar{margin:9px 20px 9px 8px;padding:10px 10px;}
.nav-collapse .nav > li{border-top:1px solid #e1e6dd;text-align:center}
#header .logo{margin-top:40px;margin:20px auto 0px;float:none;height:150px;}
#header{text-align:center;padding:60px 0px 30px;}
#header h1{margin:10px 0;}
#header h3{margin-bottom:10px;width:auto;padding:0px 20px;}
h1{font-size:30px;margin:20px 0;}
.span4 h1{font-size:24px !important}
h2{font-size:22px;}
h3{font-size:19px;}
h4{font-size:16px;}
h5{font-size:13px;}
h6{font-size:12px;}

.demos-row .span3{float:left;margin-left:20px;}
}

@media (max-width:660px){
#title .span8,#title .span8 h2{float:none;max-width:100%;width:100%;text-align:center;margin-left:0;}
#title .span4{float:none;border-top:1px dashed #ddd;width:100%;}
#title .topadress{max-width:96%;width:400px;text-align:center;margin:0 auto;display:block;float:none;}
#title .topadress{float:none}
iframe{max-width:100%;width:100% !important;clear:both;margin:20px auto;}
#example-info .container>div>.span12{padding-left:0;max-width:100%;}
}


@media (max-width:480px){.navbar-fixed-top,.navbar-fixed-bottom{position:static;}
#header{text-align:center;padding:20px 0px 20px;}
#header .logo{margin-top:0px;}
#title .span4{border-bottom:1px dashed #ddd;padding-bottom:20px;}
#owl-demo{display:none !important;}
 .demos-row .span3{float:none;width:100%;max-width:100%;margin:20px auto;}

}
/*NO MORE TABLES!!;)*/
@media (max-width:767px){.hp-table table,.hp-table thead,.hp-table .hp-table tbody,.hp-table th,.hp-table td,.hp-table tr{display:block; }
.hp-table thead tr{display:none;}
.hp-table tr{border:0px solid #ccc; margin-bottom:10px; }
.hp-table td:before{top:6px;left:6px;width:45%; padding-right:10px; white-space:nowrap;}
.hp-table td:nth-of-type(2):before{content:"Default:";font-weight:bold;}
.hp-table td:nth-of-type(3):before{content:"Type:";font-weight:bold;}
.hp-table td:nth-of-type(4):before{content:"Description:";font-weight:bold;}
}