/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/**** 
body
****/
body{ 
    background-color: #fff;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.3em;
}

/* end of body */

iframe { max-width: 100%;}
/***
links
***/

a:visited, a:focus, a{ color: #000;}

a:hover { color: #bb5d1d; text-decoration: overline;}

/* end of links*/


/**** 
common-functionilities and headings
****/

header, footer, nav, aside, section, article,{ box-sizing: content-box;}

h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 600; color: #737373; }

h1{ font-size: 42px;}
h2{ font-size: 38px;}
h3{ font-size: 34px;}
h4{ font-size: 30px;}
h5{ font-size: 26px;}
h6{ font-size: 24px;}

p{ font-family: 'Ubuntu', sans-serif; text-align: justify; color: #666;}

main { margin-top: 100px;}

/* end of common-functionalities and headings */

/**** 
additional-links
****/

.top-header{ background-color: #2d2d2d; padding: 5px; transition: all ease-in 0.3s;}

#add-nav { background-color: #db1800; padding: 5px; font-size: 24px; color: #fff;}
.additional-links { margin: 10px 0;}

.additional-links span {color:#000; font-family: inherit; padding: 5px;}
 
.show-additional{ display: none; position: absolute; background-color: #2d2d2d; z-index: +2;}
.show-additional > a { color: #fff; font-family: inherit; text-decoration: none; font-size: 16px; padding: 5px; 
    -ms-transition: all ease-in 0.2s; 
    /* IE 9 */
    -webkit-transition:  all ease-in 0.2s; 
    /* Chrome, Safari, Opera */
    transition: all ease-in 0.2s;
}
.show-additional > a:hover{ background-color: #db1800;}

.contact {/* margin-top: 10px; */text-align: center;}
.contact i { color: #fff;  padding-left: 10px;}
.contact span, .contact a { color:#fff; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s;}
.contact span, .contact a:focus { outline: 0;}
.contact a:hover{ text-decoration: none; color: #bb5d1d;}
/*  */

/**** 

****/

/**** 
logo and navigation
****/
.color-box{ padding: 0px; background-color: rgba(226,226,226,0.9);}
.header { padding: 12px;}
.logo {width: 180px;margin-top: -60px;position: absolute;border-radius: 15px;z-index: +1;}

.navbar { margin-bottom: 0px; border-bottom: 0;}
.navbar-default .navbar-collapse {margin: 0;border: none;padding-right: 0;margin-top: 0px;}

.navbar-header{ min-height:;}

.navbar-default .navbar-nav > li > a { font-family: inherit; font-size: 16px; color: #737373;} 
.navbar-default .navbar-nav > li > a:hover{ color: #bb5d1d;}

.navbar-nav .dropdown a.dropdown-toggle:hover{ color: #bb5d1d;}

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 50%;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.navbar-nav > li > .dropdown-menu { margin-top: 0px; background-color: rgba(226,226,226,0.9);}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;

}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
    
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.navbar-default .navbar-nav > li > a:hover > .caret{  -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);}

#bedroom, #living-room, #appliances{ position: absolute;  width: 20%;}

#office, #garden, #premium{ position: absolute; width: 15%;}

#bedroom { left: 28%;}
#living-room { left: 35%;}
#appliances{ left: 42%;}
#office { left: 52%;}
#garden { left: 60%;}
#premium{ left: 70%;} 

/*  end of logo and navigation */

/**** 
banner
****/

.main-banner img { max-width: 100%; height: auto; width: 100%; max-height: 650px;}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

a.carousel-control > span{ font-size: 40px; position: absolute; top:50%; width: 40px; height: 40px;  padding: 7px 0 0 0; border-radius: 50%; background-color: #bb5d1d; color: #fff;} 

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}


/* end of banner */

/**** 
services-in-short
****/

.form-inline { width: 27rem; height: 30rem; max-width: 100%; margin: 45px auto; text-align: center; border-radius: 5%; padding: 10px; box-shadow: 5px 5px 15px rgba(84,84,84,0.5); background-color: #737373;; }

#call-us{ background: url('../images/iphone_rent_logo.gif') no-repeat center center; background-size: contain; margin-top: 70px; min-height: 270px; margin-left: -3%;}
.prefix-phn{ color: rgba(226,226,226,0.9); font-size: 2em; line-height: 1.2em;}

.form-inline label, .form-inline span, .form-inline input, .form-inline button { font-family: inherit; margin: 10px;} 
/*  end of services-in-short*/



/**** 
footer
****/
#footer { background-color: rgba(226,226,226,0.9); padding: 25px;}
#footer h5 { color: #737373; display: inline-block;}
#footer .address #terms{ display: inline-block; float:right; font-size:20px; color: #bb5d1d; box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.2); padding: 10px;}
#footer ul { padding: 0; margin: 0 auto; width: 60%;}
#footer ul li{ list-style: none; padding: 5px 0;}
#footer li a > i { border-radius: 50%; padding: 15px; transition: all ease 0.2s;}
#footer ul li a { color: #737373;font-family: 'Ubuntu', sans-serif; padding: 10px; transition: all ease 0.2s;}
#footer ul li a i:hover { background-color: #bb5d1d; color: #fff;}
#footer .copyrights { padding: 70px 0; font-size: 16px; }
#footer iframe{ width: 100%; min-height: 250px; max-width: 100%;}

#bottom-footer{ width: 100%; background-color: #000; padding: 15px;}
#bottom-footer p, #bottom-footer span{ color: inherit;}
#bottom-footer a{ }

/* end of footer */


/**** 
homepage
****/

#welcome-content { position: absolute; width: 100%; bottom: 60px; z-index: +1;}

.search { width: 50%; margin: 15px auto;}
#main-search { opacity: 0.8;}
#search-button { background-color: #bb5d1d; color: rgba(226,226,226,0.9); transition: all ease-in 0.3s; }
#search-button:hover { background-color: #bb771d;}

#welcome-content h2 { display: inline-block; padding: 5px; text-transform: uppercase; color: #bb5d1d; font-family: 'Ubuntu', sans-serif;}

#why-rent { padding: 0;}
#why-rent h3 { font-size: 28px;}
#why-rent img { vertical-align: baseline; width: 28px; cursor: pointer; transition: all ease-out 0.3s; opacity: 0.8;}
#why-rent img:hover { opacity: 1;}

#call-me-back { background-color: #bb5d1d; color: #ccc; transition: all ease-out 0.3s;}
#call-me-back:hover { background-color: #bb771d;}
.data-content { color: red; padding: 50px;}


.why-rent .arrow { position: absolute; bottom: 0; left: 40%;}

.features > .col-sm-4 { padding-bottom: 20px;}
.features p { text-align: justify;}




/***
end of homepage
***/

/***
bedrooms
***/

.categories { padding: 0 0 0px 0; margin: 20px 0; position: relative;}
.categories h3 a { padding: 10px; box-shadow: none; color: rgba(187,93,29,1);}

.categories a { display: block; padding: 5px; transition: all ease 0.3s;}

.categories a:hover, .bedrooms-categories a:focus { text-decoration: none; outline: 1px solid rgba(187,93,29,1);}

.categories .item { background-color: #fff;  padding: 10px 0; position: relative; }
.categories .item .item-img { display: block; width: 100%; max-width: 100%;}
.categories .item .description h6{ background-color: rgba(187,93,29,1); color: #fff; padding: 5px; font-size: 18px ; width:100%;}

.featured-img { max-width: 100%;}
/***
end of bedrooms
**/

/***
single-bed page
***/
.section-beds{background-color: #fff;margin-top: 44px;box-shadow: 0 5px 15px 0px rgba(0,0,0,0.5);padding-top: 25px;} 

#attractive-bg { background: #fff url('../images/double-bed.jpg') no-repeat center center; background-size: contain; height: 500px; width: 100%;}

.furniture-item { padding: 0 0 50px 0; box-shadow: 0 5px 15px 0px rgba(0,0,0,0.5); margin: 20px 0; position: relative;}
.section-beds h3 a, .furniture-item h3 a, .categories h3 a { padding: 10px; box-shadow: none; color: rgba(187,93,29,1);}

.section-beds a, .furniture-item a, .categories h3 a { display: block; box-shadow: 0 1px 3px rgba(0,0,0,0.3); border-bottom: 5px solid rgba(0,0,0,0);
    background-color: #ffffff;
    transition: border-color 0.3s linear;
    -moz-transition: border-color 0.3s linear;  /* FF3.7+ */
    -o-transition: border-color 0.3s linear;   /* Opera 10.5 */
    -webkit-transition: border-color 0.3s linear; /* Saf3.2+, Chrome */ 
}

.section-beds a:hover, .section-beds a:focus, .categories h3 a:hover, .categories h3 a:focus, .furniture-item a:hover, .furniture-item a:focus { text-decoration: none; border-color: rgba(187,93,29,1);}

.furniture-item .item { background-color: #fff;  padding: 10px 0; position: relative; }
.furniture-item .item .description { box-shadow: 0 5px 0 0 rgba(255,255,255,.6); padding: 20px 0;}

/***
end of single-bed page
***/

/***
rates
***/
.rates { margin: 5% 0; padding: 3% 20px; box-shadow: 3px 1px 3px 3px rgba(0,0,0,0.7);}
.rates a { display: block; }
.rates a h3 { transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s;}
.rates a:hover, .rates a:focus{ text-decoration: none; }
.rates a:hover > h3{  color: #bb5d1d;}

ul.alphabetical{ list-style-type: lower-alpha;}
ul.alphabetical li{ padding: 10px 15px; color: #000; font-weight: normal;}
/***
end of rates
***/

.rate
    {
        font-size:40px;
        color: #f00;
    }
    .call-back-img
    {
        width:140px!important;
    }
    @media(max-width:600px){
        .call-back-img
    {
        width:100px!important;
    }
    .rate-cate
    {
        margin-top:80px;
    }
    .contact
    {
        margin-top:5px;
    }
    .rate-cate a
    {
        font-size:26px!important;
    }
        .rate
        {
            font-size:30px!important;
        }
        .item img
        {
            width:100%!important;
        }
    }
    .fb i
    {
        color:#395794!important;
    }
    .insta i
    {
        background-image: linear-gradient(#8b47bf, #f2c403)!important;
    }
    .social-media span
    {
        margin:5px;
    }
    .padding-main
    {
            padding: 1px 30px 6px 30px;
    }