@charset "utf-8";

/* CSS Document */

/* navigation */
.item.nav.title {
    font-size: 14pt;
    line-height: 14pt;
    color: #2b2b2b;
}
@media only screen and (max-width: 800px) {
.ui.top.fixed.inverted.huge.compact.stackable.borderless.menu {
    visibility: hidden !important;
}
/
}
.ui.top.fixed.inverted.huge.compact.stackable.borderless.menu, .ui.title.borderless.right.item.launch.button {
    padding-top: 3vh;
    padding-bottom: 3vh;
    opacity: 0.8;
    background-color: #fff !important;
    border-radius: 0px;
    box-shadow: none;
}
.ui.vertical.borderless.sidebar.menu {
    padding: 0px;
    background-color: #fff;
    box-shadow: none;
}
.ui.top.fixed.inverted.menu {
    background-color: #fff;
    opacity: 0.8;
    border-radius: 0px;
    box-shadow: none;
}
.ui.simple.dropdown.item, .ui.item.nav {
    font-size: 11pt !important;
    font-weight: 200;
    padding-left: 3vw !important;
    padding-right: 3vw !important;
    color: #2b2b2b !important;
}
.ui.segment.pushable {
    top: -5vh;
    border-radius: 0px;
    box-shadow: none !important;
    overflow: hidden;
}
.pusher {
    border-radius: 0px;
    box-shadow: none;
}

