@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
/*font-family: 'Open Sans', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
/*font-family: 'Oswald', sans-serif;*/
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
.boldred{
	color:#F10003;
}
.logo {
	z-index: 111;
}
.headersection {
	padding: 0;
	background-color: #eb7f2e;
}
.headersection .fa {
	color: rgba(51, 51, 51, 0.45);
	padding: 0 7px;
    font-size: 20px;
}
ul.headerinfo{
	display: block;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.headerinfo li {
	list-style-type: none;
    display: inline-block;
    padding: 0 22px 0 0;
}
.headerinfo li:nth-child(4) {
    padding:0;
}
.phnumber {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.phnumber a{
	color:white;
}
.phnumber a:hover{
	color:#fff;
	text-decoration:none;
}
.fa-phone-square:before {
        color: white;
}
.fa-envelope:before {
    color: white;
}
/* nav */
nav.navbar-findcond {
	margin: 0;
	border: none;
}
nav.navbar-findcond a {
	color: #a45920;
}
.navbar-findcond .nav>li>a {
    position: relative;
    display: block;
    padding: 20px 15px 17px 14px;
}
nav.navbar-findcond ul.navbar-nav a {
	color: white;
    border-width: 0 0 3px 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
	border-bottom: 4px solid #daca1f;
}
nav.navbar-findcond ul.navbar-nav a:hover, nav.navbar-findcond ul.navbar-nav a:visited, nav.navbar-findcond ul.navbar-nav a:focus, nav.navbar-findcond ul.navbar-nav a:active {
	background: none;
    border-bottom: 4px solid #EB7F2E;
}
nav.navbar-findcond ul.navbar-nav a:hover {
	border-color: #a45920;
}
nav.navbar-findcond li.divider {
	background: #ccc;
}
nav.navbar-findcond button.navbar-toggle {
	background: #A24C0B;
	border-radius: 2px;
}
nav.navbar-findcond button.navbar-toggle:hover {
	background: #c76218;
}
nav.navbar-findcond button.navbar-toggle > span.icon-bar {
	background: #fff;
}
nav.navbar-findcond ul.dropdown-menu {
	border: 0;
	background: #fff;
	border-radius: 4px;
	margin: 4px 0;
	box-shadow: 0 0 4px 0 #ccc;
}
nav.navbar-findcond ul.dropdown-menu > li > a {
	color: #444;
}
nav.navbar-findcond ul.dropdown-menu > li > a:hover {
	background: #f14444;
	color: #fff;
}
nav.navbar-findcond span.badge {
	background: #f14444;
	font-weight: normal;
	font-size: 11px;
	margin: 0 4px;
}
nav.navbar-findcond span.badge.new {
	background: rgba(255, 0, 0, 0.8);
	color: #fff;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.headslide{
	background: url(../images/slide1.jpg) np-repeat-x ;
    background-size: cover;
    padding: 0;	
}
.headslide img{
	margin:0 auto;
	width:100%;
}
.carousel-control.left{
	display:none;
}
.carousel-control.right{
	display:none;
}
/* Carousel base class */
.slider_area {
	
}
.carousel {

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 630px;
	background-color: #777;
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 630px;
}
ul.socialicon {
	display: inline-block;
	margin: 0;
	padding: 0px;
}
ul.socialicon li {
	display: inline-block;
	margin: 0px 2px;
	padding: 0;
}
ul.socialicon li .fa {
    font-size: 14px;
    color: initial;
    padding: 6px 4px;
    width: 26px;
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    height: 26px;
}

/* below sliderarea */
h3.section-heading {
    margin: 0px 0px 50px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
	float: left;
	padding-top: 20px;
}
h3.section-heading::before {
    background: #2866c4 none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 4px;
    position: absolute;
    width: 65px;
}
.about-city-estate{
	width: 100%;
	padding: 0 0 0 0;
}
.about-city-estate .round-members-logo img{
	margin-bottom: 40px;
	padding-right: 7px;
}
.about-city-estate b{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #464C52;
	margin-bottom: 25px;
	line-height: 1.8;
	float: left;
}
.about-city-estate p{
	line-height: 1.8;
	margin-bottom: 15px;
	float: left;
	color:#000;
	text-align: justify;
	padding-right: 40px;
}
.about-city-estate p.banner {
	font-style: italic;
    padding: 30px;
    background-color: #b7d79c;
    font-size: 19px;
    font-weight: 600;
	text-align: justify;
}
.banner .fa{
	color: #EB7F2E;
}
.home_amenities{
	display:inline-block;
	margin-top: 20px;
}
.amenitieslist2nd{
	margin-left:100px;
}
.home_amenities ul{
	padding: 0px;
    margin-left: 17px;
    font-style: italic;
    line-height: 24px;
    color: #000;
    list-style: square;
}
/* below sliderarea*/
.googlemap .bannerorange {
    padding: 20px 20px;
    background-color: #fae4bf;
    border: 2px solid #e2a541;
    color: #000;
    line-height: 24px;
    text-align: justify;
    margin-top: 40px;
    font-weight: 600;
}
/* aboutus*/

.advantages{
	background: #f5f5f5;
	padding:50px 0;
}
.pd-top-40{
	padding: 40px 0 0 0;
}
h3.abt-title{
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
    padding-bottom: 30px;
    margin: 0;
}
.aboutusarea h3.abt-title > span::after {
    content: "";
    width: 600px;
    height: 2px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -2px;
}
.aboutusarea h3.abt-title > span::before {
    content: "";
    width: 600px;
    height: 2px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -2px;
}
.advantages p.bannerorange{
    padding: 22px;
    background-color: #fae4bf;
    border: 2px solid #e2a541;
    border-radius: 4px;
    color: #000;
    line-height: 24px;
    text-align: justify;
}
.abt-image{
    overflow: hidden;
    border-radius: 50%;
	margin: 0 auto;
}
.abt-image img{
	width: 140%;
}
.abt-heading{
    display: inline-block;
}
.advantages h1{
	font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 14px;
    line-height: 25px;	
}
.abt-icon{
    display: inline-block;
}
.icon-manual{
    border: 1px solid #e6e6e6;
    background: #ffffff;
    transition: all 0.3s ease 0s;
    border-radius: 50%;
    padding: 20px;
	width: 78px;
    height: 78px;
}
.icon-manual img {
	vertical-align: inherit;
}
.pd-20{
	padding:20px 0;
}
.pd-30{
	padding:30px 40px 30px 0;
}
.abtgallery{
	padding: 33px 0;
}
.abtgallery h1{
	font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #EB7F2E;
}
/********servicesr***/
.ourservicesarea{
	padding:60px 0 50px 0;
}
.row.services-we-offer-part .services-we-offer-background {    
    text-align: center;    
    margin-bottom: 50px;
    position: relative;
}
h2.section-heading {
    margin: 0px 0px 65px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    text-align: center;
    font-size: 20px;
}
h2.section-heading::before {
    background: #EB7F2E none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 4px;
    position: absolute;
    width: 65px;
}
.services-we-offer ul{
	margin:0;
	list-style: square;
    padding: 0 50px 0 19px;
	color:#000;
	text-align: justify;
}
.services-we-offer ul li{
	line-height:28px;
}
h5.servicehead{
	text-transform:uppercase;
	color:#E8A018;
	font-size:17px;
	font-weight:bold;
	margin-bottom: 20px;
	
}
.serarea{
	margin-bottom:60px;
}
h1.weoffer{
	text-transform: uppercase;
    font-weight: bold;
	font-size: 28px;
}

/********footer***/
footer {
	padding: 65px 0 0px 0;
	background: #2d2e30;
}
footer ul{
	list-style: square;
    color: #fff;
	    padding: 0;
}
footer ul li a{
	color:#fff;
	line-height:24px;
}
footer ul li a:hover{
	color: #EB7F2E;
	text-decoration:underline;
}
footer h6.section-heading {
    margin: 0px 0px 60px 20px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    font-size: 20px;
	color:#fff;
}
footer h6.section-heading::before {
    background: #EB7F2E none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 4px;
    position: absolute;
    width: 65px;
}
footer h1 {
	font-size: 25px;
	font-weight: bold;
	color: #444444;
	font-family: 'Oswald', sans-serif;
	padding: 0 0 20px 0;
	margin: 0
}
footer p {
	line-height: 24px;
	padding: 10px 0 20px;
	color:#fff;
}
ul.address{
	margin:0;
	padding:0;
	list-style:none;
	color:#fff;
	line-height:24px;
}
.address .fa {
	color: #EB7F2E;
	padding: 0 10px 0 0;
	font-size:15px;
}
#box {
	border: 1px solid rgb(200, 200, 200);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	background: rgb(243, 113, 0);
	border-radius: 4px;
	top: 50px;
	padding: 35px;
}
#box h4 {
	color: #fff;
	text-align: center;
	padding: 0 0 20px 0;
	line-height: 24px;
}
ul.time-list {
	padding: 0px;
}
ul.time-list li {
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	padding: 0px;
	color: #333;
}
ul.time-list li span {
	float: left;
	width: 100px;
	color: #F37100;
}
.footer_copyrite {
	background: #2a2928;
	padding: 45px 0 10px 0;
	text-align: center;
	margin-top: 20px;
}
.footer_copyrite p {
	color: #fff;
	font-weight: 400;
}
.footer_copyrite p a {
	color: #E77709;
}
.footer_copyrite p a:hover {
	color: #fff;
}
.footer_copyrite ul.socialicon li .fa{
	color:#333!important;
}
/*------------------contact us page-------------------*/
.page-head{
	background:#2D2E30;
}
.page-head-content {
    padding-top: 35px;
    padding-bottom: 35px;
	text-align:center;
}
.page-title{
	margin: 0;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
	text-transform: uppercase;
}
.page-head h5, .page-head h5 a {
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 13px !important;
    color: #EB7F2E !important;
    text-transform: uppercase;
    line-height: 2;
	padding-top: 10px;
}
.page-main-section-color{
	padding:30px 0 0 0;
	
}
h3.contact-heading {
    margin: 33px 0px 41px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
}
h3.contact-heading::before {
    background: #EB7F2E none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 4px;
    position: absolute;
    width: 65px;
}
#inner-contact-address{
}
#inner-contact-address p{
	font-size: 17px;
    font-weight: bold;
    color: #000;
}
#inner-contact-address p a{	
    color: #EB7F2E;
}
.contact-submit{
	background-color: #EB7F2E;
    border-color: #D06617;
}
.contact-submit:hover{
	background-color: #333;
	border-color: #000;
}
/*--------------application page--------------*/

