@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap');

body, html{
  height:100%;
}
/*.siteContent {display:none;}*/
body ::selection {
  background-color: rgba(46, 49, 52, 0.7);
  color: #f5f5f1;
}
body ::-moz-selection {
  background-color: rgba(46, 49, 52, 0.7);
  color: #f5f5f1;
}
.mainBg {
	background: linear-gradient(
    to bottom,
    rgba(255,255,255, 0),
    rgba(255,255,255, 0.9)
  ),url(../img/bg.jpg);
	background-size:cover; 
	background-repeat:no-repeat;  
	padding:0!important;
}

.mt-10 {
	margin-top:5rem;	
	}
.mt-20 {
	margin-top:10rem;	
	}	
.mt-30 {
	margin-top:15rem;	
	}	
.preload {    
	display: flex;
    align-items: center;
    justify-content: center;
	position:absolute;
	background-color:white;
	z-index:100000;
    height: 100%;
	width:100%;
    
}
.preload {
  -webkit-animation: seconds 2s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: .5s;
  animation: seconds 2s forwards;
  animation-iteration-count: 1;
  animation-delay: .5s;
  position: absolute;
  background: white;
}
@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  99% { left:auto;}
  100% {
    opacity: 0;
    left: -9999px; 
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  99% { left:auto;}
  100% {
    opacity: 0;
    left: -9999px; 
  }
}

body.mainP { 
	overflow: hidden;
  -webkit-animation: over 1s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: .1s;
  animation: over 2s forwards;
  animation-iteration-count: 1;
  animation-delay: .1s;
}

