.topbar{background:#807676;padding:10px;}
.social-icons{margin-right:5px;}
.contact_info{color:white}
.my-menu{margin-top:15px;}
.my-menu .navbar-default{background:none;border:none}
.my-menu .navbar-nav .active a,.my-menu .navbar-nav .active a:hover {background:#807676;color:#FFF;}
.my-menu .navbar-nav li a:hover{background:#807676;color:#fff;}



.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -57px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -57px;
}


.carousel-inner > .item > img {
  width:100%;
  height:500px; 
  margin:0 auto;
  max-width:1120px;
} 


@media(max-width:1200px){
	.my-menu .pull-right{float:none !important}
}


@media(max-width:960px){
	
.carousel-inner > .item > img {
  width:100%;
  height:500px; 
  margin:auto;
  
} 
}




.jumbotron {
    background-image: url(../img/rintegrated.jpg);
   height:500px;
    background-size: 100% 100%;
      padding-top: 100px;
    padding-bottom: 140px;

   margin-bottom: 0px;    

    
}

.jumbotron h1{color:#fff; text-shadow: 2px 2px grey;}
.jumbotron p{color:#fff;}
.back-tran-black {
    background-color: #80767657;
    padding: 4% 0 3% 0;
    color: #fff;
}

.myimg{margin-top:10px;}
.mycontent{margin:35px 0;}

.our_services{background:radial-gradient(circle,#cea5a5,#2f2e2e)}


.our_services h1{color:white}

.box-fac-ser {
background-color: #807676;
    	color:#fff;
    padding: 12%;	
}

.box-fac-ser1 {
background-color: #f5f5f5;
    	color:#807676;
    padding: 5%;	
	margin-top:20px;
}
.our_services a:hover{color:white;text-decoration:none;}

.loc{
	padding:10px;
	/* background: linear-gradient(to left, rgba(255,0,0,0), #4CAF50);*/
	 background:#f74f4f;
	 color:#333;
}

.footer{
	background:#868181;
	padding:10px 0;
	color:white;
	
}

.footerbar{
	background-color:#807676;
	padding:5px 0;
	color:white
}
.footer a,.footer a:hover{color:white;}
.footerbar a,.footerbar a:hover{color:white;}



.myslider{background:
#807676;}
.mycontent{margin-top:5px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


.box-fac-ser.box6 {
    padding: 6%;
}
.pad20{padding:10px 10px 20px 10px;}
body > div.container-fluid.our_services > div > div:nth-child(3){padding-top:0px;}
body > div.container-fluid.our_services > div > div:nth-child(2){padding-bottom:0px;}
#sereniity-resort .btn-info {
    background-color: #343435;
}

@media (max-width: 768px){
#sereniity-resort .carousel-inner > .item > img {
    width: 100%;
    height: 400px;
    margin: auto;
}
}

	.ml2 {
  font-weight: 500;
  font-size: 3.5em;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}

.w3ls_head_para {
    color: #ff5000;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-align: center;
	
}

.w3l_head {
    font-family: 'Jura', sans-serif;
    text-transform: uppercase;
    margin: 0;
    font-size: 2.5em;
    font-weight: bold;
    color: #212121;
    letter-spacing: 3px;
    text-align: center;
}
	
.section-title{
font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    font-family: "Open Sans", sans-serif;
    color: #444444;
    box-sizing: border-box;
    padding-bottom: 30px;
    transition-property: opacity,transform;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    opacity: 1;
    transform: translateZ(0);
	}
	.section-title h2{
	
    text-align: left;
    color: #444444;
    box-sizing: border-box;
    margin-top: 0;
    line-height: 1.2;
    font-family: "Raleway", sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;}
	
	.section-title h2::after {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #f74f4f;
    bottom: 0;
    left: 0;}
	
	.section-title p{
	
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    font-family: "Open Sans", sans-serif;
    color: #444444;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
	}
.visitus{
    width:50%; padding-top:50px; color:#f74f4f;
}  
@media screen and (max-width: 750px){
    .visitus{
        width:100%;
    padding-bottom:50px;
    color:#f74f4f;
    }
    
}
	.service-sub-grids{
		background: #f7bebe !important;
	}