/* bootstrap over-rides */

/* common styles */
body { font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #333; }
h1,h2,h3,h4,h5,h6 { font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
h4 { font-size: 22px; }
h5 { font-size: 18px; color: #222; }
strong, b { font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-weight: normal; }
.label-modlar { background-color: #81828f; font-size: 9px; letter-spacing: 1px; }
.ui-autocomplete { max-height: 276px; overflow-y: scroll; overflow-x: hidden; } /* autocomplete scroll */

/* links */
a { color: #e74c3c; }
a:hover, a:focus { color: #c0392c; text-decoration: none; }

/* icons */
.glyphicon { top: 2px; }

/* nav */
.navbar-default { background: rgba(255,255,255,0.94); }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active { text-transform: uppercase; color: #000; background-color: transparent; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; }
.navbar-default .navbar-left > li { border: 1px solid transparent; border-top: none; border-bottom: none; }
.navbar-default .navbar-left > li:hover, .navbar-default .navbar-left > li.focus, .navbar-default .navbar-left > li.active { border: 1px solid #ecf0f1; border-top: none; border-bottom: none; }
.navbar-default .navbar-left > li:hover:before, .navbar-default .navbar-left > li.focus:before, .navbar-default .navbar-left > li.active:before { height: 4px; background-color: #e74c3c; }
.navbar-default .navbar-left > li:hover:after, .navbar-default .navbar-left > li.focus:after, .navbar-default .navbar-left > li.active:after { content: ''; z-index: 1020; background-color: #ffffff;position: absolute; height: 1px; left: 0; right: 0; }
.navbar-default .navbar-left > li:before { -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; position: absolute; top: 0; content: ''; height: 1px; background-color: transparent; left: 0; right: 0; margin: 0; }
.navbar-default .dropdown:hover, .navbar-default .dropdown:focus, .navbar-default .dropdown:active { background-color: transparent !important; }
.navbar-default .dropdown-menu { border-top: 1px solid rgba(255,255,255,0.94) !important; border-color: #e7e7e7; background: rgba(255,255,255,0.94); }
.navbar-default .dropdown-menu li > a { margin: 6px 0; padding: 6px 20px; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 13px; color: #81828f; text-transform: uppercase; }
.navbar-default .dropdown-menu li > a:hover, .navbar-default .dropdown-menu li > a:focus { background-color: #ecf0f1; text-decoration: none; }
.navbar-default .dropdown-menu .active > a, .navbar-default .dropdown-menu .active > a:hover, .navbar-default .dropdown-menu .active > a:focus { color: #262626; background-color: #ecf0f1; }
.navbar-default .dropdown-menu > li > a.nav-single { margin: 0; }
.navbar-default .dropdown-menu > li > a.nav-my-modlar { position: relative; margin: 0; padding: 16px 20px 16px 76px !important; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 16px; color: #4a4a4a; }
.navbar-default .dropdown-menu > li > a.nav-my-modlar .modlar-avatar, a.nav-my-modlar img { position: absolute; left: 20px; top: 12px; width: 46px; height: 46px; }
.navbar-default .dropdown-menu > li > a.nav-my-modlar span { display: block; font-size: 12px; color: #e74c3c; }
.navbar-default .navbar-left .dropdown-menu { right: auto; left: -1px; max-width: none; text-align: left; border: 1px solid #ecf0f1; box-shadow: none; padding: 30px 0; border-top: 1px solid #ecf0f1 !important; background: #ffffff; }
.navbar-default .navbar-left .dropdown-menu li > a { margin: 6px 0 0; padding: 6px 25px; font-size: 13px; text-transform: none; color: #000000; }
.navbar-default .navbar-left .dropdown-menu li > a:first-child { margin-top: 0; }

.navbar-inverse { border: none; }
.navbar-inverse .navbar-text { color: #fff; }
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { text-transform: uppercase; color: #fff; background-color: #222222; padding-bottom: 19px; }
.navbar-inverse .navbar-nav > li:hover:after, .navbar-inverse .navbar-nav > li.active:after { height: 4px; background-color: #fff; }
.navbar-inverse .navbar-nav > li:after { -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; position: absolute; bottom: 0; content: ''; height: 1px; background-color: transparent; left: 0; right: 0; margin: 0; }
.navbar-collapse.in { overflow-y: visible; }
.navbar-nav.navbar-right { margin-right: 0; }

nav .navbar { min-height: 63px; }
nav .navbar-brand { position: relative; margin: 16px 25px 17px 0 !important; padding: 0; width: 142px; height: 27px; background: url('../png/logo_modlar_nav_565f91649455d.png') no-repeat; }
nav .navbar-brand-white { background: url('../png/logo_modlar_nav_white_565f91649455d.png') no-repeat; }
nav .navbar-nav > li > a { padding: 21px 16px; }
nav .navbar-nav > li > a.btn-join-now { margin-top: 12px; padding: 6px 12px; font-size: 14px; color: #fff; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; text-decoration: none; background-color: #000; border: 1px solid #000; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;	-moz-osx-font-smoothing: grayscale;	-webkit-transition-duration: 0.3s;	transition-duration: 0.3s;	-webkit-transition-property: transform;	transition-property: transform;}
nav .navbar-nav > li > a.btn-join-now:hover, nav .navbar-nav > li > a.btn-join-now:focus, nav .navbar-nav > li > a.btn-join-now:active, nav .navbar-nav > li > a.btn-join-now.active, nav .navbar-nav > li > a.btn-join-now.disabled, nav .navbar-nav > li > a.btn-join-now[disabled] { color: #fff; text-decoration: none; padding-bottom: 6px; background-color: #000; border: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: scale(1.1); transform: scale(1.1); }
nav .navbar-nav > li > a.social-sm { padding-right: 10px; padding-left: 10px; color: #aaa; }
nav .navbar-nav > li > a > span.glyphicon { line-height: 0; }
nav .navbar-text { margin-top: 20px; margin-bottom: 20px; }
nav .navbar-nav > li, nav .navbar-text { font-size: 13px; }
.navbar-collapse.in { overflow-y: auto; }
nav a.navbar-user, nav a.navbar-user:hover  { padding-top: 17px !important; padding-right: 0 !important; padding-bottom: 13px !important; padding-left: 0 !important; }
nav a.navbar-user img { position: relative; top: -2px; max-width: 30px; max-height: 30px; }
nav .caret, nav .caret-up { margin-top: -1px; }
.navbar-right a.modlar-folders { padding-top: 19px; padding-bottom: 23px; font-size: 13px; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
.navbar-right a.modlar-folders i { font-size: 15px; width: 15px; text-align: center; position: relative; top: 1px; margin-right: 14px; color: #000 !important; }
.navbar-right a.modlar-folders i.folders-badge[data-count]:after { content:attr(data-count); position: absolute; background-color: #e74c3c; height: 18px; width: 18px; bottom: 9px; right: -14px; text-align: center; line-height: 18px; font-size: 12px; border-radius: 50%; color:#fff; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
.navbar-right a.modlar-folders i.folders-badge[data-count='']:after { content: none; }

.navbar-search-mobile, .navbar-search-tablet { position: relative; float: left; font-size: 15px; background-color: transparent; }
.navbar-search-mobile { margin: 0px 0px 0px 15px; padding: 9px 10px; border: 1px solid transparent; }
.navbar-search-tablet { display: none; margin: 0; padding: 20px 10px; border: none; }
.navbar-search-mobile:focus, .navbar-search-tablet:focus { outline: 0; }

/* dropdown */
.dropdown-header { font-size: 14px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
.dropdown-menu { max-width: 210px; padding: 0; border-radius: 0; }
.dropdown-menu > li > a.nav-single { padding: 10px 20px; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #262626; background-color: #ecf0f1; }
.dropdown:hover { background-color: #e7e7e7 !important; }
.caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; }

/* img */
.img-circle { border: 1px solid #eee; }

/* modal */
.modal { text-align: center; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
.modal-content { border-radius: 0; }
.modal-header .close { margin: -5px -5px 0 0; font-size: 14px; opacity: 1; }

@media screen and (min-width: 768px) {
  .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}

/* label */
.label { border-radius: 0; }

/* row - col */
/* vertical alignment styles */
.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }

/* columns of same height styles */
.row-full-height { height: 100%; }
.col-full-height { height: 100%; vertical-align: middle; }
.row-same-height { display: table; width: 100%; /* fix overflow */ table-layout: fixed; }
.col-xs-height { display: table-cell; float: none !important; }

/* buttons */
.btn { border-radius: 0; }

/* radio buttons */
.btn-modlar:active, .btn-modlar.active, .open > .dropdown-toggle.btn-modlar { background-image: none; }
.btn-modlar:active, .btn-modlar.active, .open > .dropdown-toggle.btn-modlar { color: #ffffff; background-color: #e74c3c; border-color: #e74c3c; }
.btn-modlar { color: #efefef; background-color: #efefef; border-color: #ddd; }
.btn-modlar:hover { color: #efefef !important; }
.btn-modlar.active:hover { color: #fff !important; }

/* checkbox */
.toggle.btn-danger, .toggle .btn-danger { border-color: #e74c3c !important; background-color: #e74c3c !important; }

/* pills */
.nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #e74c3c; }
div.srnd-cnt ul.nav { margin-bottom: 10px; }

/* pagination */
.pagination { border-radius: 0; margin: 20px 0 0; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* thumbnail */
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active,div.thumbnail:hover,div.thumbnail:focus,div.thumbnail.active { border-color: #e74c3c; }

/* tooltip */
.tooltip { font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }

/* tabs */
.nav-tabs { margin-bottom: 30px; }
.nav-tabs > li.active > a, .nav-tabs > li.active >a:hover, .nav-tabs > li.active > a:focus { color: #e74c3c; cursor: default; background-color: #fff; border: 1px solid #ccc; border-bottom-color: transparent; }

/* breadcrumb */
ul.breadcrumb { padding: 1px 0; background: none; }
.breadcrumb > li { font-size: 14px; text-shadow: none; color: #666; }
.breadcrumb > li a { color: #666; text-decoration: none; }
.breadcrumb > li a:hover { text-decoration:underline; }
.breadcrumb > li.active { color: #000; margin-right:1px; }

/* well */
.well-white, .table-white, .thumbnail-white { background-color: #fff; background: #fff; }
.well-orange { color: #e74c3c; background-color: #f9decf; border-color: #e74c3c; }

/* panels */
.panel-body-danger { color: #a94442; background-color: #f2dede; }

/* alert messages */
div.modlar-alert { padding: 20px; margin-bottom: 20px; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin' ,Helvetica ,sans-serif; font-size: 14px; color: #fff; }
div.modlar-alert a { color: #fff; text-decoration: underline; }
div.modlar-alert .modlar-btn { text-decoration: none; font-size: 14px; padding: 7px 19px; }
div.modlar-alert .modlar-alert-title { font-size: 16px; margin-bottom: 10px; }
div.alert-success { background-color: #47c67f; }
div.alert-info { background-color: #ecf0f1; color: #e74c3c; }
div.alert-info a { color: #e74c3c; }
div.alert-info .modlar-btn { color: #fff; }
div.alert-warning { background-color: #ffd77f; color: #4e4c4e; }
div.alert-warning a { color: #4e4c4e; }
div.alert-danger { background-color: #ff6a5a; }
div.alert-danger .modlar-btn, div.alert-warning .modlar-btn { background-color: #fff; color: #e74c3c; }

/* forms */
textarea { word-break: normal; }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus {
	border-color: rgba(231, 76, 60, 0.8);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 76, 60, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 76, 60, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(231, 76, 60, 0.6);
}

.form-control { color: #000; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -webkit-transition: none; transition: none; }

.has-feedback .form-control-feedback.bts,
.has-feedback label.sr-only ~ .form-control-feedback.bts,
.has-feedback .form-control-feedback.btb,
.has-feedback label.sr-only ~ .form-control-feedback.btb,
.has-feedback .form-control-feedback.btr,
.has-feedback label.sr-only ~ .form-control-feedback.btr,
.has-feedback .form-control-feedback.btl,
.has-feedback label.sr-only ~ .form-control-feedback.btl { top: 10px; }

.form-inline .form-group .input-group { display: inline-table; vertical-align: middle; }
.form-inline .input-group .input-group-btn { width: 1%; }

.bootstrap-select-searchbox input { width: 100%; background: url('../png/input_search.png') no-repeat right center; }
.bs-select-parent { font-weight: bold !important; }
.bs-select-child { padding-left: 35px !important; }

/* table */
.table th { font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-weight: normal; }
.table th.ctr, .table td.ctr { text-align: center; }

/* carousel */
.carousel-indicators li { border-color: #e7e7e7; }
.carousel-control .bt-angle-left,
.carousel-control .bt-angle-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
  font-size: 40px;
}
.carousel-control .bt-angle-left {
  left: 50%;
  margin-left: -18px;
}
.carousel-control .bt-angle-right {
  right: 50%;
  margin-right: -18px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5){
	nav .navbar-brand { background-image: url('../png/logo_modlar_nav_565f91649455d%402x.png'); background-size: 142px 27px; }
	nav .navbar-brand-white { background-image: url('../png/logo_modlar_nav_white_565f91649455d%402x.png'); background-size: 142px 27px; }
	.bootstrap-select-searchbox input { background-image: url('../png/input_search%402x.png'); background-size: 23px 15px; }
}

@media (max-width: 768px) {
	input { -webkit-appearance: none; }
}

@media (max-width: 1023px) { /* extra small devices (phones, less than 768px) */
	nav .navbar { min-height: 40px; }
	nav .navbar-brand { display: block; float: none; width: 106px; height: 20px; margin: 10px auto !important; padding: 0; left: auto; background: url('../png/logo_modlar_mobile.png') no-repeat; background-position: 0px 0px; }
	nav .navbar-brand.navbar-brand-white { background: url('../png/logo_modlar_mobile_white.png') no-repeat; }
	nav a.navbar-user { background-position: 15px 6px; }
	.navbar-nav.navbar-left { margin-bottom: 0; }
	.navbar-nav.navbar-right { margin-top: 0; }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #e74c3c; padding-bottom: 9px; }
	.navbar-default .navbar-left > li:hover:before, .navbar-default .navbar-left > li.active:before { background-color: transparent; }
	.navbar-default .navbar-toggle { margin-top: 3px; margin-bottom: 0; border-color: transparent; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #000; height: 1px; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #e74c3c; }
	.navbar-inverse .navbar-toggle { margin-top: 3px; margin-bottom: 0; border-color: #222; }
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; height: 1px; }
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #222; }
	.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar { background-color: #e74c3c; }
	nav .navbar-nav > li > a.new { background-position: right center; }
	.navbar-toggle .icon-bar + .icon-bar { margin-top: 3px; }
	nav .navbar-nav { margin-right: 0; margin-left: 0; text-align: center; }
	nav .navbar-nav > li > a { padding-top: 6px; padding-bottom: 6px; }

	@media all and (-webkit-min-device-pixel-ratio: 1.5){ /* retina */
		nav .navbar-brand { background-image: url('../png/logo_modlar_mobile%402x.png'); background-size: 106px 20px; }
		nav .navbar-brand.navbar-brand-white { background-image: url('../png/logo_modlar_mobile_white%402x.png'); background-size: 106px 20px; }
	}
}

@media (min-width: 1024px) {
	.navbar-search-mobile { display: none; }
	.col-sm-height { display: table-cell; float: none !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	#modlar-nav .container { width: auto; }
	#modlar-search { display: none; }
	.navbar-search-tablet { display: block; }
	#nav-mobile-search .navbar-form { padding: 10px 15px; border-top: 1px solid #e7e7e7; }
	#nav-mobile-search .navbar-form .form-control { width: 100% !important; }
}

@media (min-width: 1024px) and (max-width: 1106px) {
	.navbar-default .navbar-left .dropdown-menu.pages { left: -83px; }
}

@media (min-width: 992px) {
	.col-md-height { display: table-cell; float: none !important; }
}

@media (min-width: 1200px) {
	#nav-mobile-search { display: none; }
	.col-lg-height { display: table-cell; float: none !important; }
}