#hero {
	position:relative;

}

#hero video {
	height:100vh;
	width:100%;
	background-position:absolute;
	z-index:10;
	object-fit:cover;
	font-family:'object-fit:cover;';
}

#hero .content {
	background:rgba(0,0,0,0.9);
	height:100%;
	width:100%;
	z-index:20;
	position:absolute;
	top:0;
	left:0;
	
}

#hero .content h1 {
	color:black;
	font-size:450%;
	font-weight:300;
    text-shadow: 18px 23px 44px pink;
    font-family: 'Raleway', sans-serif;
	
}

#hero .content h3 {
	font-size:200px;
	font-weight:300;
	font-family: 'Raleway', sans-serif;
	
}

* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


body {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    color: #000000;
    margin-top: 10px
}


*{
	margin: 0;
	padding: 0;
}

.navbar-brand img {
    
}

.navbar-default {
    
}
.nav-item{
	color:green;
}
.navbar ul li a{
  list-style-type: none;
}

.navbar {
    border-bottom: 1px solid #e3c85d;
	background-color: #fff;
	position: fixed;
	 width: 100%;
	position: fixed;
	z-index: 100; //exceed z-index of other elements on the page
	display: none;
	top: 0px;
}

.navbar ul li a {
  font-size:100%;
  color:#e3c85d;
}


.navbar ul li a:hover {
  
  
}

.cusSticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
	
}

.services {
    padding-top:100px;
    
}

.services h1{
   color:#1b1a1a;
   font-weight:600;
   font-size:250%;
    
}
.services h3{
    color:#1b1a1a;
    font-weight:500
}

#projects {
    background-color: #f5f5f5;
    padding-top:100px;
}


#projects h1{
    color:black;
    font-weight:600;
   font-size:250%;
}

.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}

	#testimonial .carousel-indicators {
	position: static;
	width: auto;
	display: block;
	text-align: center;
	margin: 30px auto 30px;
    background:rgba(0,0,0,07);
}
#testimonial blockquote {
	border: 0;
	padding: 80px 20px;
	margin: 0;
	color: #1b1a1a;
    font-weight:700
}
.caro_bg {
    background: url(/images/1.jpg) no-repeat top fixed;
    text-align: center;
    position: relative;
    z-index: 2;
    background-size: cover;
}

  #projects{
            background-color:white;
            padding-top:125px;
        }



.section-1 {
    background: #f5f5f5;
}

.section-2 {
    background: #F1F1F1;
}

.section-3 {
    background: #EAEAEA;
}

.section-4 {
    background: #E5E5E5;
}
.footer-dark {
  padding:50px 0;
  color:#f0f9ff;
  background-color:#282d32;
}

.footer-dark h3 {
  margin-top:0;
  margin-bottom:12px;
  font-weight:bold;
  font-size:16px;
}

.footer-dark ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
}

.footer-dark ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.6;
}

.footer-dark ul a:hover {
  opacity:0.8;
}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align:center;
    padding-bottom:20px;
  }
}

.footer-dark .item.text {
  margin-bottom:36px;
}

@media (max-width:767px) {
  .footer-dark .item.text {
    margin-bottom:0;
  }
}

.footer-dark .item.text p {
  opacity:0.6;
  margin-bottom:0;
}

.footer-dark .item.social {
  text-align:center;
}

@media (max-width:991px) {
  .footer-dark .item.social {
    text-align:center;
    margin-top:20px;
  }
}

.footer-dark .item.social > a {
  font-size:20px;
  width:36px;
  height:36px;
  line-height:36px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,0.4);
  margin:0 8px;
  color:#fff;
  opacity:0.75;
}

.footer-dark .item.social > a:hover {
  opacity:0.9;
}

.footer-dark .copyright {
  text-align:center;
  padding-top:24px;
  opacity:0.3;
  font-size:13px;
  margin-bottom:0;
  color: white;
}
.copyright{
	
	
}

                        
#services {
	background: #F1F1F1;
}
#services .services-top {
    padding: 70px 0 50px;
}
#services .services-list {
    padding-top: 50px;
}
.services-list .service-block {
    margin-bottom: 25px;
}
.services-list .service-block .ico {
    font-size: 38px;
    float: left;
}
.services-list .service-block .text-block {
    margin-left: 58px;
}
.services-list .service-block .text-block .name {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 5px;
}
.services-list .service-block .text-block .info {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}
.services-list .service-block .text-block .text {
    font-size: 12px;
    line-height: normal;
    font-weight: 300;
}
.highlight {
    color: #2ac5ed;
    font-weight:bold;
}                    




#about {
	
}
#about .about-top {
    padding: 70px 0 50px;
}
#about .about-list {
    padding-top: 90px;
}
.about-list .about-block {
    margin-bottom: 25px;
}
.about-list .about-block .ico {
    font-size: 38px;
    float: left;
}
.about-list .about-block .text-block {
    margin-left: 58px;
}
.about-list .about-block .text-block .name {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 5px;
}
.about-list .about-block .text-block .info {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}
.about-list .about-block .text-block .text {
    font-size: 12px;
    line-height: normal;
    font-weight: 300;
}
.highlight {
    color: #2ac5ed;
    font-weight:bold;
}      

#contacts {
	background: #EAEAEA;
}
#contacts .contacts-top {
    padding: 70px 0 50px;
}
#contacts .contacts-list {
    padding-top: 50px;
}
.contacts-list .contacts-block {
    margin-bottom: 25px;
}
.contacts-list .contacts-block .ico {
    font-size: 38px;
    float: left;
}
.contacts-list .contacts-block .text-block {
    margin-left: 58px;
}
.contacts-list .contacts-block .text-block .name {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 5px;
}
.contacts-list .contacts-block .text-block .info {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}
.contacts-list .contacts-block .text-block .text {
    font-size: 12px;
    line-height: normal;
    font-weight: 300;
}
.highlight {
    color: #2ac5ed;
    font-weight:bold;
}