@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/proximanova-reg-webfont.eot');
    src: url('/fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/proximanova-reg-webfont.woff2') format('woff2'),
    url('/fonts/proximanova-reg-webfont.woff') format('woff'),
    url('/fonts/proximanova-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/proximanova-bold-webfont.eot');
    src: url('/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/proximanova-bold-webfont.woff2') format('woff2'),
    url('/fonts/proximanova-bold-webfont.woff') format('woff'),
    url('/fonts/proximanova-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_semibold';
    src: url('/fonts/proxima_nova_semibold-webfont.eot');
    src: url('/fonts/proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/proxima_nova_semibold-webfont.woff2') format('woff2'),
    url('/fonts/proxima_nova_semibold-webfont.woff') format('woff'),
    url('/fonts/proxima_nova_semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
        transform: translate(-50%, -50%) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
        transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
        transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
        transform: translate(-50%, -50%) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
        transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
        transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg)
    }
}

.fluidbox {
    outline: none
}

.fluidbox__overlay {
    background-color: hsla(0, 0%, 100%, .85);
    cursor: pointer;
    cursor: zoom-out;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.fluidbox--opened .fluidbox__overlay {
    pointer-events: auto
}

.fluidbox__wrap {
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.fluidbox--closed .fluidbox__thumb, .fluidbox__thumb {
    -webkit-transition: opacity 0s ease-in-out 0s;
    transition: opacity 0s ease-in-out 0s
}

.fluidbox__ghost {
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    transition-duration: 0s, .5s;
    transition-delay: 0s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform
}

.fluidbox--opened .fluidbox__ghost {
    cursor: pointer;
    cursor: zoom-out
}

.fluidbox--closed .fluidbox__ghost {
    -webkit-transition-delay: .5s, 0s;
    transition-delay: .5s, 0s
}

.fluidbox__loader {
    opacity: 0;
    -webkit-perspective: 200px;
    perspective: 200px;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fluidbox__loader:before {
    background-color: hsla(0, 0%, 100%, .85);
    content: '';
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20%;
    padding-bottom: 20%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.fluidbox--loading .fluidbox__loader {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out .5s;
    transition: opacity .5s ease-in-out .5s
}

.fluidbox--loading .fluidbox__loader:before {
    -webkit-animation: a 1s 0s infinite ease-in-out forwards;
    animation: a 1s 0s infinite ease-in-out forwards
}


.sp400 {
    letter-spacing: .4em
}

.sp200 {
    letter-spacing: .2em
}

.sp100 {
    letter-spacing: .1em
}

.sp140 {
    letter-spacing: .14em
}

.sp030 {
    letter-spacing: .03em
}

.navbar{
	border-radius:0;
}

.navbar-nav > li {
    float: left;
    position: static;
}

body {
    font-family: "proxima_nova", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

body {
    min-width: 960px;
    /* background-image: url(1.jpg); */
    /* background-blend-mode: color; */
    /* position: absolute; */
    /* height: 100%; */
    /* top: 0; */
    /* width: 1920px; */
    /* display: none; */
    /* mix-blend-mode: difference; */
    /* opacity: 0.5; */
    /* z-index: 111; */
    background: #f2f2f2;
    /*margin-top: 101px;*/
    margin-bottom: 290px;
    /* overflow-y: scroll; */
    /* height: 80%; */
    /* position: relative; */
}

h1 {
    font-size: 18px;
}

h1, h2, h3, h4 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
    /* margin: 0; */
}

h5 {
	font-size:18px;
	text-transform: uppercase;
	font-weight:normal;
	padding-top:10px;
}


.navbar-brand {
    height: 54px;
    box-sizing: content-box;
    padding: 24px 0 22px 0;
}

.header {
    /* padding-right: 15px; */
    /*margin-top: 28px;*/
    background-color: rgb(237, 237, 237);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.48);
    /* padding: 25px 59px 7px; */
    transform: translateZ(0);
    z-index: 950; 
    /* border-bottom: 1px solid lightgray; */
}

.navbar-default .navbar-nav > li > a {
    color: #1c252c;
    font-weight: bold;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-bottom: 8px;
	cursor:pointer;
	font-size:14px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
 {
    color: #070000;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 25%;
    border-bottom: solid 4px;
    height: 100%;
    width: 50%;
}

.navbar-default .navbar-nav > li > a:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 25%;
    border-bottom: solid 3px #6e5b6d;
    height: 100%;
    width: 50%;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.navbar-default .navbar-nav > li:hover > a:after, .navbar-default .navbar-nav > li.active > a:after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.diff {
    /* display: none; */
    /* -webkit-filter: invert(100%); */
    /* opacity: .5; */
    transform: translateZ(0);
    position: absolute;
    z-index: 8888454;
    mix-blend-mode: difference;
    /* background: url(1.jpg) center top; */
    min-width: 1180px;
    max-width: 1920px;
    height: 900%;
    top: 0;
    right: 0;
    left: 0;
}

.diff:focus {
    display: none
}

.container-fluid {
    width: 960px;
    padding-top: 2px;
    padding-right: 8px;
    padding-left: 8px;
}
.container-fluid h1 {
    padding-left: 9px;
}
.container-fluid .panel h1,
.container-fluid .panel-body1 h1 {
    padding-left: 0px;
}


ul .nav .navbar-nav {
    padding-top: 28px;
}

.main-slider .swiper-slide {
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.main-slider .swiper-slide > a:before, .main-slider .swiper-slide div.slide:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    width: 100%;
    transition: all 1s;
    background: linear-gradient(rgba(255, 255, 255, 0), white 80%, white 100%);
}

.slider_back {
/*	background-color:#fff;*/
	border-bottom: 1px solid lightgrey;
	position:relative;
}

.slider_back:before, .slider_back:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), white 80%, white 100%);
}

.portfolio-slider .swiper-slide {
    width: 930px;
    height: 454px;
    overflow: hidden;
}

.portfolio-slider.thumbs .swiper-slide,.about-slider-thumbs .swiper-slide {
    width: 10%;
    height: auto;
    overflow: hidden;
}

/*
.swiper-slide > div {
	position: absolute;
	bottom: 8px;
	width: 100%;
    font-weight: normal;
    cursor: pointer;
    text-transform: uppercase; 
    letter-spacing: .4em;
    text-align: center;
}
*/

.swiper-slide .banner {
	position: absolute;
	top: 10px;
	right:10%;
	width: 213px;
	background-color: rgba(242,242,242, 0.97);
	padding:20px;
	height:320px;
}
.swiper-slide .banner .b_header {
	width: 100%;
	color:#399999;
	text-align: left;
	font-size:14px;
	font-weight:normal;
	font-family: "proxima_nova_semibold", "proxima_nova_semibold", Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight:bold;
}
.swiper-slide .banner .b_spacer {
	width: 25%;
	background:#399999;
	height:4px;
	margin-top:32px;
}
.swiper-slide .banner .b_content {
	width: 100%;
	letter-spacing:  0.1em;
	text-align: left;
	padding:10px 0px;
	color:#000;
	font-size:1em;
	height:200px;
	margin-top:32px;
}
.swiper-slide .banner .b_button {
	border:#399999 2px solid;
	letter-spacing: 0.1em;
	text-align: center;
	padding:5px 10px 0 10px;
	width: 120px;
	height:32px;
	display: block;
	margin-bottom: 20px;
	color:#399999;
	font-size:1em;
	text-transform: lowercase;
	position:absolute;
	bottom:30px;

}
.swiper-slide .banner .b_button:hover {
	border:#666666 2px solid;
	text-decoration: none;
	color:#666666;
}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 5px;

}
.swiper-pagination-bullet{
	background-color:white;
	color:white;
	border:2px solid grey;
	width:10px;
	height:10px;
	opacity:1;
}
.swiper-pagination-bullet-active {
	background-color:grey;
}


