html{height:100%;margin:0;padding:0;}
body {background: #f7f7f7;position: relative;height:100%;font-size:62.5%;font-family: 'Open Sans', sans-serif;color: #333;margin:0;padding:0;}

header,nav,section,footer{display: block;}

.header-info{background: #EDE9E8;}
.header-info .site-logo{padding-top: 35px;}
.header-menu{font-size: 135%;padding-left: 0;padding-right: 0;}
.header-menu .navbar-nav>li>a{padding: 40px 8px; color:#384855;}
.header-menu .navbar-nav a{
  color: #384855;
    text-decoration: none;
    /*padding:35px 0;*/
    -webkit-transition: background 0.25s ease;
    -o-transition: background 0.25s ease;
    transition: background 0.25s ease;}
.header-menu .navbar-nav .active a,.header-menu .navbar-nav>li>a:hover {background: #D3D3D3;}

.dropdown-menu-catalog {width:705px;}
.dropdown-menu-catalog ul{float:left;list-style-type: none;padding-left:10px;}
.dropdown-menu ul.numb-0{width:250px;}
.dropdown-menu ul.numb-1{width:250px;}
.dropdown-menu ul.numb-2{width:200px;}
.dropdown-menu-catalog li a{display: block;padding: 5px;}
.dropdown-menu-catalog li a:hover{background: #f5f5f5;}

@media (max-width:767px){
    .header-menu .navbar-nav>li>a{padding:15px;}
    .dropdown-menu ul{margin-left:15px;}
}
.header-contact{padding-top: 15px; text-align: right;}
.header-contact a.link{font-size: 130%;color: #999;text-decoration: underline;}
.header-contact a.link:hover{text-decoration: none;}
.header-contact .tel-number{font-size: 190%;font-weight: 700;color: #384855;}

.main-container{padding: 35px 15px;min-height: 100%;margin-top: -103px;}
@media (max-width:767px){
    .main-container{min-height: auto;margin-top:0;}
}
.main-container .header{margin-bottom: 10px;}
.main-container .header .title{font-size: 300%;font-weight: bold;font-family: Arial;color: #384855;text-transform: uppercase;}
.sidebar{font-size: 160%;}
.sidebar>li>a{color:#384855;}
.site-content{font-size: 140%;}

.site-footer{padding-top: 50px;padding-bottom: 50px;background: #212224;color: #61696C;font-size: 140%;margin-top: -275px;}
@media (max-width:767px){
    .site-footer{margin-top: 0;}
}
.site-footer .desc{font-size: 79%;margin: 10px 0 20px;font-style: italic;}
.site-footer .tel-number{padding: 15px 0 10px;font-size:143%;font-weight: 700;color: #AABCC8;border-top:1px solid #61696C;}
.site-footer .title{padding-bottom: 20px;font-weight: 700;color: #AABCC8;}

.footer-menu ul{padding: 0;list-style-type: none;}
.footer-menu li {padding-bottom: 12px;}
.footer-menu li a{
  color: #61696C;
  text-decoration: none;
  -webkit-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;}
.footer-menu li a:hover {color: #919191;}

.site-footer .socset{overflow: hidden; margin-bottom: 60px;}
.site-footer .socset a{float:left;display: block;height:39px;width:39px;margin-right: 20px;}
.site-footer .socset .link-fb {background: url('../img/icon-fb.png') no-repeat;}
.site-footer .socset .link-vk {background: url('../img/icon-vk.png') no-repeat;}
.site-footer .socset .link-fb,
.site-footer .socset .link-vk{
  -webkit-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  transition: background 0.25s ease;}
.site-footer .socset .link-fb:hover {background: url('../img/icon-fb-on.png') no-repeat;}
.site-footer .socset .link-vk:hover {background: url('../img/icon-vk-on.png') no-repeat;}

.site-footer .link-present{clear: both;}
.site-footer .link-present a{font-style: italic;color: #61696C;text-decoration: underline;}
.site-footer .link-present a:hover{text-decoration: none;}
.site-footer .link-present div{border:1px solid #61696C;border-radius: 2px;font-size: 79%;padding: 3px;}


/*CONTENT STYLE*/

/*Main page*/
.projects-main-page{background: #EDE9E8;  padding-bottom: 40px;}
    .projects-main-page .title-section{font-weight: bold;margin:20px 0 30px;font-size:280%;text-transform: uppercase;}
        .projects-main-page .title-section a{color:#384855;text-decoration:none;}

.projects_item{position: relative;overflow: hidden;margin:0 auto 20px;max-width: 360px;}
    .projects_item img{width: 100%;max-width: 360px;}
    .projects_overlay{position: absolute;top: 0;left: 0;padding: 0 5%;display: none;text-decoration: none;background: rgba(56, 72, 85, 0.7);width:100%;height:100%;overflow: hidden;}
        .projects_overlay:hover{text-decoration: none;}
        .projects_overlay h3{font-size:180%;color:white;line-height: 1.2;font-weight: bold;margin-top: 10%;}
        .projects_item .button{padding: 3px 15px;border: 1px solid white;font-size: 140%;position: absolute; bottom: 8%;color:white;left:35%;}
        .projects_overlay .title{}
        @media (max-width:480px){
            .projects-main-page .container{padding:0;}
        }

.events-main-page .title-section{font-weight: bold;margin:0 0 30px;font-size:280%;text-transform: uppercase;}
    .events-main-page .title-section a{color:#384855;text-decoration:none;}
.events-main-page .events-list{min-height: 100px;margin:0 0 15px;padding: 10px 0;}
    .events-main-page .events-list time{display:block;font-size:80%;font-style: italic;  color: #384855;font-weight: 600;}
    .events-main-page .events-list .preview-img img{width:100%;margin-bottom: 10px;}
@media (max-width:767px){
    .events-main-page .site-content{max-width:360px;margin:0 auto;}
}
/*End. Main page*/


/*Evens page*/
.events-list{margin: 0 0 25px;padding: 15px 0;}
  .events-list:hover{background: white;box-shadow: 0 1px 10px rgba(216,216,216,0.5);}
  .events-list .title{font-weight: bold;color:#3a719e;}
    .events-list .title a{text-decoration: underline;color:#3a719e;font-weight: 600;}
  .events-list .preview-img{text-align: center;}
  .events-list article{color:#666; font-size: 93%;}
    .events-list .more {color:#1ca0d7;text-decoration: none;}
      .events-list .more:hover{text-decoration: underline;}
      .events-list .more span{font-size: 70%;font-weight: 100;padding-bottom: 3px;display: inline-block;}

.pagination>li>a,.events-list a,.breadcrumb a{
  color: #61696C;
  text-decoration: underline;
  -webkit-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;}
.pagination>li>a:hover,.breadcrumb a:hover {color: #384855;text-decoration: none;}

/*Projects page*/
.menu-sidebar{list-style-type: none;margin-left: -10px;font-size: 120%;border:1px solid #ede9e8;padding:3px 5px 10px;}
.menu-sidebar input {padding: 3px 15px 3px 10px;margin:2px 0; background: none;border: none;color:#777;}
.menu-sidebar input.selected,.menu-sidebar input:hover{text-decoration: none;background:#d3f2ff;border-radius: 10px;color:#384855;}
.menu-sidebar input:focus { outline: none; }
.menu-sidebar .clear-filter{color:#3399cc;font-style:italic;margin-left:10px;}
.menu-sidebar .clear-filter a{color:#3399cc;text-decoration:underline;}
.menu-sidebar .clear-filter a:hover{text-decoration:none;}

.projects-list{margin: 0 0 25px;padding: 15px 0;}
.projects-list:hover{background: white;box-shadow: 0 1px 10px rgba(216,216,216,0.5);}
.projects-list .title{font-weight: bold;color:#3a719e;}
.projects-list .title a{text-decoration: underline;color:#3a719e;font-weight: 600;}
.projects-list .preview-img{text-align: center;}
.projects-list article{color:#666;font-style: italic; font-size: 93%;}
/*.projects-list .more{height: 35px;border-top: 1px solid #7e7d7d;background-color: #e6e6e6;padding-top: 9px;margin-top: 20px;}*/
.projects-list .more {color:#1ca0d7;}
.projects-list .more span{font-size: 70%;font-weight: 100;padding-bottom: 3px;display: inline-block;}

.projects-list2 .projects{margin-bottom: 30px;}
.projects-list2 .projects .prew-picture{position: relative;}
.projects-list2 .projects .prew-picture img{width:252px;height:144px;}
.projects-list2 .projects .prew-picture.hover .more{display: block;background: rgba(56, 72, 85, 0.7) url('../img/more.png') no-repeat 50% 50%;height:100%;width:100%;position: absolute;z-index: 100;}
.projects-list2 .projects figure:hover{background: white;box-shadow: 0 1px 10px rgba(216,216,216,0.5);}
.projects-list2 .projects figcaption{font-size: 93%;padding: 10px 10px 20px;}

.project-detail{}
.project-detail h1{font-size:207%;font-weight:bold;margin: 0;}
.project-detail b{color:#3d4d5e;}

.project-result{background: white;padding-bottom: 15px;margin-top: 20px;}
.project-result .title {background: #d3f2ff;padding: 7px 10px; font-size: 143%;font-weight: 700;margin-bottom: 15px;}
.project-result p{padding: 0 10px;}

.direct-speech-wrapper {background: white;}
.direct-speech-title {background: #d3f2ff;padding: 7px 10px;font-size: 143%;font-weight: 700;}
.direct-speech {padding: 7px 10px;}

/*Sidebar*/
.project-info{background:#d3f2ff;padding: 17px;overflow: hidden;height:300px;color:#666;}
.project-info b{font-style:italic;}
.project-info div{float:left;width:50%;}
@media (max-width:1200px) {
    .project-info {
        height: auto;
        min-height: 300px;
    }
    .project-info div {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media (max-width:1000px) {
    .project-info div {
        margin-bottom: 20px;
    }
}
@media (max-width:768px) and (min-width:481px) {
    .project-info div {
        width: 50%;
        margin-bottom: 0;
    }
    .project-info {
        height: auto;
        min-height: auto;
    }
}
@media (max-width:480px) {
    .project-info div {
        width: 100%;
        margin-bottom: 20px;
    }
    .project-info {
        height: auto;
        min-height: auto;
    }
}
.project-reviews_who{margin:15px 0 30px 0;}

.project-aside1{padding: 30px 17px;background: white;}
.project-aside1 p{font-size: 93%;color:#666;}
.project-aside1 .title{font-weight: bold;font-style: italic;margin-bottom: 10px;}

.project-aside2{padding: 15px 17px; margin:15px 0; border:1px solid #e0dbda;}
.project-aside2 ul{font-size: 93%;color:#999;list-style-type: none;padding: 0;font-style: italic;}
.project-aside2 li{margin:0 0 7px;color:#999;}
.project-aside2 .title{font-weight: bold;font-style: italic;margin-bottom: 10px;}
/* .project-reviews {background: url('../img/reviews.png') no-repeat 90% 30px;} */
.project-reviews .title{font-size: 143%;font-weight: bold;padding: 7px 0;}

/* Carusel */
.jcarousel-wrapper {margin: 20px auto 5px;position: relative;}
.jcarousel {position: relative;overflow: hidden;width: 100%;}
.jcarousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.jcarousel li {width: 200px;float: left;border: 1px solid #fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.jcarousel img {display: block;max-width: 100%;height: auto !important;}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {position: absolute;top: 0;width: 30px;height: 100%;text-align: center;color: #fff;text-decoration: none;opacity: 0.7;}
.jcarousel-control-prev {left: 0;background: rgba(0,0,0,0.4) url('../img/prev.png') no-repeat 50% 50%;}
.jcarousel-control-next {right: 0;background: rgba(0,0,0,0.4) url('../img/next.png') no-repeat 50% 50%;}
.jcarousel-control-next:hover,.jcarousel-control-prev:hover{opacity: 1;}

/** Carousel Pagination **/

.jcarousel-pagination {position: absolute;bottom: -40px;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);margin: 0;}
.jcarousel-pagination a {text-decoration: none;display: inline-block;font-size: 11px;height: 10px;width: 10px;line-height: 10px;background: #fff;color: #4E443C;border-radius: 10px;text-indent: -9999px;margin-right: 7px;-webkit-box-shadow: 0 0 2px #4E443C;-moz-box-shadow: 0 0 2px #4E443C;box-shadow: 0 0 2px #4E443C;}
.jcarousel-pagination a.active {background: #4E443C;color: #fff;opacity: 1;-webkit-box-shadow: 0 0 2px #F0EFE7;-moz-box-shadow: 0 0 2px #F0EFE7;box-shadow: 0 0 2px #F0EFE7;}

.icon-nav-tabs{margin:10px 0 0;}
.icon-nav-tabs li{float:right;}
.icon-nav-tabs li a{padding: 0 7px;font-size:140%;opacity: 0.6;}
.icon-nav-tabs li a:hover,.icon-nav-tabs li.active a{background: none;opacity: 1;}

/*Main slider*/
.slider {position:relative; overflow:hidden;float:left;width:100%;/*min-width:1140px;*/height:400px;position:relative;}
.sliderContent {float:left;width:100%;height:400px;clear:both;}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../img/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-21px;
}
.prev {background-position:0 0;left:50%;margin-left: -555px;}
.prev:hover {background-position:0 -44px;}
.next {right:50%;background-position:-44px 0;margin-right: -555px;}
.next:hover {background-position:-44px -44px;}

.sliderContent .item {position:absolute;width:100%;height:400px;background:#fff;text-align: center;}
.slider_card{text-align: left;}
.sliderBullets {position:absolute;bottom:10px;left:50%;z-index:50;margin-left:-15px;}
.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:10px;
background: #000;
border:2px solid #ccc;
transition: background 0.25s ease 0s;}

.sliderBullets .active {background: #fff;}
.sliderContent a {outline:none;}

.slider_card{padding: 30px 15px;height:auto;margin-left:-500px;}

.slider_card {
    position: absolute;
    left: 50%;
    top: 40px;
    width: 380px;
    height: 270px;
    background: rgba(255,255,255,0.7);
    z-index: 10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slider_card h3 {
    padding-bottom: 15px;font-size: 200%;font-weight: 700;margin:0;
}
.slider_card h3 a {
    color: #384855;
}
.slider_card h3 a:hover {
    text-decoration: none;
}
.slider_card p {
    font-size: 14px;color: #384855;line-height: 20px;
}

@media (max-width:1023px){
    .slider .slider_card{margin-left: -420px; max-width: 320px;height: auto;}
}
@media (max-width:860px){
    .slider .slider_card{margin-left: -320px; max-width: 320px;height: auto;}
}
@media (max-width:767px){
    .slider .slider_card{margin-left: -160px; max-width: 320px;height: auto;}
    .slider .sliderArrows .next{margin-right:-380px;}
    .slider .sliderArrows .prev{margin-left:-380px;}
}
@media (max-width:480px){
    .slider .slider_card{margin-left: -160px; max-width: 320px;height: auto;}
    .slider .sliderArrows .next{margin-right:-200px;}
    .slider .sliderArrows .prev{margin-left:-200px;}
    .slider .sliderBullets{display: none;}
}
@media (max-width:360px){
    .slider .slider_card{margin-left: -160px; max-width: 320px;height: auto;}
    .slider .sliderArrows .next{margin-right:-180px;}
    .slider .sliderArrows .prev{margin-left:-180px;}
    .slider .sliderBullets{display: none;}
}

/** Slider. END **/
/*Popup style*/
div.bgfon {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: black;
}
.window {
    background: url(../black-friday/blackfriday_400x200.jpg) 0 0 no-repeat;
    display: none;
    left: 50%;
    /*top: 50%;*/
    top: 100px;
    margin-left: 100px;
    /*margin-top: -170px;*/
    position: absolute;
    width: 400px;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
    z-index: 10001;
}
.stick-bf{
    display: none;
    position: absolute;
    top: 50px;
    left: 1470px;
    background: #D2161D;
    text-align: center;
    padding: 20px;
    border-radius: 100%;
    color: #fff;
    z-index: 10001;
    overflow: hidden;
    opacity: 1;
    font-size: 16px;
}
.stick-bf:hover{
    color: #fff;
}
.window2 {
    background: url(../promo/Lights-Camera-Action_400x200.jpg) 0 0 no-repeat;
    display: none;
    left: 50%;
    /*top: 50%;*/
    top: 300px;
    margin-left: 100px;
    /*margin-top: -170px;*/
    position: absolute;
    width: 400px;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
    z-index: 10001;
}
.close-popup {
  display: block;
  position: absolute;
  top: 15px;
  left: 100%;
  margin-left: -45px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #D2161D;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  text-decoration: none;
}
.popup-buttons {position: absolute;top: 100%;width: 750px;margin-top: -60px;height: 60px;padding: 0 25px;}
.popup-btn {
  display: inline-block;
  width: 225px;
  height: 40px;
  margin: 0 10px;
  background: #D2161D;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  line-height: 25px;
  font-weight: bold;
  color: #fff;
}
.popup-btn:hover,
.close-popup:hover {background: #DF1C24;}
.popup-url {display: block;width: 800px;height: 600px;}
/*End. Popup style*/
.project_filter {
  padding: 3px 15px 3px 10px;
  border-radius: 10px;
  color: #777;
  margin: 4px 0;
  display: block;
}
.project_filter.selected {
  background-color: #d3f2ff;
  color: #384855;
}
@media (max-width: 1440px) {
  .stick-bf{top: 30px; left: 1220px;}
}
@media (max-width: 1024px) {
  .stick-bf{top: 1px; left: 910px;font-size: 12px;padding: 15px;}
}
@media (max-width: 768px){
    .window{margin-left: -30px}
    .stick-bf{top: 1px; left: 650px;font-size: 12px;padding: 15px;}
}
@media (max-width: 425px){
    .window{margin-left: -200px}
    .stick-bf{top: 1px; left: 305px;font-size: 12px;padding: 15px;}
}
@media (max-width: 375px){
    .window{background-size: 100%; margin-left: -175px; width: 350px; height: 175px}
    .stick-bf{top: 1px; left: 255px;font-size: 12px;padding: 15px;}
}
@media (max-width:320px){
    .slider .slider_card{margin-left: -160px; max-width: 320px;height: auto;}
    .slider .sliderArrows .next{margin-right:-160px;}
    .slider .sliderArrows .prev{margin-left:-160px;}
    .slider .sliderBullets{display: none;}
    .window{background-size: 100%; margin-left: -151px; width: 300px; height: 150px}
    .stick-bf{top: 1px; left: 200px;font-size: 12px;padding: 15px;}
}