.btn-glyphicon { padding:8px; background:#ffffff; margin-right:4px; }
.icon-btn { padding: 1px 15px 3px 2px; border-radius:50px;}

/*--------------aboutus page--------------*/

#amenities-img {
    width: 44%;
}
#amenities-img {
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 400px;
}
#amenities-content {
    height: 400px;
    width: 56%;
    padding: 65px 106px 65px 65px;
    background: #2A2928;
    color: #fff;
    overflow: hidden;
    margin: 0;
    text-align: justify;
}
.calltoday{
	font-size:25px;
	margin-bottom:15px;
	font-weight:bold;
}
.amenities p{
	line-height:24px;
}

/*-------------------gallery---------------*/

.gallery
{
    display: inline-block;
    
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: top
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.fancybox-opened {
	z-index: 8030
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
	box-shadow: 0 10px 25px rgba(0,0,0,.5)
}
.fancybox-outer, .fancybox-inner {
	position: relative
}
.fancybox-inner {
	overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image:url(../images/fancybox_sprite.png)
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040
}
.fancybox-prev {
	left: 0
}
.fancybox-next {
	right: 0
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px
}
.fancybox-nav:hover span {
	visibility: visible
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible!important
}
.fancybox-lock {
	overflow: hidden!important;
	width: auto
}
.fancybox-lock body {
	overflow: hidden!important
}
.fancybox-lock-test {
	overflow-y: hidden!important
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png)
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}
.fancybox-title {
	visibility: hidden;
	font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}
