/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #303030;
}

body {
    font-size: .93em;
    line-height: 2.14em;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 24, 2014 */
@font-face {
    font-family: 'logodesignerregular';
    src: url('../fonts/logodesigner-regular.eot');
    src: url('../fonts/logodesigner-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/logodesigner-regular.woff2') format('woff2'),
         url('../fonts/logodesigner-regular.woff') format('woff'),
         url('../fonts/logodesigner-regular.ttf') format('truetype'),
         url('../fonts/logodesigner-regular.svg#logodesignerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}


html, body{
    width:100%; 
    height:100%;
    }
html{
    font-size:.85em;
    font-family: 'logodesignerregular';
    }
.wrap{
    min-height:100%;
    background:#ffffff;
    }
* html .wrap{
  height: 100%;
  }
header{
    position:relative;
    z-index:10;
    padding-top:8px;
    background:#fff;
    }
.wrap, footer{
    margin-left:auto;
    margin-right:auto;
    min-width:320px;
    }
.lt-ie9 .wrap, .lt-ie9 footer{
    min-width:960px;
    }
footer{
    position:relative;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    padding-top:50px;
    height:215px;
    margin-top:-215px;
    background:#303030;
    color:#fff;
    }
.inner-wrap{
    position:relative;
    padding-bottom:215px;
    }
.width-ruler{
    margin:0 auto;
    padding-left:50px;
    padding-right:50px;
    max-width:900px;
    }
.width-ruler.wide{
    padding-left:20px;
    padding-right:20px;
    max-width:960px;
    }
.width-ruler.fullwidth{
    padding-left:0px;
    padding-right:0px;
    max-width:inherit;
    }
.content{
    position:relative;
    line-height:1.8;
    font-size:14px;
    }


.no-ul,
.no-ul li{
    margin:0;
    padding:0;
    background:none;
    list-style:none;
    
    }
.no-ul li:before{
    margin-left:0 !important;
    content:'';
    }

.keeptogether {
    /* display: inline-block; */ /* add exrta space after two cols div */
    display:block;
    width: 100%;
    }
a{
    color:#000;
    }    
a:hover{
    text-decoration:none;
    }    
.small-title{
    margin:30px 0 30px 0;
    font-size:14px;
    text-align:center;
    text-transform:uppercase;
    }
.feedback .small-title h3,
.feedback .small-title .h3{
    margin:0;
    font-weight:normal;
    line-height:1.8;
    font-size:14px;
    }
h1, .h1{
    margin-top:0.83em;
    font-size:24px;
    font-weight:normal;
    line-height:1.7;
    }
p + h1, p + .h1,
ul + h1, ul + .h1,
ol + h1, ol + .h1{
	margin-top:1.83em;
	}
h2, .h2{
    margin-top:1.83em;
    font-size:20px;
    font-weight:normal;
    line-height:1.7;
    }
h3, .h3{
    margin-top:1.83em;
    font-size:18px;
    font-weight:normal;
    line-height:1.7;
    }
h4{
    font-weight:normal;
    }    
    
p{
    margin:0.8em 0;
    }

ul, ol{
    padding-left:30px;
    }    
ul li{
    list-style:none;
    }
ul li:before{
    margin-left:-15px;
    content:'— ';
    }
ol li{
    list-style-position:outside;
    }
.nowrap{
    white-space:nowrap;
    }
.breadcrumbs,    
.bc-btn-area{
    margin: 0.83em 0;
    font-size:14px;
    font-weight:normal;
    line-height:1.7;
    }
.breadcrumbs li{
    display:inline;
    margin-left:10px;
    padding:0 0 0 20px;
    background:url(../img/breadcrumbs-small.png) no-repeat 0 .25em;
    /* background-size:11px 22px; */
    }
.lt-ie9 .breadcrumbs li{
    background-image:url(../img/breadcrumbs-small.png);
    }
.breadcrumbs li:first-child{
    margin-left:0;
    padding-left:0;
    background:none;
    }
.breadcrumbs a{
    padding-bottom:0px;
    border-bottom:1px solid #303030;
    color:#303030;
    text-decoration:none;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;  
	outline:0;  
    }
.breadcrumbs a:hover{
    border-color:#fff;
    }
.case-info .breadcrumbs a:hover{
    border-color:#ececec;
    }
.breadcrumbs h1{
    display:inline;
    margin:0;
    padding:0;
    }

.bc-btn-area{
    position:relative;
    }    
.bc-btn-area .breadcrumbs{
    margin:0;
    padding-right:180px;
    }
.bc-btn-area .button-area{
    position:absolute;
    right:0;
    top:-4px;
    text-align:right;
    }
.bc-btn-area .button{
    padding:5px 15px;
	letter-spacing:normal;
    }
    
.table-table{
    display:table;
    }
.table-row{
    display:table-row;
    }
.table-cell{
    display:table-cell;
    }    
    
.ta-left{
    text-align:left !important;
    }
.ta-center{
    text-align:center !important;
    }
.ta-right{
    text-align:right !important;
    }
    
    
.side-follow{
    position:absolute;
    right:5px;
    top:5px;
    z-index:15;
    padding:10px;
    width:25px;
    /* background:rgba(255,255,255,.8); */
    }
.side-follow li{
    margin-top:15px;
    }
.side-follow ul li:first-child{
    margin-top:0;
    }
.side-follow a{
    display:block;
    width:25px;
    height:24px;
    outline:0;
    text-decoration:none;
    background:url(../img/follow.png) no-repeat -1000px -1000px;
    }    
.side-follow .f-top a{
    background-position:0 0;
    }
.side-follow .f-portfolio a{
    background-position:0 -38px;
    }
.side-follow .f-feedback a{
    background-position:0 -76px;
    }
    
.follow-link{
    font-size:0;
    line-height:0;
    }
    
.header-follow{
    position:absolute;
    position:fixed;
    top:-47px;
    left:0;
    z-index:5;
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
    background:#303030;
    -webkit-transition: top 0.2s ease;
    -moz-transition: top 0.2s ease;
    -ms-transition: top 0.2s ease;
    transition: top 0.2s ease;
    }
.header-follow.sticky{
    top:0;
    }
.lt-ie9 .header-follow{
    min-width:960px;
    }
header .social{
    text-align:right;
    }
footer .social{
    position:relative;
    }
.social li{
    display:inline-block;
    }
header .social li{
    margin-left:20px;
    }
footer .social li{
    margin-left:10px;
    margin-right:10px;
    }
.social li a{
    display:block;
    height:25px;
    width:25px;
    background:url(../img/social.png) no-repeat -1000px -1000px;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    }
    /*
header .social li a{
    border-bottom:2px solid #fff;
    }
footer .social li a{
    border-bottom:2px solid #303030;
    }
    */
header .social li a:hover{
    background-color:#2c2c2c;
    }
footer .social li a:hover{
    background-color:#fff;
    }
/*    
.social .s-vk a{
    width:14px;
    }
.social .s-fb a{
    width:15px;
    }
.social .s-twitter a{
    width:16px;
    }
.social .s-instagram a{
    width:10px;
    }
*/
header .social .s-vk a,
footer .social .s-vk a:hover{
    background-position:5px 7px;
    }
header .social .s-fb a,
footer .social .s-fb a:hover{
    background-position:-32px 7px;
    }
header .social .s-twitter a,
footer .social .s-twitter a:hover{
    background-position:-68px 7px;
    }
header .social .s-instagram a,
footer .social .s-instagram a:hover{
    background-position:-108px 8px;
    }
footer .social .s-vk a,
header .social .s-vk a:hover{
    background-position:5px -29px;
    }
footer .social .s-fb a,
header .social .s-fb a:hover{
    background-position:-32px -29px;
    }
footer .social .s-twitter a,
header .social .s-twitter a:hover{
    background-position:-68px -29px;
    }
footer .social .s-instagram a,
header .social .s-instagram a:hover{
    background-position:-108px -28px;
    }

.logo, .logo a{
    display:block;
    margin:0;
    padding:0;
    width:200px;
    height:18px;
    border:0;
    outline:0;
    }
header .logo,
.header-follow .logo,
footer .logo{
    position:absolute;
    left:0;
    top:4px;
    }
.logo a{
    background-image:url(../img/logo.png);
    background-repeat:no-repeat;
    }
header .logo a{
    background-position:0 0;
    }
footer .logo a,
.header-follow .logo a{
    background-position:0 -18px;
    }
.logo span{
    margin-left:-10000px;
    }
    
.main-menu{
    padding-left:90px;
    height:78px;
    text-align:center;
    text-transform:uppercase;
    font-size: 12px;
    line-height:27px;
    letter-spacing: 0.1em;
    }
.main-menu{
    padding-top:0px;
    /* background:green; */
    }
.header-follow .main-menu{
    height:auto;
    }
.main-menu li{
    display:inline-block;
    margin:0 12px 0 15px;
    
    /* background:red; */
    }
.main-menu .second-level li{
    margin:0;
    }
.main-menu a{
    padding-bottom:2px;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    text-decoration:none;
    vertical-align:top;
    }
header .main-menu a{
    color:#464646;
    border-bottom: 2px solid #fff;
    }
header .main-menu li:hover a{
    border-bottom-color:#464646;
    }
footer .main-menu a,
.header-follow .main-menu a{
    color:#fff;
    border-bottom: 2px solid #303030;
    }
footer .main-menu li:hover a,
footer .main-menu li.active a,
.header-follow .main-menu li:hover a,
.header-follow .main-menu li.active a{
    border-color:#fff;
    }

.main-menu ul .second-level{
    display:none;
    position:absolute;
    top:24px;
    left:0;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    padding:25px 0; /* old: 12px 0*/
    width:100%;
    border-top:13px solid #fff;
    background:#ececec;
    text-align:left;
    letter-spacing:normal;
    /*
    background:red;
    border-color:green;
    */
    }
.header-follow .main-menu ul .second-level{
    top:36px;
    background:#ececec;
    border-color:#303030;
    border-width:11px 0 0 0;
    }
header .main-menu ul .second-level{
    top:86px;
    }

header .main-menu ul .second-level .second-level-inner,
.header-follow .main-menu ul .second-level .second-level-inner{
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 900px;
    }
.main-menu .second-level a{
    padding-bottom:0;
    color:#464646;
    border-bottom-color:#ececec !important;
    }
.header-follow .main-menu .second-level a{
    border-bottom-color:#ececec !important;
    }
.main-menu .second-level a:hover{
    color:#000;
    border-bottom-color: #464646 !important;
    }
.main-menu ul .second-level a:hover{
    
    }
.main-menu li:hover .second-level{
    display:block;
    }
.main-menu ul .second-level .second-level-inner{
    width:100%;
    font-size:0;
    }
.main-menu ul .second-level .second-level-inner ul{
    font-size:11px;
    }
.main-menu ul .second-level.sl-portfolio .second-level-inner{
    display:block;
    /* display:table; */    
    }
.main-menu .second-level.sl-portfolio ul{
    /* display:table-row; */
    }
.main-menu .second-level.sl-portfolio li{
    /* display:table-cell; */
    /*
    display:inline-block;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    vertical-align:middle;
    */
    }
    /*
.main-menu ul .second-level.sl-portfolio ul li:last-child{
    text-align:right;
    }
    */
    
.main-menu .second-level.sl-services ul{
    /*
    -moz-column-count: 3;
    -moz-column-width: 300px;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-width: 300x;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-width: 300px;
    column-gap: 20px;
    
    text-align:;
    */
    }
.main-menu .second-level.sl-services li{
    width:100%
    }
    
.main-menu ul .second-level.sl-company ul li,
.main-menu ul .second-level.sl-portfolio ul li{
    margin-left:40px;
    }
.main-menu ul .second-level.sl-company ul li:first-child,
.main-menu ul .second-level.sl-portfolio ul li:first-child{
    margin-left:0px;
    }

.sl-col{
    display:inline-block;
    vertical-align:top;
    }
.sl-col-1{
    width:40%;
    }
.sl-col-2{
    /*width:30%;*/
    width:35%;
    }
.sl-col-3{
    /*width:30%;*/
    width:25%;
    }

/*
.slp-0{width:10%}
.portfolio-menu-single .slp-0{width:11%}
.slp-1{width:27%}
.portfolio-menu-single .slp-1{width:32.5%}
.slp-2{width:20%}
.portfolio-menu-single .slp-2{width:24.5%}
.slp-3{width:12%}
.slp-4{width:10%}
.slp-5{width:21%; text-align:right;}
.portfolio-menu-single .slp-5{width:10%}
*/

/* для меню из 5 пунктов */ 
/*
.slp-1{width:31%}
.main-menu .slp-1{width:29%}
.slp-2{width:23%}
.main-menu .slp-2{width:23%}
.slp-3{width:14%}
.slp-4{width:11%}
.slp-5{width:21%; text-align:right;}
.main-menu .slp-5{width:23%}
*/
    
header .phone,
.header-follow .phone,
footer .phone{
    position:absolute;
    right:0;
    top:0;
    padding-top:1px;
    font-size:15px;
    }
header .phone{
    color:#464646;
    }
footer .phone,
.header-follow .phone{
    color:#fff;
    }
.phone abbr{
    border:0;
    }
.phone abbr a{
text-decoration: none;
    }
    
    
.responsive-area{
    display:none;
    position:absolute;
    right:0;
    top:0;
    text-align:left;
    text-transform:uppercase;
    font-size:12px;
    }    
.responsive-area .trigger{
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:18px;
    height:13px;
    border-style:solid;
    border-color:#303030;
    border-width:3px 0 3px 0;
    cursor:pointer;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    }
.responsive-area .trigger:before{
    content:' ';
    position:absolute;
    left:0;
    width:100%;
    height:3px;
    background:#303030;
    webkit-transition: background 0.2s ease;
    -moz-transition: backgroundr 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
    }
.responsive-area .trigger:before{
    top:5px;
    }
.responsive-area .trigger:hover{
    border-color:#3f3f3f;
    }
.responsive-area .trigger:hover:before{
    background:#3f3f3f;
    }
.responsive-menu{
    position:absolute;
    right:-25px;
    top:-18px;
    display:none;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    padding:10px;
    width:320px;
    background:#ececec;
    }
.responsive-menu ul{
    
    }
.responsive-menu a{
    display:block;
    color:#464646;
    padding-bottom:1px;
    text-decoration:none;
    outline:0;
    }
.responsive-menu a span{
    position:relative;
    border-bottom:1px solid #777;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    }
.responsive-menu ul li:hover ul{
    /* display:block; */
    }
.responsive-menu li.has-child > a > span:after{
    content:' ';
    border-style: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #777 transparent transparent;
    position: absolute;
    right: -15px;
    top:2px;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    }
.responsive-menu li:hover > a > span,
.responsive-menu li.active > a > span{
    border-color:#000;
    color:#000;
    }
.responsive-menu li.has-child:hover > a > span:after,
.responsive-menu li.has-child.active > a > span:after{
    border-right-color:#000;
    }
.responsive-menu ul ul{
    display:none;
    margin-left:15px;
    text-transform:none;
    line-height:22px;
    }
.responsive-menu ul ul a{
    border-color:aqua;
    }
.responsive-menu ul ul a:hover{
    border-color:#000;
    }
    
 
.responsive-portfolio-menu{
	display:none;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	}
.responsive-portfolio-menu li{
	border-top:1px solid #ececec;
	}
.responsive-portfolio-menu ul li:first-child{
	border-top:none;
	}
.responsive-portfolio-menu a{
	display:block;
	padding:5px 10px;
	text-decoration:none;
	background:#fafafa;
	webkit-transition: background 0.2s ease;
    -moz-transition: backgroundr 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
	}
.responsive-portfolio-menu a:hover{
	text-decoration:none;
	background:#ececec;
	}
    
    
    
.carousel{
    position:relative;
    z-index:2;
    margin:0 auto;
    /* max-width:1900px; */
    width:100%;
    background:#333;
    }
    
.origin-video {
    min-width: 100%;
    min-height: 100%;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 20;
    }

.case-info{
    background:#ececec;
    padding-bottom:0;
    }
    
.freeze-slide{
    margin:0 auto 10px;
    height:650px;
    max-width:1900px;
    width:100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    }

.img-holder{
    margin:0.8em auto;
  }
.img-holder img{
    display:block;
    margin:0.8em auto;
    }
.img-holder.size-original img{
    width:auto;
    height:auto;
    max-width:100%;
    }
.img-holder.size-960 img{
    max-width:960px;
    width:100%;
    height:auto;
    }
.img-holder.size-full img{
    width:100%;
    height:auto;
    max-width:1900px;
    }

.text-holder{
    padding-top:0.5em;
    padding-bottom:0.5em;
    }
    
.promotext{
    /* margin-bottom:45px; */
    margin-bottom:0;
    /* margin-top:45px; */
	margin-top:25px;
    text-align:center;
    }
	
.offer{
	line-height:1.3;
	}
.page-index .offer{
	margin-top:45px;
	}
.offer,
.offer a{
	color:#fff;
	}
.offer{
	background:#aa1d1e url(../img/bg-offer.png) no-repeat 50% 50%;
	}
.offer li{
	box-sizing:border-box;
    -moz-box-sizing: border-box;
	padding:20px 80px;
	height:150px;
	text-align:center;
	}
.offer a{
	text-decoration:none;
	outline:0;
	}
.offer h3, .offer .h3{
	margin:0 0 5px 0;
	}
.offer p{
	margin:0;
	font-size:18px;
	}
.offer .contacts{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:10px 0 15px 0;
	width:100%;
	margin-top:10px;
	font-size:14px;
	}
    

.page-index .portfolio{
    margin-bottom:50px;
    }
    

.portfolio-menu,
.portfolio-menu-single-redesigned{
    position:relative;
    text-transform:uppercase;
    }
.portfolio-menu{
    margin:15px 0 30px 0;
    text-align:center;
    text-transform:uppercase;
    font-size:11px;
    }
.portfolio-menu-single-redesigned{
    margin:35px 0 35px 0;
    }
.portfolio .portfolio-menu:first-child{
    margin-top:30px;
    margin-bottom:15px;
    }
.case-info .portfolio-menu-single{
    margin-top:30px;
    margin-bottom:15px;
    }
.portfolio-menu ul{
    padding-left:30px;
    padding-right:30px;
    font-size:0;
    }
.portfolio-menu ul ul{
    display:none;
    }
.portfolio-menu li{
    display:inline-block;
    margin:0 15px;
    font-family: 'logodesignerbold';
    font-size:11px;
    vertical-align:top;
    }
.portfolio-menu a{
    padding-bottom:2px;
    border-bottom: 2px solid #464646;
    color:#464646;
    text-decoration:underline;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    text-decoration:none;
    }
.portfolio-menu a:hover,
.portfolio-menu .active a{
    border-bottom-color: #fff;
    }
    
.portfolio-menu-single p,
.portfolio-menu-single-redesigned p{
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    margin:0 0 0 0;
    color:#464646;
    }
.portfolio-menu-single p{
    font-family: 'logodesignerbold';
    }
.portfolio-menu.portfolio-menu-single ul{
    padding-left:180px;
    padding-right:0;
    text-align:left;
    }
.portfolio-menu-single li{
    margin-left:0px;
    margin-right:0;
    }
.portfolio-menu-single li:first-child{

    }
.portfolio-menu-single ul li:last-child{

    }
.case-info .portfolio-menu-single a{
    border-bottom: 2px solid #ececec;
    }
.portfolio-menu-single a{
    border-bottom: 2px solid #fff;
    }
.portfolio-menu-single a:hover,
.portfolio-menu-single .active a{
    border-bottom-color: #464646;
    }
    
    
.portfolio-menu-single-redesigned{
    font-size:12px;
    line-height:20px;
    }
.portfolio-menu-single-redesigned p{
    padding-top:2px;
    padding-bottom:3px;
    }
.portfolio-menu-single-redesigned a{
    padding-top:2px;
    padding-bottom:0px;
    }
.portfolio-menu-single-redesigned ul{
    display:table;
    margin-left:180px;
    /* font-family: 'logodesignerbold'; */
    }
.portfolio-menu-single-redesigned li{
    display:table-cell;
    /* padding:0 1px; */
    padding-left:15px;
    }
.portfolio-menu-single-redesigned ul li:first-child{
    padding-left:0;
    }
.portfolio-menu-single-redesigned a,
.portfolio-menu-single-redesigned .active span{
    display:inline-block;
    /*
    padding-left:7px;
    padding-right:7px;    
    */
    border-bottom: 2px solid transparent;
    /*color:#464646;*/
    color:#d52b1e;
    text-decoration:none;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    text-decoration:none;
    }
.portfolio-menu-single-redesigned a:hover,
.portfolio-menu-single-redesigned .active a,
.portfolio-menu-single-redesigned .active span    {
    /* border-color:#464646; */
    border-color:#d52b1e;
    }
    
    
    
    
    
.portfolio{
    margin-bottom:20px;
    }
    
.portfolio-projects{
    margin:15px 0 30px 0;
    font-size:0;
    }
.portfolio section{
    display:inline-block;
    margin:0;
    padding:10px;
    width: 33.33%;
    width: calc(100%/3);
    height: auto;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    font-size:12px;
    }    
.portfolio section a{
    position:relative;
    display:block;
    margin:0;
    width:100%;
    color:#303030;
    overflow:hidden;
    }
.portfolio section img{
    width:100%;
    }
.portfolio .pp-hover,
.responses .pp-hover{
    position:absolute;
    left:0;
    top:0;
    padding:40px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    height:100%;
    width:100%;
    background:rgba(255,255,255,.85);
    text-align:center;
    
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.3s ease-out;
    -moz-transition: opacity 0.2s ease-out, -moz-transform 0.3s ease-out;
    -o-transition: opacity 0.2s ease-out, -o-transform 0.3s ease-out;
    transition: opacity 0.2s ease-out, transform 0.3s ease-out;
    filter: alpha(opacity=0);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 5%, 0);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 5%, 0);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 5%, 0);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 5%, 0);
    }