.swiper-button-prev {
    background-image: url(/img/arrow.png);
    width: 49px;
    height: 49px;
}

.swiper-button-prev:hover {
    background-image: url(/img/active_arrow.png);
}

.swiper-button-next:hover {
    background-image: url(/img/active_arrow.png);
    transform: scaleX(-1);
}

.swiper-button-next {
    background-image: url(/img/arrow.png);
    transform: scaleX(-1);
    width: 49px;
    height: 49px;
}

.main-slider .swiper-slide-active {
    /*box-shadow: 0 0 140px rgba(0, 0, 0, 0.35);*/
    /* position: relative; */
    z-index: 1;
}

.main-slider .swiper-slide-prev .banner {
	display:none;
}

.main-slider .swiper-slide:hover a:before, .main-slider .swiper-slide:hover div.slide:before{
    opacity: 0;
    transition: all 1s;
}

.main-slider {
	width:100%;
}

.under-slider {
    background: white;
    margin: 25px 0 0 0;
    text-transform: uppercase;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: #c0c0c0;
    letter-spacing: 6px;
    /*padding: 11px 0;*/
    /* line-height: 40px; */
    font-size: 13px;
	height:55px;
}

.under-slider img {
    padding: 0px 14px 0 0;
}

.under-slider a {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.grayscale {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    color: gray;
}

.grayscale:hover {
    filter: none;
    -webkit-filter: none;
    color: #009ba4;
}

.under-slider a:hover {
    filter: none;
    -webkit-filter: none;
    color: #009ba4;
    text-decoration: none;
    /* border-bottom: solid 1px; */
}

.under-slider a:hover span {
    /* border-bottom: solid 2px; */
    /* padding-bottom: 1px; */
}

.gray {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

a.thumbnail {
    padding: 0;
    border-bottom: solid 3px black;
    border-radius: 0;
    /* margin-bottom: 40px; */
}

.thumbnail > div {
    overflow: hidden;
}

a.thumbnail:hover {
    border-bottom: solid 3px #009ba4;
}

.thumbnail img.thumb {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
    /* margin: 0; */
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.thumbnail:hover img.thumb  {
    transform: scale(1.05, 1.05);
}

.thumbnail .caption h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2em;
    /* padding-left: 10px; */
    text-decoration: none;
    line-height: 20px;
    font-size: 14px;
    /* margin: 0; */
}

.thumbnail .caption h5 {
	font-weight: 700;
	font-size: 16px;
}

.thumbnail .caption img {
	width:17px;
	padding-bottom:10px;
}
.thumbnail .caption span {
	font-size: 14px;
	padding-left:10px;

}

.col-xs-4 {
    /* width: 400px; */
}

.projects, .news {
    background-color: #e7e7e7;
    border-top: 1px solid silver;
    padding-bottom: 31px;
    /* letter-spacing: .4em; */
	position:relative;
}

.projects .swiper-slide {
    width: 500px;
    height: 380px;
    overflow: hidden;
    letter-spacing: 1px;
}

.projects .swiper-slide div {
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    bottom: 0;
	text-align: center;
}

.projects .swiper-slide:hover div {
    background-color: rgba(255, 255, 255, 1);
}

h3 {
    font-weight: 700;
    letter-spacing: .4em;
    margin: 18px;
    font-size: 18px;
}
h3 a {
    font-weight: 700;
    letter-spacing: .4em;
    margin: 18px;
    font-size: 18px;
	color: #333;
}
h3 a:hover {
	text-decoration:none;
	color:#700;
}

.main .news {
    background: transparent;
}

.news .thumbnail {
    padding: 0;
    background: transparent;
    border: none;
}
.news_detail img {
	padding:0 15px 10px 0;
	float:left; 
}

p.date {
    color: #009ba4;
    font-weight: 600;
    margin-top: 24px;
    padding-top: 17px;
    position: relative;
    letter-spacing: .1em;
}

p.date:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 15%;
    border-top: solid 4px #009ba4;
}

.news h4 {
    /* margin-top: 25px; */
}

.main-slider {
   /* box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.09);*/
    font-size: 12px;
    letter-spacing: .4em;
}

.footer {
    height: 282px;
    background-color: #d7d7d7;
    padding: 36px 0;
    color: #7c7c7c;
    font-size: 10px;
    /* letter-spacing: .2em; */
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* margin-top: 3em; */
}

.footer .content {
    padding: 25px 0;
    border: 1px solid #9f9f9f;
    border-left: none;
    border-right: none;
}
.footer p {
    letter-spacing: .2em;
    line-height: 2em;
}
.footer .copy {
    margin-top: 21px;
    padding: 0;
    text-transform: none;
    font-size: 12px;
    letter-spacing: .1em;
}

.switch {
    top: 0;
    margin: 0;
    transform: translateZ(0);
    /*min-height: auto;*/
}

.switch li > a {
    background-color: #e0e0e0;
    border-radius: 0;
    color: #6f6f6f;
    padding: 5px 8px;
    font-weight: bold;
    letter-spacing: 1px;
}

.switch .nav-pills > li.active:hover > a {
    /*     background-color: #e0e0e0; */
    border-radius: 0;
    /*     color: #6f6f6f; */
}

.switch .nav-pills > li.active > a {
    background-color: #888;
    border-radius: 0;
}

.switch .nav-pills > li + li {
    margin-left: 0;
}

.switch .container-fluid {
    padding: 0;
}

.header .navbar-nav {
    /* margin-top: 27px; */
    margin-left: 13px;
    color: #6e5b6d;
    /* position: relative; */
    text-transform: uppercase;
    z-index: -111;
    /* vertical-align: top; */

}

.navbar-container {
    width: 960px;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    margin-right: auto;
    margin-left: auto;
    /* overflow: auto; */
    /* position: relative; */
    /* z-index: 99999; */
    display: table;
}

.navbar-container > * {
    display: table-cell;
    float: none;
    vertical-align: middle;
    text-align: center;
}

.news h4 a {
    font-size: 12px;
    color: #1c252c;
    text-decoration: none;
    letter-spacing: .1em;
    line-height: 18px;
}

.news .caption {
    padding: 0;
}

span.navbar-nav {
    padding: 15px 0;
    margin-left: 0 !important;
    letter-spacing: .06em;
    text-decoration: none;
    text-align: right;
	font-size: 14px;
}

span.navbar-nav img {
    vertical-align: middle;
}

span.navbar-nav a {
    text-decoration: none;
}

a.navbar-brand img {
    /* width: 134px; */
}

.swiper-slide img {
    width: 100%;
}

.swiper-slide > a {
    display: block;
    /* z-index: 99; */
    height: 333px;
    overflow: hidden;
}

#galleryThumbs {
    /* position: absolute; */
    bottom: 0;
    /* background: white; */
    left: 0;
    right: 0;
    width: 930px;
    padding: 0;
    margin: 12px auto 9px;
    /* opacity: 0.5; */
}

