/*basis*/
h1{
  padding: 0;
}
body{
  font-family: geo_arial
}
div,nav{
	background: none;
}
h1,h2,h3{
  font-family: geo_arial_bold;
}
.card{
  border: none;
  box-shadow: 0 5px 20px #eee;
}
.btn-shadow{
  box-shadow: 0 5px 20px #aaa;
}
.box-shadow{
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.border-radius-sm{
  border-radius: 20px;
}
.border-radius-sm-left-top{
  border-top-left-radius: 20px;
}
.border-radius-sm-left-bottom{
  border-bottom-left-radius: 20px;
}
.inline-center{
  display: inline-block;
  vertical-align: middle;
  box-sizing: content-box;
}
/********
FONTS
*********/
@font-face {
    font-family: geo_arial;
    src: url(../fonts/bpg_mrgvlovani.ttf);
}
@font-face {
    font-family: geo_arial_bold;
    src: url(../fonts/bpg_mrgvlovani_caps_2010.ttf);
}
/********
NAVBAR ONE
*********/
.nav-item{
  cursor: pointer;
}
#navbar-toggler-one{
  border: none;
  color: white;
}

.custom-toggler .navbar-toggler-icon-light {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(999,999,999, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler .navbar-toggler-icon-dark{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
#navbar-one-wrapper{
  
}
#navbar{
  border: none;
  padding: 0;
}
/********
NAVBAR FULL
*********/
#navbar-wrapper-full{
	display: block;
	opacity: 1;
	position: fixed;
	top: -300px;
	padding: 0;
  opacity:0;
}
#navbar-full{
	border: 0;
	padding: 0 50px ;
}
.navbar-top{
	position: absolute;
	top: 0px;
	left: 50%;
  width: 100%;
	transform: translateX(-50%);
	z-index: 999;
}
.navbar-custom-light{
	border-radius: 0px;
	padding: 5px 30px;
}
.full-height-cont{
	height: 100vh;
}
.background-center{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.icon-medium{
	width: 64px;
  height: 64px;
	display: block;
}
.display-block{
	display: block;
}
.pos-relat{
	position: relative;
	z-index: 3;
}
.dark-overlay::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}
.border-bottom{
	border-bottom: 1px solid white;
  moz-border-bottom: 1px solid white;
}
.text-xs{
 	font-size: 11px !important;
}
.text-blue-hover:hover{
  color:  #24ade4 !important;
  transition: all .3s ease;
}
.text-blue{
  color: #24ade4;
}
.navbar-icon{
  width: 100px;
  height: auto;
}

/*SWIPER*/
.swiper-container {
  width: 100%;
  min-height: 500px;
  background: #000;
}
.swiper-slide {
  font-size: 18px;
  color:#fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
}
.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

/*******
SWIPER
*******/
.swiper-slide .subtitle {
  font-size: 21px;
}
.swiper-slide .text {
  font-size: 13px;
  max-width: 100%;
  line-height: 1.3;
  }
  .flex-center{
  	display: flex;
  	align-items: center;
  }
  .flex-column{
    flex-direction: column;
  }
  .container-to-fluid-sm{
	padding: 20px;
  }
  /*SWIPER ADDITIONAL STYLES*/
  /*.slider-title{
  	font-size: 80px;
  	font-weight: 700;
  	font-family: 'Cairo', sans-serif;
  	display: inline-block;
  }
  .slider-text{
  	width: 100%;
  	font-size: 15px;
    line-height: 1.3;
  }*/

/*******
SCROLL INDICATOR ANIMATION
*******/
.scroll-indicator { 
  position: absolute;
  left: 50%;
  font-size: 50px;
  
  -webkit-animation: bounce 1s infinite; 
  animation: bounce 1s infinite;
}

@-webkit-keyframes bounce {
   0% { top: 15%; }
   50%   { top: 20%; }
   100% { top: 15%; }
}

@keyframes bounce {
   0% { top: 15%; }
   50%   { top: 20%; }
   100% { top: 15%; }
}
/*******
TEXT FOR WHY US AND OTHER
*******/

.swiper-title {
  font-size: 20px;
  font-weight: 900;
  display: block;
  width: 100%;
  font-family: 'geo_arial_bold', sans-serif;
}
.swiper-title::after{
 content: "";
  display: block;
  width: 200px;
  height: 3px;
  background-color: #24ade4;
  margin-top: 15px;
  margin-bottom: 5px;
}
.headline-title-lg{
  font-size: 25px;
  font-weight: lighter;
  display: block;
}
.headline-title-md{
   font-size: 15px;
}
.headline-title-lg::after{
  content: "";
  display: block;
  width: 100px;
  height: 1.5px;
  background-color: #24ade4;
  margin: 15px 0 15px;
}
.features > .headline-title-lg::after{
  margin: 20px auto 5px;
}
.par-normal{
  font-size: 13px;
  font-weight: lighter;
}
.par-small{
  font-size: 12px;
  font-weight: lighter;
  padding-left: 10px;
  padding-right: 10px; 
}
.line-height-medium{
  line-height: 20px;
}
.flex-center{
  justify-content: center;
  align-items: center;
}
.add-padding{
  padding: 50px;
}

  /*WHY US*/
.img-default{
    height: 400px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.two-column .title{
  font-size: 30px;
}
.sm-hidden{
  display: none;
}
.md-hidden{
  display: none;
}

/*******
FEATURES
*******/
.border-bottom-grey{
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.bullet-blue{
  position: relative;
}
.bullet-blue::before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #24ade4;
  position: absolute;
  left: 8px;
  top: 15px;
  border-radius: 50%;
}
.features .card{
  height: 100%;
}
.features .list-group-item{
  padding-left: 25px;
}


/*******
CONTACT
*******/
.form-control{
 border: 1px solid rgba(0,0,0,0.05);
}
input:focus,
textarea:focus,
select:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border-color: rgba(0,0,0,0.2) !important;
}
.form-shadow{
  box-shadow: 0px 10px 30px rgba(0,0,0,0.05);
}
/*map*/
#map{
  height: 100%;
  min-height: 300px;
}


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


  @media(min-width: 991px){
    .swiper-title {
      font-size: 30px;
      font-weight: 700;
      width: 90%;
      display: inline-block;
      font-family: 'geo_arial_bold', sans-serif;
    }
    .swiper-slide .title > span{
      font-size: 300px;
    }
    .swiper-slide .subtitle {
      font-size: 21px;
      font-family: 'Cairo', sans-serif; 
    }
    .swiper-slide .text {
      font-size: 15px;
      max-width: 100%;
      width: 70%;
      line-height: 1.8;
    }
    .swiper-slide {
      padding: 40px 60px;
    }
    .container-to-fluid-sm{
      padding: 20px;
    }
    .swiper-container{
      min-height: 500px;
    }
    .sm-hidden{
      display: block;
    }
  }

 @media(min-width: 1200px){
    .md-hidden{
      display:block;
    }
  }