@-webkit-keyframes over {
  0% {
   overflow: hidden;
  }
  100% {
	  overflow:visible;
  }
}
@keyframes over {
  0% {
    overflow: hidden;
  }
  100% {
	overflow:visible;
  }
}
.lang-b {border-top:1px solid white;}
.lang-b a {font-size:12px !important; text-decoration:none !important;}
.lang-b a:after { height:0 !important;}
.logo {
	position:absolute; 
	z-index:100; 
	left:5%; 
	top:5%;
}
.lang {
	position:absolute;
	z-index:100;
	right:5%;
	top: 5%;
	color:white;
}
.lang a {color:White;}
.lang a:hover {color:#ccc; text-decoration:none;}

.we-d-h5 {
  color: black;
  font-family:"Roboto", serif;
  font-weight:600;
  font-size: 0.9rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding:0.2rem;
  text-align: center;	
  transition: .2s ease;
}
.we-over {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 15px;
  height: 100%;
 /* width: calc(100% -30px);*/
  /*background-color: rgba(200, 200, 200, 0.6);*/
  transition: .2s ease;
  margin-left:15px;
  /*border:1px solid black;*/
  
}

.colorImg {  
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
	   -webkit-transition: all .2s ease-in-out; 
	   object-fit: cover;
  	 opacity: 0.5;
 }
.we-do-link:hover .colorImg{  
    filter: none;
      -webkit-filter: grayscale(0);
	  opacity: 1;
 }
.we-do-link:hover .we-over{
	 background-color: rgba(0, 0, 0, 0);
}

.we-do-link:hover  .we-d-h5{
	color: white;
	 background-color: rgba(0, 0, 0, 0.7); 
}
.bg-w {
    background-color: #f8f9fa; 
}

.we-do {
	background-size:cover; min-height:220px; 
}
.we-do:hover { }

.do-1 {background-image:url(../img/peyzaj-tasarimi-i-2.jpg); transition: background-image 0.5s; }
.do-2 {background-image:url(../img/peyzaj-uygulamalari-i-2.jpg);transition: background-image 0.5s;}
.do-3 {background-image:url(../img/uretim-i-2.jpg);transition: background-image 0.5s; }
.do-4 {background-image:url(../img/bakim-onarim-i-2.jpg); transition: background-image 0.5s;}
.do-1:hover {background-image:url(../img/peyzaj-tasarimi-i.jpg);}
.do-2:hover {background-image:url(../img/peyzaj-uygulamalari-i.jpg);}
.do-3:hover {background-image:url(../img/uretim-i.jpg);}
.do-4:hover {background-image:url(../img/bakim-onarim-i.jpg);}

.nav-cont {font-size:12px; line-height:1.2rem; border-top:1px white solid;  padding-top:10px; font-family:'Roboto', serif; color:white;}	
.nav-icons {padding-top:10px; }
.nav-icons i {font-size:1.5rem;}
.nav-icons i:hover {color:#999;}
.icon-link {overflow: auto!important; display:inline !important; }
.icon-link:after {text-decoration:none !important; transform:none !important; height:auto!important;}

.timeline-right {background-image:url(../img/timeline-ri.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;}

.p-footer {
background-color:#000; color:white;   font-size:.8rem;	 font-family:"Roboto", serif;
}
.p-footer a { color:white;}
.p-footer a:hover {color:White; 
}

.home-sec {
    position: relative;
    font-size: 2rem;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.home-sec:before, .home-sec:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 3px;
    content: '\a0';
    background-color: black; margin-left:1%;
}
.home-sec:before {
    margin-left: -51%;
    text-align: right;
}
.customer-logos img { width:70% !important;}

/* Parallax Home */
.jumbotron-in{
background: url(../img/bg-hero-2.jpg);
background-color:black !important;
background-size:cover;
background-position:center center;
background-repeat: no-repeat;
background-attachment: fixed ;
color:white !important;
min-height:200px;
text-align:center;
padding-bottom:2rem;
}

.jumbotron{
background: url(../img/bg-hero.jpg);
background-color:black !important;
background-size:cover;
background-position:center center;
background-repeat: no-repeat;
background-attachment: fixed ;
color:white !important;
height:200px;
text-align:center;
}

.lead{
  font-family:'Quicksand';
  font-weight:100;
  margin-top:10px;
}
.title-sl {
	font-size: 2,5rem;
	line-height:1.2;
	font-weight: 400;
	font-family:'Playfair Display';
	text-shadow:1px 1px black;
}
.quotes {display:none;}

@media (max-width: 960px) {
	.title-sl{ font-size: 2.5rem; line-height:1; }
	.lead {font-size:1rem !important;}
	.lang {right:10%;}
}

@media (max-width: 720px) {
.logo img {width:70%;}
.title-sl{ font-size: 1.5rem; line-height:1;}
.lead {font-size:1rem !important;}
.lang {right:15%;}
.form-group {margin-bottom:0 !important;}
.bg-w {
    background-color: transparent;
}
.customer-logos img { width:100% !important;}

}
/* Parallax Home */

/*.container {
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px) {
.container {max-width:1140px;}
}

@media (min-width: 992px) {
.container {max-width:960px;}
}

@media (min-width: 768px) {
.container {
    max-width: 720px; }
}*/
/* Navigasyon */

.button_container {
  position: fixed;
  top: 5%;
  right: 2%;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 10000;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #000;
 box-shadow: 1px 1px  #fff;
   border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;z-index:1000
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
  z-index:1000;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 50px;
  font-family: 'Roboto', serif;
  font-weight: 400;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 20%;
  height: calc(60% / 5);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  font-size:2rem;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1px;
  background: #FFF;
  transition: .35s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

/* Clients */
h2{
  text-align:center;
  padding: 20px;
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}






/* Timeline */


#timeline {
  width: 50%;
  min-width: 450px;
  margin: auto;
  position: relative;
}

.bTimeline {
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
}

@media (max-width: 720px) {
#timeline {
  width:80%;
  min-width:inherit;
  margin: auto;
  position: relative;
}

}
.bLeft {
  padding: 40px 20px;
  transform: scale(0);
  -webkit-animation: scaleBounce .6s .3s forwards; /* Safari 4+ */
  -moz-animation:    scaleBounce .6s .3s forwards; /* Fx 5+ */
  -o-animation:      scaleBounce .6s .3s forwards; /* Opera 12+ */
  animation:         scaleBounce .6s .3s forwards; /* IE 10+, Fx 29+ */
  margin-top: -20px;
}

.bLeft > i { font-size: 3rem; }

.bRight {
  text-align: left;
  padding: 10px 0;
  -webkit-animation: leftToRight .4s forwards; /* Safari 4+ */
  -moz-animation:    leftToRight .4s forwards; /* Fx 5+ */
  -o-animation:      leftToRight .4s forwards; /* Opera 12+ */
  animation:         leftToRight .4s forwards; /* IE 10+, Fx 29+ */
  opacity: 0;
}

.colorBlack {
  color: #000;
}

.bRight > label {
  font-size: 3rem;
  font-weight: bold; line-height:2rem;
}

.bRight > p {
  font-size: .8rem; padding-left:1px;
}

.lineTime {
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 0px;
  background-color: #000;
  transition: all .3s;
}

.lineTimePoint {
  position: absolute;
  top: -50px;
  left: -8px;
  width: 16px;
  height: 16px;
  background-color: #000;
  border-radius: 50%;
  opacity: 0;
  transition: all .4s .2s;
}

.lineTimePoint::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 50%;

  -webkit-animation: bounceCircle 1.6s .4s infinite; /* Safari 4+ */
  -moz-animation:    bounceCircle 1.6s .4s infinite; /* Fx 5+ */
  -o-animation:      bounceCircle 1.6s .4s infinite; /* Opera 12+ */
  animation:         bounceCircle 1.6s .4s infinite; /* IE 10+, Fx 29+ */
}

.lineTimePoint::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 2px solid #333;
  border-radius: 50%;

  -webkit-animation: bounceCircle .8s .4s infinite; /* Safari 4+ */
  -moz-animation:    bounceCircle .8s .4s infinite; /* Fx 5+ */
  -o-animation:      bounceCircle .8s .4s infinite; /* Opera 12+ */
  animation:         bounceCircle .8s .4s infinite; /* IE 10+, Fx 29+ */
}

