.modal-dialog {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%) !important;

        height: 100%;

    }



@media only screen and (max-width: 600px) {

  .modal-dialog {

      width: 90%!important;

      margin: 0px;

  }

}    

    

/*

 * 1. core styles

 */



 .barber {

    font-family: 'Lato', sans-serif;

    font-size: 1.8rem;
    line-height: 1.6em;

 }



.teamy{

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.teamy__layout{

    position: relative;

        box-shadow: 0px 0px 18px 0px rgba(103,85,85,0.39);

    border: 3px;

}



.teamy__preview{

    position: relative;

    overflow: hidden;

}



.teamy__avatar{

    display: block;

    max-width: 100%;

    position: relative;

    z-index: 1;

}



.teamy__preview:before{

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 2;

}



.teamy__back{

    width: 100%;

    height: 100%;

    box-sizing: border-box;



    opacity: 0;

    will-change: opacity;



    display: flex;

    flex-direction: column;

    justify-content: center;



    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

}



.teamy:hover .teamy__back{

  opacity: 1;

  height: 100%;

  transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9) .2s;

}



.teamy__name{

    margin-top: 0;

    margin-bottom: 0;

    color: #fff!important;

}



.teamy__post{

    display: block;

}



/*

 * 2. visual styles

 */



/* common styles for visual styles */



 .teamy__back{

  padding-left: 10px;

  padding-right: 10px;

  text-align: center;

 }



.teamy__content{

  padding: 20px 20px 10px;

}



.teamy__name{

  font-size: 1.3em;

}



.teamy__post {

  text-align: right!important;

}



.seemywork {

  color: white!important; 

  text-decoration: none!important;

  color: #fff;

  font-size: 90%;

  text-shadow: none;

}



/* style 1 */



.teamy_style1{

  text-align: center;

}



/* style 2 */



.teamy_style2 .teamy__content{

  width: 100%;

  box-sizing: border-box;



  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 4;

}



.teamy_style2 .teamy__name{

  font-weight: 400;

}



/* style 2 */



.teamy_style3 .teamy__name{

  font-size: 2em;

}



/*

 * 3. masks

 */



/* mask circle */



.teamy_mask-circle .teamy__preview:before{

  width: 0;

  height: 0;

  padding: 25%;

  border-radius: 50%;



  transition: transform .3s ease, opacity .3s ease-out;

  will-change: opacity, transform;

  opacity: 0;

  transform: translate(-50%, -50%) scale(0);

}



.teamy_mask-circle:hover .teamy__preview:before{

  opacity: 1;

  transform: translate(-50%, -50%) scale(4);

  transition-duration: .6s;

}



/* mask triangle */



.teamy_mask-triangle .teamy__preview:before{

  width: 100%;

  height: 100%;

  opacity: 0;



  -webkit-clip-path: polygon(50% 10%, 15% 90%, 85% 90%);

  clip-path: polygon(50% 10%, 15% 90%, 85% 90%);



  transition-property: transform, opacity;

  transition-duration: .2s, .4s;

  transition-delay: .4s, 0s;

  transition-timing-function: ease-out;



  will-change: transform, opacity;

  transform: translate(-50%, -50%) scale(1);

}



.teamy_mask-triangle:hover .teamy__preview:before{

  opacity: 1;

  transform: translate(-50%, -50%) scale(5);

  transition-delay: .1s, 0s;

  transition-duration: .4s;

}



/*

 * 4. animations for preview

 */



/* zoom */



.teamy_zoom-photo .teamy__avatar{

  transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);

  will-change: transform;

  transform: scale(1);

}



.teamy_zoom-photo:hover .teamy__avatar{

  transform: scale(1.2);

}



/* zoom and rotate */



.teamy_zoom-rotate-photo .teamy__avatar{

    transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);

    will-change: transform;

    transform: scale(1) rotate(0);

}



.teamy_zoom-rotate-photo:hover .teamy__avatar{

    transform: scale(1.2) rotate(5deg);

}



/* zoom and slide */



.teamy_zoom-slide-photo .teamy__avatar{

    transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);

    will-change: transform;

    transform: scale(1) translate(0, 0);

}



.teamy_zoom-slide-photo:hover .teamy__avatar{

    transform: scale(1.2) translate(4%, 4%);

}



/*

 * 5. default skin

 */



.teamy__preview:before{

    background-color: rgba(229, 229, 229, .7);

}



