@font-face {
    font-family: 'Bebas_regular';
    src: url('../fonts/BebasNeue Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Bebas_book';
    src: url('../fonts/BebasNeue Book.ttf') format('truetype');
}

@font-face {
    font-family: 'Bebas_bold';
    src: url('../fonts/BebasNeue Bold.ttf') format('truetype');
}

html, body {
  height: 100%;
  width: 100%;
  padding:0; 
  margin:0;
}

body{ 
font-family: 'Bebas_regular', Tahoma, sans-serif;
font-size:14px;
color:#444e66;
} 

.page-wrapper {
    min-height: 100%;
    margin-bottom: -60px;
}
* html .page-wrapper {
    height: 100%;
}
.page-buffer {
    height: 60px;
}

img {border:solid 0px;}
div{margin:0px; padding:0px;}
p{margin:0; padding:0;}
.pipic img:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

a {color:#2a3141; text-decoration: none;}
a:hover {color:#2a3141; text-decoration:none;}
a:link, a:visited {color:none;}

.bg_gray{background:#f1f1f1;}
.bg_dark{background:#2c2f37;}

.full_width{ width:100%; position:relative; overflow:auto;}
.page_width{ width:1000px; position:relative; border:solid 0px #FF0000; text-align:left; overflow:auto;}

.main_pic1{ width:100%; height:300px; background:url(../../upload/main_pic/main_pic1.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_sto1{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_sto1.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_portfolio1{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_portfolio1.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_credo1{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_credo1.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_blog1{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_blog1.jpg) center center repeat-x; text-align:center; position:relative;}

.main_pic2{ width:100%; height:300px; background:url(../../upload/main_pic/main_pic2.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_sto2{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_sto2.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_portfolio2{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_portfolio2.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_credo2{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_credo2.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_blog2{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_blog2.jpg) center center repeat-x; text-align:center; position:relative;}

.main_pic3{ width:100%; height:300px; background:url(../../upload/main_pic/main_pic3.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_sto3{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_sto3.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_portfolio3{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_portfolio3.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_credo3{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_credo3.jpg) center center repeat-x; text-align:center; position:relative;}
.main_pic_blog3{ width:100%; height:160px; background:url(../../upload/main_pic/main_pic_blog3.jpg) center center repeat-x; text-align:center; position:relative;}

.header{ width:100%; height:181px; position:relative; overflow:auto;}
.logo{ width:160px; height:181px; background:url(../images/logo.jpg) no-repeat center 0px; float:left;}
.slogan{ width:213px; height:181px; background:url(../images/slogan.jpg) no-repeat center center; margin-left:45px;  float:left;}
.social{float:left; margin:60px 0px 0px 77px;}
.social a{ width:32px; height:32px; float:left;}
.social a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.social a.insta{ background:url(../images/ico_insta.jpg) no-repeat;}
.social a.twitter{ background:url(../images/ico_twitter.jpg) no-repeat;}
.social a.fb{ background:url(../images/ico_fb.jpg) no-repeat;}
.social a.vk{ background:url(../images/ico_vk.jpg) no-repeat;}
.head_tels{ font-size:20px; line-height:30px; float:left; margin-top:37px; margin-left:30px;}
.head_adr{ font-size:20px; line-height:30px; float:right; text-align:right; margin-top:37px;}
.menu{ position:absolute; right:0px; bottom:0px; background:#f1f1f1; overflow:auto;}
.menu a{ font-size:24px; padding:15px 12px; color:#444e66; float:left; display:block;}
.menu a:hover, .menu a.active{ color:#adb5c8; text-decoration:underline;}
.menu a:first-child{ padding-left:24px;}
.menu a:last-child{ padding-right:24px;}

.title{font-family: 'Bebas_regular', sans-serif; font-size:24px; color:#444e66; margin:26px 0px 20px 0px; text-transform:capitalize; display:block;}
.title a{ float:right !important; font-size:16px; margin-top:4px; background:none !important; text-decoration:underline;}
.title p{font-family: 'PT Sans Narrow', sans-serif; font-size:14px; color:#8c93a4; float:right !important; margin-top:7px;}
a.title:hover{ text-decoration:underline;}
.text{font-family: 'PT Sans Narrow', sans-serif; font-size:16px; color:#2a3141; line-height:20px;}

.text a {color:#2a3141; text-decoration: underline;}
.text a:hover {color:#adb5c8; text-decoration:underline;}
.text a:link, .text a:visited {color:#none;}

.credo_box{ width:480px; float:left; margin-right:20px; margin-bottom:26px;}
.sto_box{ width:100%; float:right; margin-right:0px; margin-bottom:26px;}
.sto_box img{ margin-left:15px; float:right;}

.portfolio_box{ width:100%; display:block; overflow:auto;}
.portfolio_box a{ float:left; margin-right:26px; background:#000; position:relative; overflow:hidden; margin-bottom:26px;}
.portfolio_box a.last, .portfolio_box a:last-child{ margin-right:0px; float:left; }
.portfolio_box a p{position:absolute; width:230px; color:#fff; left:0px; top:-75px; font-size:24px; text-transform:uppercase; text-align:center;}
.portfolio_box a:hover p{top:70px;}
.portfolio_box a:hover img{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}


.footer{ width:100%; height:60px; background:url(../images/footer_logo.jpg) no-repeat right top;}
.copy{ float:left; font-size:14px; font-family: 'PT Sans Narrow', sans-serif; line-height:22px; color:#fff; margin-top:10px;}
.copy a{ color:#fff; text-decoration:underline;}

li{ list-style:none; background:url(../images/dot.jpg) left 11px no-repeat; padding-left:15px; line-height:26px;}
.sto_page{ margin-bottom:40px;}

.portfolio_pic_box{ width:100%; position:relative; overflow:auto; margin-bottom:15px;}
.big_pic{float:left; width:620px; height:368px; overflow:hidden;}
.big_pic img{ width:620px;}
.prev_pics{float:right; width:368px; height:378px; overflow:hidden;}
.prev_pics a{ float:left; margin:0px 0px 10px 10px; width:174px; height:116px; overflow:hidden; position:relative;}
.prev_pics a img{ position:absolute; left:-13px; top:0px;}
.prev_pics a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.portfolio_detale_box{ margin:25px 0px; overflow:auto;}
.tech_box{ float:left; margin-right:30px;}

.blog_item{ margin-bottom:30px; width:841px;}
.anons img{ display:block;}
.anons p{ margin-top:10px;}
a.more_link{ display:block; font-family: 'PT Sans Narrow', sans-serif; font-size:14px; color:#8c93a4; margin-top:10px;}
a.more_link:hover{ text-decoration:underline;}
.post { margin-bottom:25px; overflow:auto;}
.post img{ float:left; margin:0px 20px 0px 0px;}