.fancybox-opened .fancybox-title {
	visibility: visible
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0,0,0,.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}
.fancybox-title-inside-wrap {
	padding-top: 10px
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0,0,0,.8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite@2x.png);
	background-size: 44px 152px
}
#fancybox-loading div {
	background-image: url(../images/fancybox_loading@2x.gif);
	background-size: 24px 24px
}
}
.floorlist{
	    margin: 0;
    padding: 0;
    list-style: square;
    margin-left: 20px;
    line-height: 24px;
    margin-top: 23px;
}

/*------------------------RESPONSIVE---------------------*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.logo{
	width: 235px;
	margin-left: 200px;
	
	}
.phnumber {
    font-size: 15px;
}
.headerinfo li{
	padding: 0 8px 0 0;
}
nav.navbar-findcond ul.navbar-nav a{
	font-size: 14px;
}
.navbar-findcond .nav>li>a{
	padding: 20px 11px 17px 10px;
}
.row.services-we-offer-part .services-we-offer-background{
	margin-top:30px;
	margin-bottom: 20px!important;
}
.round-members-log img{
	width:100%
}
.home_amenities{
	margin-bottom:20px;
}
#amenities-img {
	width:100%;
    height: auto;
}
#amenities-img img{
	width:100%;
}
#amenities-content {
    height: auto;
    width: 100%;
    padding: 40px 17px;
    background: #2A2928;
    color: #fff;
    overflow: hidden;
    margin: 0;
}
}
@media only screen and (min-width : 600px) and (max-width : 768px) {
.logo{
	margin-left: 124px;
}
ul.headerinfo{
	text-align:center;
}
.phnumber {
    font-size: 16px;
}
.about-city-estate p{
	padding-right: 0;
}
.amenitieslist2nd{
	margin-left:0;
}
.services-we-offer ul{
	padding: 0 0 0 19px;
}
footer h6.section-heading {
    margin: 30px 0px 60px 20px;
}
footer {
    padding: 40px 0 0px 0;
}
.row.services-we-offer-part .services-we-offer-background{
	margin-top:30px;
	margin-bottom: 20px!important;
}
.home_amenities{
	margin-bottom:20px;
}
#amenities-img {
	width:100%;
    height: auto;
}
#amenities-img img{
	width:100%;
}
#amenities-content {
    height: auto;
    width: 100%;
    padding: 40px 17px;
    background: #2A2928;
    color: #fff;
    overflow: hidden;
    margin: 0;
}
}
@media only screen and (min-width : 480px) and (max-width : 600px) {
.logo{
	margin-left: 65px;
}
ul.headerinfo{
	text-align:center;
}
.phnumber {
    font-size: 16px;
}
.about-city-estate p{
	padding-right: 0;
}
.amenitieslist2nd{
	margin-left:50px;
}
.services-we-offer ul{
	padding: 0 0 0 19px;
}
footer h6.section-heading {
    margin: 30px 0px 60px 20px;
}
footer {
    padding: 40px 0 0px 0;
}
.serarea {
     margin-bottom:0;
}
.row.services-we-offer-part .services-we-offer-background{
	margin-top:30px;
	margin-bottom: 20px!important;
}
.home_amenities{
	margin-bottom:20px;
}
#amenities-img {
	width:100%;
    height: auto;
}
#amenities-img img{
	width:100%;
}
#amenities-content {
    height: auto;
    width: 100%;
    padding: 40px 17px;
    background: #2A2928;
    color: #fff;
    overflow: hidden;
    margin: 0;
}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
ul.headerinfo{
	text-align:center;
}
.phnumber {
    font-size: 16px;
}
.about-city-estate p{
	padding-right: 0;
}
.amenitieslist2nd{
	margin-left:0px;
}
.services-we-offer ul{
	padding: 0 0 0 19px;
}
footer h6.section-heading {
    margin: 30px 0px 60px 20px;
}
footer {
    padding: 40px 0 0px 0;
}
.row.services-we-offer-part .services-we-offer-background {
    margin-bottom: 20px!important;
    margin-top: 20px;
}
.home_amenities{
	margin-bottom:20px;
}
#amenities-img {
	width:100%;
    height: auto;
}
#amenities-img img{
	width:100%;
}
#amenities-content {
    height: auto;
    width: 100%;
    padding: 40px 17px;
    background: #2A2928;
    color: #fff;
    overflow: hidden;
    margin: 0;
}
}
.zalazaksunca{
	height: 200px;
	overflow: hidden;
}
.zalazaksunca img{
	margin-top: -205px;
}

@media(max-width: 1200px){
	.zalazaksunca{
		height: 163px;
		overflow: hidden;
	}
}
@media(max-width: 992px){
	.zalazaksunca{
		height: 110px;
		overflow: hidden;
	}
}
@media(max-width: 772px){
	.zalazaksunca{
		height: 220px;
		overflow: hidden;
	}
}
@media(max-width: 500px){
	.zalazaksunca{
		height: auto;
		overflow: visible;
	}
	.zalazaksunca img{
	margin-top: 0px;
	max-height: 175px;

}
}
.rainbow{
	height: 200px;
	overflow: hidden;
}
.rainbow img{
	margin-top: -205px;
}
@media(max-width: 1200px){
	.rainbow{
		height: 163px;
		overflow: hidden;
	}
}
@media(max-width: 992px){
	.rainbow{
		height: 110px;
		overflow: hidden;
	}
	.rainbow img{margin-top: -230px}
}
@media(max-width: 772px){
	.rainbow{
		height: 220px;
		overflow: hidden;
	}
}
@media(max-width: 500px){
	.rainbow{
		height: auto;
		overflow: visible;
	}
	.rainbow img{
	margin-top: 0px;
	max-height: 175px;
	
}
}
.fireplace{
	height: 200px;
	overflow: hidden;
}
.fireplace img{
	margin-top: -205px;
}
@media(max-width: 1200px){
	.fireplace{
		height: 163px;
		overflow: hidden;
	}
}
@media(max-width: 992px){
	.fireplace{
		height: 110px;
		overflow: hidden;
	}
	.fireplace img{margin-top: -140px}
}
@media(max-width: 772px){
	.fireplace{
		height: 220px;
		overflow: hidden;
	}
}
@media(max-width: 500px){
	.fireplace{
		height: auto;
		overflow: visible;
	}
	.fireplace img{
	margin-top: 0px;
	max-height: 175px;
	
}
}
.beautiful{
	height: 200px;
	overflow: hidden;
}
@media(min-width: 772px){
	.beautiful img{
	margin-top: -265px;
}
}
@media(max-width: 1200px){
	.beautiful{
		height: 163px;
		overflow: hidden;
	}
}
@media(max-width: 992px){
	.beautiful{
		height: 110px;
		overflow: hidden;
	}
}
@media(max-width: 772px){
	.beautiful{
		height: 220px;
		overflow: hidden;
	}
	.beautiful img{margin-top: -280px}
}
@media(max-width: 500px){
	.beautiful{
		height: auto;
		overflow: visible;
	}
	.beautiful img{
	margin-top: 0px;
	max-height: 175px;
	
}
}
.mapaivideo {width:45%;border: 2px solid #E2A541;}
@media(max-width:772px){.mapaivideo {width:95%;border:0;}}



.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	padding-bottom: 35px;
	background: #fff;
}
@media(min-width: 1024px){
	.li_left{
		    float: left;
    		margin-left: 30px;
	}
	.li_left .phnumber{
		    text-align: left;
    line-height: 31px;
	}
}
@media (min-width: 769px) {
	.li_left{
		    float: left;
    		margin-left: 30px;
		    margin-right: 150px;
	}
	.li_left .phnumber{
		    text-align: left;
    line-height: 31px;
	}
}
@media (min-width: 1025px) {
	.li_left{
		    float: left;
    		margin-left: 30px;
		    margin-left: 50px;
    margin-right: 50px;
	}
	.li_left .phnumber{
		    text-align: left;
    line-height: 31px;
	}
}

@media(max-width: 1200px){
	.headerinfo li{
		padding: 0;
	}
	nav.navbar-findcond ul.navbar-nav a{
		font-size: 14px;
	}
	.navbar-findcond .nav>li>a{
		padding: 7px;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	padding-bottom: 50px;
	background: #fff;
	margin: auto;
	}
	.li_left .phnumber{
		    text-align: left;
    line-height: 31px;
	}
}


@media only screen and (max-width: 768px){
.logo {
    margin-left: 124px;
    margin: 0;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	margin: auto;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
.logo {
      display: block;
  margin-left: auto;
  margin-right: auto;
}
}
@media (min-width: 768px) and (max-width: 1339px) {
.col-sm-6 {
    width: 100%;
}
}

@media (max-width: 375px) {
.top_logo {
    width: 80%;
}
}

@media (min-width: 1024px) {
.big_menu {
    padding-right: 160px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.big_menu {
    padding-right: 160px;
}
}

/* Podesavanje glavne 3 slike i onog sivog dela ispod slika */