#galleryThumbs:hover {
    opacity: 1;
    transition: opacity .3s;
}

.button-prev,
.button-next {
    position: absolute;
    top: 50%;
    width: 15px;
    height: 16px;
    margin-top: -12px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 16px 26px;
    background-position: center;
    background-repeat: no-repeat;
}

#galleryThumbs .button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

    right: 10px;
    left: auto;
    z-index: 9999999999;
}

#galleryThumbs .button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
    z-index: 9999999999;
}

.breadcrumbs > * {
    font-size: 10px;
    line-height: 22px;
    letter-spacing: .3em;
    color: #919191;
    display: inline-block;
}

.breadcrumbs a {
    color: #919191;
}

.breadcrumbs .active {
    color: #009ba4;
}

.breadcrumbs .glyphicon {
    font-size: 0.7em;
    color: #919191;
    padding: 0 6px;
}

.breadcrumbs {
    line-height: 34px;
}

.portfolio-content .row1 > div[class^="col-xs"] {
    /* background: white; */
    /* border: solid 1px #c0c0c0; */
}

.portfolio-content {
    margin-top: 0px;
    font-size: 1.2em;
    color: #484848;
    letter-spacing: .03em;

}

.portfolio-content > div:last-of-type { /* margin-left: 30px; */
}