/* home-body */
@media only screen and (max-width: 800px) {
.ui.center.aligned.grid.home.computer {
 visibility: hidden !important;
 max-height: 0vh;
}
}
.home-body {
    padding-top: 9vh !important;
    background-color: #fff;
    background-size: cover;
    overflow: hidden;
}
.home.logo.img {
    padding-top: 20vh;
    padding-bottom: 10vh;
    max-width: 60% !important;
}
.home.logo.img.mobile {
    max-width: 100%;
    padding-bottom: 7vh;
}
 @media only screen and (max-width: 320px) {
.home.logo.img {
 width: 340px !important;
}
}
 @media only screen and (max-width: 720px) {
.home.logo.img {
 width: 720px !important;
}
}
.ui.stackable.inverted.borderless.menu {
    background-color: transparent !important;
    padding-bottom: 10px;
}
/*home general*/
.first.row {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    padding-top: 5vh !important;
}
.second.row {
    padding-left: 15vw !important;
    padding-right: 15vw !important;
    padding-bottom: 5vh !important;
}
/* about */
.about-body {
    color: #ffffff;
    background-color: #161616;
}
/* biography */
.biography-body {
    background-color: #fff !important;
}
. /* test remove 
.about.img.title {
    padding-top: 7.8vh;
    padding-bottom: 3vh;
}

*/
/* test remove
.ui.center.aligned.three.column.stackable.grid.about, .ui.thirteen.wide.three.column.stackable.grid.about {
    padding-top: 2vh !important;
    background-color: #161616;
    color: #fff;
}

.ui.five.wide.column.about {
    padding-top: 2vh;
    color: #fff;
}

/* test remove 
@media only screen and (max-width: 320px) {
.about.img.title {
    padding-top: 5vh;
    width: 340px !important;
}
}

@media only screen and (max-width: 720px) {
.about.img.title {
    padding-top: 5vh;
    width: 340px !important;
}
}
*/
/* test remove
@media only screen and (max-width: 800px) {
.ui.five.wide.column.about {
    visibility: hidden !important;
    max-height: 2vh;
    padding-top: 5vh !important;
    padding-bottom: 5vh !important;
    color: #fff;
}
}

@media only screen and (max-width: 800px) {
.ui.five.wide.column.about.mobile {
    visibility: visible !important;
    max-height: 2vh;
    padding-top: 2vh !important;
    padding-bottom: 5vh !important;
    color: #fff;
}
}
/* policy */
.policy-body {
 background-color: #fff !important;
}
.policy.first.row {
    padding-left: 20vw !important;
    padding-right: 20vw !important;
    padding-top: 5vh !important;
}
.policy.second.row {
    padding-left: 20vw !important;
    padding-right: 20vw !important;
    padding-bottom: 5vh !important;
}
.content.font-policy {
    font-size: 11pt !important;
    line-height: 15pt;
    color: #2b2b2b;
}
/* reviews */
.review-body {
    padding-bottom: 5vh !important;
    visibility: visible !important;
    background-color: #fff;
}
#map-plug {
    display: none;
}
#google-reviews {
    display: flex;
    flex-wrap: wrap;/*display: grid;
grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/
}
.ui.small.image.review {
    opacity: 0.8 !important;
}
.review-item {
    border: solid 1px rgba(190,190,190,.35);
    border: medium none;
    margin: 0 auto;
    padding: 1em;
    flex: 1 1 100%;
}
 @media ( max-width:1200px) {
.review-item {
 flex: 1 1 90%;
}
}
 @media ( max-width:450px) {
.review-item {
 flex: 1 1 100%;
}
}
.review-meta, .review-stars {
    text-align: left;
    font-size: 115%;
}
.review-author {
    text-transform: capitalize;
    font-weight: bold;
}
.review-date {
    opacity: .6;
    display: block;
}
.review-text {
    line-height: 1.55;
    text-align: left;
    max-width: 100%;
    margin: auto;
}
.review-stars ul {
    display: inline-block;
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.review-stars ul li {
    float: left;
    list-style: none !important;
    margin-right: 1px;
    line-height: 1;
}
.review-stars ul li i {
    color: #fff;
    font-size: 1.4em;
    font-style: normal;
}
.review-stars ul li i.inactive {
    color: #c6c6c6;
}
.star:after {
    content: "\2605";
}
.popup-review, .popup-review:hover, .popup-review:visited, .popup-review:active {
    cursor: pointer;
    color: #2b2b2b;
}
/* services */
.services-body {
    padding-top: 18vh;
    background-color: #fff;
}
.services-title {
    font-weight: 600;
}
.ui.center.aligned.three.column.stackable.equal.width.grid.services {
    padding-bottom: 5vh !important;
}
.ten.wide.column.description {
    top: -5.9vh;
}
.sixteen.wide.column.description {
    top: -3vh;
}
.nine.wide.column.title {
    top: -3vh;
}
.six.wide.right.floated.column.price {
    top: -3vh;
}
.popup, .popup:hover, .popup:visited, .popup:active {
    cursor: pointer;
    color: #fff;
}
.pink.title {
    color: #cf9c98;
    font-weight: 900;
}
/* products */
.products-body {
    padding-top: 18vh;
}/* services */
.popup-services, .popup-services:hover, .popup-services:visited, .popup-services:active {
    cursor: pointer;
    color: #2b2b2b;
}
/* photos */
.photos-body {
    padding-top: 0vh;
}
.photo.column {
    float: left;
    overflow: hidden;
}
.filterPhotos {
    padding-bottom: 3vh;
    display: none; /* Hidden by default */
}
/*test remove
.filterPhotos {
  float: left;
  background-color: #fff;
  color: #000;
  text-align: center;
  margin: 10px;
  display: none; /* Hidden by default 
}

/* The "show" class is added to the filtered elements */
.show {
    display: block;
}
/* test remove
/* Style the buttons
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Add a light grey background on mouse-over 
.btn:hover {
  background-color: #ddd;
}

/* Add a dark background to the active button 
.btn.active {
  background-color: #666;
  color: white;
}
/* instagram */
.instagram-body {
    padding-top: 18vh;
}
.ui.sixteen.wide.column.instagram {
    padding-left: 5vw;
    padding-rightL 5vw;
}
/* videos */
.videos-body {
    padding-top: 18vh;
}
/* appointment */
.appointment-body {
    padding-top: 18vh;
}
/* contact */
.contact-body {
    padding-top: 18vh;
}
.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.ui.divider.contact {
    margin-top: 5px;
}
.ui.form.message {
    background-color: #fff;
    box-shadow: none;
    border-radius: 0px;
}
/* footer */
.footer-body {
    background-color: #f7f7f7 !important;
    overflow: visible !important;
}
.footer-font {
    font-size: 11pt !important;
    text-transform: none;
    font-weight: 100;
}
/* general */
@media only screen and (max-width: 768px) {
.computer.tablet.only.row {
 visibility: hidden !important;
}
}
/* sidebar */
.ui.grid {
    padding: 0 !important;
}
.pushable.segment {
    margin: 0 !important;
}
.navigation.title {
    padding-left: 5% !important;
    padding-top: 3vh;
    padding-bottom: 0vh;
    color: #141414;
    font-size: 12pt;
    font-weight: 200;
    line-height: 5pt;
}
.comment-font {
    color: #767676;
}
