@charset "utf-8";
/* layout.css */
 @-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/*  reset  */
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; }
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; }
html, body { width: 100%; height: 100%; overflow: hidden; }
body > div { height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; }
html { font-size: 10px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; white-space: normal }
sub, sup { position: relative }
.btn, a, h2, h3, img { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.lead, address, blockquote, body, .pg-hdr, h2, h3, h4, h5, h6, ol, p, ul { line-height: 1.5em }
.pg-hdr, h2, h3, .aligncenter { clear: both }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
b, strong { font-weight: 700 }
code, kbd, pre, samp { font-size: 1em }
figure { margin: 0; }
mark { background: #ff0 }
pre, textarea { overflow: auto }
sub, sup { vertical-align: baseline; }
td, th { text-align: left }
.navbar-fixed-top .navbar-collapse { max-height: 340px }
.dropdown-menu, .nav { list-style: none }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
legend, output { display: block }
.btn, .caret, img { vertical-align: middle }
button { -webkit-appearance: button; cursor: pointer }
input[type=checkbox] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; width: auto; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
[role="button"] { cursor: pointer; }

@media screen {
}
body { margin: 0; padding: 0; }
section { padding-bottom: 20px }
/*  helpers  */
.aligncenter { display: block; margin-right: auto; margin-left: auto }
.inline-block { display: inline-block!important }
.m-0 { margin: 0!important }
.mt-20 { margin-top: 20px!important }
.mr-20 { margin-right: 20px!important }
.mb-20 { margin-bottom: 20px!important }
.mb-40 { margin-bottom: 40px!important }
.p-0 { padding: 0!important }
.p-10 { padding: 10px!important }
.p-20 { padding: 20px!important }
.pt-20 { padding-top: 20px!important }
.pr-0 { padding-right: 0!important }
.pb-60 { padding-bottom: 60!important }
.pl-30 { padding-left: 30px!important }
.vh-100 { height: 100vh; }

@media (min-width:767px) {
}
/*  text  */
small, .small { font-weight: 400; line-height: inherit; font-size: 85% }
.text-right { text-align: right!important }
.text-left { text-align: left!important }
.text-center { text-align: center!important }
.text-uppercase { text-transform: uppercase; }
.text-lg { font-size: 1.3em !important }
.text-xs { font-size: .8em !important }
.text-bold { font-weight: 700 !important }
a { text-decoration: none }
a:hover, a:focus { text-decoration: none/*underline*/; }
/*a:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px }*/
address, pre { line-height: 1.42857143 }
address { font-size: 1em; font-style: normal; margin-bottom: 10px; display: block }
code, kbd { padding: 2px 4px; font-size: 90% }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace }
code { color: #c7254e; background-color: #f9f2f4; border-radius: 4px }
dfn { font-style: italic }
kbd { color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) }
mark { padding: .2em; color: #000; background-color: #fcf8e3 }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px }
sub, sup { font-size: 50%; line-height: 0 }
sup { top: -.75em }
sub { bottom: -.25em }
figure { margin: 0 }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 20px; margin-bottom: 20px; border: 0; }
/*  image  */
img { vertical-align: middle; }
.img-responsive, .carousel-inner > .item > img { display: block; max-width: 100%; height: auto; }
/*  list  */
ol { margin-left: 20px }
ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul { margin-bottom: 0; }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857143; }
dt { font-weight: bold; }
dd { margin-left: 0; }