.portfolio-content h1, .portfolio-content h2 {
    font-weight: normal;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    /* color: #484848; */
    margin-top: 0;
}
.dealer1 h1 {
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #858585;
    margin-top: 0;
    margin-left: 19px;
}
hr {
    margin: 16px 0;
    border: 0;
    border-top: 1px solid #aaa;
}

.panel-default {
    border-color: #c0c0c0;
    border-radius: 1px;
    margin-bottom: 15px;
}

.arch img {
    border-radius: 50%;
    float: left;
    margin-right: 13px;
    object-fit: cover;
    width: 160px;
    height: 160px;
    font-family: 'object-fit: cover;';
}

b, strong {
    font-weight: bold;
}

p {
    letter-spacing: .03em;
}

div#galleryThumbs .swiper-wrapper {
    /* width: 570px; */
}

.portfolio-content form label {
    letter-spacing: .2em;
    font-size: 10px;
}

.well1 {
    min-height: 20px;
    padding: 12px;
    margin-bottom: 11px;
    background-color: #f5f5f5;
    border: 1px solid #c0c0c0;
    border-radius: 1px;
}

.form-control {
    /* padding: 0; */
    height: 20px;
    border-color: #c0c0c0;
    box-shadow: none;
    border-radius: 1px;
}

.form-group {
    margin-bottom: 9px;
}

