/***** GLOBAL *****/
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#opensanslegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}
h1, h2,h3,h4,h5,h6 { font-size: 1em; font-family:'OpenSans'; font-weight: normal; margin: 0; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}
/************************************************************ NAVBAR ********************************************************/
.navbar {
	background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
	zoom: 1;
}
.scrolled {
    background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
	zoom: 1;
	-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.navbar:nth-child(n) {
	filter: none;
}
.navbar_wrap {
	margin: 0 auto;
	padding: 15px 0;
	max-width: 1170px;
}
.scrolled .navbar_wrap {
	margin: 0 auto;
	padding: 7px 0;
	-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;	
}
.navbar_wrap:before,
.navbar_wrap:after {
  display: table;
  content: " ";
}
.navbar_wrap:after {
  clear: both;
}
.logo {
	float: left;
	margin: 0;
	width: 154px;
	height: 50px;
	text-indent: -9999em;
	background: url(../images/logo.png) 0 0 no-repeat;	
}
.menu {
	font-family: 'OpenSansSemibold';
	text-transform:uppercase;
	margin: 0;
}
.menu .last_item {
    margin-right: -15px;
}
.menu li a {
	color: #000;
	padding: 5px 0;
	margin: 10px 28px;
}
.menu li a:hover {
	color: #c41215;
	text-decoration: none;
	background: none;
}
.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #444;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
  .cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 3px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.navbar-toggle {
	border-color: #fff;
	background-color: #c41215;
	margin: 8px 0 0 0;
}
.navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-toggle:hover {
	background-color: #444;
}
.navbar-collapse {
    border: none !important;
	box-shadow: none;
    max-height: auto;
    padding-left: 0;
	padding-right: 0;
}
.navbar-collapse li a {
    
}
/***************************************************************** BANER ********************************************************************/
.ban {
  -webkit-background-size:cover;
  background-image:url(../images/ban1.jpg);
  background-position:50% 50%;
  background-repeat:no-repeat no-repeat;
  background-size:cover;
  height:600px;
  width:100%;
}
.ban:before, .ban:after {
    content: " ";
    display: table;
}
.ban:after {
    clear: both;
}
.ban_caption {
	margin: 0 auto;
	padding: 15px 0;	
	max-width: 1170px;
}
.ban_caption:before,
.ban_caption:after {
  display: table;
  content: " ";
}
.ban_caption h1 {
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	zoom: 1;
	color: #fff;
	font-family: 'OpenSans';
	text-align: center;
	text-transform: uppercase;
	margin: 400px 0 0 0;
	float: right;
	font-size: 2em;
	padding: 20px 50px;
}
.ban_caption h2 {
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	zoom: 1;
	color: #fff;
	font-family: 'OpenSans';
	text-align: center;
	text-transform: uppercase;
	margin: 3px 0 0 0;
	float: right;
	font-size: 1.4em;
	padding: 15px 50px;
}
.ban_caption h1:nth-child(n) {
	filter: none;
}
.ban_small {
  -webkit-background-size:cover;
  background-image:url(../images/ban1.jpg);
  background-position: 50% 0;
  background-repeat:no-repeat no-repeat;
  background-size:cover;
  width:100%;
}
.ban_small:before, .ban:after {
    content: " ";
    display: table;
}
.ban_small:after {
    clear: both;
}
.ban_small .row_title h3 {
	width: 520px;
	display: block;
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	zoom: 1;
	color: #fff;
	font-family: 'OpenSans';
	text-transform: uppercase;
	margin: 120px auto 0 auto;
	font-size: 2em;
	padding: 20px 50px;
}
/********************************************************** CONTAINER ********************************************************/
.container {
	padding-top: 70px;
	padding-bottom: 70px;	
}
.row_title h3 {
	font-family: 'OpenSansLight';
	font-size: 2.8em;
	margin-bottom: 30px;
	text-align: center;	
}
.main_text {
	font-family: 'OpenSans';
	text-transform:uppercase;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.8em;
}
.cta_btn a {
	width: 200px;
	margin: 30px auto 0 auto;
	text-align: center;
	display: block;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	font-family: 'OpenSans';
	font-size: 0.9em;
	text-transform: uppercase;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
}
/* Effect 10: reveal, push out */
.cl-effect-10 a  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
}
.cl-effect-10 a span {
	display: block;
	background: #c41215;
	color: #fff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #444;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
/********************** GALLERY WRAP ****************************/
.gallery_wrap {
-webkit-background-size:cover;
  background:url(../images/gallery.jpg) 50% 50% no-repeat;
  background-size:cover;
  width:100%;
  background-attachment: fixed;
}
.gallery_wrap h3 {
	color: #fff;
}
.gallery_wrap ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

.gallery_wrap ul li {
	height:100%;
	margin: 10px 10px 0 0;
	float: left;
	list-style: none;
	background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,0.2);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
	zoom: 1;
	position: relative;
	width: 285px;
}
.gallery_wrap ul li:nth-child(n) {
	filter: none;
}
.gallery_wrap ul li.item4 {
	margin: 10px 0 0 0;
}
.gallery_wrap ul li a img {
	width: 100%;
	padding: 10px;
}
.gallery_wrap ul li a .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
}
.gallery_wrap ul li a .bg {
	width: 100%;
	height: 100%;
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000000,endColorstr=#0000000);
	zoom: 1;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.gallery_wrap ul li a:hover .bg {
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
	zoom: 1;
}
.gallery_wrap ul li a .bg .icon {
	background-image: url(../images/glass.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	width: 100%;
	height: 100%;
	opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.gallery_wrap ul li a:hover .bg .icon {
	opacity: 1;
}
.no_bg {
  background-image: none;
}
.no_bg h3 {
	color: #444;
}
/********************** OFFER WRAP ****************************/
.offer_item {
	text-indent: -9999em;
	display: block;
	width: 240px;
	height: 240px;
	margin: 20px auto;
	border: 20px solid #ededed;
	border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; -o-border-radius: 120px;
	outline: none;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.offer1 {
	background: url(../images/offer1.jpg) 0 0 no-repeat;
}
.offer2 {
	background: url(../images/offer2.jpg) 0 0 no-repeat;
}
.offer_item:hover {
	border: 20px solid #ccc;
}
.offer_title {
	font-family: 'OpenSansSemibold';
	text-align: center;
	text-transform:uppercase;
	font-size: 1.2em;
}
/********************** GALLERY WRAP ****************************/
.contact_wrap {
	background-color: #ededed;
	width: 100%;
}
.company_name {
	font-size: 1.4em;
	font-family: 'OpenSansSemibold';
	text-align: left;
	text-transform:uppercase;
}
.company_name {
	font-size: 1.2em;
	font-family: 'OpenSansSemibold';
	text-align: left;
	text-transform:uppercase;
}
.contact_item {
	margin: 30px 0 0 0;
	text-align: center;
}
.contact_item div.glyphicon {
	margin: 0 10px 0 0;
	font-size: 1.6em;
	
}
.contact_item span.info {
	margin: 0;
	font-family: 'OpenSansSemibold';
	font-size: 1.8em;
}
/************** FOOTER **************/
.footer {
	color: #666;
	font-size: 0.85em;
	text-transform: uppercase;
	background-color: #dedede;	
}
.footer_container {
	padding-top: 40px;
	padding-bottom: 40px;	
}
.footer_link {
	color: #333;	
}
.footer_link:hover {
	color: #C41215;	
}
.social_tw {
	width: 32px;
	height: 32px;
	display: inline;
	float: right;
	margin: 0;
	background: url(../images/social_icons.png) 0 -102px no-repeat;
	text-indent: -9999em;
}
.social_tw:hover {
	background-position: 0 -34px;
}
.social_fb {
	width: 32px;
	height: 32px;
	display: inline;
	float: right;
	margin: 0 10px 0 0;
	background: url(../images/social_icons.png) 0 -68px no-repeat;
	text-indent: -9999em;
}
.social_fb:hover {
	background-position: 0 0;
}
/********************************************************* SUBPAGES ************************************************************/
.subpage .justified {
	text-align: justify;
}
.row ul {
  margin: 0 0 30px 0;
}
.row ul li {
  font-family: 'OpenSansSemibold';
  font-size:1.1em;
  line-height:1.8em;
  text-align:left;
  text-transform:uppercase;
}
/********************** ABOUT WRAP ****************************/
.about_wrap {
-webkit-background-size:cover;
  background:url(../images/about.jpg) 50% 50% no-repeat;
  background-size:cover;
  width:100%;
  height: 300px;
  background-attachment: fixed;
}
/********************** OFFER WRAP ****************************/
.offer_wrap {
-webkit-background-size:cover;
  background:url(../images/offer.jpg) 50% 50% no-repeat;
  background-size:cover;
  width:100%;
  height: 300px;
  background-attachment: fixed;
}
/********************** LEASE WRAP ****************************/
.lease_wrap {
	-webkit-background-size:cover;
  	background:url(../images/lease.jpg) 50% 50% no-repeat;
  	background-size:cover;
  	width:100%;
  	height: 300px;
	background-attachment: fixed;
}
.lease_item {
	padding: 10px 5px;
}
.lease_title {
	border-top: 1px solid #C41215;
}
.lease_title span {
	font-weight: bold;
	font-size: 0.9em;
}
.form-control {
  background-color:#F9F9F9;
  padding:10px 12px;
}
.form_btn {
	background-color: #C41215;;
	color: #fff;
	border-radius: 4px;
	font-family: 'OpenSansSemibold';
  	font-size:0.9em;
 	float: left;
	border: none;
	padding: 8px 25px;
}
.has-error {
  -webkit-box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
  border-color:#A94442;
  box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
  background-color: #FFE9EB;
}
/********************** Work WRAP ****************************/
.work_wrap {
	-webkit-background-size:cover;
  background:url(../images/work.jpg) 50% 50% no-repeat;
  background-size:cover;
  width:100%;
  height: 300px;
  background-attachment: fixed;
}
/***************************************************** MEDIA  0-768 ***************************************************/
@media (max-width: 768px) {
	.navbar_wrap {
    width: 100%;
	padding: 15px 5px;
  }
  .scrolled .navbar_wrap {
	padding: 7px 5px;
  }
  .navbar-collapse {
    padding: 10px 0 0 0;
}
.menu .last_item {
    margin-right: 0;
}
  .menu li:hover {
	background-color: #fff;
}
.ban_caption {
    width: 100%;
	padding: 15px 5px;
  }
  .ban_caption h1 {
	margin: 370px 0 0 0;
	font-size: 1.3em;
	padding: 20px 50px;
	float:none;
}
.ban_caption h2 {
	margin: 3px 0 0 0;
	font-size: 1em;
	padding: 15px 50px;
	float:none;
}
.ban_small .row_title h3 {
	width: 100%;
	font-size: 1.6em;
}
.container {
	padding: 40px 0px;
}
.row {
	margin: 0 5px;	
}
.row_title h3 {
	font-size: 1.7em;
	font-size: 2.1em;
	margin-bottom: 30px;	
}
.main_text {
	font-size: 1.0em;
	line-height: 1.6em;
}
.gallery_wrap ul li {
	width: 100%;
}
.offer_title {
	font-size: 1.1em;
}
.contact_item span.info {
	font-size: 1.5em;
}
.footer {
	text-align:center;	
}
.agency_hidden {
	display: none;	
}
.social_links {
	width: 74px;
	margin: 10px auto 0 auto;	
}
.subpage .justified {
	text-align: left;
}
.row ul li {
	font-size: 1.0em;
	line-height: 1.6em;
}
.gallery_wrap, .about_wrap, .work_wrap, .lease_wrap, .offer_wrap  {
	background-attachment:inherit;
}
}
/***************************************************** MEDIA  768-992 ***************************************************/
@media (min-width: 768px) and (max-width: 991px) {
  .navbar_wrap {
    max-width: 750px;
  }
  .cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 3px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
  .menu .last_item {
    margin-right: -15px;
}
.ban_caption {
    max-width: 750px;
  }
  .ban_caption h1 {
	margin: 400px 0 0 0;
	float:none;
	font-size: 1.8em;
	padding: 20px 50px;
}
.ban_caption h2 {
	margin: 3px 0 0 0;
	font-size: 1.3em;
	padding: 15px 50px;
	float:none;
}
.ban_small .row_title h3 {
	width: 100%;
	font-size: 1.8em;
}
.container {
	padding-left: 0;
	padding-right: 0;
}
.row {
	margin-right: 0;
	margin-left: 0;	
}
.row_title h3 {
	font-size: 2.8em;
	margin-bottom: 30px;	
}
.main_text {
	font-size: 1.1em;
	line-height: 1.8em;
}
.gallery_wrap ul li {
	width: 180px;
}
.offer_title {
	font-size: 1.2em;
}
.contact_item span.info {
	font-size: 1.8em;
}
.row ul li {
	font-size: 1.1em;
	line-height: 1.8em;
}
.gallery_wrap, .about_wrap, .work_wrap, .lease_wrap, .offer_wrap  {
	background-attachment:inherit;
}
}
/***************************************************** MEDIA  992-1200 ***************************************************/
@media (min-width: 992px) {
  .navbar_wrap {
    max-width: 970px;
  }
  .cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 3px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
  .menu .last_item {
    margin-right: -15px;
}
.ban_caption {
    max-width: 970px;
  }
  .ban_caption h1 {
	margin: 400px 0 0 0;
	float: right;
	font-size: 2em;
	padding: 20px 50px;
}
.ban_caption h2 {
	margin: 3px 0 0 0;
	float: right;
	font-size: 1.4em;
	padding: 15px 50px;
}
.row_title h3 {
	font-size: 2.8em;
	margin-bottom: 30px;	
}
.main_text {
	font-size: 1.1em;
	line-height: 1.8em;
}
.gallery_wrap ul li {
	width: 235px;
}
.offer_title {
	font-size: 1.2em;
}
.contact_item span.info {
	font-size: 1.8em;
}
.row ul li {
	font-size: 1.1em;
	line-height: 1.8em;
}
}
/***************************************************** MEDIA  MIN 1200 ***************************************************/
@media (min-width: 1200px) {
  .navbar_wrap {
    max-width: 1170px;
  }
  .cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 3px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
  .menu .last_item {
    margin-right: -15px;
}
.ban_caption {
    max-width: 1170px;
  }
  .ban_caption h1 {
	margin: 400px 0 0 0;
	float: right;
	font-size: 2em;
	padding: 20px 50px;
}
.ban_caption h2 {
	margin: 3px 0 0 0;
	float: right;
	font-size: 1.4em;
	padding: 15px 50px;
}
.row_title h3 {
	font-size: 2.8em;
	margin-bottom: 30px;	
}
.main_text {
	font-size: 1.1em;
	line-height: 1.8em;
}
.gallery_wrap ul li {
	width: 285px;
}
.offer_title {
	font-size: 1.2em;
}
.contact_item span.info {
	font-size: 1.8em;
}
.row ul li {
	font-size: 1.1em;
	line-height: 1.8em;
}
  }