@media (min-width: 768px) {
}
/*  blockquote  */
blockquote { display: block; font-weight: 400; letter-spacing: .05em; padding: 10px 20px; margin: 0 0 20px; font-size: 120%; border-left: 5px solid #eee; }
cite { display: block; font-size: .8em; text-align: left; font-style: italic; padding: 0; margin: 10px 0 20px; line-height: 1.3em }
blockquote p:last-child { margin-bottom: 0; }

/* container */
.wrapper { height: 100%; max-width: 960px; margin: 0 auto;/*padding:20px*/ }
#dashboard .page-title .breadcrumb { margin: -10px 340px 0 0; }

@media all and (max-width: 767px) {
}

@media all and (max-width: 767px) {
.content .wrapper { padding: 60px 15px }
}
.row { margin-right: -15px; margin-left: -15px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,.col-sm-auto,.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-2, .col-xs-6, .col-xs-10, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-2 { width: 16.66666667%; }


@media (min-width: 575px) { 
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,.col-sm-auto,.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,.col-xl-auto  { float: left; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-6 { width: 50%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
}


@media (min-width: 768px) {
.col-sm-10 { width: 83.33333333%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-6 { width: 50%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
}

@media (min-width: 992px) {
.col-md-3 { width: 25%; }
}

@media (min-width: 1200px) {
}
/*  table  */
table { background-color: transparent; }
table, .table { width: 100%; max-width: 100%;/* margin-bottom: 20px;*/ }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; }
th { text-align: left; }
.table > tbody > tr > td { padding: 8px; line-height: 1.42857143;/* vertical-align: top; border-top: 1px solid #ddd;*/ }
.table-responsive { min-height: .01%; overflow-x: auto; }

/* tables */

@media screen and (max-width: 767px) {
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
.table-responsive > .table > tbody > tr > td { white-space: nowrap; }
}
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }

/*  form  */
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; margin-top: 9px;/*font-weight: bold;*/ }
.control-label { font-size: 13px; text-align: left }
input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 8px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
textarea.form-control { height: auto; }
.form-control.req { border-color: #d9534f; }
.form-control.req:focus { border-color: #d9534f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
}
.form-group { margin-bottom: 10px; }
.checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.checkbox input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; }

@media (min-width: 768px) {
}
.form-horizontal .checkbox { padding-top: 7px; margin-top: 0; margin-bottom: 0; }
.form-horizontal .checkbox { min-height: 27px; }

@media (min-width: 768px) {
.form-horizontal .control-label { /*padding-top: 7px;*/ margin-bottom: 0; }
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}
/*  animation  */
@-webkit-keyframes rotating /* Safari and Chrome */ {
 from {
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -ms-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes rotating {
 from {
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -ms-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

/* Firefox */
@-moz-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
 @keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
/*  effects */
.collapse { display: none; }
.collapse.in { display: block; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; }
.drop-shdw { -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .33); -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .33); box-shadow: 0 4px 4px rgba(0, 0, 0, .33); }
.inset-shdw { -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.33); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.33); box-shadow: inset 0 0 3px rgba(0,0,0,0.33); }
/*  header  */
header { width: 100%; -ms-transition: all .6s ease-in-out; -webkit-transition: -webkit-box-shadow .5s, opacity .3s, min-height .4s; -moz-transition: -moz-box-shadow .5s, opacity .3s, min-height .4s; -o-transition: -o-box-shadow .5s, opacity .3s, min-height .4s; transition: box-shadow .5s, opacity .3s, min-height .4s; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); margin-bottom: 0; top: 0; left: 0; border: 0; backface-visibility: hidden;  -webkit-backface-visibility: hidden; }
/*  navigation  */
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.dropdown-menu { position: static; display: block; margin-bottom: 20px; }
.container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; }

@media (min-width: 768px) {
.container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; }
}
/*  nav  */
ul, menu, dir { -moz-padding-start: 0px; }
nav { width: 100%; height: 30px; padding-left: 0; margin-bottom: 0; list-style: none; }
/*  navbar  */
.navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }
.navbar { background: #fff; height: 70px; }

@media (max-width: 960px) {
nav .row { margin-right: 0px !important; margin-left: 0px !important; }
}

@media (min-width: 992px) {
.navbar { border-radius: 4px; }
}
/*  navbar-fixed  */
.navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; top: 0; border-radius: 0; border-width: 0 0 1px; }
/*  navbar-header  */
.navbar-header { font-family: Helvetica, sans-serif; min-width: auto; font-size: 28px; padding: 0; margin: 0 auto; color: #fff; background: #304056; }
.navbar-header, .navbar-header:hover { background: transparent }

@media (min-width: 992px) {
.navbar-header { float: left; height: 70px; }
}
/*  navbar-brand  */
.navbar-brand { display: block; float: left; height: 60px; padding: 0; position: relative; font-size: 28px; font-weight: 500; text-align: left; }
.navbar-brand:focus, .navbar-brand:hover { text-decoration: none }
.navbar-brand a { -webkit-transition: 200ms 200ms ease; -moz-transition: 200ms 200ms ease; -ms-transition: 200ms 200ms ease; -o-transition: 200ms 200ms ease; transition: 200ms 200ms ease; }

/*  navbar-position  */
@media (min-width: 768px) {
.navbar-right { float: right !important; margin-right: -15px; }
}
/*  navbar-collapse  */
.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
.navbar-collapse.in { overflow-y: auto; }
.navbar-fixed-top .navbar-collapse { max-height: 340px; }

@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse { max-height: 200px; }
}

/*  navbar-toggle  */
/****************************************/
.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1) }
.navbar-collapse.in { overflow-y: auto }
.navbar-collapse .navbar-nav > li > a { padding: 10px 10px 10px 20px; }

@media (min-width:990px) {
.navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none }
.navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important }
.navbar-collapse.in { overflow-y: visible }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 }
.navbar-collapse .navbar-nav > li > a { padding: 10px }
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px }

@media (max-device-width:480px)and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px }
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px }

@media (min-width:990px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 }
.navbar-collapse {min-width:100%}
}
.navbar-static-top { z-index: 1000; border-width: 0 0 1px }

/* @media (min-width:990px) {
.navbar-static-top { border-radius: 0 }
} */
.navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 }