.btn {
    letter-spacing: .2em;
    display: inline-block;
    padding: 4px 19px;
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 1px;
}

.btn-default {
    color: #fff;
    background-color: #aaa;
    border-color: #ccc;
}
.btn-clear {
    border: 1px solid #ccc;
	
}

.btn-default:hover {
    color: #fff;
    background-color: #009ba4;
    /* border-color: #adadad; */
}

.portfolio-content .icon1 {
    width: 64px;
    height: 35px;
    display: inline-block;
    /* height: 100%; */
    text-align: center;
}

.portfolio-content .grayscale span.text-uppercase {
    letter-spacing: .3em;
    vertical-align: middle;
    display: inline-block;
    width: 261px;
}

.portfolio-content a:hover {
    text-decoration: none;
}

#galleryThumbs .swiper-slide-active, .about-slider-thumbs .swiper-slide-active {
    border-bottom: 3px solid #009ba4;
    padding-bottom: 6px;
}

.portfolio-content .col-xs-7 {
    padding-right: 0;
}

.lvl-2 > a {
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #555;
    font-weight: bold;
}

.lvl-1:hover > div.innerClass {
 /*   display: block; */
}

.lvl-1 > div.innerClass {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    padding-top: 12px;
    /* width: 930px; */
    /* margin: 4px auto; */
    background: rgba(255, 255, 255, 0.97);
    z-index: -1111;
}

.lvl-1:after {
    content: ' ';
    position: absolute;
    height: 33px; /* right: 0; *//* left: 0; */
/*    width: 100%;*/
}

.lvl-1 > div:before {
    /* position: absolute; */
    /* content: ''; */
    /* top: -32px; */
}

ul.innerClass {
    /*width: 980px; */
    margin: 0 auto;
    list-style: none;
    padding: 0;
    display: table;
    table-layout: fixed;
}

.lvl-2.parentClass {
    /*width: 30%;*/
    color: #555;
    margin-bottom: 13px;
    /* float: left; */
    display: table-cell;
}

.lvl-2.nonParentClass {
	width: 300px;
}


.lvl-3 {
	padding-bottom:10px;
}

.lvl-3 a {
    color: #555;
    /*line-height: 22px;*/
}

div.innerClass {
    /* padding-top: 12px; */
}

.lvl-1:hover {
    /* height: 73px; */
}

.lvl-2 {
    padding-bottom: 1em;
    /* display: inline-block; */
    vertical-align: top;
    /* width: 40%; */
	padding: 5px 25px;
}
.lvl-2 ul.innerClass{
	width:100px;
	margin:0;
}