.lineTimePoint.active {
  opacity: 1;
  top: -25px;
}

.bPoint {
  display: block;
  width: 10px;
  height: 10px;
  background-color: white;
  border: 2px solid #333;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 7px);
  left: -5px;
  opacity: 0;
  -webkit-animation: rightToLeft .4s forwards; /* Safari 4+ */
  -moz-animation:    rightToLeft .4s forwards; /* Fx 5+ */
  -o-animation:      rightToLeft .4s forwards; /* Opera 12+ */
  animation:         rightToLeft .4s forwards; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes leftToRight {
  0%   { opacity: 0; transform: translateX(-30px);}
  100% { opacity: 1; transform: translateX(0px);}
}
@-moz-keyframes leftToRight {
  0%   { opacity: 0; transform: translateX(-30px);}
  100% { opacity: 1; transform: translateX(0px);}
}
@-o-keyframes leftToRight {
  0%   { opacity: 0; transform: translateX(-30px);}
  100% { opacity: 1; transform: translateX(0px);}
}
@keyframes leftToRight {
  0%   { opacity: 0; transform: translateX(-30px);}
  100% { opacity: 1; transform: translateX(0px);}
}

@-webkit-keyframes bounceCircle {
  0%   { opacity: 1; transform: scale(0);}
  100% { opacity: 0; transform: scale(2);}
}
@-moz-keyframes bounceCircle {
  0%   { opacity: 1; transform: scale(0);}
  100% { opacity: 0; transform: scale(2);}
}
@-o-keyframes bounceCircle {
  0%   { opacity: 1; transform: scale(0);}
  100% { opacity: 0; transform: scale(2);}
}
@keyframes bounceCircle {
  0%   { opacity: 1; transform: scale(0);}
  100% { opacity: 0; transform: scale(2);}
}

@-webkit-keyframes rightToLeft {
  0%   { opacity: 0; transform: translateX(30px);}
  100% { opacity: 1; transform: translateX(0px);}
}
@-moz-keyframes rightToLeft {
  0%   { opacity: 0; transform: translateX(30px);}
  100% { opacity: 1; transform: translateX(0px);}
}
@-o-keyframes rightToLeft {
  0%   { opacity: 0; transform: translateX(30px);}
  100% { opacity: 1; transform: translateX(0px);}
}
@keyframes rightToLeft {
  0%   { opacity: 0; transform: translateX(30px);}
  100% { opacity: 1; transform: translateX(0px);}
}

@-webkit-keyframes scaleBounce {
  0%   { transform: scale(0);}
  20%   { transform: scale(1.2);}
  40%   { transform: scale(.8);}
  60%   { transform: scale(1.1);}
  80%   { transform: scale(.9);}
  100%   { transform: scale(1);}
}
@-moz-keyframes scaleBounce {
  0%   { transform: scale(0);}
  20%   { transform: scale(1.2);}
  40%   { transform: scale(.8);}
  60%   { transform: scale(1.1);}
  80%   { transform: scale(.9);}
  100%   { transform: scale(1);}
}
@-o-keyframes scaleBounce {
  0%   { transform: scale(0);}
  20%   { transform: scale(1.2);}
  40%   { transform: scale(.8);}
  60%   { transform: scale(1.1);}
  80%   { transform: scale(.9);}
  100%   { transform: scale(1);}
}
@keyframes scaleBounce {
  0%   { transform: scale(0);}
  20%   { transform: scale(1.2);}
  40%   { transform: scale(.8);}
  60%   { transform: scale(1.1);}
  80%   { transform: scale(.9);}
  100%   { transform: scale(1);}
}

/*page header */
.header {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%), url(../img/header.jpg);
  height: 60vh; 
  background-attachment: fixed;
  background-position: center ;
  background-repeat: no-repeat;
  background-size: cover;
  margin:0 auto;
}