.responses .pp-hover{
    padding-left:60px;
    padding-right:50px;
    }
.portfolio a:hover .pp-hover,
.responses a:hover .pp-hover{
    z-index:1;
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
.portfolio .pp-table,
.responses .pp-table{
    height:inherit;
    width:100%;
    }
.portfolio .pp-cell,
.responses .pp-cell{
    vertical-align:middle;
    }
.portfolio .pp-title,
.responses .pp-title{
    display:block;
    /* font-size:11px; */
    font-size:14px;
    line-height: 1.4;
    }
.portfolio .pp-title{
    text-transform:uppercase;
    }
.portfolio .pp-summary,
.responses .pp-summary{
    display:block;
    margin-top:20px;
    padding-top:20px;
    border-top:2px solid #303030;
    font-size:13px;
    line-height:1.4;
    }
    
.pager{
    margin:30px 0;
    text-align:center;
    font-size:12px;
    line-height:20px;
    }
.pager ul{
    display:inline-block;
    vertical-align:top;
    margin:0 auto;
    padding:0;
    list-style:none;
}
.pager li{
    position:relative;
    display:inline-block;
    margin:0 15px;
    vertical-align:middle;
    }
.pager a{
    display:block;
    width:20px;
    height:20px;
    border:1px solid #303030;
    color:#303030;
    text-decoration:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#303030;
    color:#fff;
    }
.pager a:hover,
.pager li.active a{
    color:#303030;
    background-color:#fff;
    }
.pager .skip{
    margin-left:0px;
    margin-right:0px;
    font-size:20px;
    line-height:20px;
    }
.pager .skip a{
    border:0;
    background:none;
    color:#303030;
    }
    /*
.pager .skip a:hover{
    background:#303030;
    color:#fff;
    }
    */
.pager .to{
    margin-left:0px;
    margin-right:0px;
    }
.pager .to-prev{
    margin-right:10px;
    }
.pager .to-next{
    margin-left:10px;
    }
.pager .to a{
    border:none;
    width:30px;
    height:30px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background:url(../img/pager.png) no-repeat -1000px -1000px;
    opacity:1;
    }
.pager .to a:hover{
    opacity:0.85;
    }
.pager .to-first a{
    background-position:3px 0;
    }
.pager .to-prev a{
    background-position:-54px 0;
    }
.pager .to-next a{
    background-position:-167px 0;
    }
.pager .to-last a{
    background-position:-221px 0;
    }

.button-area{
    text-align:center;
    }
.button{
    display:inline-block;
    padding:15px 30px;
    border:0;
    background:#303030;
    color:#fff !important;
    font-size:14px;
    text-transform:uppercase;
    text-decoration:none;
    cursor:pointer;
    letter-spacing:0.1em;
    }
.button:hover{
    background:#3f3f3f;
    }

.services{
    
    }
.services .two-cols{
    -moz-column-count: 2;
    -moz-column-width: 450px;
    -moz-column-gap: 45px;
    -webkit-column-count: 2;
    -webkit-column-width: 450x;
    -webkit-column-gap: 45px;
    column-count: 2;
    column-width: 450px;
    column-gap: 45px;
    }
.services h3, .services .h3{
    margin:0 0 11px 0;
    font-size:24px;
    font-family: 'logodesignerbold';
    line-height:1.8;
    }
.page-index .services h3, .page-index .services h1, .page-index .services .h3{
    font-size:18px;
    font-family: 'logodesignerbold';
    }
.services h3 a, .services h1 a, .services .h3 a{
    padding-bottom:1px;
    border-bottom:2px solid #000;
    color:#000;
    text-decoration:none;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    }
.services h3 a:hover, .services h1 a:hover, .services .h3 a:hover{
    color:#333;
    border-color:#333;
    border-bottom-color:#fff;
    }
.services p{
    margin:0 0 20px 0;
    }


.page-index .clients{
    margin-bottom:50px;
    }
.clients ul{
    font-size:0;
    }
.clients li{
    position:relative;
    display:inline-block;
    margin-bottom:35px;
    padding:45px 15px 0 15px;
    width: 25%;
    height:135px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    vertical-align:top;
    font-size:12px;
    background:url(../img/crown.png) no-repeat 50% 0;
    text-align:center;
    }
.clients li:after{
    content:' ';
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-14px;
    width:28px;
    height:3px;
    background:#303030;
    }
.clients h3{
    margin:0;
    font-size:14px;
    
    }
.clients h3 span{
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    border-bottom:2px solid #fff;
    }
.clients a:hover h3 span{
    border-color:#303030;
    }
.clients p{
    line-height:1.4;
    }
.clients a{
    color:#303030;
    text-decoration:none;
    }

.clients.index-clients{
	margin-bottom:20px;
	}
.clients.index-clients li{
	padding-top:0;
	padding-bottom:0;
	background:none;
    }	
.clients.index-clients li:after{
	display:none;
    }
.clients.index-clients li a{
	display:table;
	width:100%;
	}
.clients.index-clients li a span{
	display:table-cell;
	height:135px;
	vertical-align:middle;
	text-align:center;
	}
    
.advantages{
    margin-bottom:50px;
    padding:1px 50px 35px 50px;
    background:url(../img/bg-advantages.jpg) no-repeat 0 0;
    background-size:cover;
    color:#fff;
    font-size:13px;
    
    background: #efefef;
    color:#303030;
    }
.advantages ul{
    -moz-column-count: 2;
    -moz-column-width: 350px;
    -moz-column-gap: 45px;
    -webkit-column-count: 2;
    -webkit-column-width: 350x;
    -webkit-column-gap: 45px;
    column-count: 2;
    column-width: 350px;
    column-gap: 45px;
    }
.advantages li{
    margin-bottom:15px;
    }
.advantages li:before{
    content:'— ';
    }
    
.responses{
    margin-bottom:80px;
    }
.responses a{
    color:#303030;
    }
.responses-list{
    font-size:0;
    }    
.responses-list li{
    display:inline-block;
    width: 33.33%;
    width: calc(100%/3);
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    padding:10px;
    text-align:center;
    vertical-align:middle;
    }
.responses-list a{
    display:block;
    position:relative;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    /* border:1px solid #303030; */
    }
.responses-list img{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:auto;
    }
    
    
.branchlist{}
.branchlist h4,
.articlelist h4{
    margin:0 0 12px 0;
    font-size:13px;
    text-transform:uppercase;
    }
.articlelist h4{
    margin-bottom:25px;
    }
    /*
.articlelist h4:first-letter{
    font-size:48px;
    line-height:1em;
    }
    */
.branchlist a,
.articlelist a{
    color:#303030;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    border-bottom:2px solid #303030;
    text-decoration:none;
    }
.branchlist a:hover,
.articlelist a:hover{
    border-color:#fff;
    }
.branchlist li li a{
    border-bottom-width:1px;
    border-color:#fff;
    }
.branchlist li li a:hover{
    border-color:#303030;
    }
.articlelist a{
    border-bottom-width:1px;
    }
.branchlist li,
.articlelist li{
    /*margin-bottom:30px;*/
    }
.branchlist > ul,
.articlelist > ul{
    -moz-column-count: 3;
    -moz-column-width: 285px;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-width: 285px;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-width: 285px;
    column-gap: 20px;
    }
.branchlist ul ul,
.articlelist ul ul{
    margin:0;
    padding:0;
    }
.branchlist li li,
.articlelist li li{
    margin-bottom:8px;
    line-height:1.2;
    }
.branchlist li li:before{
    content:'— ';
    }
.branchlist .keeptogether-inner,
.articlelist .keeptogether-inner{
    display:inline-block;
    margin-bottom: 30px;
    }
.call-manager{
    margin:0 0 50px 0;
    padding:20px 60px 60px 45px;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    background:url(../img/contacts.png) no-repeat 0 0;
    background-size:contain;
    font-size:18px;
    }    
.offices{
    margin-bottom:50px;
    }    
.offices li{
    display:inline-block;
    padding:5px 0 0 50px;
    width:50%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    background:url(../img/bubble.png) no-repeat 0 0;
    vertical-align:top;
    }    
.offices h4{
    margin:0 0 25px 0;
    font-weight:normal;
    }
.offices h4 .switcher{
    padding-bottom:2px;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    border-bottom:2px dashed #303030;
    cursor:pointer;
    }
.offices h4 span:hover,
.offices .active h4 .switcher{
    border-color:#fff;
    }

.offices p{
    margin:0;
    font-size:13px;
    }
.call-manager abbr,
.offices abbr,
.extra-contacts abbr{
    border:0;
    }
.extra-contacts{
    font-size:18px;
    }
.extra-contacts a{
    
    padding-bottom:1px;
    border-bottom:1px solid #303030;
    text-decoration:none;
    webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    color:#303030;
    }
.extra-contacts a:hover{
    border-color:#fff;
    }
    
    
.map-wrap{
    position:relative;
    margin:0 0 50px 0px;
    width:100%;
    }
.map-wrap:before{
    content: "";
    display: block;
    padding-top: 35%;
    }
.map-wrap .map{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    }
    
.err404-img{
    display:none;
    margin:50px auto 70px auto;
    width:637px;
    height:236px;
    background:url(../img/404.png) no-repeat 0 0;
    }    
.err404-text{
    margin:70px 0;
    padding:0 50px;
    text-align:center;
    }


.feedback{
    margin-top:40px;
    background:#efefef;
    }
.feedback .width-ruler{
    padding-top:10px;
    padding-bottom:40px;
    }
.feedback form{
    margin:0 auto;
    width:50%;
    }
.feedback .f-item{
    margin-bottom:30px;
    }
.feedback .textinput,
.feedback textarea{
    padding:0 5px;
    border:1px solid #000;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    font-size:14px;
    }
.feedback .textinput{
    width:45%;
    height:37px;
    line-height:37px;
    }
.feedback .f-name{
    float:left;
    }
.feedback .f-name{
    float:right;
    }
.feedback textarea{
    padding-bottom:5px;
    padding-top:5px;
    width:100%;
    }
    
footer a{
    color:#fff;
    }
        
.logo-menu-phone-area{
    position:relative;
    }
header .logo-menu-phone-area{
    margin-top:20px;
    }    
.address-contacts-area,
.copyright-social-area{
    
    width:100%;
    line-height:1.4;
    }
.address-contacts-area{
    margin-bottom:15px;
    font-size:14px;
    }
.copyright-social-area{
    font-size:10px;
    }
.address-contacts-area .table-cell{
    vertical-align:top;
    }
.copyright-social-area .table-cell{
    vertical-align:top;
    }
.tc-address{
    width:35%;
    }
.tc-email{
    width:20%;
    text-align:center;
    }
.tc-skype{
    width:20%;
    text-align:right;
    }
.tc-copyright{
    width:65%;
    }
.tc-social{
    width:35%;
    text-align:right;
    }
.tc-address br,
.tc-copyright br{
    display:none;
    }
.tc-email a,
.tc-skype a{
    text-decoration:none;
    color:#fff;
    }
.tc-email a:hover,
.tc-skype a:hover{
    text-decoration:underline;
    color:#fff;
    }
.copyright{
    margin:0;
    color:#fff;
    }
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
.nodicorate {
text-decoration:none;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
           
    /*.portfolio a .pp-hover,*/
    /*.responses a .pp-hover,*/
    /*.portfolio a:hover .pp-hover,*/
    /*.responses a:hover .pp-hover{*/
        /*opacity:1;*/
        /*-moz-transform: none;*/
        /*-o-transform: none;*/
        /*-webkit-transform: none;*/
        /*transform: none;*/
        /**/
        /*}*/
    .portfolio a:hover .pp-hover,
    .responses a:hover .pp-hover{
        background: rgba(239,239,239,.85);
        }
    
    .clients li{
        background-image:url(../img/crown@2x.png);
        background-size:28px 27px;
        }
        
    .logo a{
        background-image:url(../img/logo@2x.png);
        background-size:200px 35px;
        }
    footer .logo a,
    .header-follow .logo a{
        background-position:0 -17px;
        }
    .offices li{
        background-image:url(../img/bubble@2x.png);
        background-size:19px 29px;
        }
    .err404-img{
        width:318px;
        height:168px;
        background-size:318px 168px;
        }
}

@media only screen and (max-width: 1366px) {
    .freeze-slide{
        height:450px;
        }
    }
@media only screen and (max-width: 960px) {
    .side-follow{
        display:none;
        }
    .main-menu{
        font-size:11px;
        letter-spacing: 0em;
        }
    .main-menu li{
        margin-left:3px;
        margin-right:5px;
        }
    .portfolio-menu li,
    .main-menu ul .second-level .second-level-inner ul{
        font-size:10px;
        }
    .portfolio-menu.portfolio-menu-single li{
        display:block;
        margin-bottom:7px;
        width:auto;
        text-align:left;
        }
	.portfolio-menu li{
		margin-left:7px;
		margin-right:7px;
		}
        /*
    .slp-1{
        width:31%;
        }
    .slp-2{
        width:22%;
        }
    .slp-5{
        width:15%;
        }
    */
	.main-menu ul .second-level{
		padding-top:15px;
		padding-bottom:15px;
		}
	.main-menu ul .second-level.sl-company ul li, 
	.main-menu ul .second-level.sl-portfolio ul li {
		margin-left: 20px;
		}
    .portfolio-menu-single-redesigned ul{
        display:block;        
        }
    .portfolio-menu-single-redesigned p{
        padding-top:0px;
        }
    .portfolio-menu-single-redesigned li{
        display:block;
        margin-bottom:5px;
        padding-left:0;
        padding-right:0;
        }
    .portfolio-menu-single-redesigned a{
        padding-left:0;
        padding-right:0;
        border-top:none;
        border-right:none;
        border-left:none;
        }
    header .phone,
    .header-follow .phone,
    footer .phone{
        font-size:13px;
        }
    .main-menu ul .second-level,
    .width-ruler{
        padding-left:25px;
        padding-right:25px;
        }
    .width-ruler.wide{
        padding-left:10px;
        padding-right:10px;
        }
    .portfolio-menu ul{
        padding-left:15px;
        padding-right:15px;
        }
	.portfolio .pp-hover,
	.responses .pp-hover {
		display: none;
		padding: 20px;
		bottom: 0;
		height: auto;
		top: inherit;
		}
        
    .freeze-slide{
        height:350px;
        }
    .content{
        font-size:13px;
        }
    .call-manager{
        font-size:16px;
        }
    .call-manager,
    .offices{
        margin-bottom:40px;
        }
        
    .address-contacts-area{
        font-size:12px;
        }
		
	.offer h3,
	.offer p{
		font-size:16px;
		}
		
	.clients.index-clients li{
		width: 33.3%;
		}
    }
@media only screen and (max-width: 767px) {
    .header-follow,
    .social,
    .main-menu,
	.phone,
	.tc-email,
	.tc-skype,
	.tc-social,
	.carousel{
		display:none;
		}
	.responsive-portfolio-menu{
		display:block;
		}
	.page-index .portfolio-menu{
		display:none;
		}
	.responsive-area{
		display:block;
		}
	header .logo-menu-phone-area{
		margin-top:10px;
		margin-bottom:20px;
		}
	header .logo{
		position:static;
		}
		/*
	.promotext{
		margin-top:30px;
		}
		*/
	.small-title{
		margin-top:20px;
		margin-bottom:20px;
		}
	.page-index .portfolio{
		margin-bottom:30px;
		}
	.portfolio-menu{
		text-align:center;
		}
	.portfolio-menu li{
		display:block;
		margin-bottom:7px;
		margin-left:15px;
		margin-right:15px;
		width:auto;
		}
	
	.portfolio-menu.portfolio-menu-single{
		text-align:left;
		}
	.portfolio-menu-single-redesigned p,
	.portfolio-menu.portfolio-menu-single p{
		position:static;
		display:block;
		margin-bottom:5px;
		}
	.portfolio-menu.portfolio-menu-single ul{
		padding-left:0;
		}
	.portfolio-menu-single.portfolio-menu li{
		margin-left:0;
		}
	.portfolio-menu-single-redesigned ul{
		margin-left:0;
		}

	.portfolio .pp-title,
	.responses .pp-title{
		font-size:11px;
		}
	.portfolio .pp-summary,
	.responses .pp-summary{
		margin-top:13px;
		padding-top:13px;
		font-size:13px;
		}
	.portfolio a .pp-hover,
	.responses a .pp-hover,
	.portfolio a:hover .pp-hover,
	.responses a:hover .pp-hover{
		opacity:1;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
		
		}
	.portfolio a:hover .pp-hover,
	.responses a:hover .pp-hover{
		background: rgba(239,239,239,.85);
		}
		
	.button{
		padding:10px 20px;
		font-size:13px;
		}
	.services h3{
		margin-bottom:8px;
		font-size:16px;
		}
	.page-index .services h3{
		font-size:20px;
		}
	.services h3 a{
		padding-bottom:0px;
		}
		
	.clients,
	.advantages{
		margin-bottom:40px;
		}
	.clients ul{
		margin-bottom:30px;
		}	
	.clients li{
		display:block;
		padding:0 0 0 40px;
		margin:0 0 15px 0;
		width:auto;
		height:auto;
		min-height:28px;
		text-align:left;
		background-position:0 0;
		}
	.clients p{
		margin:0;
		}
	.clients li:after{
		display:none;
		}
	.clients.index-clients li{
		display:inline-block;
		width: 33.3%;
		padding:0;
		}
		
	.advantages{

		}
	.feedback form{
		width:80%;
		}
	.inner-wrap{
		padding-bottom:0;
		}	
	footer{
		padding-top:20px;
		padding-bottom:20px;
		margin-top:0;
		height:auto;
		}
	.tc-copyright{
		
		}
	.address-contacts-area{
		display:block;
		float:left;
		padding-right:15px;
		padding-top:40px;
		width:50%;
		box-sizing:border-box;
		-moz-box-sizing: border-box;
		text-align:left;
		}
	.copyright-social-area{
		display:block;
		float:right;
		padding-left:15px;
		width:50%;
		box-sizing:border-box;
		-moz-box-sizing: border-box;
		text-align:right;
		}
	.tc-address br,
	.tc-copyright br{
		display:inline;
		}
	.freeze-slide{
		height:250px;
		}
	h1, .h1, .breadcrumbs {
		margin-bottom:.7em;
		margin-top:.7em;
		}
	h1, .h1{
		font-size: 20px;
		}
		/*
	.breadcrumbs li{
		background-size: 9px 16px;
		}
		*/
	
	.bc-btn-area .button-area{
		top:-3px;
		}
	.bc-btn-area .button{
		font-size:12px;
		}	
		
	.branchlist > ul,
	.articlelist > ul{
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		}
	.branchlist li,
	.articlelist li{
		margin-bottom:20px;
		}
	.branchlist h4,
	.articlelist h4{
		font-size:11px;
		}
	.branchlist h4{
		margin-bottom:10px;
		}
	.articlelist h4{
		margin-bottom:17px;
		}
	.articlelist h4:first-letter{
		font-size:44px;
		}
	.branchlist h4 a{
		border-bottom-width:1px;
		}
	.offices li{
		display:block;
		margin-bottom:20px;
		padding-top:3px;
		padding-left:35px;
		width:100%;
		}
	.offices h4{
		margin-bottom:0px;
		}
	.call-manager{
		padding:10px 40px 50px 15px;
		font-size:14px;
		}
	.call-manager,
	.offices{
		margin-bottom:30px;
		}
	.extra-contacts{
		font-size:16px;
		}
	.map-wrap:before{
		padding-top: 60%;
		}
	.err404-img{
		margin-top:30px;
		margin-bottom:40px;
		width:318px;
		height:168px;
		background-size:318px 168px;
		}	
	.err404-text{
		margin-top:40px;
		margin-bottom:40px;
		}
	
	.offer li{
		padding-left:40px;
		padding-right:40px;
		}	
	.offer h3,
	.offer p{
		font-size:14px;
		}
	.offer .contacts{
		font-size:12px;
		}
	}
@media only screen and (max-width: 640px) {
	.services .two-cols,
	.advantages ul {
		-moz-column-count: 1;
		-moz-column-width: inherit;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-width: inherit;
		-webkit-column-gap: 0;
		column-count: 1;
		column-width: inherit;
		column-gap: 0;
		}
	.advantages{
		padding-bottom:15px;
		padding-left:20px;
		padding-right:20px;
		}
	.advantages li{
		margin-bottom:10px;
		}
	.portfolio section{
		width: 50%;
		width: calc(100%/2);
		}
	.portfolio .pp-hover,
	.responses .pp-hover{
		padding:30px;
		}
	.services h3{
		margin-bottom:4px;
		font-size:14px;
		}
	.page-index .services h3{
		font-size:16px;
		}
	.services p{
		margin-bottom:15px;
		}
	.responses-list li{
		width: 50%;
		width: calc(100%/2);
		}
	.pager li{
		margin-left:10px;
		margin-right:10px;
		}
	.feedback form{
		width:100%;
		}
	h1, .h1{
		font-size: 18px;
		}
	h1, .h1 {
		margin-bottom:.5em;
		margin-top:.5em;
		}
	.bc-btn-area .breadcrumbs {
		padding-right: 0;
		}
	.bc-btn-area .button-area {
		position:static;
		margin-top:15px;
		text-align:left;
		}
	.bc-btn-area .button {
		font-size: 10px;
		}
	.breadcrumbs {
		
		}
	.breadcrumbs li{
		margin-left: 10px;
		padding-left:20px;
		background-size: 7px 14px;
		}
	.branchlist > ul,
	.articlelist > ul{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		}
	.call-manager{
		padding:10px;
		font-size:13px;
		background:none;
		border-color:#000;
		border-style:solid;
		border-width:1px 4px 4px 1px;
		}
	.extra-contacts{
		font-size:13px;
		}
	.call-manager,
	.offices{
		margin-bottom:20px;
		}
	.err404-img{
		margin-top:20px;
		margin-bottom:30px;
		width:159px;
		height:84px;
		background-size:159px 84px;
		}	
	.err404-text{
		margin-top:30px;
		margin-bottom:30px;
		font-size:12px;
		}
	.clients.index-clients li{
		width: 50%;
		}
	}
@media only screen and (max-width: 580px) {
	.offer li{
		padding-top:10px;
		padding-bottom:10px;
		height:auto;
		}	
	.offer h3,
	.offer p{
		font-size:13px;
		}
	.offer .contacts{
		position:static;
		padding:0;
		margin-top:10px;
		font-size:11px;
		}
		}
@media only screen and (max-width: 480px) {
	.portfolio section{
		padding:5px;
		}
	.portfolio .pp-hover,
	.responses .pp-hover{
		padding:10px;
		}
	.portfolio .pp-title,
	.responses .pp-title{
		font-size:9px;
		}
	.portfolio .pp-summary,
	.responses .pp-summary{
		margin-top:5px;
		padding-top:5px;
		font-size:11px;
		}
	footer .logo{
		margin-bottom:20px;
		position:static;
		}
	.address-contacts-area,
	.copyright-social-area{
		float:none;
		padding:0;
		width:100%;
		text-align:left;
		}
	.tc-address br,
	.tc-copyright br{
		display:none;
		}
	.freeze-slide{
		height:180px;
		}
	.content{
		line-height:1.6;
		}
	.services p{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
	h1, .h1 {
		font-size: 16px;
		}
	.breadcrumbs {
		font-size: 13px;
		}
	.breadcrumbs li{
		margin-left: 7px;
		padding-left:15px;
		background-size: 5px 11px;
		}
	ul{
		padding-left:20px;
		}
	.articlelist{
		font-size:12px;
		}
	.branchlist ul ul{
		display:none;
		}
	.branchlist li,
	.articlelist li{
		margin-bottom:7px;
		}
		
	.branchlist h4,
	.articlelist h4{
		font-size:10px;
		}
	.branchlist h4{
		margin-bottom:0px;
		}
	.articlelist h4{
		margin-bottom:10px;
		}
	.articlelist h4:first-letter{
		font-size:24px;
		}
	.map-wrap:before{
		padding-top: 75%;
		}
		
	.portfolio-menu-single-redesigned{
		font-size:11px;
		}
	.clients.index-clients li{
		width: 100%;
		}
	}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