.teamy_style2, .teamy_styleb, .teamy_style3{

    color: #fff;

}



.teamy_style2 .teamy__content{

    background-color: rgba(229, 229, 229, .85);

}



.teamy_styleb .teamy__content{

    background-color: var(--demoColorContent, rgba(0, 0, 0, .85)); 

    /* background-color: var(--demoColorContent, rgba(147, 0, 13, .85)); */

}



/*

* demo page

*/



@media screen and (min-width: 768px){



  html{

    font-size: 62.5%;

  }

}



@media screen and (max-width: 767px){



  html{

    font-size: 50%;

  }

}





:root{

    --colorBlack: #222;

    --colorWhite: #fff;

    --colorGray: #f0f0f0;



    --colorAlternative: #a03549;

    --colorAlternativeDark: #650813;

}



.title{

    margin-top: 0;

    margin-bottom: 0;

}



.page{

  min-height: 100vh;

  display: flex;

  flex-direction: column;

  justify-content: space-around;

}



.page__demo{

  flex-grow: 1;

}





@media screen and (max-width: 360px){



  .melnik909{

    display: none;

  } 

}



/* layout */



.main-container{

    max-width: 1400px;

    padding-left: 2rem;

    padding-right: 2rem;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 30px;

}



.section:nth-of-type(even){

	background-color: var(--colorGray);

}



.section__header{

	position: relative;

	padding-bottom: 2rem;

	text-align: center;

	text-transform: uppercase;

}



.section__header:before{

	content: "";

	width: 5rem;

	height: 3px;

	background-color: var(--colorAlternative);



	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

}



.section__title{

	font-size: 2.8rem;

}



.section__hint{

	font-size: 1.4rem;

	display: block;

	margin-top: 1rem;

}



.section__content{

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

}



@media screen and (min-width: 641px){



	.section{

		padding-top: 8rem;

		padding-bottom: 8rem;

	}



	.section__header{

		margin-bottom: 6rem;

	}



	.section__content{

		justify-content: center;

	}

}



@media screen and (max-width: 640px){



	.section{

		padding-top: 4rem;

		padding-bottom: 4rem;

	}



	.section__header{

		margin-bottom: 3rem;

	}

}



/* options */ 



.radio{

    position: absolute;

    left: -9999px;

}



.preview-options{

    padding-top: 2rem;

}



.preview-options__container{

    display: flex;

    justify-content: center;

}



.preview-options__param{

    display: inline-block;

    cursor: pointer;

}



.preview-options__param:not(:last-child){

    margin-right: 1.5rem;

}



.preview-options__color:before{

    content: "";

    width: 3.2rem;

    height: 3.2rem;

    display: block;

    border-radius: 50%;

}



.preview-options__color:after{

    content: "";

    width: 75%;

    height: 3px;

    display: block;

    margin: 1rem auto 0;

}



.preview-options__color_black:before,

#black:checked ~ .preview-options .preview-options__color_black:after{

    background-color: rgba(0, 0, 0, 1);

}



.preview-options__color_purple:before,

#purple:checked ~ .preview-options .preview-options__color_purple:after{

    background-color: rgba(229, 229, 229, 1);

}



.preview-options__color_blue:before,

#blue:checked ~ .preview-options .preview-options__color_blue:after{

    background-color: rgba(80, 126, 209, 1);

}



.preview-options__color_green:before,

#green:checked ~ .preview-options .preview-options__color_green:after{

    background-color: rgba(27, 188, 155, 1);

}



.preview-options__color_red:before,

#red:checked ~ .preview-options .preview-options__color_red:after{

    background-color: rgba(160, 53, 73, 1);

}



#black:checked ~ .section .teamy{

    --demoColorMask: rgba(0, 0, 0, .7);

    --demoColorContent: rgba(0, 0, 0, .85);

    --demoColorIcon: rgba(0, 0, 0, 1);

}



#blue:checked ~ .section .teamy{

    --demoColorMask: rgba(80, 126, 209, .7);

    --demoColorContent: rgba(80, 126, 209, .85);

    --demoColorIcon: rgba(80, 126, 209, 1);

}



#green:checked ~ .section .teamy{

    --demoColorMask: rgba(42, 155, 132, .7);

    --demoColorContent: rgba(42, 155, 132, .85);

    --demoColorIcon: rgba(42, 155, 132, 1);

}