.lvl-1 > div > ul.innerClass {
 /*   padding-left: 97px;
    padding-right: 192px;*/
}

.lvl-1 ul.inner {
	max-width:1020px;
 /*   padding-left: 97px;
    padding-right: 192px;*/
}

.lvl-2 > div {
    padding-top: 6px;
}

.innerClass a:hover {
    color: #009ba4 !important;
    text-decoration: none;
}

.left-menu {
    padding: 0;
    font-weight: bold;
}

.left-menu li {
    list-style: none;
    line-height: 22px;
}

.left-menu ul {
    padding-left: 12px;
}

.left-menu a {
    color: #1c252c;
}

.left-menu a:hover {
    color: #009ba4;
    text-decoration: none;
}

.left-menu li ul {
	font-weight: normal;
}

.left-menu a.selected {
	color: #009ba4;
}

.category{
	padding-top:26px;
}
.category .thumbnail .caption {
    padding: 0px 5px;
}
.category .thumbnail .caption h4 {
    font-size: 12px;
    letter-spacing: .14em;
}
.category .thumbnail .caption .date {
    padding:4px 0;
}


.category [class^="col-xs"] {
    padding: 0 8px;
}

.grid-item {
    padding: 0 8px;
}

.panel h1 {
    font-weight: normal;
    margin-top: 0;
}

.panel p {
    margin: 0;
}

.grid-item h4 {
    font-size: 16px !important;
}

.grid-item .caption {
    font-size: 14px !important;
}

ul.nav.navbar-nav {
    text-align: left;
    float: none;
    display: inline-block;
}

.lvl-1 > .invis {
    position: absolute;
    height: 90px;
    width: 100%;
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}

.row4 {
    margin-right: -4px;
    margin-left: -4px;
}

.colors > span {
    display: inline-block;
    width: auto;
    padding: 9px;
}

.col-xs-3 {
    padding-right: 8px;
    padding-left: 8px;
}

.table-bottom > * {
    /* display: table-cell; */
}

.pull-bottom {
    display: table-cell;
    vertical-align: bottom;
    float: none;
}

.mfp-img-colors .mfp-content {
    width: 930px;
}

.colors a {
    cursor: url(/img/lupa.png), pointer;
}

.col-xs-2 {
    padding-right: 4px;
    padding-left: 4px;
}

.price {
    background-color: #aaa;
    color: white;
    font-weight: bold;
    padding: 3px 9px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

.size, .article {
    padding: 0 9px;
    line-height: 18px;
    display: inline-block;
}

.item img {
    display: block;
    margin: 0 auto;
}

.article {
    margin-top: 1em;
}

.collection_elements label {
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    margin: 1em 0;
}

.collection_elements input {
    display: none;
}

.collection_elements input:checked + label:after {
    transform: rotate(180deg);
}

.collection_elements input:checked ~ .items {
    max-height: 500px;
}

.items {
    max-height: 0;
    transition: max-height .3s;
    overflow: hidden;
    /* position: relative; */
}

.collection_elements label:after {
    content: '';
    width: 21px;
    height: 21px;
    display: inline-block;
    background-image: url(/img/strelka.png);
    vertical-align: middle;
    margin-left: 1em;
}

.content > * {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.content .panel {
    height: 100%; /* margin: 0; */
}

.content .panel, .content .panel-body {
    /*display: table-cell;*/
    /*float: none;*/
}

.content1 {
    min-height: 236px;
}

.dealer .price {
    background-color: #009ba4;
}

.dealer .price:before {
    content: '';
    display: inline-block;
    background: url(/img/dealer_cart.png) 0px 0px;
    width: 21px;
    height: 19px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -3px;
}

.dealer .item:hover:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid #009ba4;
    /* box-shadow:inset 2px 2px 0px #009ba4; */
    overflow: hidden;
}

.dealer .item:hover {
    border-color: #009ba4;
}

.item {
    position: relative;
}

.contacts, .dealer {
    background: white;
    border: 1px solid #c0c0c0;
    border-top-width: 0;
    font-size: 14px;
    /* padding: 1em; */
    margin-bottom: 6em;
    /* min-height: 500px; */
}

.contacts h4,.dealer h4 {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: .2em;
}
/*
.tabs input {
    display: none;
}

.tabs label {
    margin-right: 2em;
    margin-left: 7px;
    font-size: 12px;
}

.tabs label.active {
    color: #009ba4;
    border-bottom: 1px solid currentcolor;
    padding-bottom: 8px;
}

.tabs > div {
    display: none
}

.tabs input:checked + div {
    display: block
}
*/
div#map {
    height: 480px;
    margin-top: 2em;
}

