@font-face {
  font-family: 'Multicolore';
src: url('../../fonts/multicolore-webfont.eot');
src: url('../../font/multicolore-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/multicolore-webfont.woff') format('woff'),
url('../../fonts/multicolore-webfont.ttf') format('truetype'),
url('../../fonts/multicolore-webfont.svg#Multicolore') format('svg');}

/*
    Theme Name: Resi
    Theme URL: https://bootstrapmade.com/resi-free-bootstrap-html-template/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/
/* ==== Google font ==== */
/*@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');
/* === fontawesome === */
/*@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
/*@import url('overwrite.css');
/*@import url('animate.css');*/


a:hover {
	text-decoration:none;	
}
/*
.navbar-default {
	margin-top:-10px;
	background-color: #fff;
	border-radius:0;	
	border:0;	
}*/

/*.container-fluid > .navbar-header {
	margin-right: 30px;
	margin-left: 10px;
	margin-top:20px;
	border-radius:0;
}*/
/*.navbar-brand {
  float: left;
  height: 30px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand h1 {
	float: left;
	line-height:20px;
	padding: 20px;
	font-size: 30px;
	margin-top:-15px;
	color:#6D9C91;		
}
.navbar-brand h1:hover {
  background-color:#fff;
}



.nav-tabs {
  border-bottom: 0; 
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0;
}
.nav-tabs > li > a {	
	margin-bottom:20px;
	margin-right: 20px;
	line-height: 1.42857143;
	border-bottom: 3px solid transparent;
	border-radius:0;
	color:#000;
	border-top:0;
	border-right:0;
	border-left:0;	
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #6D9C91;
  color: #6D9C91;
  border-radius:0;
  background-color:#f9f9f9;
  
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #6D9C91;
  border: 0;
  border-bottom-color: transparent;
  cursor:pointer;  
}

/*===========================
  slider
============================ */

.slider {
	position: relative;margin-top:197px;
		

}

.slider .pic-slide {
    width: 100%;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -40px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
	border-radius:50%;
	font-size: 30px;
	height: 50px;
	padding: 10px;
	position: absolute;
	top: 50%;
	width: 50px;
	color:#6d9c91;
	background:#000;
	color:#fff;
}

#carousel-slider a i:hover {
	background:#333;
	color:#fff;
	border: 1px solid ##333;
}



#carousel-slider .carousel-control.left i {
	left:50px;
	top: calc(50% - 50px);
}

#carousel-slider .carousel-control.right i {
	right: 50px;
	top: calc(50% - 50px);
}

.carousel-caption {
	position: absolute;
	right: 15%;
	top: calc(50% - 150px);
	font-size:40px;
	left: 15%;
	z-index: 10;
	padding-bottom: 0px;
	color: #fff;
	text-align: right;font-family:'Multicolore' ;
	text-shadow: 2px 2px 4px #000000;
}

.carousel-caption  h2 {
	font-size:60px;
	color: #fff;
}

.carousel-caption  h2 span {
	font-size:60px;
	color:#FFF;
}
.more3{ color:#FFF}
.more3:hover{ color:#06C}
.carousel-caption  p {
	font-size:30px;
	margin-top:30px;
	margin-bottom:20px;
	color:#fff;
	padding:10px;
	background:#6d9c91;
}

@media (max-width: 767px) {
    .carousel-caption  {
      font-size: 18px;
    }
    .carousel-caption h2, .carousel-caption  h2 span, .carousel-caption  p {
    	font-size:36px; margin-top:60px;
    }
}


@media (min-width: 768px) and (max-width: 1279px) {
	
	.slider { margin-top:-20px !important }


}


@media (min-width: 300px) and (max-width: 767px) {
	
	.slider { margin-top:-20px !important;		
}


}


@media (min-width: 1280px) and (max-width: 1400px) {
	
	.slider {
	position: relative;margin-top:200px;		
}

.carousel-caption {

	top: calc(50% - 120px);
	}
}

@media (min-width: 300px) and (max-width: 500px) {

    .carousel-caption h2, .carousel-caption  h2 span, .carousel-caption  p {
    	font-size:24px;margin-top:10px;	margin-top:75px;	
    }	

}




@media (min-width: 300px) and (max-width: 1279px) {
	
	.slider {
	position: relative;margin-top:10px;		
}

.carousel-caption {

	top: calc(50% - 120px);
	}
	

}