/* @media (min-width:768px) {
.navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0 }
} */
.navbar-fixed-top { top: 0; border-width: 0 0 1px }
.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 }

@media (min-width:990px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px }
}
/****************************************/

.navbar-toggle { position: relative; height: 35px; width: 35px; float: right; padding: 5px; margin-top: 10px; margin-right: 15px; background-color: rgba(255,255,255,0.80); background-image: none; border: 1px solid #C0F2FB; border-radius: 3px; }
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; height: 2px; border-radius: 1px; font-size: 18px; background: #FFF; }
.navbar-toggle:hover .icon-bar { background: #029BC1; }
.navbar-toggle:active .icon-bar { background: #FBC300; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

@media (min-width: 992px) {
.navbar-toggle { display: none; }
}
/*  navbar-nav  */
.navbar-nav { font-family: "open_sansregular", Helvetica, Arial, sans-serif; }/***custom***/
.navbar-nav { margin: 0 -15px }
.navbar .container { position: relative; }
.navbar-nav > li { position: relative; display: block; }
.navbar-nav > li > a, .navbar-nav > li > input { position: relative; display: block; padding: 10px 10px; line-height: 20px; color: inherit; font-size: 14px }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > .open > a, .navbar-nav > .active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a.active, .navbar-nav > li > a:active, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .navbar-nav > li > input:hover, .dropdown-menu li a:hover,.navbar-nav > li > a.hilit { text-decoration: none; color: #fff; background: #2e6ea5; }
.navbar .nav, .navbar .collapse, .navbar .dropup, .navbar .dropdown { position: static; }
.navbar-nav > li ul li.has-child.active > a:before { content: "\f105"; }
.navbar-nav > li.has-child > a { padding-right: 30px; }
.navbar-nav li.has-child > a:before { content: "\f107"; font-family: FontAwesome; position: absolute; font-size: 14px; line-height: 30px; width: 30px; height: 30px; text-align: center; right: 0px; top: 0px; }
.navbar-nav li.has-child.active > a:before { content: "\f106"; }
.navbar-nav li.active > ul { display: block; -webkit-animation: appear 100ms; animation: appear 100ms; -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.1); }
.navbar-nav .label { display: none; }
.navbar-nav li ul li a:hover:after, .dev-page-navigation li a.logout:hover:after { display: none }
.navbar-nav li ul li.logout a { background: #f3bc65; }
.dropdown-header { color: #444; display: block; font-size: 14px; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; }
@media (max-width: 991px) {
.navbar-nav > li { background:  #2e6ea5; }
.navbar-nav > li > a { color: #FFF; border-bottom: 1px solid #275e8c; }
}

@media (min-width: 992px) and (max-width: 915px) {
.navbar-nav > li > a, .navbar-nav > li > input { padding: 10px; }
}
@media all and (min-width: 992px) {
	.navbar-nav li a:hover:after,.navbar-nav li a.hilit:after  { content: ""; position: absolute; top: 0px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #C0D028; }
	
	}
@media all and (max-width: 991px) {
.navbar-nav { padding-left: 0 }
.navbar-nav > li > a { width: 100% }
.navbar-nav > li ul { position: relative; float: left; left: auto; top: auto; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.navbar-nav > li > ul > li > a { padding-left: 25px; }
.navbar-nav > li > ul > li > ul > li > a { padding-left: 35px; }
.navbar-nav.show { display: block; }
}

@media (min-width: 992px) {
.navbar-nav { margin: 0; }
.navbar-nav > li { float: left; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; font-size: 13px }
}

@media (min-width: 992px) {
.navbar-nav > li > a { font-size: 14px }
}
/*  nav dropdown */
.navbar-nav > li.dropdown { position: relative;}
.nav.navbar-right.dropdown-menu { left: auto; right: 0; }
.dropdown.fw .dropdown-menu { left: 0; right: 0; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: auto; z-index: 1000; display: none; float: left;width: 100%; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.navbar-nav > li.dropdown ul.dropdown-menu { color: #fff; }
.navbar-nav > li.dropdown ul.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #efefef; }
.navbar-nav > li.dropdown ul.dropdown-menu > li > a { display: block; padding: 10px 15px; clear: both; font-weight: normal; line-height: 1.42857143; color: #fff; white-space: nowrap; }
.navbar-nav > li.dropdown ul.dropdown-menu > li > a:hover, .navbar-nav > li.dropdown ul.dropdown-menu > li > a:focus, .navbar-nav > li.dropdown ul.dropdown-menu > li > a:active { color: #333; text-decoration: none; background-color: #f5f5f5; }
.navbar-nav > li.dropdown ul.dropdown-menu > .active > a, .navbar-nav > li.dropdown ul.dropdown-menu > .active > a:hover, .navbar-nav > li.dropdown ul.dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; }

@media (max-width: 992px) {.navbar-nav > li:hover:after,.navbar-nav > li.dropdown.open:after { content: ""; position: absolute; top: 15px !important; left: 0; margin-left: 0px; width: 0px; height: 0px; border-left: 10px solid #C0D028; border-top: 10px solid transparent; border-bottom: 10px solid transparent; z-index: 99 }
.navbar-nav > li.dropdown.open ul.dropdown-menu > li >:after {display:none}
}

@media (min-width: 992px) {
.navbar-nav > li.dropdown ul.dropdown-menu {  padding: 0;border-top: 0px;float: none;min-width: 160px;width: auto; }
.navbar-nav > li.dropdown ul.dropdown-menu li a { float: left; width: 100%; height: 50px; display: block; line-height: 40px; padding: 5px 15px; background: #fafafa; color: #2a394f; text-decoration: none; position: relative; border: 1px solid #f0f0f0; border-bottom: 0px; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; }
.dropdown:hover .dropdown-menu { display: block; opacity: 1; z-index: 98; position: absolute; -webkit-animation: fadein .75s; -moz-animation: fadein .75s; -ms-animation: fadein .75s; -o-animation: fadein .75s; animation: fadein .75s; }
.navbar-right .dropdown-menu { left: auto; }

.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
}
/* 

@media (max-width: 992px) {
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background: #356e9b;color:#fff; border: 0; -webkit-box-shadow: none; box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background: #356e9b;color:#fff;background-image: none; }
} */
/*  submenu  */
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: 0; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #ffffff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
/*  btn  */
button { overflow: visible; -webkit-appearance: button }
button, select { text-transform: none }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
.btn { font-size: 11px; padding: 5px 15px; margin: 0 auto; font-weight: normal; line-height: 1.42857143; text-align: center; display: block; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; text-decoration: none; text-transform: uppercase }
.btn:active, .dropdown-toggle:focus, .navbar-toggle:focus { outline: 0 }
.btn, .btn:focus, .btn:hover, a.btn, a.btn:focus, a.btn:hover { text-decoration: none }
.btn:hover, .btn:focus { color: #333; text-decoration: none; }
.btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn-primary { color: #fff !important; background-color: #337ab7; border-color: #2e6da4; }
.btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40; }
.btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; }
.btn-primary:active { color: #fff; background-color: #286090; border-color: #204d74; }
.btn-primary:active:hover, .btn-primary:active:focus { color: #fff; background-color: #204d74; border-color: #122b40; }
.btn-primary:active { background-image: none; }
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:focus, a.btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625; }
.btn-success:hover, a.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; }
.btn-success:active { color: #fff; background-color: #449d44; border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus { color: #fff; background-color: #398439; border-color: #255625; }
.btn-success:active { background-image: none; }
.btn-lg { font-size: 1.1em!important }
.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

@media (min-width:768px) {
.btn, button { width: auto }
.btn { font-size: 12px; }
}

@media (min-width:992px) {
.btn { font-size: 14px; }
}

/*  footer  */
footer { display: none }

@media (min-width:768) {
footer { display: block; width: 100%; height: 40px; padding: 10px 0; }
footer .footer-container { padding: 0 50px 0 0; line-height: 1.5em; }
footer.footer-fixed { z-index: 5; position: absolute; left: 0px; bottom: 0px; }
}

@media (min-width:480px) {

.scroll-top { display: block; position: fixed; background: url(/images/top.png) 50% 50% no-repeat #3095C2; z-index: 500; font-size: 24px; width: 40px; height: 40px; text-indent: -99999px; bottom: 25px; right: 25px; cursor: pointer; transition: all .7s ease-in-out 0s; overflow: auto }
.scroll-top:hover { color: #F9A715 }
}

/* ==================================================================
	BLOCK /
================================================================== */
[class*=" fa fa-"]::before { font-weight: 400; font-family: "FontAwesome"; }
.fa.fa-users::before { content: "�"; }

.comment-block { margin-top: 50px }
@media (max-width:768px) {
}
/*FLIP BLOCK*/
.flip-block.vert h5 { font-size: inherit; display: block; text-align: center; }
.flip-block.vert a { font-size: 16px; font-weight: 300; line-height: 1.5em; text-align: center; padding: 10px 0; display: block; }
.flip-block.vert .fa { position: relative; }
.flip-block.vert i { font-size: 3em !important; height: 85px; text-align: center; }
.flip-block.vert .fa::before { height: 75px; width: 75px; line-height: 75px }
.flip-block .fa::before { background: #c0d028/*#FBC300;*/; border-radius: 50%; color: #fff; left: 0; display: inline-block; text-align: center; top: 7px; transform: rotateY(0deg); transition: all 0.3s ease 0s; }
.flip-block .fa:hover::before { transform: rotateY(180deg); }

