/*--------GENERAL------------------------------------*/

@font-face {
    font-family: 'pea_alexis';
    src: url('../fonts/peaalexis-webfont.eot');
    src: url('../fonts/peaalexis-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/peaalexis-webfont.woff2') format('woff2'),
         url('../fonts/peaalexis-webfont.woff') format('woff'),
         url('../fonts/peaalexis-webfont.ttf') format('truetype'),
         url('..fonts/peaalexis-webfont.svg#pea_alexisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box; }

.brand-color {
  color: #e60065; }

body {
  /*	background-image: url("images/lace2.jpg");*/
  margin: 0 auto;
  /*	background-color: $bgDefault; */
  font-family: "Alegreya Sans", Tahoma, sans-serif;
  padding-top: 45px; }

li {
  list-style-type: disc; }

li a {
  color: #391439;
  text-decoration: none;
  font-size: 18px; }

section {
  clear: both;
  font-size: 22px;
  text-align: left;
  padding-bottom: 5px;
  width: 100%; }

h1, h2 {
  text-align: left;
  font-weight: normal;
  color: #391439; }

.large {
  font-size: 1.25em; }

.xlarge {
  font-size: 2.5em; }

/* ---Navigation Bar -----------------------------------*/
.brand-name {
  font-family: "pea_alexis", "over the rainbow", cursive;
  color: #e60065;
  font-size: .75em;
  font-weight: bold; }

.navbar-text > a {
  font-size: 1.25em;
  color: #e60065;
  text-decoration: none; }

.navbar-text > a:hover {
  color: #391439; }

.navbar-custom {
  background-color: #ffffff;
  height: 50px; }
  .navbar-custom .navbar-brand {
    color: #391439;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 26px;
    padding-top: 12px; }
    .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
      color: #e60065; }
  .navbar-custom .navbar-text {
    color: #391439; }
  .navbar-custom .navbar-nav > li > a {
    font-family: Oswald;
    font-weight: 100;
    color: #391439; }
    .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
      color: #ffffff;
      background-color: #ffffff; }
  .navbar-custom .navbar-nav > li > .dropdown-menu {
    background-color: #ffffff; }
    .navbar-custom .navbar-nav > li > .dropdown-menu > li > a {
      color: #391439; }
      .navbar-custom .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav > li > .dropdown-menu > li > a:focus {
        text-shadow: none;
        color: #ffffff;
        background-color: #ffffff; }
    .navbar-custom .navbar-nav > li > .dropdown-menu > li > .divider {
      background-color: #ffffff; }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #391439;
    background-color: #ffffff; }
  .navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
    color: #391439;
    background-color: red !important; }
  .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
    text-shadow: none;
    color: #ffffff;
    background-color: #ffffff; }
  .navbar-custom .navbar-toggle {
    border-color: #e60065; }
    .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
      background-color: rgba(57, 20, 57, 0.7); }
    .navbar-custom .navbar-toggle .icon-bar {
      background-color: #391439; }
  .navbar-custom .navbar-collapse,
  .navbar-custom .navbar-form {
    border-color: #ffffff; }
  .navbar-custom .navbar-link {
    color: #391439; }
    .navbar-custom .navbar-link:hover {
      color: #391439; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-image: none !important;
  background-color: rgba(57, 20, 57, 0.3) !important;
  color: #e60065 !important; }

.navbar-custom .navbar-nav .open .dropdown-menu > li > a, .navbar-custom .navbar-nav .open .dropdown-menu {
  background-color: rgba(57, 20, 57, 0.7);
  color: #ffffff !important;
  border-bottom: 1px solid rgba(57, 20, 57, 0.7); }

.navbar-custom .navbar-nav .open .dropdown-menu {
  margin-top: -2px; }

/*-----------------link effect-------------------*/
@media screen and (min-width: 768px) {
  .link-effect > li > a {
    color: #e60065 !important;
    text-shadow: none; }

  .link-effect a::before {
    color: #391439;
    content: attr(data-hover);
    position: absolute;
    -webkit-transition: -webkit-transform 0.8s, opacity 0.3s;
    -moz-transition: -moz-transform 0.8s, opacity 0.3s;
    transition: transform 0.8s, opacity 0.3s; }

  .link-effect a:hover::before,
  .link-effect a:focus::before {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0; } }
/*-------------------Home Page--------------------*/
#home {
  /*	background-image: url("images/cycle/pink_studs_nails3.jpg");
  	background-attachment: fixed;	*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0px;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  position: relative;
  opacity: 1; }

.flex-caption-mobile {
  bottom: 0.5px;
  right: 3%;
  position: absolute;
  text-align: right;
  color: #ffffff;
  font-size: .75em;
  display: block; }

.flex-caption-lg {
  display: none; }

.flex-hand {
  font-family: "pea_alexis", "over the rainbow", cursive, "over the rainbow", cursive;
  font-size: 1em;
  color: #391439;
  font-weight: bold; }

.flex-border {
  padding: 5px;
  border: 1px solid rgba(57, 20, 57, 0.7);
  border-radius: 3px;
  background-color: rgba(57, 20, 57, 0.3);
  font-size: 1em;
  margin-left: 5px; }

.slides a:hover {
  border: 1px solid #ffffff;
  text-decoration: none;
  color: #391439;
  background-color: rgba(255, 255, 255, 0.3); }

/*-------------------Services Page----------------*/
#services {
  margin: 0;
  text-align: left; }

.title {
  line-height: 44px;
  font-family: Oswald, "arial Black"; }

#services .glyphicon {
  font-size:.5em;
  -ms-transform: translate(0px, -3px);/* IE 9 */
    -webkit-transform: translate(0px, -3px);/* Safari */
    transform: translate(0px, -3px);
  color: #e60065; }

#services a {
  color: #391439;
  font-family: arial;
  text-decoration: none;
  line-height: 13px;
  padding-top: 20px; }

#services a:hover, #services a:focus {
  color: #e60065; }

#services a:hover .brand-color {
  color: #391439; }

#services a:focus .brand-color {
  color: #391439; }

.brand-color:hover, .brand-color:focus {
  color: #391439; }

/*.services a:hover > .glyphicon {display: inline-block;}
.services a:focus > .glyphicon {display: inline-block;}
*/
div .container {
  margin-bottom: 20px; }

article {
  padding-left: 15px; }

#services ul {
  padding-left: 15px; }

#services .call-to-action {
  color: #391439;
  position: absolute;
  top: 20%;
  right: 15%;
  text-align: right;
  padding: 10px;
  background-color: rgba(57, 20, 57, 0.3);
  border: 1px solid #e60065; }

#services .call-to-action:hover {
  color: #ffffff;
  background-color: rgba(57, 20, 57, 0.7); }

#services .imgBox {
  display: block;
  width: 100%; }

#services .imgBox:hover {
  -moz-box-shadow: 0 0 10px #391439;
  -webkit-box-shadow: 0 0 10px #391439;
  box-shadow: 0 0 10px #391439; }

#services .nails_enhancementsIMG {
  background-image: url("../images/white_nails1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .hand_footIMG {
  background-image: url("../images/pedi_beach2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .kidsIMG {
  background-image: url("../images/kids.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .waxingIMG {
  background-image: url("../images/waxing.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .facialIMG {
  background-image: url("../images/facial.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .spaIMG {
  background-image: url("../images/spa_pkg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .massageIMG {
  background-image: url("../images/massage.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .eyelashIMG {
  background-image: url("../images/eyelash.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .partyIMG {
  background-image: url("../images/party_pedicure.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

#services .giftsIMG {
  background-image: url("../images/yellow_nails.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%; }

/*------------FAQ page---------------------------*/
/*#faq {border: 2px solid $colAccent;} */
#faq .row {
  margin-top: 30px; }

#faq ul {
  padding-left: 35px; }

#faq a {
  text-decoration: none;
  font-size: 1.25em; }

#faq a:hover, #faq a:focus {
  color: #e60065; }

/*------------Contact page---------------------------*/
#contact {
  margin: 20px 0 0 0;
  text-align: left;
  background-color: rgba(57, 20, 57, 0.3);
  width: 100%; }

.map {
  margin-top: 15px; }

/*-------------footer------------------------*/
.social2 {
	
  width: 100%;
  height: 48px;
  text-align: center; }

.social2 img {padding: 5px;}

.social {
  display: none; }

footer {
  clear: both;
  color: #ffffff;
  background-color: #391439;
  text-align: center;
  height: 38px; }

/*-------------Responsive------------------------*/
/* Custom, iPhone Retina */
@media only screen and (max-width: 479px) {
  .brand-name {
    font-size: 0.75em; }
    
  .large {
  	font-size: 1.2em; }

  .navbar-custom .navbar-brand {
    font-size: 1.25em;
    padding-top: 20px; }

  .navbar-custom .navbar-nav .open .dropdown-menu > li > a, .navbar-custom .navbar-nav .open .dropdown-menu {
    font-size: 1.1em; }

  footer {
    font-size: 1.1em;
    padding-top: 10px; } }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  .xlarge {
    font-size: 3em; }

  .title {
    line-height: 52px; }

  .brand-name {
    font-size: 0.75em; }

  .navbar-custom .navbar-brand {
    font-size: 2.25em;
    padding-top: 13px; }

  footer {
    font-size: 1.25em;
    padding-top: 8px; } }
@media screen and (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff !important; }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
      color: black !important;
      background-color: rgba(255, 255, 255, 0.3) !important; }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: red !important;
    text-shadow: none; }

  .navbar-custom .navbar-nav {
    background-color: rgba(57, 20, 57, 0.7);
    width: 190px;
    margin-top: -1px; }
    .navbar-custom .navbar-nav > li > a {
      color: #ffffff;
      border-bottom: 1px solid rgba(57, 20, 57, 0.7); }
      .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: rgba(57, 20, 57, 0.3);
        text-shadow: none; }
      .navbar-custom .navbar-nav > li > a:active {
        color: #e60065;
        background-color: rgba(57, 20, 57, 0.7); }

  .navbar .nav > li.dropdown.open > a {
    color: #e60065;
    background-color: rgba(57, 20, 57, 0.7); } }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .flex-caption-lg {
    top: 25%;
    left: 5%;
    position: absolute;
    text-align: center;
    color: #ffffff;
    display: block; }

  .flex-caption-mobile {
    display: none; }

  .flex-border {
    margin-left: 0; } }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .navbar-custom .navbar-brand {
    padding-left: 50px; }

  main {
    width: calc(100% - 50px);
    margin: 0;
    float: right; }

  .social2 {
    display: none; }
    
   .social img {padding: 3.5px 0;}

  .social {
    display: inline-block;
    background: rgba(57, 20, 57, 0.7);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(57, 20, 57, 0.7), #ffffff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(57, 20, 57, 0.7), #ffffff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(57, 20, 57, 0.7), #ffffff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(57, 20, 57, 0.7), #ffffff);
    /* Standard syntax */
    width: 50px;
    height: 120px;
    margin: 150px 0 0 0;
    padding: 8px;
    float: left;
    position: fixed;
    border-radius: 8px 0 0 8px; } }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .flex-caption {
    font-size: 1.5em; }

  body {
    width: 1200px; } }

/*# sourceMappingURL=style_myangel.css.map */