/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.btn, a, img { outline: none !important; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
a:hover { color: #f84949 !important; cursor: pointer; }
.font12 { font-size: 12px; line-height: 20px; }
.font14 { font-size: 14px; line-height: 22px; }
.font16 { font-size: 16px; line-height: 24px; }
.font18 { font-size: 18px; line-height: 26px; }
.font24 { font-size: 24px; line-height: 32px; }
.font28 { font-size: 28px; line-height: 36px; }
.font34 { font-size: 34px; line-height: 42px; }
.font60 { font-size: 60px; line-height: 70px; }
.light { font-weight: 300; }
.medium { font-weight: 500; }
.bold { font-weight: 700; }
.no-border { border: 0px !important; }
.no-margin { margin: 0px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-top-0 { margin-top: 0px !important; }
.margin-bottom-0 { margin-bottom: 0px !important; }
.no-padding { padding: 0px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-top-0 { padding-top: 0px !important; }
.padding-bottom-0 { padding-bottom: 0px !important; }
strong { font-weight: 500 !important; }
p { font-size: 16px; line-height: 24px; }
p { color: #444; }
.h1, .h2, .h3, h1, h2, h3 { font-weight: 400 !important; margin-top: 0px !important; }
a, label { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; }
.form-control { box-shadow: none !important; height: auto !important; border-radius: 3px; }
.btn { border-radius: 0px; }
.btn-primary { background: #f84949; border-color: #f84949; text-transform: uppercase; }
.btn-primary:hover, .btn-primary:focus { background: #f84949; border-color: #f84949; }
.text-red { color: #f84949 !important; }
.gray-text { color: #666; }
/*default*/

.red{color:#a94442 !important;}
.green{color:#3c763d !important;}

/*custom*/
.custom .radio input[type=radio] { display: none; }
.custom .radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 15px; }
.custom .radio label:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background: url(../images/radio.png) no-repeat; background-size: 18px; top: 2px; }
.custom .radio label:before { border-radius: 100px; }
.custom .radio input[type=radio]:checked + label:before { content: ""; background: url(../images/radio_act.png) no-repeat; background-size: 18px; }
.custom .checkbox input[type=checkbox] { display: none; }
.custom .checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 14px; }
.custom .checkbox label:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background: url(../images/checkbox.png) no-repeat; background-size: 18px; top: 1px; }
.custom .checkbox label:before { border-radius: 0px; }
.custom .checkbox input[type=checkbox]:checked + label:before { content: ""; background: url(../images/checkbox-act.png) no-repeat; background-size: 18px; }
/*custom*/

/*layout*/
body { line-height: 1;/* font-family: 'Roboto', sans-serif !important;*/ font-family: 'Work Sans', sans-serif !important; font-weight: 400; font-size: 14px; }
/*--nav--*/
.navbar { margin-bottom: 0px; }
.navbar-inverse { background-color: transparent; min-height: 70px; border-bottom: 0px; padding-top: 10px; transition-duration: 0.6s; }
.navbar-inverse.dark { background-color: #1a1f30; padding-top: 0px; }
.nav.navbar-nav { padding-top: 10px; }
.navbar-inverse .navbar-nav > li > a { color: #fff; }
.navbar-nav > li.active > a { color: #f84949 !important; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: transparent; }
.sidenav li.active > a { color: #f84949 !important; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #f84949 !important; }
.navbar-inverse .navbar-brand { margin-right: 15px; }
.navbar-toggle { border: 0 none; margin-top: 10px; margin-right: 5px; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: transparent; }
.overflow { overflow: hidden; position: fixed; }
/*--slider--*/
.section1 { background: #1a1f30; }
.full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; }
.dark-overlay { background-color: rgba(0,0,0,0.50); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.carousel-control { width: 3%; background: none !important; }
.carousel-control .fa.fa-angle-left { top: 50%; position: absolute; font-size: 36px; left: 15px; }
.carousel-control .fa.fa-angle-right { top: 50%; position: absolute; font-size: 36px; right: 15px; }
.carousel-caption { top: 20%; left: 0%; right: 0%; width: 100%; text-shadow: none !important; text-align: left; }
.carousel-caption h3 { font-weight: 700 !important; }
.carousel-caption h3 span { color: #f84949; }
.carousel-caption h4 { margin-top: 30px; }
section { width: 100%; float: left; }
.section2 { padding: 100px 0; }
.section3 { padding: 100px 0; }
.center-block { display: table; float: none; }
.box { text-align: center; margin-bottom: 30px; padding: 0 15px; }
.box h3 { margin-bottom: 15px; }
.contact-form { float: left; margin-top: 60px; width: 100%; }
.form-control { padding: 8px; min-height: auto; border-radius: 0px; }
.btn.large-btn { padding: 10px 40px; }
footer { width: 100%; float: left; padding: 30px 0; border-top: 1px solid #e5e5e5; }
footer ul { float: left; width: 100%; }
footer ul li { float: left; }
footer ul li:first-child { margin-right: 10px; }
footer ul li a { display: block; padding: 5px; color: #666; font-size: 16px; }
footer ul li a:hover { color: #f84949 !important; text-decoration: none; }
footer p { color: #666; text-align: center; float: left; font-size: 14px; }
footer .social { float: right; padding-top: 15px; }
footer .social .fa { font-size: 24px; margin-left: 15px; color: #666; }
footer ul, footer .social a.fa:first-child { margin-left: 0px; }
footer .social .fa-facebook { font-size: 20px; }
footer .social .fa:hover { color: #f84949; }
/*--Custom Modal--*/
.custom-modal-container { padding: 30px; max-width: 350px; width: 100% !important; background-color: #F7F7F7; margin: 0 auto; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden; position: relative; }
.custom-modal-container h1 { text-align: center; font-size: 1.8em; }
.custom-modal { text-align: center; font-size: 14px; font-weight: 700; height: 36px; padding: 0 8px; }
.custom-modal-container a { text-decoration: none; color: #444; font-weight: 400; text-align: center; display: inline-block; opacity: 0.6; transition: opacity ease 0.5s; }
/*----------------------------------------------------------------------*/
.inner-nav { background-color: #1a1f30; padding-top: 0px; border-radius: 0px; }
#page h3 { padding-top: 15px; padding-bottom: 10px; }
#page p { margin-bottom: 15px; }
.section-top { text-align: center; padding: 15px 0; width: 100%; min-height: 80px; float: left; box-shadow: 1px 2px 6px 6px rgba(0,0,0,0.15); position: relative; z-index: 9998; }
.section-top .btn-group.bootstrap-select { margin: 6px 0 !important; float: left; }
.section-top small { color: #888; }
.section-top .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-align: center !important; font-size: 18px; outline: none !important; }
.section-top .btn.btn-default { background-color: transparent; border: 0px; outline: none !important; }
.section-top .btn-group.open .dropdown-toggle { box-shadow: none; background-color: transparent; }
.section-top .bootstrap-select .dropdown-toggle:focus { border: 0px; outline: none !important; }
.section-top .dropdown-menu > li > a { padding: 15px 15px !important; text-align: center; }
.section-top .dropdown-menu > li.selected > a { color: #f84949; }
.section-top .dropdown-menu { padding: 0px; }
.section-top .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #f8f8f8; }
#map.map-area { background: #f2f2f2; width: 100%; height: calc(100vh - 178px); -moz-height: calc(100vh - 178px); -webkit-height: calc(100vh - 178px); float: left; position: relative; z-index: 999; }
.info-box { position: absolute; left: 10px; top: 180px; background: #fff; box-shadow: 1px 2px 6px 6px rgba(0,0,0,0.15); z-index: 9999; width: 430px; }
.info-box .content-box { padding: 15px; position: relative; float: left; width: 100%; }
.info-box p span { color: #f84949; }
.btn-box { border-top: 1px solid #e5e5e5; padding: 0; width: 100%; float: left; }
.btn-box a { border-right: 1px solid #e5e5e5; display: inline-block; padding: 30px 15px; width: 100%; }
.btn-box a i { font-size: 18px; margin-right: 10px; display: inline-block; }
.info-box a:hover { text-decoration: none; }
.btn-box a span { font-size: 16px; }
.down-btn { width: 100%; float: left; text-align: center; padding: 5px 0; }
.down-btn i { font-size: 18px; }
.down-btn:hover { cursor: pointer; }
.over-btn { position: absolute; bottom: 30px; z-index: 9997; width: 100%; }
.over-btn .btn { box-shadow: 1px 2px 6px 6px rgba(0,0,0,0.15); padding: 10px 15px; }
.over-btn .btn:hover { color: #fff !important; }
.modal-backdrop.in { opacity: 0.7; }
.modal-backdrop { z-index: 9999; }
.modal { z-index: 10000; }
.close-modal { cursor: pointer; font-size: 1.3em; font-weight: 700; height: 40px; line-height: 1.7em; position: absolute; right: 0; text-align: center; top: 0; width: 30px; z-index: 99; color: #000; }
.caret { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px dashed; }
#history-modal ul li { padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
#history-modal ul li .fa { margin-right: 15px }
#history-modal ul li span { font-size: 12px; }
.page-content { width: 100%; float: left; margin-bottom: 30px; }
.nav.nav-tabs > li > a { border-radius: 0px; border: 0px; color: #666; border-bottom: 2px solid #e5e5e5 !important; padding: 20px 15px; }
.nav.nav-tabs > li.active > a { color: #f84949; border: 0px; border-bottom: 2px solid #f84949 !important; }
.nav.nav-tabs > li { float: left; width: 100%; }
.nav.nav-tabs { width: 20%; float: left; }
.tab-content { width: 80%; float: left; height: 100%; min-height: 650px; border-left: 1px solid #e5e5e5; padding: 15px; }
.tab-content .head { width: 100%; float: left; margin-bottom: 15px; border-bottom: 2px solid #e5e5e5; padding-bottom: 15px; }
.tab-content .buttons { float: right; padding-top: 10px; }
.tab-content .buttons a { color: #666; margin-left: 15px; }
.tab-content .buttons a i { margin-right: 5px; }
.tab-content .stylish-input-group .input-group-addon { background: white !important; border-radius: 0px; }
.tab-content .stylish-input-group .form-control { border-right: 0; box-shadow: 0 0 0; border-color: #ccc; border-radius: 0px; }
.tab-content .stylish-input-group button { border: 0; background: transparent; }
.divTable { display: table; width: 100%; text-align: center; padding: 15px; }
.divTableRow { display: table-row; }
.divTableRow:hover { background: #f8f8f8; }
.showdelete { opacity: 0; }
.showdelete a i { font-size: 18px;  color: #f84949; }
.thumbnail:hover .mediasearch{ opacity: 1; }
.mediasearch { height: 100%; position: absolute; text-align: center; top: 43%; width: 100%; opacity: 0; }
.mediasearch a i { font-size: 40px; color: #f84949; }
.mediadelete a i { font-size: 19px; }
.divTableRow:hover .showdelete { opacity: 1; }
.divTableHeading { background-color: #ffffff; display: table-header-group; }
.divTableCell, .divTableHead { border: 0px solid #ffffff; display: table-cell; padding: 15px 10px; }
.divTableHeading { background-color: #ffffff; display: table-header-group; font-weight: bold; }
.divTableFoot { background-color: #ffffff; display: table-footer-group; font-weight: bold; }
.divTableBody { display: table-row-group; }
.thumbnail-box { width: 200px; height: 200px; float: left; }
.thumbnail { border: 0px; margin-bottom: 0px; padding: 5px; height: 100%; width: 100%; }
.thumbnail figure { width: auto; height: 100%; background-size: auto 100% !important; background-position: center center !important; padding-bottom: 100%; }
hr { margin: 10px 0; width: 100%; float: left; }
.card { padding: 15px; background: #fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25); margin-top: 15px; }
.card a:hover { text-decoration: none; }
.align-right { float: right; }
.linked-pages { width: 100%; float: left; margin-top: 30px; }
.linked-pages a { color: #f84949; margin: 10px 10px; }
/*--error--*/
.gm-err-container { background-color: #e0e0e0; display: table; height: calc( 100vh - 75px ); left: 0; position: relative; top: 0; width: 100%; }
.gm-err-content { border-radius: 1px; display: table-cell; padding-left: 10%; padding-right: 10%; padding-top: 0; position: static; vertical-align: middle; }
.gm-err-icon { text-align: center; }
.gm-err-title { color: #616161; font-family: Roboto, Arial, sans-serif; font-size: 24px; margin: 5px 5px 20px; text-align: center; }
.gm-err-message { color: #757575; font-family: Roboto, Arial, sans-serif; font-size: 12px; margin: 5px; text-align: center; }
/*--error--*/
.section-top .btn-group.bootstrap-select { margin: 0px !important; }
small { font-size: 12px;}
.cell { width: 100%; float: left; }

/*--media--*/
@media (min-width:1500px) {
.container { width: 70%; }
}

@media (min-width:1200px) {
.container-fluid { padding-left: 3%; padding-right: 3%; }
}

@media (max-width:1024px) {
.box h3 { font-size: 18px !important; line-height: 24px; }
}

@media (max-width:767px) {
.carousel-caption { width: 90%; left: 5%; right: 5%; }
.carousel-control { width: 10%; display: none; }
.font24 { font-size: 18px; line-height: 24px; }
.font28 { font-size: 24px; line-height: 30px; }
.font34 { font-size: 28px; line-height: 36px; }
.font60 { font-size: 34px; line-height: 42px; }
footer ul, footer .social, footer p { display: table; float: none; margin: 0 auto; width: auto; }
.box img { max-width: 150px; margin: 0 auto; }
.info-box { width: 100%; left: 0px; right: 0; bottom: 0px !important; top: auto; }
.info-box p { width: 100%; float: left;}
.over-btn { top: 180px; bottom: auto; }
.nav.nav-tabs > li { float: left; width: 50%; }
.nav.nav-tabs > li > a {text-align: center; }
.nav.nav-tabs { width: 100%; float: left; }
.tab-content { width: 100%; }
.divTableRow { margin-bottom: 0px; float: left; padding: 12px 0; border-bottom: 1px solid #e5e5e5; }
.divTableCell, .divTableHead { padding: 3px 15px; width: 100%; float: left; }
.align-right { float: left; }
}