.header section {   position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.header h2 {font-family: 'Quicksand', sans-serif; color:White; font-weight:500; text-transform:uppercase; }
.header hr {border-color:White;}
.p-sinpas {background-image: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%), url(../img/projects/sinpas/4.jpg);}


.gobackPro a {padding:5px; background-color:black; font-size:.7rem; color:white;}
.gobackPro a:hover {color:#CCC; text-decoration:none; }
.gobackPro {text-align:left;  }
.arrowPro a {}

/* contact */

.contactHead {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.2) 100%), url(../img/hakkimizda-header.jpg);
  height: 60vh; 
  background-attachment: fixed;
  background-position: top center ;
  background-repeat: no-repeat;
  background-size: 102%  ;
  margin:0 auto;
}
/* neler yapıyoruz */

.weHeader {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.2) 100%), url(../img/neler-yapiyoruz-header.jpg);
  height: 60vh; 
  background-attachment: fixed;
  background-position: top ;
  background-repeat: no-repeat;
  background-size: 105%;
  margin:0 auto;
}
.projectHead {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.2) 100%), url(../img/projeler-header.jpg);
  height: 60vh; 
  background-attachment: fixed;
  background-position: top ;
  background-repeat: no-repeat;
  background-size: 105%;
  margin:0 auto;
}
.formHead {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.2) 100%), url(../img/iletisim-header.jpg);
  height: 60vh; 
  background-attachment: fixed;
  background-position: top ;
  background-repeat: no-repeat;
  background-size: 105%;
  margin:0 auto;
}
.kutahya  { background-position:center -200px;}
@media (max-width: 720px) {
.contactHead, .weHeader, .projectHead, .formHead {
	background-size: cover ;
	background-position:top center;
	height:40vh;
}

.weHeader {background-size: 300%;}
.header {background-size: 200%; height:40vh; }
.header section {top:30%;}

.kutahya { background-position:top center;}
}
/* about us */

.contentPage {
	font-family: "Roboto", serif;
	text-align:justify;
}
.contentPage h5 {
	line-height:2rem;
	
}
.grayscale {
	   filter: gray; 
      -webkit-filter: grayscale(1); 
	   -webkit-transition: all .4s ease-in-out;
}
.grayscale:hover {
	   filter: none; 
      -webkit-filter: grayscale(0); 
}
.contentP {
	font-size:1rem;
	line-height:2rem;
	font-weight:500;
}