.marker-info {
    padding: 1em;
}
.contacts .col-xs-3 {
    padding-right: 15px;
    padding-left: 15px;
}


.dealer p{
    font-size: 14px;
}

html {
   position: relative;
min-height: 100%;
}

.dealer th {
    font-weight: normal;
    font-size: 12px;
    padding: 0 1em;
}
.dealer td {
    padding: 0 1em;
}
.dealer table {
    font-size: 14px;
    color: #484848;
}

.dealer {
    padding-bottom: 2em;
}

.dealer .row label {
    font-size: 18px;
    font-weight: bold;
    margin: .5em 0;
}

.btn-primary{
    background-color:#009ba4;
    width: 180px;
    height: 30px;
    font-size: 12px;
}
.btn-primary:hover {
    background-color: #6e5b6d;
}

.export {
    float: right!important;
    /* position: absolute; */
    margin: 1em 0;
}

.export>* {
    margin-left: 1em;
}

.dealer h2 {
    font-size:18px;
    font-weight:normal;
    letter-spacing:.1em;
    margin-top:0;
}

.dealer h2 a {
    color: inherit;
}
.caption p span {
    font-size: 14px;
    color:#888;
    text-transform:uppercase;
    vertical-align: bottom;
}
.caption p img {
    width: auto;
    margin-right: 12px;
}
.thumbnail:hover .caption p img {
    transform:scale(1,1);
}

.thumb_overlay {
    position: absolute;
    background: url(dwnld_ico.png) center center no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    opacity:0;
}
.thumbnail:hover .thumb_overlay{
    opacity:1;
}
.download .thumbnail>div{
    position:relative;
}
.download .thumbnail:hover>div>img{
    opacity:.7;
}
.download .thumbnail .caption h4{
    text-transform:none;
    letter-spacing:.075em
}


.arch.panel-body>p {
    margin-bottom: 12px;
}

.portfolio-content>.row {
    /* display: table-row; */
    float: none;
}
.portfolio-content>.row>* {
    display: table-cell;
    float: none;
}


.portfolio-content table {
    border-collapse: separate;
    /* border-spacing: 16px; */
    /* margin-left: -8px; */
    /* margin-right: -8px; */
    padding: 0 8px 16px;
}
.portfolio-content td {background: white;vertical-align: top;border: 1px solid #c0c0c0;}
.portfolio-content td>td {border: none;}

.portfolio-content td>div {
    /* margin: 15px; */
    padding: 15px;
    /* background: white; */
    vertical-align: top;
    /* border: 1px solid #c0c0c0; */
}

tr.spacing {
    height: 16px;
}

.btn-default[disabled]:hover {
    background: #adadad;
}

span.icon1.d3d {
    background: url(/img/3d_models-icon_g.png) center center no-repeat;
}
span.icon1.d3d:hover {
    background: url(/img/3d_models-icon.png) center center no-repeat;
}



form.cont {
    width: 483px;
}

.confirmMessage {
    padding: 1em 0;
    font-size: 18px;
    font-weight: bold;
}

tr.spacing td {
    border: 0;
    background: transparent;
}
.about{
    color: #484848;
    }
.about p {
    font-size: 14px;
    margin-bottom: 1em;
}

.about h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 1em;
}