@media (max-width: 1200px) {
.carousel-inner > .item > img {
	padding: 0;
        background: #fff;
    margin: auto;
	height: auto;
	}
}
@media (min-width: 365px) and (max-width: 425px) {
	.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	}
	.carousel .item {
	height: 275px;
	background-color: #777;
}
}

@media (min-width: 321px) and (max-width: 375px) {
	.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	}
	.carousel .item {
	height: 250px;
	background-color: #777;
}
}

@media (max-width: 320px) {
	.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	}
	.carousel .item {
	height: 210px;
	background-color: #777;
		}
}

@media (min-width: 426px) and (max-width: 768px) {
	.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	}
	.carousel .item {
	height: 500px;
	background-color: #777;
}
}
@media (min-width: 993px) and (max-width: 1024px) {
	.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	}
	.carousel .item {
	height: 645px;
	background-color: #777;
}
}
@media (min-width: 769px) and (max-width: 992px) {
	.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	}
	.carousel .item {
	height: 500px;
	background-color: #777;
}
}

@media (min-width: 1440px) {
	.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	}
	.carousel .item {
	height: 630px;
	background-color: #777;
}
}

@media (min-width: 320px) {
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	padding-bottom: 0px;
	background: #fff;
}
}

/* podesavanje kolona, leve i desne */