.about-sec-1 {
    position: relative;
    font-size: 2rem;
    z-index: 1;
    overflow: hidden;
    text-align: left;
}
 .about-sec-1:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 80%;
    height: 3px;
    content: '\a0';
    background-color: black; 
	margin-left:1%;
}
.about-sec-1:before {
    margin-left: -3%;
    text-align: right;
	 position: absolute;
    top: 51%;
    overflow: hidden;
    width: 2.5%;
    height: 3px;
    content: '\a0';
    background-color: black;
}
.about-sec-2 {
    position: relative;
    font-size: 2rem;
    z-index: 1;
    overflow: hidden;
    text-align: right;
	padding-right:13%;
}
 .about-sec-2:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 80%;
    height: 3px;
    content: '\a0';
    background-color: black; 
	margin-left:1%;
}
.about-sec-2:before {
    margin-left: -81%;
    text-align: right;
	 position: absolute;
    top: 51%;
    overflow: hidden;
    width: 80%;
    height: 3px;
    content: '\a0';
    background-color: black;
}
.about-sec-3 {
    position: relative;
    font-size: 2rem;
    z-index: 1;
    overflow: hidden;
    text-align: left;
	margin-left:25%;
}
 .about-sec-3:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 80%;
    height: 3px;
    content: '\a0';
    background-color: black; 
	margin-left:1%;
}
.about-sec-3:before {
    margin-left: -81%;
    text-align: right;
	 position: absolute;
    top: 51%;
    overflow: hidden;
    width: 80%;
    height: 3px;
    content: '\a0';
    background-color: black;
}
.about-sec-4 {
    position: relative;
    font-size: 2rem;
    z-index: 1;
    overflow: hidden;
    text-align: left;
	padding-left:44%;
	
}
 .about-sec-4:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100%;
    height: 3px;
    content: '\a0';
    background-color: black; 
	margin-left:1%;
}
.about-sec-4:before {
    margin-left: -81%;
    text-align: right;
	 position: absolute;
    top: 51%;
    overflow: hidden;
    width: 80%;
    height: 3px;
    content: '\a0';
    background-color: black;
}

.about-sec-5 {
    position: relative;
    font-size: 2rem;
    z-index: 1;
    overflow: hidden;
    text-align: left;
	
}
 .about-sec-5:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100%;
    height: 3px;
    content: '\a0';
    background-color: black; 
	margin-left:1%;
}
.about-sec-5:before {
    margin-left: -81%;
    text-align: right;
	 position: absolute;
    top: 51%;
    overflow: hidden;
    width: 80%;
    height: 3px;
    content: '\a0';
    background-color: black;
}
.aboutTop {
	position:absolute;
	top:-10rem;
	z-index:100;
	
}
.au-footer {
	/*background-image:url(../img/footer-au-bg.png); */
	min-height:15vh;
	background-repeat:no-repeat;
	background-size:cover;

}


.javierB{
	position:absolute;
	top:-10rem;
	/*left:2rem;*/
	z-index:100;
	
}

.hydro-p {
	text-align:justify;
	font-size:.9rem;
	}

.border-r {border-right: 3px solid black; padding-top:2rem; padding-right:1rem; }

/*.border-r:before { content: '';
        display: block;
        position: absolute;
        top: 0;
        left:84%;
     
		width: 13%;
        border-top: 3px solid black;}
*/
.hydro:after {position: absolute;
content: "";
height: 3px;
background-color: #000;
width: 100%;
min-width:1.6rem;
max-width:3rem;
margin-left: 10px;
top: 50%;}


@media (max-width: 920px) {
.border-r { border:none; padding:0;}
.border-r:before, .hydro:after  {display:none;}
}
.about-list {
	font-size:.9rem !important;
	border-left:3px solid black; line-height:.8rem;
}

.contentPage li { background-color:transparent; padding: 0.45rem 1rem; border:none;}
.ml-v { margin-left:5rem; }
.btn-black {border-radius: none; background-color:black; color:white; border:none; padding:1rem;} 
.btn-black:hover {}
@media (max-width: 1200px) {
.javierB{ 
	padding-top:10rem;
}
}
@media (max-width: 720px) {
.border-r { border:none; padding:0;}
.aboutTop, .javierB{ 

  position: static ;
}
 .javierB{ 

  padding:0;
}

.about-sec-2, .about-sec-1, .about-sec-3, about-sec-4, .about-sec-5 
{
	font-size:1.2rem;
	text-align:center;
	margin:0;
	}

}



@media (min-width: 1400px) {
.container {
    max-width: 1340px !important;
}
}

@media (min-width: 1600px) {
.container {
    max-width: 1540px !important;
}
}