@font-face{font-display:fallback;font-family:'ProximaNova';src:url(fonts/ProximaNovaThin.ttf),url(fonts/ProximaNovaThin.woff);font-weight:100}
@font-face{font-display:fallback;font-family:'ProximaNova';src:url(fonts/ProximaNovaLight.ttf),url(fonts/ProximaNovaLight.woff);font-weight:300}
@font-face{font-display:fallback;font-family:'ProximaNova';src:url(fonts/ProximaNovaRegular.ttf),url(fonts/ProximaNovaRegular.woff);font-weight:400}
@font-face{font-display:fallback;font-family:'ProximaNova';src:url(fonts/ProximaNovaBlack.ttf),url(fonts/ProximaNovaBlack.woff);font-weight:900}
#bottom_block > div{background:#fff}
.projects{text-align:center;position:relative;margin-top:10px;left:0;width:100%}
.projects .items a{display:inline-block;overflow:hidden;border-radius:3px;width:14.5%;margin:0 8px 25px}
.projects .items a img{display:block;width:100%}
.projects .more{margin-top:35px;margin-bottom:20px;text-align:center;font:900 36px/46px ProximaNova;text-transform:uppercase}
.projects .more a{color:#000;text-decoration:none;border-bottom:3px solid #000}
.projects .more a:hover{border-color:#fff}
.portfolio .page_title{margin-bottom:10px}
.portfolio .grid{margin-left:-1%}
.portfolio .grid-item{width:15.3%;margin:0 0 1% 1%;display:inline-block}
.portfolio .grid-item img{display:block;width:100%;border-radius:5px}
.portfolio .grid-item .back{background:#ccc;width:100%;height:100%;border-radius:5px;display:block;position:absolute;top:0;left:0}
.portfolio .grid-item--width2{width:31.6%}
.portfolio .filter-group{margin-bottom:32px}
.portfolio .filter-group a{color:#000;font:14px/20px ProximaNova;text-decoration:none;padding:0 5px;transition:all .3s ease;display:inline-block;border:none;background:none;cursor:pointer;margin-right:20px}
.portfolio .filter-group a:hover,.portfolio .filter-group a.active{background:#ffcd60}
.portfolio_item{background:#ffcd60}
.portfolio_item .page_title{color:#fff}
.portfolio_item .images{text-align:center}
.portfolio_item .images img{display:block;max-width:100%}
.portfolio_item .images img.shadow{box-shadow:0 0 30px rgba(0,0,0,0.1)}
.portfolio_item .images img + img{margin-top:35px}
.portfolio_item .info{background:#fff;padding:35px 20px;box-shadow:0 0 30px rgba(0,0,0,0.1)}
.portfolio_item .info .title{color:#000;font:900 18px/18px ProximaNova;text-transform:uppercase;margin-bottom:12px}
.portfolio_item .info .desc{color:#000;font:14px/18px ProximaNova}
.portfolio_item .info .site{margin-top:7px}
.portfolio_item .info .site a{color:#0077c0}
.portfolio_item .info .site a:hover{text-decoration:none}
.portfolio_item .info .tags{margin-top:15px}
.portfolio_item .info .tags span{display:inline-block;border:1px solid #e6e6e6;border-right:none;padding:0 5px;color:#999;font:14px/23px ProximaNova;text-decoration:none;height:25px;position:relative;margin-right:20px;margin-bottom:5px}
.portfolio_item .info .tags span:after{display:block;width:11px;height:25px;position:absolute;top:-1px;right:-11px;content:'';background:url(images/tag_after.png) 0 0 no-repeat}
.portfolio_item .info .order_link{display:block;max-width:100%;height:48px;padding:0 30px;border:3px solid #000;margin-top:20px;text-align:center;color:#000;font:900 14px/44px ProximaNova;text-decoration:none;text-transform:uppercase;border-radius:30px;transition:all .3s ease}
.portfolio_item .info .order_link:hover{background:#000;color:#fff}
.hidden-review {display: none;}
.show-more-review {display:inline-block;border:1px solid #888;padding:0 46px;border-radius:30px;line-height:30px;color:#333;text-decoration:none;transition:all .3s ease;margin:auto;padding-top:1px;height:max-content}
.contacts_info .info{color:#000;font:14px/22px ProximaNova;margin-bottom:25px}
.contacts_info .info .title{font-weight:900;margin-bottom:8px}
.contacts_info .info a{color:#d9d9d9}
.contacts_info .info a span{color:#000}
.contacts_info .info a:hover{text-decoration:none}
.contacts_info .info .time{margin-top:8px;border-top:1px solid #e0e0e0;padding:8px 0 6px;background:url(images/contacts_time_bg.png) 0 100% no-repeat}
.contacts_info .map{height:320px}
.contacts_info .order_link{display:inline-block;height:48px;padding:0 30px;border:3px solid #000;margin-top:40px;text-align:center;color:#000;font:900 14px/44px ProximaNova;text-decoration:none;text-transform:uppercase;border-radius:30px;transition:all .3s ease}
.contacts_info .order_link:hover{background:#000;color:#fff}
.page_menu{background:#f7f7f7;padding:20px}
.page_menu li{list-style-type:none;font:14px ProximaNova}
.page_menu li + li{margin-top:8px}
.page_menu li a{color:#d9d9d9;font-weight:400;display:inline-block;padding:0 5px;margin-left:-5px;line-height:22px;transition:all .3s ease}
.page_menu li a span{color:#000}
.page_menu li a:hover,.page_menu li a.active{background:#ffcd60;text-decoration:none}
.page_menu .qr_code{color:#000;font:12px/14px ProximaNova;padding-top:20px;margin-top:18px;border-top:1px solid #e0e0e0}
.page_menu .qr_code img{display:block;max-width:100%;margin-bottom:18px}
.services_menu{text-align:right}
.services_menu > ul{display:inline-block}
.services_menu li{list-style-type:none;font:14px ProximaNova;text-align:left}
.services_menu li + li{margin-top:8px}
.services_menu li ul{padding-top:5px;padding-bottom:10px}
.services_menu li a.parent{font-weight:900;text-decoration:none}
.services_menu li a{color:#d9d9d9;font-weight:400;display:inline-block;padding:0 5px;margin-left:-5px;line-height:22px;transition:all .3s ease}
.services_menu li a span{color:#000}
.services_menu li a:hover,.services_menu li a.active{background:#ffcd60;text-decoration:none}
.order_form form .text{color:#000;font:14px/22px ProximaNova;padding-bottom:8px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}
.order_form form .line{margin-bottom:16px}
.order_form form .name{color:#000;font:14px/42px ProximaNova;width:160px}
.order_form form .input{height:42px;background:#fafafa;border:1px solid #e5e5e5;padding:0 15px;color:#000;font:14px ProximaNova;width:100%;max-width:302px}
.order_form form textarea{height:150px;background:#fafafa;border:1px solid #e5e5e5;padding:8px 15px;color:#000;font:14px ProximaNova;width:100%;max-width:560px;resize:none}
.order_form form .input:focus,.order_form form textarea:focus,.order_form form .sbHolder:hover .sbSelector{border-color:#ffcd60}
.order_form form .sbHolder{width:100%;max-width:302px;position:relative;display:inline-block;vertical-align:top}
.order_form form .sbSelector{height:42px;background:#fafafa;border:1px solid #e5e5e5;padding:0 50px 0 15px;color:#000;font:14px/40px ProximaNova;text-decoration:none;display:block}
.order_form form .sbToggle{display:block;width:14px;height:11px;position:absolute;top:50%;margin-top:-6px;right:18px;background:url(images/select_trigger.png) 0 0 no-repeat}
.order_form form .sbOptions{width:100%;top:43px!important;position:absolute;background:#fafafa;border:1px solid #e5e5e5}
.order_form form .sbOptions li{list-style-type:none}
.order_form form .sbOptions li a{padding:0 15px;color:#000;font:14px/40px ProximaNova;text-decoration:none;display:block}
.order_form form .sbOptions li a:hover{background:#e5e5e5}
.order_form form .file{position:relative;display:inline-block;vertical-align:top}
.order_form form .file input[type=file]{opacity:0;display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.order_form form .file div{display:inline-block;background:#ffcd60;padding:0 15px;color:#000;font:900 14px/42px ProximaNova;height:42px;text-transform:uppercase;position:relative;z-index:1}
.order_form form .submit{padding-top:12px}
.order_form form .submit_btn{display:inline-block;height:48px;padding:0 30px;border:3px solid #000;cursor:pointer;color:#000;font:900 14px ProximaNova;background:none;text-transform:uppercase;border-radius:30px;transition:all .3s ease}
.order_form form .submit_btn:hover{background:#000;color:#fff}
.text_block{color:#000;font:15px/18px ProximaNova}
.text_block h2{font:300 24px/30px ProximaNova;margin-bottom:30px}
.text_block p{margin-bottom:20px}
.text_block ul{margin-bottom:20px;padding-top:5px}
.text_block li{list-style-type:none;font-size:14px}
.text_block li + li{margin-top:8px}
.text_block li a{color:#d9d9d9}
.text_block li a span{color:#000}
.text_block li a:hover{text-decoration:none}
.text_block .links{padding-top:20px}
.text_block .links a{display:inline-block;margin-right:40px;color:#d9d9d9;font:14px/48px ProximaNova;vertical-align:top}
.text_block .links a span{color:#000}
.text_block .links a:hover{text-decoration:none}
.text_block .links a.order_link{display:inline-block;height:48px;padding:0 30px;border:3px solid #000;text-align:center;color:#000;font:900 14px/44px ProximaNova;text-decoration:none;text-transform:uppercase;border-radius:30px;transition:all .3s ease}
.text_block .links a.order_link:hover{background:#000;color:#fff}
.service_info .items{padding:15px 0 0;margin-left:-60px}
.advantages{margin-left:-2.6%}
.advantages .item{width:22%;display:inline-block;vertical-align:top;margin-bottom:35px;margin-left:2.6%;color:#000;font:13px/18px ProximaNova}
.advantages .item .icon{height:80px;line-height:80px;margin-bottom:10px}
.advantages .item .icon img{vertical-align:middle;position:relative;top:-2px}
.advantages .item .name{font:900 14px ProximaNova;text-transform:uppercase;margin-bottom:10px}
footer{background:#f7f7f7;padding:30px 0;color:#333;font:13px/16px Roboto}
footer a{color:#d9d9d9}
footer a span{color:#333}
footer a:hover{text-decoration:none}
footer.absolute{position:absolute;left:0;bottom:0;width:100%}
footer .text{width:25%}
footer .copyright{color:#000;font-size:14px;padding:5px 0 5px 40px;margin:0 0 8px -40px;background:url(images/copyright_icon.png) 0 0 no-repeat}
footer .map_link{display:inline-block;margin-top:10px}
footer .links{margin-left:12%;display:inline-block;vertical-align:top}
footer .title{color:#000!important;font:900 13px/25px  Roboto!important;margin-bottom:5px!important}
footer .links li{list-style-type:none}
footer .links li + li{margin-top:7px}
@media (max-width: 1124px) {
.cd-section .info{max-width:50%}
.cd-section.portfolio .info{max-width:100%;margin-bottom:400px}
.cd-section .desc{font-size:24px;line-height:normal}
#section2 .bg1{left:auto;right:25px;top:-50px}
#section2 .bg2{left:auto;right:10px;margin-left:0}
#section3 .info{width:100%;max-width:100%;padding:30px 0}
#section3 .img{text-align:center;margin:0;width:100%}
.cd-section.portfolio .img{left:0!important;margin-left:0!important;width:100%;text-align:center}
.cd-section.portfolio .img img{max-width:70%;max-height:480px}
footer .copyright{margin-left:0}
footer .links{margin-left:8%}
header .logo{margin-left:0}
.cont2{padding:0 20px}
.page_content .main_column{width:100%}
header .phone{float:none;display:inline-block}
header .menu{display:none}
header .menu_link{display:block}
.page_content{padding:25px 0 45px}
.page_content .page_title{font-size:48px;margin-bottom:25px}
.page_content .right_column{float:none;width:100%;display:block;margin-bottom:25px;max-width:100%}
.contacts_info .info{font-size:23px;line-height:normal}
.contacts_info .info > .left{margin-bottom:10px}
.contacts_info .info > .left,.contacts_info .info > .right{float:none}
.contacts_info .info .time{padding-top:10px;margin-top:12px;padding-bottom:8px}
.contacts_info .map{height:400px}
.order_form form .text{font-size:24px;line-height:30px;padding-bottom:25px;margin-bottom:30px}
.portfolio .grid{margin-left:-1.4%}
.portfolio .grid-item{width:22%;margin:0 0 1.4% 1.4%}
.portfolio .grid-item--width2{width:45.4%}
.portfolio_item .info .desc,.portfolio_item .info .title{line-height:normal;font-size:24px}
.portfolio_item .info .tags{float:left;margin:0;padding-top:15px}
.portfolio_item .info .order_link{float:right;margin:3px 0 0}
.page_menu{background:none;padding:0}
.page_menu ul{margin-left:-20px}
.page_menu li{display:inline-block;margin-bottom:10px;margin-left:20px}
.page_menu .qr_code{display:none}
.services_menu{text-align:left}
.services_menu > ul{width:100%}
.services_menu > ul > li{display:inline-block;vertical-align:top;width:32.9%;margin-bottom:10px}
.services_menu > ul > li + li{margin-top:0}
}
@media (max-width: 960px) {
.projects .items a{width:25%}
}
@media (max-width: 760px) {
  .cont{padding:0 8px}
  .cd-section .info{max-width:90%}
  #section1 .logo{height:270px;margin:50px 0 30px}
  .cd-section .desc{display:none}
  #section2 .bg1{top:0;width:200px}
  #section2 .bg2{bottom:-50px;width:200px;right:-50px}
  #section3 .info{padding:20px 0 40px}
  .cd-section.portfolio .info{float:none;margin-bottom:240px}
  .projects .items a{width:26%}
  .cd-section.portfolio .img img{max-width:85%;max-height:680px}
  footer .links{display:none}
  footer .text{width:100%}
  header .phone{display:none}
  header .logo{height:99px}
  header .logo img{width:200px}
  .page_menu li + li{margin-top:0}
  .page_content .page_title{font-size:25px;line-height:30px}
  .order_form form .text{font-size:16px;line-height:22px;padding-bottom:15px;margin-bottom:20px}
  .order_form form .name{line-height:14px;margin-bottom:10px;width:100%}
  .contacts_info .info{font-size:14px;line-height:normal}
  .portfolio_item .info .desc,.portfolio_item .info .title{line-height:normal;font-size:13px}
  .portfolio_item .info .tags{width:100%}
  .portfolio_item .info .tags a{margin-right:16px}
  .portfolio_item .info .order_link{float:right;margin:15px 0 0;font-size:12px;width:100%}
  .portfolio .filter-button-group button{margin-bottom:10px}
  .portfolio .grid{margin-left:-6%}
  .portfolio .grid-item{width:44%;margin:0 0 6% 6%}
  .portfolio .grid-item--width2{width:94%}
  .projects{position:relative;top:0}
  .projects .more{margin-top:15px}
  .services_menu > ul > li{width:100%;margin-bottom:15px}
  .services_menu > ul > li > ul > li {display: inline-block; margin-right: 10px;}
  .services_menu > ul > li:nth-child(4) > ul{display: none;}
  .text_block h2{font-size:18px;line-height:normal}
  .text_block li{font-size:13px}
  .services .item,.advantages .item,.service_info .items.many .item{width:100%}
  .advantages .item,.services .item{text-align:center}
  .text_block .links{text-align:center}
  .text_block .links a{margin:0 0 20px}
  .text_block .links a.order_link{display:block}
}
@media (max-width: 320px) {
.cd-section .info{margin-top:15px}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
.cd-section.portfolio .img img{max-width:60%;max-height:680px}
}
.portfolio .grid-item {
    background: rgba(247, 246, 247, 0.76);
    border-radius: 4px;
    vertical-align: top;
}
.porName {
    font-size: 15px;
    padding: 0;
    margin: 0 10px;
    border-bottom: 1px solid rgba(112, 112, 112, .14);
    position: relative;
    line-height: 1.2;
    height: 50px;
    font-family: Roboto;
    letter-spacing: 0px;
    color: #444;
    display: flex;
    align-items: center;
    font-weight: 400;
}
.portfolio .grid-item .porName img {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    float: right;
    position: absolute;
    right: 0;
    top: 21px;
}
.porDescr {
    font-size: 12px;
    padding: 0 10px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    height: 50px;
    overflow: hidden;
    font-weight: 400;
    font-family: Roboto;
    color: #444;
    letter-spacing: 0px;
}
.porDescr a {
    text-decoration: none;
}