/* GLOBAL STYLES
------------------------------------------------------------------------ */

/* Fonts */
@font-face {
	font-family: 'Proxima-Nova-Light';
	src: url('../fonts/proxima-nova/proxima-nova-light.eot');
	src: local('☺'), url('../fonts/proxima-nova/proxima-nova-light.woff') format('woff'), url('../fonts/proxima-nova/proxima-nova-light.ttf') format('truetype'), url('../fonts/proxima-nova/proxima-nova-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima-Nova-Regular';
	src: url('../fonts/proxima-nova/proxima-nova-regular.eot');
	src: local('☺'), url('../fonts/proxima-nova/proxima-nova-regular.woff') format('woff'), url('../fonts/proxima-nova/proxima-nova-regular.ttf') format('truetype'), url('../fonts/proxima-nova/proxima-nova-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima-Nova-Thin';
	src: url('../fonts/proxima-nova/proxima-nova-thin.eot');
	src: local('☺'), url('../fonts/proxima-nova/proxima-nova-thin.woff') format('woff'), url('../fonts/proxima-nova/proxima-nova-thin.ttf') format('truetype'), url('../fonts/proxima-nova/proxima-nova-thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {background: #000;}

body {
  padding-bottom: 0px;
  padding-top: 50px;
  color: #fff;
  font-family: 'Open Sans',Arial,Helvetica,sans-serif;
  /*background: #000 url('../images/splash_bg.jpg') no-repeat center center / 100% auto;*/
  background: #000;
}
body.front-page {
  padding-top: 0px;
}
a {color:#EA4D87;transition: all 0.2s ease-out 0s;}
a, a:hover, a:active, a:focus {color:#EA4D87;text-decoration:none;}
a:focus, a:active, button:focus, button:active {outline:none;}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
    outline-offset: 0px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Proxima-Nova-Thin';
  text-transform: uppercase;
  margin-top: 10px;
}
.img-center {
  margin: 0 auto;
}

#loader {
   background: #000 url('../images/loader.gif') no-repeat center center;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 1000;
   left: 0;
   top: 0;
}

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* textual separators */
.hr-text {
  position: relative;
  text-align: center;
  margin: 10px 0;
  font-style: italic;
  font-size: 14px;
  color: #888;
}
.hr-text span:before, .hr-text span:after {
    border-top: 1px solid #333;
    content: " ";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 45%;
}
.hr-text span:after {
  left: auto;
  right: 0;
}
.hr-h {
  position: relative;
  text-align: center;
  margin: 10px 0;
  font-size: 16px;
}
.hr-h span:before, .hr-h span:after {
    border-top: 1px solid #333;
    content: " ";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 32%;
}
.hr-h span:after {
  left: auto;
  right: 0;
}
.hr-h.flat {
  text-align: center;
  margin: 15px 0;
  padding: 10px 0 8px;
  background: #EA4D87;
}
.hr-h.flat span:before, .hr-h.flat span:after {
    border-top: 0;
    content: " ";
    display: none;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

section .container, .section .container, section .container-fluid, .section .container-fluid {
  margin-top: 20px;
  margin-bottom: 20px;
}

footer {
  border-top: 1px solid #333;
  color: #555;
  font-size: 12px;
}
footer .container-fluid {
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}

/* front page */
.front-logo {
  text-align:center;
  margin: 0 auto 40px;
  padding-right: 50px;
  padding-left:  50px;
}
.front-nav {
    padding-right: 30px;
    padding-left:  30px;
  }

.front-nav .row {
  margin-bottom: 20px;
}
.front-nav .row:last-child {
  margin-bottom: 0;
}
.front-nav .col-md-4 {
  padding-left: 10px;
  padding-right: 10px;
}
.front-nav .btn-box .btn-icon {
  margin: 0 auto;
}
.btn-box {
	margin-bottom: 30px;
}
.front-nav .btn-box h1 {
  font-size: 14px;
  font-weight: bold;
}
.front-nav .btn-box a {color:#EA4D87;}
.front-nav .btn-box a:hover {color:#fff;}


/* navbar */

.navbar-inverse {
    background-color: #000;
    border-color: #333;
}

.header-logo {
  margin-top: 3px;
}


.navbar-nav > li > a {
  font-family: 'Proxima-Nova-Light';
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 25px;
  padding-top: 25px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #EA4D87;
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #ededed;
    color: #333333;
}

.navbar .col-sx-3, .navbar .col-sx-6, .navbar .col-md-3, .navbar .col-md-6  {
  padding-left: 0;
  padding-right: 0;
}

.navbar-inverse .navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 18px;
    position: relative;
    display: block;
}

.navbar-inverse .navbar-back {
    display: inline-block;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-back:hover, .navbar-inverse .navbar-back:focus {
  background: #EA4D87;
}
.navbar-inverse .navbar-back .icon-back {
  background: url('../images/icons/icon-back.png') no-repeat scroll 0 bottom transparent;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 15px 18px 8px;
}
.navbar-inverse .navbar-back:hover .icon-back, .navbar-inverse .navbar-back:focus .icon-back {
  background: url('../images/icons/icon-back.png') no-repeat scroll 0 top transparent;
}
.navbar-inverse .page-title {
  font-size: 23px;
  margin: 12px 0;
  color: #EA4D87;
}

/* forms, buttons */
.form-control:focus {
    border-color: #000;
    box-shadow: 2px 3px 3px #555555 inset;
    outline: 0 none;
}
.btn-primary {
    background-color: #EA4D87;
    border-color: #EA4D87;
    color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #BF2360;
    border-color: #BF2360;
    color: #FFFFFF;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #222;
    border-color: #555;
    color: #555;
}
.btn-primary .badge {
    background-color: #FFFFFF;
    color: #428BCA;
}
.btn-gray {
    background-color: #444;
    border-color: #444;
    color: #888;
}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray {
    background-color: #333;
    border-color: #333;
    color: #FFFFFF;
}

.btns, .btns div { margin-bottom:10px;}
.error {
  border: 2px solid #EA4D87;
  color: #EA4D87;
  text-align: center;
  margin: 10px 0;
  padding: 10px;
  border-radius: 6px;
}
input[type="file"] {
  display: none !important;
}

/* nav pills*/
.sort > li {
  text-align: center;
}
.sort li + li {
  margin:0 2px 2px 0;
}
.sort > li:first-child {
  margin:0 2px 2px 0;
}
.sort li a {
  font-size: 18px;
  width:39px;
  height:39px;
  padding:7px 0;
  border: 1px solid #333;
}
.sort > li.active > a, .sort > li.active > a:hover, .sort > li.active > a:focus {
  background-color: #EA4D87;
  color: #FFFFFF;
  border: 1px solid #333;
}
.sort > li > a:hover, .sort > li > a:focus {
  background-color: #EA4D87;
  text-decoration: none;
  color: #FFFFFF;
  border: 1px solid #EA4D87;
}
.sort li.latest a { 
  width:auto;
  padding:7px 14px;
}


.inline-radio {
  margin-right:10px;
}
.inline-radio:last-child {
  margin-right:0px;
}



/* PAGES, CONTENTS
-------------------------------------------------- */

.content-title {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
}

.category-title {
  text-align: center;
  margin: 0 -15px;
  padding: 10px 0;
  background: #EA4D87;
}

/* article list, article page */
.article-list .container-fluid {
  margin-bottom: 0;
}
.article-list .article-lead {
  border-top: 1px solid #333;
  padding-bottom: 10px;
  /*background: url('../images/icons/icon-more.png') no-repeat scroll 95% 50% transparent;*/
}
.article-list .article-lead a {
  color: inherit;
}
.article-list .article-lead:hover {
  background: #222222;
}
.article-list .article-lead .article-title {
  color: #EA4D87;
  font-size: 16px;
  margin: 15px 0 5px;
}
.article-list .article-lead:hover .article-title {
  color: #fff;
}
.article-list .article-lead .pubdate {
  color: #888;
  font-style: italic;
  font-size: 12px;
}
.article-list .article-lead .icon-more {
  width: 22px;
  height: 22px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/icons/icon-more.png') no-repeat scroll 50% 50% transparent;
}
.list-pagination {
  text-align: center;
  margin: 0 -15px;
  border-top: 1px solid #333;
}

/* pagination */
.pagination > li > a, .pagination > li > span {
    background-color: #000000;
    border: 1px solid #333333;
    color: #EA4D87;
    font-size: 17px;
    padding: 8px 14px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #222222;
    border-color: #333333;
    color: #FFFFFF;
}
.pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #EA4D87;
    border-color: #EA4D87;
    color: #FFFFFF;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #EA4D87;
    border-color: #EA4D87;
    color: #FFFFFF;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #000000;
    border-color: #333333;
    color: #333;
    cursor: default;
}

.article-page {
  border-top: 1px solid #333;
  margin: 0 -15px;
  padding: 15px;
}
.article-page .article-title {
  font-size: 19px;
  color: #EA4D87;
  text-align: center;
}
.article-page .pubdate {
  color: #888;
  font-style: italic;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}
.article-page .excerpt {
  margin-bottom: 20px;
  text-align: justify;
  font-weight: bold;
}

.article-page .description {
  color: #999;
}

.article-page .description strong {
  color: #fff;
  display: block;
  margin: 15px 0;
}


/* normalize dirty content */
.article-page .description p {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-align: justify;
}
.article-page .description span {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.article-page .description img {
  display: block !important;
  margin: 0 0 20px 0 !important;
  width: 100%;
  height: auto;
  text-align: center !important;
  float: none;
}

/* salon list */
.pic-list div { 
  margin-bottom: 20px;
}
.pic-item img { 
  min-width: 100%; 
  background: url('../images/loader.gif') no-repeat scroll 50% 50% transparent;
}
.pic-item h3 { 
  background: url('../images/icons/icon-more.png') no-repeat scroll 97% 50% #EA4D87;
  color: #fff;
  font-size: 20px;
  margin: 0;
  padding: 10px; 
}


/* salon page */
.salon-page {
  border-top: 1px solid #333;
  margin: 0 -15px;
  padding: 15px;
}
.salon-page .salon-title {
  font-size: 19px;
  color: #EA4D87;
  text-align: center;
}
.salon-page .separator-title {

}
.salon-profile {
    margin-top: 20px;
}
.salon-profile .service-list {
 margin-bottom: 15px;
}
.salon-profile .service-list li {
   padding: 0 5px 0 0;
   color: #999;
}
.salon-profile .service-list li:after {
  content: "/";
  margin: 0 0 0 10px;  
  color: #777;
}
.salon-profile .service-list li:last-child:after {
  content: "";
  margin: 0;
}
.salon-profile .profile-info {
  font-size: 13px;
  margin: 0 auto 10px;
  color: #999;
}
.salon-profile .profile-info td {
  padding: 2px 0;
  vertical-align: top;
}
.salon-profile .profile-info tr td:first-child {
  width: 22px;
}

.salon-page .pic-list div { 
  margin-bottom: 20px;
}
.salon-page .pic-item img, .salon-page .profile-pic img { 
  min-width: 100%; 
  background: url('../images/loader.gif') no-repeat scroll 50% 50% transparent;
}
.salon-page .pic-item .more { 
  background: url('../images/icons/icon-magnify.png') no-repeat scroll 97% 50% transparent;
  border-bottom: 1px solid #333;
  margin: 0;
  padding-bottom: 10px;
}
.salon-page .pic-item .more h3 { 
  background: transparent;
  color: #EA4D87;
  font-size: 18px;
  margin: 0;
  padding: 10px 10px 0; 
}
.salon-page .pic-item .more span { 
  color: #fff;
  margin: 0;
  padding: 0 10px 10px; 
  font-size: 13px;
}

/* salon image view */

.article-salon-image .salon-image .img-desc {
  margin-top: 10px;
}
.article-salon-image .salon-image-meta {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.article-salon-image .salon-image-meta .salon-title {
  font-size: 19px;
  color: #EA4D87;
  text-align: left;
}
.article-salon-image .salon-image-meta .icon-more {
  width: 22px;
  height: 22px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/icons/icon-more.png') no-repeat scroll 50% 50% transparent;
}
.salon-image-menu {
  margin-bottom: 0;
}

.salon-image-menu li > a, .salon-image-menu li > span {
  background-color: #EA4D87;
  color: #FFFFFF;
  border: 1px solid #EA4D87;
  border-radius: 6px;
  display: inline-block;
  font-size: 17px;
  padding: 8px 14px;
}
.salon-image-menu .previous a, .salon-image-menu .next a {
  
}

/* nails */
.nails {
  margin-bottom:0 !important;
}
.nail-categories {

}
.nail-categories .nail-category  {
  border-top: 1px solid #333;
  padding-bottom: 10px;
}
.nail-categories .nail-category  a {
  color: inherit;
}
.nail-categories .nail-category:hover {
  background: #222222;
}
.nail-categories .nail-category .nail-category-title {
  color: #EA4D87;
  font-size: 16px;
  margin: 15px 0 5px;
}
.nail-categories .nail-category:hover .nail-category-title {
  color: #fff;
}
.nail-categories .nail-category .icon-more {
  width: 22px;
  height: 22px;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/icons/icon-more.png') no-repeat scroll 50% 50% transparent;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
    border-radius: 4px;
  }
  
	.front-logo {
		margin: 0 auto 50px;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		width: 20%;
	}
  
  .front-nav .btn-box .btn-icon {
    max-width: 50%;
    margin: 0 auto
    
  }

  .front-nav .btn-box h1 {
    font-size: 26px;
    font-weight: bold;
  }
  footer {
    font-size: 14px;
  }
  
  .pagination > li > a, .pagination > li > span {
    font-size: 14px;
    padding: 6px 12px;
  }
  .pagination > li:first-child > a, .pagination > li:first-child > span {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
  }
  .pagination > li:last-child > a, .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
  }
  
  .article-page .description img {
    display: block;
    margin-bottom: 20px;
    width: auto;
    height: auto;
  }
  
}

@media (min-width: 992px) {
    
}


/* SPECIAL
-------------------------------------------------- */

/* add this plugin */
a.at-svc-compact {
    background: #EA4D87;
}
.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
    background: url("../images/icons/widget016_32x32_top.gif.png") no-repeat scroll left center transparent;
}
#at4m-dock.ats-light {
    background: #EA4D87;
    border-color: #333333;
}
.at4m-dock a:link, .at4m-dock a:visited {
    color: #FFFFFF;
}
.at4m-dock a i {
    opacity: 1;
}
.at4m-dock a i.at4m-dock-share {
    background-image: url("http://ct1.addthis.com/static/r07/images000/dark/share.svg"), none;
}
.at4m-dock-toggle a {
    background-image: url("http://ct1.addthis.com/static/r07/images000/dark/minimize.svg"), none;
    border-left: 1px solid #333333;
    opacity: 1;
}
.at4m-dock.ats-light a:hover, .at4m-dock.ats-light a:active, .at4m-dock-toggle.ats-light a:hover, .at4m-dock-toggle.ats-light a:active {
    background-color: #333333;
}

.at-quickshare-header-peep, #at4-searchBox {color: #333 !important;}