.row1 {
  display: flex;
}

.column1 {
  flex: 50%;
}

@media (max-width: 768px) {
	.row1 {
  display: block;
}

.column1 {
  width: 100%;
}
}

.male_galerije {
	padding-left: 0px;
	
}
.gallery {
	    margin-right: 15px;
}

.desna_strana {
	
	
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.row2 {
  display: flex;
}

.column2 {
  flex: 50%;
	float: right;
}

@media (max-width: 768px) {
	.row2 {
  display: block;
}

.column2 {
  width: 100%;
}
}

.elements {
	    width: 100%;
	margin-bottom: 15px;
}
.desna_strana li {
	margin-bottom: 15px;
}

.row3 {
  display: flex;
}

.column3 {
  flex: 50%;
}

@media (max-width: 768px) {
	.row3 {
  display: block;
}

.column3 {
  width: 100%;
}
}

.address li {
	margin: 0 0 5px 0;
	color: white
}
.menu li {
	color:white
		
}

#footer ul.menu {
			margin: 0;
		}

			#footer ul.menu li {
				border-left-color: rgba(185, 186, 187, 0.2);
				font-size: 0.9em;
			}

@media screen and (max-width: 736px) {

			#footer ul.menu li {
				border-left: none;
				display: block;
				line-height: inherit;
				margin: 0.25em 0 0 0;
				padding: 0.25em 0 0 0;
			}

				#footer ul.menu li:first-child {
					margin-top: 0;
					padding-top: 0;
				}

		}