.about-slider {
	margin: 0px -16px;
	padding-bottom:7px;
}
.about-slider p {
    color:#939393;
    margin: .5em 1em;
}
.about .panel-body{
    padding-bottom:10px
}
.about table {
border:1px solid #c0c0c0;
}
.about .table th{
    background: #888;
    color:white;
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: normal;
    border: 0;
    line-height: 38px;
    vertical-align: middle;
    padding-left: 15px;
}
.about table p{margin: 0 .5em;}
.about .table tr, .about .table td{border: 0;vertical-align: middle;}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #ebebeb;
}
.about .table td:nth-child(2){
    width: 91px;
}
.become_dealer label{
    color:#858585;
    font-weight:normal;
    text-transform: uppercase;
}

.g-recaptcha {
    display: inline-block;
    height: 78px;
    text-align: right;
    margin-right: -5px;
}

.become_dealer button.btn.btn-default {
    width:124px;
    height:30px;
    font-size:12px;
}

form label{
    text-transform: uppercase;
/*    font-weight:normal; */
}

.simplePopup {
	display: none;
	border: 2px solid #333;
	background-color: rgba(242,242,242, 0.97);
	z-index: 961;
	padding: 12px;
	width: 300px;
	color:#333;
	font-size:14px;
	font-weight:normal;
	font-family: "proxima_nova_semibold", "proxima_nova_semibold", Helvetica, Arial, sans-serif;
	letter-spacing: 0em;
	left:50%;
	margin-left:-150px;
}
.simplePopup h3 {
	letter-spacing: 0;
	text-align: center;
}

.simplePopupBackground {
	display: none;
	background: #000;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 960;
}
	.simplePopupClose {
	float: right;
	cursor: pointer;
	margin-left: 10px;
	margin-bottom: 10px;
}

.bx-system-auth-form{

}

.simplePopupClose {
	color:#1c252c;
}

.simplePopup input[type=submit] {
	background-color:white;
	border:1px solid grey;
	width:80px;
}

.simplePopup a{
	color:#1c252c;
	font-size:12px;
	font-weight:normal;
	font-family: "proxima_nova_semibold", "proxima_nova_semibold", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	padding-bottom:1px;
	border-bottom:1px solid #1c252c;
	text-transform: uppercase; 
	text-decoration:none;	
}
.simplePopup a:hover {
	color:#919191;
	text-decoration:none;
	border-bottom:1px solid #919191;
}


/* Материалы для скачивания - Закладки*/

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:100%;
}
/*.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	letter-spacing:-1px;
	margin-bottom:10px;
}


.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
*/
.tabbed_area {
	
}

ul.tabs {
	margin:0px; 
	padding:0 0 20px 0;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	padding:10px 40px 10px 0;
	text-decoration:none;
	font-size: 14px;
	letter-spacing: 0.2em;
	text-transform:uppercase;
	color:#858585;
	font-weight:bold;
}
ul.tabs li a:hover {
	color:#000;
}
ul.tabs li a.active {
	color:#000;
}


#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
/* EndOf: Материалы для скачивания - Закладки*/





.popup {
  position: fixed;
  top: 20%;
  left: 50%;
  width: 900px;
  margin-left: -450px;
  display: none;
  background: #fff;
  z-index: 10;
}
.popup.before-show {
  display: block !important;
  visibility: hidden !important;
}
.popup.small {
  width: 430px;
  margin-left: -215px;
  border: 1px solid #ebe7e4;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.popup.small .popup__title {
  font-family:  MPLightIdris, Arial, sans-serif;
  font-size: 21px;
}
.popup.small .popup__inner {
  padding: 14px 15px 27px;
}

.popup__inner {
  padding: 22px 26px 38px;
}

.popup__title {
  font-family:  MPLightIdris, Arial, sans-serif;
  font-size: 32px;
  color: #000;
  margin: 0 0 28px;
}
.popup__title.medium {
  font-size: 28px;
}

.popup-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(/img/bg-popup-close.png) 0 0 no-repeat;
  width: 24px;
  height: 24px;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.popup-close-btn:hover, .popup-close-btn:focus {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.popup-mask {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #000;
  z-index: 9;
}

.popup.popup-cart-add {
  margin-left: -90px;
}