@font-face {
    font-family: "Exo2Light";
    src: url("/templates/protostar/fonts/Exo2Light.eot");
    src: url("/templates/protostar/fonts/Exo2Light.eot?#iefix")format("embedded-opentype"),
    url("/templates/protostar/fonts/Exo2Light.woff") format("woff"),
    url("/templates/protostar/fonts/Exo2Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body {/*font-family: "Exo2Light", "Helvetica Neue", Helvetica, Arial, sans-serif;*/background: url(/images/bg.png) #fff;color: #000;font-size: 16px;}

h1, h2 {text-align: center;}

.navbar-fixed-top {z-index: 16;}
.navbar-default {background-color: transparent;margin-bottom: 0;border: 0;z-index: 9;}
.navbar-default .kbar {background: linear-gradient(to bottom, #fff, #e7e7e7);}
.navbar-default .kbar .logo {padding: 15px 0;}
.navbar-default .kbar .logo a {color: #000;text-decoration: none;}
.navbar-default .kbar .logo img {margin-right: 20px;}
.navbar-default .kbar .konts {padding: 15px;}
.navbar-default .kbar .konts button {border-radius: 0;border: 0;background-color: #3c64af;color: #fff;height: 36px;padding: 0 18px;}
.navbar-default .kbar .kont {display: inline-block;vertical-align: middle;color: #fff;margin-right: 15px;}
.navbar-default .kbar .kont span {color: #e63c23;}
.navbar-default .kbar .kont div {font-size: 22px;color: #3c64af;}
.navbar-default .menubar {background-color: rgba(0,0,0,0.7);}
.navbar-default .navbar-brand {height: initial;padding: 5px 15px;}
.navbar-default .navbar-brand img {display: inline-block;margin-right: 10px;}
.navbar-default .navbar-nav > li > a {color: #fff;transition: all 0.4s ease;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #555;background-color: #e7e7e7;}
.navbar-nav > li.dropdown:hover > .dropdown-menu {display: block;}
.nav-child {display: none;}
.navbar-default .custom-ky {color: #e63c23;padding: 5px 0 0 15px;}
.navbar-default .custom-ky div {color: #3c64af;}
.navbar-right {margin-right: 0;}

.carousel-inner > .item {text-align: center;}
.carousel-inner > .item > img {display: inline;}
.carousel-caption h2 {margin: 0 0 15px 0;background-color: rgba(60, 100, 175, 0.7);padding: 15px 0;}
.carousel-caption h3 {margin: 0 0 15px 0;background-color: rgba(0,0,0,0.5);padding: 15px 0;}

.moduletable-pre {background-color: #44454a;margin-top: 30px;padding: 30px 0;text-align: center;}
.moduletable-pre .zg {font-size: 36px;color: #fff;}
.moduletable-pre .prei {color: #fff;margin: 15px 0;padding: 15px;border-radius: 4px;box-shadow: 0 0 15px #aaa;}
.moduletable-pre .prei span {font-size: 40px;color: #3c64af;}
.moduletable-pre .prei div {color: #e63c23;margin-bottom: 15px;font-weight: bold;font-style: italic;}
.moduletable-pre .prei p {font-size: 13px;}

.moduletable-por {padding-top: 30px;}
.moduletable-por .zg {font-size: 36px;margin-bottom: 20px;text-align: center;}
.moduletable-por a {display: block;position: relative;text-decoration: none;color: #fff;margin-bottom: 30px;}
.moduletable-por a img {width: 100%;}
.moduletable-por a div {background-color: rgba(60, 100, 175, 0.7);position: absolute;bottom: 0;left: 0;right: 0;text-transform: uppercase;padding: 15px 0;}

.moduletable-us {margin: 30px 0;}
.moduletable-us img {width: 100%;}
.moduletable-us .nav-tabs {font-weight: bold;border-bottom: 1px dashed #e63c23;text-align: center;}
.moduletable-us .nav-tabs > li {float: none;display: inline-block;}
.moduletable-us .nav-tabs > li > a {border-radius: 0;}
.moduletable-us .zg {font-size: 36px;margin-bottom: 20px;text-align: center;}
.moduletable-us .tab-content > .tab-pane {padding-top: 30px;}
.moduletable-us .nav-tabs > li.active > a, .moduletable-us .nav-tabs > li.active > a:hover, .moduletable-us .nav-tabs > li.active > a:focus {border: 1px dashed #e63c23;color: #e63c23;border-bottom: 1px solid transparent;background-color: #eee;}
.moduletable-us .ussl {background-color: #fff;padding: 20px;}

.moduletable-prt {background-color: #fff;padding: 30px 0;text-align: center;}
.moduletable-prt .zg {font-size: 36px;margin-bottom: 15px;}
.moduletable-prt img {margin-bottom: 30px;}

.moduletable-otz {background: url(/images/pree.jpg) fixed;padding: 30px 0 0;text-align: center;}
.moduletable-otz .zg {font-size: 36px;margin-bottom: 15px;}
.moduletable-otz img {width: 100%;border-radius: 150px;margin-bottom: 20px;}
.moduletable-otz .ot {background-color: #fff;padding: 20px;border-radius: 20px;margin-bottom: 30px;}

.item-page {}

.usl img {width: 100%;}

.blog-grblog img {width: 100%;}
.blog-grblog h4 {padding: 0 0 15px;text-align: center;font-size: 15px;}

.custom-ft {background-color: #f8f8f8;border-top: 1px solid #e7e7e7;padding: 15px 0;}

.bup {position: fixed;bottom: 10px;right: 10px;display: none;}


.input-group {margin-bottom: 15px;}
#order_add_info {resize: none;height: 130px;}
.form-control::-webkit-input-placeholder  {opacity: 1;transition: opacity 0.5s ease;}
.form-control::-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-ms-input-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:focus::-webkit-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus::-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-ms-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}



@media screen and (max-width: 768px) {
h1, .moduletable-pre .zg, .moduletable-us .zg {font-size: 26px;}
h2 {font-size: 20px;}
.navbar-default .kbar .kont {margin-right: 0;}
.navbar-default .kbar .logo img {width: 100px;}
.navbar-default .kbar .kont div {font-size: 14px;}
}

@media (max-width: 1024px) {
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0;border-width: 0 0 1px;	}
    .navbar-collapse.collapse {display: none !important;}
    .navbar-nav {float: none !important;}
    .collapse.in{display: block !important;}
}