/* Footer */

	#footer {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		position: relative;
		margin: 0;
		line-height: 1em;
		padding: 1.5em;
		  background-color: #eb7f2e;
		color: rgba(185, 186, 187, 0.5);
		overflow: hidden;
	}

		#footer > * {
			margin-bottom: 0;
		}

		#footer a {
			color: inherit;
		}

			#footer a:hover {
				color: #b9babb;
			}

		#footer ul.menu {
			padding: 0;
		}

			#footer ul.menu li {
				border-left-color: rgba(185, 186, 187, 0.2);
				font-size: 0.9em;
			}

		@media screen and (max-width: 1000px) {

			#footer {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				line-height: 1.5em;
				text-align: center;
				padding: 2em 1em 2em 1em;
			}

				#footer > * {
					margin: 0 0 1em 0;
				}

		}

		@media screen and (max-width: 736px) {

			#footer ul.menu li {
				border-left: none;
				display: block;
				line-height: inherit;
				margin: 0.25em 0 0 0;
				padding: 0.25em 0 0 0;
			}

				#footer ul.menu li:first-child {
					margin-top: 0;
					padding-top: 0;
				}

		}
.pine_canyon_slike {
	margin-bottom: 0px;
}
.smalltext {
	margin-left: 5px;
}

.luxury_retreat {
	text-align: center;
	padding-top: 30px;
}

.book {
	text-decoration: underline;
	color: red;
	}
.retreat_now {
	color: red;
	text-decoration: underline;
	text-underline-position: under;
}
	
.top_luxury {
	font-size: 28px;
	text-transform: uppercase;
    font-weight: bold;
}
	
@media screen and (max-width: 768) {
	.ulheaderinfo {
		padding-right: 110px;
	}
}

.big_gallery {
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 30px;
	letter-spacing: 5px;
}



/* centriranje texta i slika, brisanje praznog prostora */

@media screen and (max-width: 425) {
 .amenities {
      padding-top: 30px;
}
}

.snowbowl_slike {
	margin-bottom: 0px;
	    }
.flagstaff_slike {
	margin-bottom: 0px;
}
.grand_canyon_slike {
	margin-bottom: 0px;
}
.miles_slike {
	margin-bottom: 0px;
}
.creek_park_slike {
	margin-bottom: 0px;
}
.google_mapa {
	margin-bottom: 10px;
}

