#logo {
  padding-top: 8px;
  padding-bottom: 8px;
}
#logo img {
  width: 130px
}
#main_header {min-height: 96px}
#main_header .navbar-default {padding-top: 15px; margin-bottom: 15px}
#main_header .signin_panel {padding-top: 5px; font-size: 12px}
#main_header .languages {padding-bottom: 5px; color: #ccc}
#main_header .languages a {color: #fff; line-height: 13px;}

/* redesign fix */
.nav>li>a {padding-left: 11px; padding-right: 10px}
#banner h3 {font-size: 24px}
#banner h1 {font-size: 30px}
.cat-desc-home {height: 110px}
.cat-desc {height: 55px}
.cat-title {margin-bottom: 12px}
.cat-description {margin-bottom: 20px; font-size: 16px; text-align: center}
.training-desc, .trend-list {padding:0 80px 40px}
.training-desc .exp-col {display: none}
#trends #banner h3 {color: #00bfd6}
.trend_panel .title {margin-top: 0; margin-bottom: 0; text-align: left}
/***********************/

ul.thumbnails.image_picker_selector li {height: 130px; cursor: pointer}
.image_picker_image {width: 90px}

.training {display: inline-block; float: none}

.pos-rlt{position: relative;}
.inner-page {padding: 40px 0  50px 0; min-height: 350px}
.dropdown-menu li a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background: #e5b52d !important; color: #333}
.paginationInner {text-align: center}
.pagination > li > a {color: #00bfd6}
.pagination > .active > a, .pagination > .active > span, 
.pagination > li > a:hover, .pagination > li > span:hover,  
.pagination > .active > a:hover, .pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus {border-color: #ccc; background-color: #00bfd6; color: #fff}
.pagination .next a {border-radius: 0 4px 4px 0}
.pagination .previous a {border-radius: 4px 0 0 4px}
.inner-page .form-group label.control-label {font-size: 14px}
.btn-form {color: #ffffff; background-color: #00bfd6; border-color: transparent; width: 100%}
.profile_bg {background-color: #fff}
.errorMessage {font-size: 11px; font-weight: normal; color: #c00}
.form-group {margin-top: -5px}
.photo-row {padding-bottom: 10px}
.photo-row span {display: inline-block; vertical-align: top; margin: 0 20px 20px 0}
.captcha-box {display: inline-block; font-size: 13px; vertical-align: top}

#trends #banner {margin-bottom: 25px}
#trends #banner .form {background-color: #fff; margin: 0}
.trend-detail .form {padding: 5px 98px 30px 20px !important}
#trends h1.title {text-align: left}
#trends .header-info a, #trends .header-info span {width: auto; padding: 6px 30px; margin: 0 2px; font-size: 18px}
#trends .header-info .btn-form:hover {color: #fff}
#trends .header-info .btn-default {background: #FFFFFF; color: #656565; border: 1px solid #ddd}
#trends .detail-date {margin-bottom: 20px; color: #00bfd6; font-size: 15px}
.trend_panel .box {
  padding: 12px 0px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
}
.trend_panel div.title a {color: #00BFD6; font-size: 24px; text-decoration: none}
.trend_panel div.date-post, .trend_panel p {font-size: 15px}
.trend_panel span.btn {margin: 15px 0; background-color: #a5a4a4; color: #fff; border: none; line-height: 15px; padding: 5px 15px 7px}

.trend-content {font-family: "Calibri" !important; font-size: 14px}
.trend-content br {line-height: 13px}

.content-page {text-align: justify; text-justify: inter-word; padding-right: 40px}
.content-page p {line-height: 20px}
.content-page p {font-size: 14px; margin: 10px 0}
.content-page ul {padding-left: 30px}
.content-page ul li {list-style: disc; font-size: 13px; line-height: 20px}
.content-page ul ul li {list-style: circle}
.content-page a {color: #098CC7}
.content-page h4 {font-size: 14px; font-weight: bold}

#reqModal label, #recommendModal label {display: block; margin-bottom: 15px}
#reqModal input[type=submit], #recommendModal input[type=submit] {width: 150px}
#reqModal input[type=text], 
#recommendModal input[type=text],
#recommendModal textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 36px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#recommendModal textarea {height: 100px}
#category_summary .btn-default {width: 100%}
#category_summary .description a {text-decoration: none}
#category_summary h4 a {color: #2e2f30}

.ellipsis {margin-right: 20px; display: block; width: 90%}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background: #00BFD6
}
.nav > li > a {color: #00BFD6}

.royalSlider {margin-bottom: 15px}
#category_summary .rsMainSlideImage {margin: 0 !important; height: 100% !important}
.inner_cat_summary .rsOverflow .rsArrow {display: none !important}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {background: #fff}
.edit-work {position: absolute; top:0; right:0; background: #00bfd6; color: #fff; text-align: center; padding: 5px 20px; text-decoration: none}

.heading, .form-horizontal h3 {color: #00bfd6}
.rsFullscreenIcn, .rsArrowIcn {display: none !important}

#detil .btn-request {padding: 14px 24px}
#detil .rsMainSlideImage {cursor: default}
.rs-detail-page .rsThumbsHor {height: 102px !important}
.rs-detail-page .rsThumb {width: 158px !important; height: 102px !important}
.inner_cat_summary .rsThumb {width: 124px !important; height: 68px !important; margin-top: 4px}
.rs-detail-page .rsMainSlideImage {border: 5px solid #e7e7e7 !important}
.rs-detail-page .rsNavSelected, .inner_cat_summary .rsNavSelected {background: transparent !important; border: 5px solid #F8CF1A}
.rs-detail-page .rsThumb.rsNavSelected img, .inner_cat_summary .rsThumb.rsNavSelected img {opacity: 1 !important}
.rs-detail-page, .rs-detail-page .rsOverflow, .rs-detail-page .rsSlide, .rs-detail-page .rsNav {background: #f7f7f7 !important}

#footer li a, #footer .small_text {color: #aaa}
#copyright {color: #666; background: #022256}
#main_header, #footer {background: #002664}

@media (min-width: 768px) {
  .navbar-nav > li.dropdown > a {padding-bottom: 10px; padding-top: 10px}
}

#req-form label, #rec-form label {margin-bottom: 3px}
#req-form .errorMessage, #rec-form .errorMessage {margin-bottom: 7px}
.work-status {position: absolute; bottom: 0; left: 0; height: 40px; width: 100%; background: rgba(0,0,0, 0.6); color: #fff; padding: 9px 12px; font-size: 14px}

#profile .request-contact {background: #00bfd6; color: #fff; border-color: transparent}
#banner .btn-default:hover, .btn-form:hover, #detil .btn-request:hover,
#category_summary .btn-default:hover, .work_panel .btn-work:hover,
#profile .request-contact:hover { background: #002664; color: #fff}
#detil .speciality-row{padding-top:20px}
#detil .title {padding-bottom: 12px}

.signup-lnk {color: #fff; text-decoration: underline}
.nav-hide {display: none !important}
.nav-mob-icon {display: none; position: absolute; right: 0px; top: 0px}
.search-sm {background: #e3e2e2 !important; height: 40px; display: none; cursor: pointer; text-align: right; padding: 7px 20px}
.search-sm .glyphicon {font-size: 24px}

#footer {padding-top: 0}
#footer .foot-note {padding-top: 45px}

.photo-count {background: rgba(0,0,0,0.5); position: absolute; top: 0; right: 0; height: 25px; padding: 5px 15px; color: #fff; text-align: right}
.photo-count span {vertical-align: top; margin-right: 1px}

.product-used img {width: 75px}

@media (min-width: 768px) and (max-width: 990px) {
  .navbar-collapse {text-align: center}
  .navbar-nav>li {float:none; display: inline-block}
  .navbar-nav {float: none; margin: 0 auto}
  .signup-lnk {margin-bottom: 10px; display: inline-block}
}

@media (min-width: 991px) and (max-width: 1200px) {
  .nav>li>a {padding-left: 5px; padding-right: 4px; font-size: 16px !important}
}

@media (max-width: 990px) {
  #main_header .navbar-default {margin-bottom: 0}
  #category_summary .btn-default {width: 50%; margin-left: 25%}
  #category_summary .description {margin-bottom: 20px}
  #category_summary .btn-painters.pull-right {float: left !important; margin-bottom: 20px}
  #detil .btn-request{margin-bottom: 30px}
  #detil .speciality-row{padding-top:0}
  #detil .title {padding-bottom: 0}
  
  .nav-mob {padding: 0 !important; min-height: 0; margin-bottom: 0px}
  .nav-mob-icon, .nav-hide, .navbar-toggle {display: block !important}
  .navbar-nav > li {width: 100%}
  .signin_panel, .inner_banner {display: none}
  .nav > li > a {padding: 5px 10px}
  header {text-align: center}
  .navbar-collapse.collapse {display: none !important}
  .navbar-collapse.collapse.in {display: block !important}
  #main_header .navbar-default {border-top: 1px solid #1a3c74}
  .search-sm {display: block}
}
@media (max-width: 767px) {
  #banner.inner_banner {border-top: 1px solid #ccc !important; padding-top: 0}
  #footer .title {margin: 25px 0 15px}
  #training_panel .training {width: 27%}
  #training_panel .training img {height: auto !important}
  #training_panel .training .btn-work {width: 100%}
}

@media (min-width: 992px) {
  #bs-example-navbar-collapse-1 .languages {
    text-align: right;
    padding-left: 0;
    padding-right: 10px;
    padding-bottom: 0;
    margin-top: -5px
  }
}