@font-face {
    font-family: "BemboStd";
    src: url("../fonts/BemboStd.otf");
}

/*  GOOGLE FONT CARDO  */

/* @import url(https://fonts.googleapis.com/css?family=Cardo:400,400italic,700); */
/* greek-ext */
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v8/-5x0QxsmIfkcJinC0mxpFIDGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v8/D36OO9eLs5X0RdUzMqnQNIDGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v8/fJ6Hq1RO-X1AgIa2SKjJ-IDGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v8/f9GbO0_LnwwuaRC6yAh0JKCWcynf_cDxXwCLxiixG1c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body{
  font-family: 'Cardo', serif;
}
html{
  overflow-x: hidden;
}
.font_gsg{
    font-family: 'BemboStd', Arial, sans-serif;
}

.font_gsg_bis{
  font-family: 'Cardo',serif !important;
  font-size: 410%;
}

.logo_gsg{
    font-size: 400%;
    font-family: 'Cardo',serif !important;
    margin-right: 8%;
}
.nav_gsg{
    color: black !important;
    font-size: 150%;
}
.hr_gsg{
    border: 1px solid #000;
    border-width: 0 0 2px 0;
    /* width: 65px; */
    /* margin-top: 90px; */
    padding: 0;
    margin-bottom: 0;
}
.bg_gsg{
    background-color: #FFFAFA;
}
.dots_gsg{
  background-image:url(../img/backtransparent.gif);
  background-attachment:fixed;
}

.dots_gsg_bis{
  background-image:url(../img/dots-bg.png);
  background-attachment:fixed;
}


.text_gsg{
    font-size: 130%; 
}

.w_100 {
    width: 100%;
}

.black_gsg{
    color:white!important;
    background-color:black!important ;
}

.hamb_gsg {
    margin-left: 10%;
    margin-top: 0.2em;
}

.loader_gsg {
    position : fixed;
    z-index: 9999;
    background : url('../img/loaderbar2.gif') 50% 50% no-repeat;
    top : 0px;
    left : 0px;
    height : 100%;
    width : 100%;
    cursor : wait;
    background-color: white;
}

.b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }
  
  .bi {
    vertical-align: -.125em;
    fill: currentColor;
  }
  
  .feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #fff;
    border-radius: .75rem;
  }
  
  .icon-link {
    display: inline-flex;
    align-items: center;
  }
  .icon-link > .bi {
    margin-top: .125rem;
    margin-left: .125rem;
    transition: transform .25s ease-in-out;
    fill: currentColor;
  }
  .icon-link:hover > .bi {
    transform: translate(.25rem);
  }
  
  .icon-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    border-radius: .75rem;
  }
  
  .rounded-4 { border-radius: .5rem; }
  .rounded-5 { border-radius: 1rem; }
  
  .text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
  .text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
  .text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }
  
  .card-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  

  .dark {

    background-color: #1b1b1c;
   
    color: white;
   
   }


   #ul_gsg {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* background-color: #333333; */
  }

  #li_gsg {
    float: left;
  }

  #li_gsg a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
    font-size:20px
  }

  #li_gsg a:hover {
    background-color: #2e343a;
  }

  #theme-btn{
    color:white!important;
    margin-top:18px
  }


  .scroll_anim_gsg{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 2s all ease;
  }
  .scroll_anim_gsg.active{
    transform: translateY(0);
    opacity: 1;
  }
  @media (max-width: 800px) {.animate_phrase_launch_mt {
    margin-top: 20%;
    transform: scale(0.85);
    transition: all 700ms;
  }}
  @media (min-width: 850px) {.animate_phrase_launch_mt {
    margin-top: 15%;
    transform: scale(0.85);
    transition: all 700ms;
  }}
  

  .animate_phrase_launch_mt.hov {
    margin-top: 0%;
    transform: scale(1);
  }

  .equi_hover:hover {
    transition: 0.5s;
    background-color: #212529!important;
  }

  .equi_hover {
    transition: 0.5s;
    background-color: #2a3035!important;
  }

  .home_hover:hover {
    transition: 0.5s;
    background-color: #212529!important;
  }

  .home_hover {
    transition: 0.5s;
    background-color: #2a3035!important;
  }
  
  .form-box {
    max-width: 500px;
    margin: auto;
    padding: 50px;
    background: #ffffff;
    border: 10px solid #f2f2f2;
  }

  .form_cont_sty{
    background-color : #2a3035; 
    border: none;
    color: rgb(189, 189, 189);
  }

  .form_cont_sty:focus{
    background-color : #3e474f; 
    border: 0.1px solid rgb(118, 118, 118);
    color: white;
  }

  .blur50{
    -webkit-filter  : blur(2px); 
    filter    : blur(2px); 
   }
   
   .adress_gsg{
     font-size: 25px;
   }

   .te_sel{
    pointer-events: none;
    user-select: none;
   }

   .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh;
    background: #000 */
}

.profile {
    position: relative;
    width: 300px;
    height: 350px;
    /* background: url("https://i.imgur.com/sAtgYjl.jpg");  300 x350 */
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    border: 12px;
    border-top-right-radius: 35px !important;
    border-radius: 6px
}

.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 12px;
    cursor: pointer;
    opacity: 1;
    transition: all 1s;
    border-top-right-radius: 35px !important;
    border-radius: 6px;
    
    
}



.profile:hover .overlay {
  background: rgba(0, 0, 0, 0.4);
    
    
}


.social-icons {
    display: none;
    list-style: none;
    bottom: 10px;
    position: absolute;
    text-align: center;
    justify-content: center;
    left: 22px
}

.social-icons li {
    width: 25px;
    height: 25px;
    border: 1px solid #eee;
    padding: 20px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    transition: all 1s
}

.social-icons li:hover {
    background: #fff;
    color: #000
}

.overlay .about {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    top: 40%;
    color: #fff;
    flex: column
}

#btn_top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #555;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
}

#btn_top:hover {
  background-color: rgb(121, 119, 119);
}
.text-muteded{
  cursor: pointer;
}

@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
transform: translateX(0);
}