@media(min-width: 1200px){
.ventilator {
	transform: rotate(360deg);
	max-height: 165px;
	overflow: visible;
}
.duplaterasa {
	transform: rotate(360deg);
	max-height: 165px;
	overflow: visible;
}
.suma {
	transform: rotate(360deg);
	max-height: 165px;
	overflow: visible;
}
.fireplace02 {
	transform: rotate(360deg);
	max-height: 165px;
	overflow: visible;
}
.water {
	transform: rotate(360deg);
	max-height: 165px;
	overflow: visible;
}
.honemoon {
	transform: rotate(360deg);
	max-height: 165px;
	overflow: visible;
}
.dnevni {
	transform: rotate(360deg);
	max-height: 165px;
	overflow: visible;
}
	.trail {
	transform: rotate(360deg);
	max-height: 165px;
	overflow: visible;
}
}
@media(max-width: 1024px){
	.ventilator {
	transform: rotate(360deg);
	max-height: 185px;
	overflow: visible;
}
.duplaterasa {
	transform: rotate(360deg);
	max-height: 185px;
	overflow: visible;
}
.suma {
	transform: rotate(360deg);
	max-height: 185px;
	overflow: visible;
}
.fireplace02 {
	transform: rotate(360deg);
	max-height: 185px;
	overflow: visible;
}
.water {
	transform: rotate(360deg);
	max-height: 185px;
	overflow: visible;
}
	.honemoon {
	transform: rotate(360deg);
	max-height: 185px;
	overflow: visible;
}
.dnevni {
	transform: rotate(360deg);
	max-height: 185px;
	overflow: visible;
}
	.trail {
	transform: rotate(360deg);
	max-height: 185px;
	overflow: visible;
}
}
@media (min-width: 768px) and (max-width: 991px){
	.ventilator {
	transform: rotate(360deg);
	max-height: 95px;
	overflow: visible;
}
.duplaterasa {
	transform: rotate(360deg);
	max-height: 95px;
	overflow: visible;
}
.suma {
	transform: rotate(360deg);
	max-height: 95px;
	overflow: visible;
}
.fireplace02 {
	transform: rotate(360deg);
	max-height: 95px;
	overflow: visible;
}
.water {
	transform: rotate(360deg);
	max-height: 95px;
	overflow: visible;
}
	.honemoon {
	transform: rotate(360deg);
	max-height: 95px;
	overflow: visible;
}
.dnevni {
	transform: rotate(360deg);
	max-height: 95px;
	overflow: visible;
}
	.trail {
	transform: rotate(360deg);
	max-height: 95px;
	overflow: visible;
}
}
@media (min-width: 536px) and (max-width: 767px){
	.ventilator {
	transform: rotate(360deg);
	max-height: 170px;
	overflow: visible;
}
.duplaterasa {
	transform: rotate(360deg);
	max-height: 170px;
	overflow: visible;
}
.suma {
	transform: rotate(360deg);
	max-height: 170px;
	overflow: visible;
}
.fireplace02 {
	transform: rotate(360deg);
	max-height: 170px;
	overflow: visible;
}
.water {
	transform: rotate(360deg);
	max-height: 170px;
	overflow: visible;
}
	.honemoon {
	transform: rotate(360deg);
	max-height: 170px;
	overflow: visible;
}
.dnevni {
	transform: rotate(360deg);
	max-height: 170px;
	overflow: visible;
}
	.trail {
	transform: rotate(360deg);
	max-height: 170px;
	overflow: visible;
}
}
@media (min-width: 425px) and (max-width: 535px){
	.ventilator {
	transform: rotate(360deg);
	max-height: 109px;
	overflow: visible;
}
.duplaterasa {
	transform: rotate(360deg);
	max-height: 109px;
	overflow: visible;
}
.suma {
	transform: rotate(360deg);
	max-height: 109px;
	overflow: visible;
}
.fireplace02 {
	transform: rotate(360deg);
	max-height: 109px;
	overflow: visible;
}
.water {
	transform: rotate(360deg);
	max-height: 109px;
	overflow: visible;
}
	.honemoon {
	transform: rotate(360deg);
	max-height: 109px;
	overflow: visible;
}
.dnevni {
	transform: rotate(360deg);
	max-height: 109px;
	overflow: visible;
}
	.trail {
	transform: rotate(360deg);
	max-height: 109px;
	overflow: visible;
}
}
@media (min-width: 375px) and (max-width: 424px){
	.ventilator {
	transform: rotate(360deg);
	max-height: 93px;
	overflow: visible;
}
.duplaterasa {
	transform: rotate(360deg);
	max-height: 93px;
	overflow: visible;
}
.suma {
	transform: rotate(360deg);
	max-height: 93px;
	overflow: visible;
}
.fireplace02 {
	transform: rotate(360deg);
	max-height: 93px;
	overflow: visible;
}
.water {
	transform: rotate(360deg);
	max-height: 93px;
	overflow: visible;
}
	.honemoon {
	transform: rotate(360deg);
	max-height: 93px;
	overflow: visible;
}
.dnevni {
	transform: rotate(360deg);
	max-height: 93px;
	overflow: visible;
}
	.trail {
	transform: rotate(360deg);
	max-height: 93px;
	overflow: visible;
}
}
@media (min-width: 320px) and (max-width: 374px){
	.ventilator {
	transform: rotate(360deg);
	max-height: 74px;
	overflow: visible;
}
.duplaterasa {
	transform: rotate(360deg);
	max-height: 74px;
	overflow: visible;
}
.suma {
	transform: rotate(360deg);
	max-height: 74px;
	overflow: visible;
}
.fireplace02 {
	transform: rotate(360deg);
	max-height: 74px;
	overflow: visible;
}
.water {
	transform: rotate(360deg);
	max-height: 74px;
	overflow: visible;
}
	.honemoon {
	transform: rotate(360deg);
	max-height: 74px;
	overflow: visible;
}
.dnevni {
	transform: rotate(360deg);
	max-height: 74px;
	overflow: visible;
}
	.trail {
	transform: rotate(360deg);
	max-height: 74px;
	overflow: visible;
}
}