#red:checked ~ .section .teamy{

    --demoColorMask: rgba(160, 53, 73, .7);

    --demoColorContent: rgba(160, 53, 73, .85);

    --demoColorIcon: rgba(160, 53, 73, 1);

}



/* params */



.teamy__preview:before{

    background-color: var(--demoColorMask, rgba(0, 0, 0, .5));

}



.teamy_style2 .teamy__content{

    /* background-color: var(--demoColorContent, rgba(229, 26, 56, .85)); */

    background-color: var(--demoColorContent, rgba(147, 0, 13, .85));

}



/* social buttons */



.social{

    box-sizing: border-box;

    width: 42px;

    height: 42px;

    padding: 10px;



    background-color: #fff;

    border-radius: 100%;



    margin: 5px;

    position: relative;

    display: inline-block;

    vertical-align: bottom;

}



.social__icon{

    width: 100%;

    height: 100%;

    fill: rgba(229, 26, 56, 1);

    fill: var(--demoColorIcon, rgba(229, 26, 56, 1));  

}



.social__name{

    position: absolute;

    left: -9999px;

}



@media screen and (max-width: 640px){



    .preview-options{

        padding-bottom: 2rem;

        border-bottom: 1px solid var(--colorGray);

    }

}



@media screen and (min-width: 641px){



    .preview-options{

        background-color: var(--colorGray);

    }

}



/* grid */



.teamy-team{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



@media screen and (min-width: 849px){



     .teamy{

         /* width: 32%; solo cuando multiples imagenes en fila */

         border: 2px;

         text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.9);

         box-shadow: 0px 0px 18px 0px rgba(103,85,85,0.39);

     }

}



@media screen and (min-width: 425px) and (max-width: 848px){



     .teamy{

          width: 50%; 

     }

}



@media screen and (max-width: 424px){



     .teamy{

         width: 100%;

     }



     .teamy:not(:first-child){

         margin-top: 3rem;

     }

}



.location

{

  text-align: center;

  font-size: 250%;

  font-weight: 900;

}



.more {

  text-shadow: none;

  font-weight: 500;

  font-size: 125%;

}



.more2 {

  text-shadow: none;

  font-size: small;

  text-align: right!important;

  float: right;

  text-decoration: none!important;

  font-style: italic;

  margin-top: auto!important;

}



.derecha {

  text-align: right;

}

.sec-head{
    font-family: 'Solitreo', cursive;
    font-size: 1.6em;
}


  /* -------------------------------------------------- 

  book now

  /* -------------------------------------------------- */  



    .booksy-widget-container-default .booksy-widget-button {

    background: url('https://gravitatewebdesign.com/images/book-now.jpg') no-repeat center!important;

    height: 49px!important;

    background-color: black!important;

    border-radius: 10px!important; 

    border: 3px solid white!important; 

    }



    .booksy-widget-container-default .booksy-widget-button:hover {

    background: url('https://gravitatewebdesign.com/images/book-now-hover.jpg') no-repeat center!important;

    }



    .booksy-widget-container-default .booksy-widget-button:after {

    font-size: 26px!important;

    }



    .book {

        color: #e51a38;

        font-weight: 600;

        font-size: 120%;

    }    



.rojo {

  color: #8e000d;

  font-weight: 900;

}



/*.container {

  

max-width:940px;

margin:0 auto;  



}*/



#testimonials {

  margin:0 auto;

  width:100%;



}



/* reviews */

.testimonials-box{margin:0 auto;}

.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }

.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }

.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 10px; }

.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 10px;width: 100px;}

.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }

.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 10px;margin-top:-3px; font-weight:400;width:95%}

.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#aaa;  font-style:italic; }

.bx-wrapper {position: relative;margin: 0 auto;padding: 0;width:94%;}

.bx-wrapper .slide {padding:0;margin:0;display: block;}

.bx-wrapper .bx-viewport {padding:10px;margin-left:0;z-index:1;width:100%; height: auto!important;}

.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}





.bx-wrapper .bx-next,.bx-wrapper .bx-prev {display:none}

.bx-wrapper .testimonials-carousel-content p{

    width:96%;margin:0;  font-style:italic; 

}



body{background:#181818;}



@media screen and (max-width:400px){

.bx-wrapper {width:85%;}

.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 100%; margin:0 15px 10px 0;float:none }

.bx-wrapper .testimonials-carousel-thumbnail img{ width: 100%;height:auto}

}



@media only screen and (max-width : 767px) {

  .caja {

    height: auto !important;

  } 

}