body{
	color:#1f1f1f;
	background:#fff;
}
a{color:#1f1f1f;}
a:active {background-color: transparent;}
/* set default styles in all browsers */
input,
textarea,
select{color:#000;}
#header{
	background:#ededed;
	border-bottom:6px solid #131937;
}
#header:before{background:#ededed;}
#header:after{background:#ededed;}
#header .holder{
	padding: 8px 0 0;
	margin-bottom: -28px;
}
.red-blue{display: none;}
/*.logo{
	background:url(../images/logo-blue-lightblue.png) no-repeat;
	width:319px;
	height:72px;
	margin:7px 0 18px;
	display: none !important;
}
.flyer .logo{
	background:url(../images/logo-blue-lightblue-03.png) no-repeat;
	width:291px;
	height:124px;
	margin-right: -100%;
}*/
.logo.blue-lightblue{display:inline-block !important;}
#header .contact-holder{width:74%;}
#header .contact-box{
	color:#000;
	background: none;
}
#header .contact-box .text-holder{
	background:none;
	padding:5px 0 4px 2px;
	width:78%;
}
#header .contact-box .text-holder:hover{background:none;}
#header .contact-box .phone{
	color:#fff;
	background:#1d2651 url(../images/bg-phone.png) no-repeat 20px 49%;
}
#header .contact-box img{left:1px;}
.nav-wrapp{background:#1d2550;}
#nav a{color:#fff;}
#nav li.active a,
#nav li.hover a{border-bottom:6px solid #078fc0;}
#nav .drop{background:url(../images/none.png);}
#nav ul{background:#446ba3;}
#nav ul li{border-top:1px solid #2d4d7b;}
#nav li.hover ul a{color:#fff;}
.visual h1{
	background:rgba(29, 37, 80, 0.88);
	color:#fff;
}
.visual address{
	color:#fff;
	background:#078fc0;
}
.visual .decor{border-color:rgba(7, 143, 192, 0.74);}
.flyer .visual .decor{border-color:#ececec;}
.flyer .visual .decor:after{border:1px solid #494e6b;}
.visual .decor:after{border:1px solid #fff;}
.virtual-box{background:#949599;}
.virtual-box:before{background:#949599;}
.virtual-box:after{background:#828388;}
.virtual-box .title{color:#d12321;}
.virtual-box .title a{
	background:url(../images/bg-360-blue.png) no-repeat 50% 0;
	color:#fff;
}
.extra-block{background:#1d2550;}
.detail-box{background:#078fc0;}
.flyer .detail-box{background: #078fc0;}
.flyer .detail-box .price{
	color:#fff;
	border-color: #0d7195;
}
.detail-box .price{
	border-bottom:1px solid #fff;
	color:#fff;
}
.detail-list .bedrooms{
	background:url(../images/icon-01.png) no-repeat;
	color:#fff;
}
.detail-list .bathrooms{
	background:url(../images/icon-02.png) no-repeat;
	color:#fff;
}
.info-box{color:#fff;}
.flyer .info-box{background: #1d2551;}
.info-box h1{
	background:#fff;
	color:#626262;
}
.flyer .description-block .info-box h1{
	color:#fff;
	background:none;
}
.flyer .detail-list{color:#000;}
.description-block>.holder{border:1px solid #1d2550;}
.description-block h1{color:#828388;}
.flyer .description-block h1{
	background:#1d2651;
	color:#fff;
}
.flyer .description-block address{
	background:#078fc0;
	color:#fff;
}
.flyer .tour{background-image: url(../images/bg-360-item-blue-lightblue.png);}
.flyer .tour a{color:#1d2551;}
.description-block h1:after{background:#1d2550;}
.description-block h2{color:#446ba3;}
.description-block h2:after{background:#446ba3;}
.flyer .description-block h2{color: #8a8a8a;}
.flyer .description-block h2:after{background: #1d2551;}
/* videdo box styles */
.video-box{
	-webkit-box-shadow:10px 12px 0 #1d2550;
	box-shadow:10px 12px 0 #1d2550;
}
.video-box .btn-play{
	border:1px solid #fff;
	background:rgba(7, 143, 192, 0.94);
}
.video-box .btn-play:after{background:url(../images/bg-play-blue.png) no-repeat;}
.gallery-block h2{color:#1d2550;}
.gallery-block .view{
	background:#949599;
	color:#fff;
}
.gallery-block .view:hover{background:#1d2550;}
.gallery-list .zoom-box{border:23px solid #078fc0;}
.gallery-list .btn-zoom{background:url(../images/bg-zoom-blue-lightblue.png) no-repeat;}
.form-block{color:#525252;}
.form-block h1{color:#1d2550;}
/* contact form styles */
.contact-form{
	background:#c3c3c3;
	border: 1px solid #9f9f9f;
}
.contact-form textarea,
.contact-form input[type="email"],
.contact-form input[type="text"]{
	background:#fff;
	border:1px solid #9f9f9f;
	color:#242424;
}
.contact-form input[type="submit"]{
	color:#fff;
	background:#1d2550;
	-webkit-box-shadow: 0 3px 0 0 #9d9d9d;
	box-shadow: 0 3px 0 0 #9d9d9d;
}
/* aside styles */
.aside .contact-box{
	background:#fff;
	border:1px solid #1d2550;
}
.aside .contact-box .text-holder{background:#078fc0;}
.aside .contact-box .text-holder:hover{background:#1d2550;}
.aside .contact-box .text-holder .title{color:#fff;}
.aside .contact-box .info{color:#fff;}
.aside .contact-box .phone{
	background:#fff;
	color:#1d2550;
}
.aside .contact-box .phone:after{background:url(../images/bg-phone-blue-gray.png) no-repeat;}
/* footer styles */
#footer{background:#ededed;}
.contact .f2{border-top:4px solid #ededed;}
.contact #footer{background: #078fc0;}
.footer-holder{padding: 50px 40px 57px;}
/* item logo styles */
/*.item-logo{
	background:url(../images/logo-blue-lightblue-02.png) no-repeat;
	width:316px;
	height:118px;
	display: none !important;
}*/
.item-logo.blue-lightblue{display: block !important;}
/* footer logo styles */
/*.footer-logo{
	background:url(../images/logo-blue-lightblue.png) no-repeat 50% 0;
	width:319px;
	height:72px;
	margin:0 0 0 -100%;
	display: none !important;
}*/
.footer-logo.blue-lightblue{display: block !important;}
/* contact box styles */
.contact-box{
	border:1px solid #078fc0;
	margin: 0 0 0 2.5%;
	background: #131937;
}
.contact-box .text-holder{
	background:#1d2550;
	color:#fff;
}
.contact-box .text-holder .title{color:#fff;}
#header .contact-box .title{color: #078fc0;}
#header .contact-box .info{color:#078fc0;}
.contact-box .text-holder:hover{background:#078fc0;}
.contact-box .phone{
	right:9px;
	background:#078fc0 url(../images/bg-phone.png) no-repeat 25px 6px;
	color:#fff;
}
.footer-frame{background:#1d2550;}
.contact .footer-frame{background:#1d2550;}
.footer-frame .holder{color:#fff;}
.by a{color:#fff;}
.copyright a{color:#fff;}
/* col holder styles */
.col-holder .col{color:#fff;}
.col-holder .col a{
	color:#fff;
	text-decoration:none;
}
.col-holder .col a:hover{text-decoration:underline;}
.flyer #footer{background:none;}

.counter-block {
    background: #1d2550;
    margin-bottom: 37px;
    letter-spacing: -0.36em;
    padding: 38px 15px 41px;
}
.counter-block .block {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    letter-spacing: 0;
    color: #fff;
    text-align: center;
}
.counter-block .block:first-child {
    width: 60%;
    padding: 0 20px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.counter-block .note {
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 11px;
    font-family: 'open_sanssemibold_italic', sans-serif;
}
    .counter-block .box {
        display: inline-block;
        vertical-align: middle;
        background: #078fc0;
        padding: 10px 22px;
        margin: 0 2px 0 5px;
        text-transform: uppercase;
    }
.counter-block .box span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.counter-block .box .number {
    font-size: 29px;
    font-family: 'forumregular', sans-serif;
}
    .counter-block .block .btn {
        font-family: 'forumregular', sans-serif;
        background: #078fc0;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 24px;
        display: inline-block;
        padding: 28px 40px;
    }
/* ---------------------------------------------------------
   Styles for Responsive web design
   ---------------------------------------------------------*/
/* styles for screens 769px wide and larger */
@media only screen and (max-width:1023px){
	#header .contact-holder{
		width:67%;
	}
	#header .contact-box .text-holder{padding:5px 0 4px 6px;}
	.item-logo{
		margin:0;
		height:75px;
		width:200px;
		background-size:100% 100%;
	}
	.col-holder .col{width:30%;}
	.footer-logo{
		background-size:100% 100%;
		width: 200px;
		height: 45px;
	}
	.flyer .logo{
		width: 200px;
		height: 85px;
		background-size:100% 100%;
		margin: 51px 0 0;
	}
}
/* styles for screens with width from 321px to 768px */
@media only screen and (max-width:767px){
   .logo{
        max-width:230px;
        max-height:95px;
        width: auto;
        height: auto;
		background-size:100% 100%;
	}
	.nav-wrapp .opener{
		color:#fff;
		background:url(../images/bg-opener-blue.png) no-repeat 50% 100%;
	}
	.nav-wrapp.active .opener{
		background:url(../images/bg-opener-active-blue.png) no-repeat 50% 100%;
	}
	.nav-wrapp .slide{background:#446ba3;}
	#nav{background:#949599;}
	#nav li.active a, #nav li.hover a,#nav li.hover li.hover a{
		background:#078fc0;
		border:0;
	}
	#nav .drop{background:#949599;}
	.item-logo{margin:0 auto;}
	.col-holder .col{width:100%;}
	#header .contact-holder{width:100%;}
	.virtual-box .title a{background-size:100px 45px;}
	.footer-logo{
		float: none;
		margin: 0 auto;
	}
	#footer .contact-box{margin: 0 0 54px;}
	.flyer .logo{
		margin: 0;
	}
    .counter-block {
        padding: 15px 10px;
    }
    .counter-block .block {
        width: 100%;
        margin-bottom: 10px;
    }
    .counter-block .block:first-child {
        width: 100%;
        padding: 0;
    }
    .counter-block .block .btn {
        font-size: 18px;
        padding: 14px 25px;
    }
    .counter-block .box {
        margin: 0 2px 0 -3px;
        padding: 7px 10px;
    }
}
/* ---------------------------------------------------------
    Print style
   ---------------------------------------------------------*/
@media print{
	.flyer .logo,
	.logo,
	.item-logo,
	.footer-logo{
		font-size:0;
		line-height:0;
		width:auto !important;
		height:auto !important;
		margin-bottom: 40px;
	}
	.footer-logo{margin-top: 0;}
	.item-logo img{
		width:100%;
		height:auto;
	}
	.description-block > .holder,
	.aside .contact-box,
	.contact-box{border:0;}
	#header .contact-holder{width:60%;}
	#header .contact-box .text-holder{
		margin:0;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.flyer .logo{
		width: 200px !important;
		height: 85px !important;
	}
	.flyer .logo img{
		width: 100%;
		height: auto;
	}
	.logo{
		width:200px !important;
		height: 45px !important;
	}
	.logo img{
		width:100%;
		height:auto;
	}
}