@media screen and (min-width: 1440px) {
.snowbowl_slike {
	margin-bottom: 0px;
	    margin-top: 2px; 
	}
	
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.members_club {
		     margin-bottom: 22px !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.snowbowl_slike {
	margin-bottom: 0px;
	    margin-top: 2px; 
	}
	
}

@media screen and (min-width: 1025px) {
		.members_club {
		 margin-bottom: 15px !important;
	}
}

b1 {
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: none;
	font-weight: bold;
}

i1 {
  font-style: italic;
}

/* dodavanje razmaka izmedju tacaka - slider slika */
.carousel-indicators li, .carousel-indicators li.active {
  margin: 0px 7px !important;
}


.drone {
    
    width: 350px;
    margin-left:auto;
    margin-right:auto;

    }


.drone {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 3px;
}



 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">
 
.testimonial{ margin: 0 20px 50px; }
.testimonial .pic{
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 15px 15px 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial .testimonial-profile{
    display: inline-block;
    position: relative;
    top: 15px;
}
.testimonial .title{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: capitalize;
    margin: 0 0 7px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #5d7aa7;
}
.testimonial .description{
    padding: 20px 22px;
    background: #1f487e;
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    margin: 0;
    position: relative;
}
.testimonial .description:before,
.testimonial .description:after{
    content: "";
    border-width: 18px 0 0 18px;
    border-style: solid;
    border-color: #5d7aa7 transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 0;
}
.testimonial .description:after{
    border-width: 18px 18px 0 0;
    left: auto;
    right: 0;
}
.owl-theme .owl-controls{
    margin-top: 10px;
    margin-left: 30px;
}
.owl-theme .owl-controls .owl-buttons div{
    opacity: 0.8;
    background: #fff;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 20px;
    color: #1f487e;
}
.owl-next:before{ content: "\f054"; }

/* ocena - zvezdice - review */
.checked {
  color: orange;
}

h7.section-heading {
	font-size: 1em;
	font-weight: bold;
}

.trail {
}
.razmak_iznad_amenities {
}

.naslov {
	text-align: center;
	font-style: italic;
	padding-bottom: 50px;
	padding-top: 50px;
	margin-bottom: 50px;
	}



.donji_tekst {
	text-align: center;
	font-size: 200%;
	font-style: italic;
	margin-top: 40px;
	}

.scottsdale_vistas{
text-align: center;
	color: red;
	
}

.scottsdale_sunny{
text-align: center;
	color: red;
	
}

.bottom_text{
	margin-top: 150px;
	color: #eb7f2e!important;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none!important;
}

@media screen and (min-width: 769px) {
	.row1 {
      float: left;
  width: 100%;
		
}

@media screen and (max-width: 768px) {
  .row1 {
    width: 50%;
	  
	 	}
	.naslov {
		padding-bottom: 100px;
	}
	
	}
}
	.row1 {
		padding-top: 50px;
	}

	

	a {
    color: #337ab7;
    text-decoration: none!important;
}
	
@media screen and (max-width: 767px) {
	.bottom_text {
		font-size: 30px;
	}
	.bottom_text {
		padding-bottom: 30px;
	}
	.row1 {
		padding-top: 30px;
	}
	}
	
.thumbnail {
	border: 1px solid #FFFFFF!important;
}