@import url(http://fonts.googleapis.com/css?family=Roboto:900,500,700&subset=latin,cyrillic);
/* 'Roboto', sans-serif */
@font-face {
    font-family: 'MuseoSansCyrl500';
    src: url('../fonts/museosanscyrl-500.eot');
    src: url('../fonts/museosanscyrl-500.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosanscyrl-500.woff') format('woff'),
         url('../fonts/museosanscyrl-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSansCyrl700';
    src: url('../fonts/museosanscyrl_2.eot');
    src: url('../fonts/museosanscyrl_2.eot') format('embedded-opentype'),
         url('../fonts/museosanscyrl_2.woff2') format('woff2'),
         url('../fonts/museosanscyrl_2.woff') format('woff'),
         url('../fonts/museosanscyrl_2.ttf') format('truetype'),
         url('../fonts/museosanscyrl_2.svg#MuseoSansCyrl700') format('svg');
}
@font-face {
    font-family: 'MuseoSansCyrl900';
    src: url('../fonts/museosanscyrl_3.eot');
    src: url('../fonts/museosanscyrl_3.eot') format('embedded-opentype'),
         url('../fonts/museosanscyrl_3.woff2') format('woff2'),
         url('../fonts/museosanscyrl_3.woff') format('woff'),
         url('../fonts/museosanscyrl_3.ttf') format('truetype'),
         url('../fonts/museosanscyrl_3.svg#MuseoSansCyrl900') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'OpenSansExtraboldRegular';
    src: url('../fonts/opensans-extrabold.eot');
    src: url('../fonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold.woff') format('woff'),
         url('../fonts/opensans-extrabold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold.eot');
    src: url('../fonts/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_bold.woff') format('woff'),
         url('../fonts/bebasneue_bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
}
body {
    font: 13px/18px OpenSansRegular;
    color: #424242;
}

a {
    color: #455db3;
}

.background_grey_light {
    background: #f4f3f1;
}
.background_white {
    background: #ffffff !important;
}
.top_border_lightgrey {
    box-shadow: 0 1px 0 #d4d4d4 inset;
}

.holder {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 980px;
}

.title, .subtitle {
    color: #282626;
    font-family: 'OpenSansRegular', sans-serif;
    text-transform: uppercase;    
    margin: 0 0 10px;
}
.title h2, .subtitle h2 {
    font-weight: normal;
}
.wrap_section {
    min-width: 980px;
    position: relative;
}
.wrap_section > .holder > .title {
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    margin: 58px 0 25px;
    /*letter-spacing: 0.05em;*/
}
#port .title {
    font-size: 25px;
    margin: 0 0 30px;
    line-height: 30px;
}
.text .announce_text {
    margin: 0 0 25px;
}
.announce_text {
    line-height: 20px;
}
.button {
    background: #ff823a;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: 12px/30px 'OpenSansRegular', sans-serif;
    padding: 0 43px;
    text-decoration: none;
    text-transform: uppercase;
}

.clear {
    clear: both;
}

/*** контейнер ***/
#conteiner {
    min-height: 100%;
    position: relative;
}

/*** Шапка ***/
#header {min-height: 100px;}
#header .holder {
    /*padding: 0 5px 0 0;*/
}
#header .top {
    padding: 0 0 10px;
}

#header .logo_sticky {
    /*transition: all 0.5s ease;*/
}
#header #logo .logo_sticky.stuck {
    overflow: hidden;
    position: fixed;
    width: 0;
    z-index: 11;
    top: 8px;
}

#header #logo {
    max-width: 200px;
    padding: 10px 0 0;
}
#header #logo a {
    background: url('../images/logo.png') no-repeat left center;
    color: #7a7a7a;
    display: block;
    font: 11px/15px OpenSansExtraboldRegular;
    height: 31px;
    padding: 0 0 0 40px;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
}
#header #logo a span {
    color: #282626;
    font-size: 15px;
    line-height: 11px;
}

#header .top_phone {
    float: right;
    overflow: hidden;
    padding: 15px 20px 0 0;
}
#header .top_phone p {
    float: left;
    margin: 0 0 0 39px;
}
#header .top_phone .link_order_phone  {
   /* background: url('../images/icon_cycle.png') no-repeat left center;*/
    display: block;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    padding: 0 0 0 29px;
    text-decoration: none;
    text-transform: uppercase;
    position:relative;
}
#header .top_phone .link_order_phone:before  {
    content:'';
    background: url('../images/icon_cycle.png') no-repeat left center;
    display: block;
    width:20px;
    height: 20px;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    -webkit-transition: top 1s ease-out 1s;
    -moz-transition: top 1s ease-out 1s;
    -o-transition: top 1s ease-out 1s;
    transition: top 1s ease-out 1s;
    }

#header .top_phone .link_order_phone:hover:before{
    -webkit-animation-name: spin;
    -webkit-animation-duration: 600ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 600ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 600ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
 
    animation-name: spin;
    animation-duration: 600ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


#header .top_phone p span {
    background: url('../images/icon_cellphone.png') no-repeat left center;
    color: #282626;
    display: block;
    font: 18px/20px OpenSansBold;
    height: 20px;
    padding: 0 0 0 28px;
    text-decoration: none;
    text-transform: uppercase;
}

#header .basic_sticky {
    background: #ffffff;
    box-shadow: 0 -1px 0 #d4d4d4 inset;
}
#header .basic_sticky.stuck {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
#header .buttons.appointments {
    float: right;
    margin: 10px 0 0;
}

#header .buttons.appointments .button {
    letter-spacing: 0.01em;
}

#header .basic_sticky.stuck #menu {
    margin: 0 0 0 115px;
    
}
#header #menu, #tabs {
    transition: all 0.5s ease;
    margin: 0;
    overflow: hidden;
}
#tabs {
    margin: 0 0 40px;
}
#header #menu ul li.first, #tabs ul li.first {
    margin: 0;
}
#header #menu ul li.first a {
    padding-left: 0;
}
#header #menu ul li {
    float: left;
    margin: 0 0 0 36px;
}
#header #menu ul li a, #tabs ul li a {
    display: block;
    /*letter-spacing: 0.045em;*/
    line-height: 49px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 5px;
}
#header #menu ul li.active a, #header #menu ul li a:hover, #tabs > ul > li > a:hover, #tabs > ul > li.active > a, #tabs a.a {
    box-shadow: 0 0 0 #ff4e50;
    color: #ff4e50;
}
/*** ползунок ***/
.lavalamp .lavalamp-object {
    border: 1px solid #ff4e50;
    height: 0 !important;
    margin: 47px 0 0;
}

/*** Табы ***/
#portfolio .wrapper_tabs, .catalog .wrapper_tabs {
    float: left;
    margin: 0 0 0 -100%;
    width: 180px;
}
.wrapper_tabs {}
#portfolio .examples {
    float: left;
    padding: 10px 0 0 245px;
    width: 735px;
}

#examples .examples{
    /*overflow: hidden;*/
}

#tabs .hide {
    display: none;
}

#tabs ul {
    display: block;
    overflow: hidden;
}
#tabs > ul > li {
    border-bottom: 1px solid #d4d4d4;
}
#tabs > ul > li > a {
    line-height: 30px;
    font-size: 14px;
    padding: 0;
}

.catalog #tabs > ul > li > a {
    font-size: 12px;
}

#tabs > ul > li.last {
    border: none;
}
#tabs > ul > li > ul {
    display: none;
}
#tabs > ul > li > ul > li {line-height: 30px;}
#tabs > ul > li > ul > li > a {
    color: #6f6f6f;
    display: inline-block;
    letter-spacing: -0.05em;
    line-height: 18px;
    padding: 0;
    text-transform: none;
    vertical-align: baseline;
}
#tabs > ul > li > ul > li > a.active, #tabs > ul > li > ul > li > a:hover {
    color: #ff4e50;
    border-bottom: 1px solid #ff4e50;
}
    
    
#portfolio {
    padding: 50px 0;
}



/*** Слайдер с работами ***/
.wrap_new_project_slider {
    height: 400px;
}
.wrap_new_project_slider .line {
    background: #ffffff;
}
.new_project {
    position: relative;
}
.new_project .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
}
.new_project .caption {
    background: rgba(244, 244, 244, 0.8);
    bottom: 0;
    height: 100px;
    padding: 15px 0 25px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.new_project .caption .title {
    font-family: OpenSansRegular;
    font-size: 16px;
    text-transform: none;
}
.new_project .caption .name {
    color: #455db3;
    font: 28px/36px 'OpenSansBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.015em;
}

.new_project.slick-active .caption {}

/*** Хлебные крошки ***/
#breadcrumbs {
    box-shadow: 0 -1px 0 #d4d4d4 inset;
    color: #282626;
    line-height: 50px;
}
#breadcrumbs a {
    color: #7284c6;
    text-decoration: none;
}
#breadcrumbs .separator {
    color: #7a7a7a;
    margin: 0 6px;
}


/*** секция с двумя колонками ***/
.double_block {
    position: relative;
}
.double_block .left_bg {
    background: #ff4e50;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 1px 0 0;
	z-index: 0;
}
.double_block .left {
    background: #ff4e50;
    color: #ffffff;
    float: left;
    margin: 0 0 0 -100%;
    padding: 68px 10px 0 0;
    position: relative;
    width: 180px;
	z-index: 1;
}
.services .double_block .left {
    width: 228px;
}
.services .double_block .left .title {
    /*padding: 0 10px 0 0;*/
}
.double_block .left .title {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
}
.double_block .left .subtitle {
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
}
.double_block .left .addit_text {
    line-height: 18px;
    padding: 7px 0 0;
    letter-spacing: 0.04em;
}
.double_block .right {
    float: left;
    padding: 75px 0 55px 250px;
    width: 730px;
}
.services .double_block .right {
    padding: 75px 0 55px 298px;
    width: 682px;
}
.double_block .right .title {
    font-size: 16px;
    margin: 0 0 12px;
}

#ask.double_block .left, #social.double_block .left, #additional_services.double_block .left {
    width: 227px;
}
#additional_services.double_block .left {padding-top: 50px;padding-bottom: 18px;}
#ask.double_block .right, #social.double_block .right, #additional_services.double_block .right {
    padding: 75px 0 55px 270px;
    width: 710px;
}
#additional_services.double_block .right {padding-top: 40px;padding-bottom: 30px;}

#ask.double_block .right .wrapper_form {
    padding: 0 0 26px;
    margin: -13px 0 0 80px;
    width: 530px;
}
#ask .row.textarea {
    margin: 0 0 30px;
}

/*** секция с двумя колонками переменные ***/
.double_block.even .left_bg {
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 1px 0 0;
}
.double_block.even .right_bg {
    background: #f4f3f1;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 0 0 1px;
}

.double_block.even .left {
    background: #ffffff;
    color: #ff4e50;
}
.double_block.even .left .title, .double_block.even .left .subtitle {
    color: #ff4e50;
}
.double_block.even .triangle-right {
    border-left-color: #ffffff;
}
.double_block.even .right {
    background: #f4f3f1;
}

/***

.double_block {
    position: relative;
}
.double_block .left_bg {
    background: #ff4e50;
    position: absolute;
    left: 0;
    top: 0;
}
.double_block .left {
    background: #ff4e50;
    color: #ffffff;
    float: left;
    padding: 70px 0 0;
    position: relative;
    width: 190px;
}
.double_block .left .title {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
}
.double_block .right {
    float: right;
    padding: 75px 0 55px;
    width: 735px;
}
.double_block .right .title {
    font-size: 16px;
    margin: 0 0 10px;
}

.double_block.even .left {
    background: #ffffff;
    color: #ff4e50;
}

***/

/*** Каталог ***/
#catalog {
    box-shadow: 0 -1px 0 #d4d4d4 inset;    
}
#catalog.double_block .left {
    padding: 50px 10px 18px 0;
    width: 230px;
}
#catalog.double_block .right {
    padding: 50px 0 0px 295px;
    width: 685px;
}
#catalog .plus {
    float: left;
    margin: 0 0 40px 0;
    min-height: 90px;
    width: 315px;
}
#catalog .plus:nth-child(2n) {
    float: right;
    width: 335px;
}
#catalog .plus:nth-child(3n) {
    clear: both;
}
#catalog .plus > * {
    padding: 0 0 0 95px;
}
#catalog .plus .icon_plus {
    float: left;
    padding: 0;
    text-align: center;
    width: 95px;
}
#catalog .plus .icon_plus img {
    max-width: 100%;
}
#catalog .right .title {
    margin: 5px 0 15px;
}

#catalog .announce_text {
  line-height: 18px;
}

.wrapper_tabs.left_menu {position: relative; z-index: 2;}
.wrapper_tabs.left_menu.stuck {
    position: fixed;
    margin: 0 !important;
    top: 60px;
    z-index: 999;
}
.catalog > .holder > .title {
    margin: 64px 0 27px;
    padding: 0 0 0 245px;
    text-align: left;
}
.catalog .projects {
    float: left;
    overflow: hidden;
    padding: 9px 0 50px 250px;
    width: 735px;
}
.catalog .projects .project {
    box-shadow: 0 0 1px #d4d4d4 inset;
    float: left;
    height: 360px;
    margin: 0 15px 20px 0;
    text-align: center;
    width: 230px;
}
.catalog .projects .project.last {
    margin-right: 0;
}
.catalog .projects .project a {}
.catalog .projects .project a:not(.button):hover {
    color: #ff4e50;
    text-decoration: none;
}
.catalog .projects .project .image {
    overflow: hidden;
}
.catalog .projects .project .image img {
    max-height: 180px;
}
.catalog .projects .project .description {
    padding: 15px 10px 0;
    margin: 0 0 15px;
    overflow: hidden;
    font-size: 14px;
    height: 60px;
    line-height: 20px;
}
.catalog .projects .project .price {
    font: 20px/26px OpenSansBold;
    text-transform: uppercase;
    padding: 0 10px;
}
.catalog .projects .project .buttons {padding: 15px 20px;}
.catalog .projects .project .buttons .button {
    display: block;
    font-size: 14px;
    text-transform: none; 
}  


.screenshots.zoom-gallery .hide {
    display: none;
}
.screenshots.zoom-gallery .thumbs {
    overflow: hidden;
    padding: 0 0 30px;
    text-align: center;
}
/*.screenshots.zoom-gallery .thumbs > * {
    display: block;
    float: left;
    height: 130px;
    margin: 0 10px 0 0;
    width: 200px;
}
.screenshots.zoom-gallery .thumbs img {
    max-height: 130px;
    width: 100%;
}
.screenshots.zoom-gallery .thumbs .show_all {
    background: #ff823a none repeat scroll 0 0;
    color: #ffffff;
    line-height: 130px;
    margin: 0;
    padding: 0 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 110px;
}
.screenshots.zoom-gallery .thumbs .show_all span {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}*/
.screenshots.zoom-gallery .thumbs .show_all img {display: none;}
.screenshots.zoom-gallery .screenshot {
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    height: 490px;
    overflow: hidden;
}
.screenshots.zoom-gallery .screenshot img {   
    min-height: 490px !important;
    min-width: 100% !important;
    max-width: none !important;
}

#calc {
    border: 3px solid #d1d1d1;
    padding: 18px 26px 33px;
    margin: 0 0 34px;
}

#calc .row {
    overflow: hidden;
    margin: 3px 0 0;
    padding: 10px 0 0;
    position: relative;
    line-height: 15px;
}
#calc .row.total_text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
#calc .row input[type="checkbox"], #calc .row input[type="radio"] {
    display:none;
}
#calc .row input[type="checkbox"] + label, #calc .row input[type="radio"] + label {
    background:url(../images/icon_check.png) left 4px no-repeat;
    cursor:pointer;
    float: left;
    max-width: 155px;
    padding: 0 0 0 21px;
}
#calc .row input[type="checkbox"]:checked + label, #calc .row input[type="radio"]:checked + label {
    background:url(../images/icon_checked.png) 0px 1px no-repeat;
}
#calc .addit_option .row input[type="checkbox"]:checked + label, #calc .addit_option .row input[type="radio"]:checked + label {
    background:url(../images/icon_checked2.png) left 2px no-repeat;
}
#calc .row > span {
    position: absolute;
    bottom: 0;
    right: 0;
}

#calc .row .price .rur::before {
    height: 1px;
    top: 50%;
    width: 50%;
}
#calc .row .price .rur::after {
    height: 1px;
}

#calc .subtitle {
    font-size: 14px;
    padding: 28px 0 11px;
}
#calc #in_total {
    font: 40px/40px OpenSansBold;
    padding: 10px 0 11px;
    text-align: center;
}
#calc #in_total .rur::before {
    height: 5px;
}
#calc #in_total .rur::after {
    height: 5px;
    top: 62%;
}
#calc .buttons {text-align: center;}
#port #asider #calc .buttons .button {
    padding: 0 55px;
}

#asider .description {padding: 0 0 35px;}

#asider .description ul {list-style: disc outside;margin: 10px 0 10px 25px;}


/*** Тарифы ***/
#tariff {}
#tariff sup {
	vertical-align: super;
    font-size: 85%;
}
#tariff > .holder > .title {margin: 34px 0 19px;}
#tariff > .holder > .sub_title {
    text-align: center;
    text-transform: none;
    font: 16px/22px OpenSansRegular;
    margin: 0 0 25px;
}
#tariff > .holder > .subtitle {
    font-size: 16px;
    text-align: center;
    text-transform: none;
    margin: 25px 0 17px;
}
#tariff .info {
    padding: 17px 0;
    border-bottom: 1px solid #d4d4d4;
	margin: 0 auto;
	width: 980px;
}

#tariff .table {border-bottom: 1px solid #d4d4d4;}
#tariff .table .wrap_row, #tariff .table .wrap_row_h {
    padding: 6px 0;
}
#tariff .table .wrap_row:nth-child(odd) {
    background: #f4f3f1;
}
#tariff .table .wrap_row_h {
    background: #d4d4d4;
}
#tariff .table .row {
    margin: 0 auto;
    line-height: 18px;
    overflow: hidden;
    width: 980px;
}
#tariff .table .row .cell_h, #tariff .table .row .cell {
    float: left;
    text-align: center;
    width: 20%;
}
#tariff .table .row .cell_h:nth-child(1), #tariff .table .row .cell:nth-child(1) {
    text-align: left;
}
#tariff .table .row .cell {}
#tariff .table .row .cell_h {
    font-family: OpenSansBold;
}


#additional_services {
}
.additional_services {
    overflow: hidden;
}
.additional_services_item {
    float: left;
    margin: 0 15px 0 60px;
    text-align: center;
    text-decoration: none;
    width: 125px;
}
.additional_services_item .icon_services_item_item {
    margin: 0 0 15px;
    height: 50px;
}
.additional_services_item .title {
    color: #455db3;
    font: 14px/20px OpenSansRegular !important;
}

/*** Плюсы ***/
#pros {
    background: ;
}
#pros .plus {
    float: left;
    margin: 0 0 20px 0;
    min-height: 90px;
    width: 330px;
}
#pros .plus:nth-child(2n) {
    float: right;
    width: 380px;
}
#pros .plus > * {
    padding: 0 0 0 100px;
}
#pros .plus .icon_plus {
    float: left;
    padding: 0;
    text-align: center;
    width: 100px;
}
#pros .plus .icon_plus img {
    max-width: 100%;
}


/*** Отзывы ***/
#reviews {
    background: url('../images/review_bg.png') repeat-x 0 center #eff3cd;
    min-height: 380px;
}
#reviews.no_slide {
    min-height: 230px;
    padding: 70px 0 0;
}
#reviews > .holder {
    margin: 0 auto;
    width: 880px;
}
#reviews.no_slide .review {
    width: 630px;
    margin: 0 auto;
}
.review {
    padding: 0 50px 0 0;
}
.review > .avatar {
    border-radius: 50px;
    float: left;
    margin: 0 20px 60px 0;
    overflow: hidden;
}
.review .title, .blog .title {
    color: #ff4e50;
    font-size: 16px;
    line-height: 20px;
}
.review .author {
    padding: 15px 0 0;
}
.review .author > * { 
    padding: 0 0 0 60px;
}
.review .author .avatar {
    border-radius: 50px;
    float: left;
    overflow: hidden;
    padding: 0;
    max-width: 50px;
}
.review > .avatar {
    max-width: 80px;
}
.review .author .avatar img, .review > .avatar img {
    max-width: 100%;
}
.review .author .name {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 7px 0 0px 60px;
}
.review .author .post {
    color: #7a7a7a;
}
.review .author .site a, .blog .link {
    text-decoration: none;
}

/*** Блог ***/
#blog {
    background: url('../images/bg_blog.png') repeat-x center top #eff3cd;
}
#blog .blog {
    float: left;
    width: 265px;
    padding: 0 0 0 50px;
}
#blog .buttons {
    text-align: center;
    padding: 47px 0 61px 0;
    clear: both;
}
#blog .buttons .button {
    line-height: 30px;
    padding: 0 40px;
    font-size: 14px;
}

/*** Клиенты ***/
#clients .slick-slider {
  padding-bottom: 66px;
}
.client {
    text-align: center;
}
.client.slick-slide img {
    display: inline;
	max-height: 58px;
	max-width: 100%;
}

/*** Партнеры ***/
#partners {
    background: #f0f0f0;
    overflow: hidden;
    padding: 0 0 78px;
}
.partners {overflow: hidden;}
.partner {
    float: left;
    text-align: center;
    width: 25%;
}
.partner img {
    max-height: 60px;
    max-width: 100%;
}

/*** ***/
#vacancy .right .text .announce_text {
      margin: 0 0 25px 50px;
      width: 530px;
}
#vacancy .text .announce_text .sub_title {
    font: 900 16px/18px 'Roboto', sans-serif;
    text-transform: uppercase;
    margin: 0 0 12px;
}
#vacancy .text .announce_text p {
    margin: 0 0 18px;
}
#vacancy .text .announce_text b {
    font-size: 15px;
    margin: 0 0 11px;
    display: inline-block;
}
#vacancy .text .announce_text ul {
    margin: 0 0 20px;
}
#vacancy .text .announce_text ul li {
    background: url('../images/icon_list.png') no-repeat left center;
    padding: 0 0 0 20px;
}
#vacancy .text .button {
    padding: 0 45px;
    margin: 10px 0 35px 50px;
    line-height: 30px;
    font-size: 14px;
    letter-spacing: 0.0em;
}


/*** наши достижения ***/
#achievements {
    background: #ff823a;
}
#achievements .slick-slider {
    padding-bottom: 72px;
}
#achievements .line {
    background: #d06426;
}
#achievements > .holder > .title {
    color: #ffffff;
}
.achievement {
    color: #ffffff;
    margin: 0 80px;
    text-align: center;
}
.achievement .icon {
    background: url('../images/icon_wreath.png') no-repeat center center;
    font: 40px/56px bebas_neuebold;
    padding: 25px 0 0px;
    min-height: 93px;
}

/*** Портфолио ***/
#port, #article_page {
    border-top: 1px solid #ececec;
    padding: 30px 0 0;
}
#port #page, #article_page #page {
    float: left;
    width: 100%;
}
#port #page .screenshots {
    padding: 0px 350px 35px 0;
}

#port #page .screenshots .description p {
    line-height: 20px;
    margin: 0 0 20px;
}
#port #page .screenshots .description ul {
    list-style: outside disc;
    margin: 0px 0 15px 20px;
}
#port #page .screenshots .description ol {
    list-style: outside decimal;
    margin: 0 0px 15px 25px;
}
#port #page .screenshots .screenshot {
    margin: 0 0 15px;
    text-align: center;
}
#port #page .screenshots .screenshot img {
    margin: 0 0 20px;
    max-width: 628px;
}
#port #page .screenshots .screenshot span {
    color: #424242;
    font-size: 13px;
    font-style: italic;
}
#port #asider, #article_page  #asider {
    float: left;
    margin: 0 0 0 -300px;
    width: 300px;
}
#article_page  #asider {
    margin: 0 0 0 -220px;
    width: 220px;
}
#port #asider .title {
    font: 20px/20px OpenSansExtraboldRegular;
    margin: 0 0 15px;
}
#port #asider .site_link {margin: 0 0 22px;}
#port #asider p {
    line-height: 20px;
    margin: 0 0 20px;
}
#port #asider .button {
    margin: 4px 0;
    padding: 0 28px;
}
#article_page  #asider .title {
color: #424242;
    font: 16px/20px OpenSansBold;
    margin: 0 0 25px;
}
#article_page #asider .news-item {
	border-bottom: 1px solid #d4d4d4;
	margin: 0 0 16px;
    padding: 0 0 19px;
}
#article_page  .article_page {
	padding: 0 300px 60px 0;
}
#article_page  .article_page h1 {
	font: 20px/20px OpenSansBold;
    margin: 0 0 10px;
    padding: 15px 0;
}
#article_page  .article_page  img {
	max-width: 100%;
    margin: 0 0 30px;
}
#article_page  time{
	color: #ff4e50;
	display: block;
	line-height: 28px;
}
#article_page  #asider time {line-height: 18px;}
#article_page p {
	margin: 0 0 20px;
    line-height: 20px;
}


/*** Тарифы ***/
#tariffs {
    background: #f4f3f1;
}
#tariffs > .holder > .title {
    margin: 58px auto 51px;
    width: 475px;
    line-height: 40px;
}
.wrap_tariff {
    float: left;
    padding: 0 0 90px;
    margin: 0 -29px 0 45px;
    position: relative;
}
.wrap_tariff:nth-child(3) {
    padding: 0 0 112px;
}
.wrap_tariff:nth-child(3) .tariff {
    padding: 25px 25px 28px 30px;
}
.wrap_tariff:nth-child(3) .announce_text {
    margin: 0 0 25px;
}
.tariff {
    border: 10px solid #d8d8d8;
    padding: 25px 25px 30px 30px;
    width: 210px;
}
.tariff .title {
    color: #ff4e50;
    font-size: 16px;
    margin: 0 0 15px;
}
.tariff .price {
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 16px;
    font-weight: 900;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.tariff .sub_title {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 25px 0 0px;
    line-height: 20px;
}
.tariff .announce_text {
    margin: 0 0 35px;
    padding: 0 13px 0 0;
}
.wrap_tariff:nth-child(4) .announce_text {
    padding: 0 8px 0 0;
}
.tariff  .button {
    line-height: 30px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    width: 115px;
}

.wrap_tariff .column {
    bottom: 0;
    height: 90px;
    left: 50%;
    margin: 0 0 0 -50px;
    position: absolute;
    width: 100px;
}
.wrap_tariff:nth-child(3) .column {
    height: 112px;
}
.wrap_tariff:nth-child(3) .column .column_top {
    height: 112px;
    width: 100px;
}
.wrap_tariff:nth-child(3) .column .column_bottom {
    height: 0;
}
.wrap_tariff .column_top {
    background: none repeat scroll 0 0 #d8d8d8;
    height: 80px;
    margin: 0 auto;
    width: 80px;
}
.wrap_tariff .column_bottom {
    background: none repeat scroll 0 0 #d8d8d8;
    height: 10px;
}

#tariffs .buttons {
    bottom: 51px;
    left: 50%;
    margin: 0 0 0 -100px;
    position: absolute;
}
#tariffs .buttons .button {
    background: #ff4e50;
    font-size: 14px;
    line-height: 30px;
    padding: 0 28px;
}

.other_tariffs .left {width: 230px !important;}
.other_tariffs .right {
    padding: 0 0 0 240px !important;
    width: 740px !important;
}
.other_tariffs .buttons {
    position: absolute;
    right: 21%;
    top: 257px;
    transition: all 0.5s ease 0s;
    z-index: 9;
}

.other_tariffs .tariff_item:hover ~ .buttons, .other_tariffs .buttons:hover {
    right: 75.5%;
    top: 100%;
    margin: -40px 0 0;
}

.other_tariffs .buttons .button {
    font-size: 16px;
    line-height: 40px;
    padding: 0 45px;
}
.other_tariffs .tariff_item:hover ~ .buttons .button, .other_tariffs .button:hover {
    font-family: opensansregular;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.01em;
    line-height: 40px;
    padding: 0 30px;
}

.tariff_item {
    color: #282626;
    font: 900 16px/24px 'Roboto', sans-serif;
    float: left;
    height: 35px;
    padding: 155px 5%;
    position: relative;
    text-align: center;
    width: 23.3%;
}
.tariff_item > a {
    color: #282626;
    text-decoration: none;
    text-transform: uppercase;
}
.tariff_item:hover > a {
    opacity: 0;
}
/*
.tariff_item.sayt-vizitka {
    background: url("../images/tariff_viz.png") no-repeat scroll center 75px #eff3cd;
}
.tariff_item.land {
    background: url("../images/tariff_land.png") no-repeat scroll center 75px;
}
.tariff_item.internet-magazin {
    background: url("../images/tariff_mag.png") no-repeat scroll center 75px #eff3cd;
}*/
.tariff_item:nth-child(odd) {
    background-color: #eff3cd !important;
}
.tariff_item:hover {
    background: #ffffff !important;
}
.hover {
    background: rgba(0, 0, 0, 0.6);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5, 0.5);
    transition: all 450ms ease-out 0s;
    width: 100%;
    z-index: 1;
}
.tariff_item:hover .hover {
    opacity: 1;
    transform: rotateY(0deg) scale(1, 1);
}
.hover .title {
    color: #ffffff;
    font-size: 22px !important;
    padding: 30px 0 0;
}
.hover .description {
    color: #cdcdcd;
    font-size: 12.5px;
    padding: 0 25px;
    text-align: left;
}
.hover .site {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.hover .site a {
    color: #ff823a;
    font-size: 14px;
    text-decoration: none;
}


/*** Информация ***/
#info {
    padding: 0 27px;
    margin: -5px 0 0;
    overflow: hidden;
}
.info_item {
    float: left;
    padding: 0 30px 30px 0;
    overflow: hidden;
    width: 320px;
    line-height: 50px;
    vertical-align: middle;
}
.info_item:nth-child(2n - 1) {
    clear: both;
}
.info_item:nth-child(2n) {
    padding-right: 0;
}
.info_item:nth-last-child(1), .info_item:nth-last-child(2) {
    padding-bottom: 9px;
}
.info_item .icon_info_item {
    float: left;
    width: 50px;
}
.info_item .title {
    margin: 0;
    vertical-align: middle;
    line-height: 20px;
    display: inline-block;
    padding: 0 0 0 20px;
    text-decoration: underline;
    width: 250px;
}


/*** Дополнительные услуги ***/
.wrap_additional_services {
    overflow: hidden;
}
.additional_service {
    font-size: 16px;
    float: left;
    min-height: 115px;
    padding: 0 100px 30px 0;
    width: 250px;
}
.additional_service:nth-child(3n) {
    padding-right: 0;
}
.additional_service .subtitle {
    color: #ff4e50;
}
.additional_service .price {
    color: #5d72bd;
    margin: 0 0 10px;
}
.additional_service .announce_text {
    font-size: 13px;
}


#structure {
    background: #f4f3f1;
    padding: 0 0 10px;
}

.wrap_structure {
    overflow: hidden;
}
.structure {
    float: left;
    min-height: 120px;
    padding: 0 55px 30px 50px;
    text-align: center;
    width: 140px;
}
.structure .number {
    color: #ff4e50;
    font: normal 80px/80px 'Roboto', sans-serif;
}
.structure .name {
    color: #5d72bd;
    font-size: 16px;
}

/*** Стоимость ***/
#cost {
    background: #ff823a;
    color: #f4f3f1;
    font-size: 20px;
    padding: 50px 0;
    text-align: center;
}
#cost .announce_text {
    text-transform: uppercase;
    padding: 0 0 20px;
    line-height: 28px;
}
#cost .cost {
    font: 700 72px/76px 'Roboto', sans-serif;
}
#cost .cost span {
    font-family: 'Roboto', sans-serif;
}

#service {
    background: url('../images/service_bg.png') no-repeat center center;
}

#service.double_block .left {
    padding: 50px 45px 18px 0;
    width: 445px;
}
/*
#service.double_block.about .left .title {
    font-size: 30px;
    line-height: 55px;
    margin: 0 0 20px;
}
#service.double_block.about .left .announce_text {
    font-size: 13px;
    line-height: 20px;
}*/
#service.double_block .left .title {
    line-height: 42px;
    margin: 5px 0 20px;
    font-size: 30px;
}
#service.double_block .left .announce_text {
    font-size: 13px;
    line-height: 20px;
}

#service.double_block .right {
    min-height: 300px;
    padding-top: 0;
    padding-bottom: 0;
}

.wrap_something {
  padding: 0 0 30px;
  overflow: hidden;
}
#something .plus {
    float: left;
    margin: 0 0 20px 0;
    min-height: 90px;
    width: 325px;
}
#something .plus.long {
    float: right;
    width: 650px;
}
#something .plus > * {
    padding: 0 0 0 100px;
}
#something .plus .icon_plus {
    float: left;
    padding: 0;
    text-align: center;
    width: 100px;
}
#something .plus .icon_plus img {
    max-width: 100%;
}
#something .plus .title {
    font-size: 16px;
}


/*** Блог ***/
.blogs {padding: 40px 0 0;}
.blogs .blog_item {
    border-bottom: 1px solid #d4d4d4;
    color: #424242;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0 0 15px;
}
.blogs .blog_item.last {border: none; margin: 0; padding: 0;}
.blogs .blog_item .blog_image {float: left;}

.blogs .blog_item time, .blogs .blog_item .blog_title, .blogs .blog_item .blog_announce, .blogs .blog_item .blog_links {
    margin: 0 0 20px;
    padding: 0 0 0 300px;
    width: 680px;
}  

.blogs .blog_item time {
    color: #ff4e50;
    font: 13px/12px OpenSansRegular;
    display: block;
}
.blogs .blog_item .blog_title {
    font: 20px/24px OpenSansBold;
}
.blogs .blog_item .blog_announce {line-height: 20px;margin: 0 0 14px;}
.blogs .blog_item .link_more {color: #2a4bbe;text-decoration: none;line-height: 24px;}
.blogs .blog_item .link_more:hover {text-decoration: underline;}
.blogs .blog_item .link_comment {
    border: 1px  solid #d4d4d4;
    border-radius: 5px;
    color: #656565;
    float: right;
    line-height: 28px;
    padding: 0 24px;
    text-decoration: none;
}
#blogs .wrap_pagination {
    background: #eeeeee;
    line-height: 70px;
    text-align: center;
}
#blogs .wrap_pagination a {
    text-decoration: none;
}
#blogs .wrap_pagination a.prev {}
#blogs .wrap_pagination a.page {margin: 0 10px;}
#blogs .wrap_pagination a.next {}
#blogs .wrap_pagination a.current {color: #ff4e50;}
#blogs .wrap_pagination a.disable {color: #aaaaaa;}



/*** треугольник ***/
.triangle-right {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff4e50;
    border-top: 10px solid transparent;
    height: 0;
    margin: -10px -10px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    z-index: 1;
}

/*** рубль ***/
.rur {
    position: relative;
    text-transform: uppercase;
}
.rur:before {
    background: none repeat scroll 0 0 #424242;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 48.4%;
    width: 80%;
}
.rur:after {
    background: none repeat scroll 0 0 #424242;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 64.4%;
    width: 80%;
}

#footer {
    background: #292c37;
    color: #6b6b6b;
    font-size: 12px;
    line-height: 20px;
    min-width: 980px;
    padding: 55px 0;
}
#footer a {
    color: #a9a9a9;
    text-decoration: none;
}
#footer > .holder > * {
    float: left;
}

#footer .sub_title {
    color: #ffffff;
    margin: 0 0 25px;
    text-transform: uppercase;
}

#footer .contacts {
    margin: 0 125px 0 0;
    width: 225px;
}
#footer .contacts p {
    margin: 10px 0 0;
}
#footer .contacts .foot_pos {
    background: url('../images/icon_pos.png') no-repeat left 5px;
    padding: 0 0 0 25px;
}
#footer .contacts .foot_clock {
    background: url('../images/icon_clock.png') no-repeat left 5px;
    padding: 0 0 0 25px;
}
#footer .contacts .foot_phone {
    background: url('../images/icon_phone.png') no-repeat left 5px;
    padding: 0 0 0 25px;
    margin: 0 0 20px;
}
#footer .contacts .foot_letter {
    background: url('../images/icon_letter.png') no-repeat left 5px;
    padding: 0 0 0 25px;
}

#footer nav {
    margin: 0 85px 0 0;
}
#footer nav ul li a {
    line-height: 30px;
}

#footer .social_icons {
    float: right;
    overflow: hidden;
    padding: 5px 0 0;
}
#footer .social_icons a {
    border: 2px solid #494949;
    float: left;
    margin: 0 0 0 -2px;
    min-height: 26px;
    min-width: 27px;
}
#footer .social_icons a.facebook {
    background: url('../images/icon_fb.png') no-repeat center center;
    border-radius: 2px 0 0 2px;
    margin: 0;
}
#footer .social_icons a.vkontakte {
    background: url('../images/icon_vk.png') no-repeat center center;
    padding: 0 5px;
}
#footer .social_icons a.twitter {
    background: url('../images/icon_tw.png') no-repeat center center;
    border-radius: 0 2px 2px 0;
}

#footer .social_icons SPAN {
    border: 2px solid #494949;
    float: left;
    margin: 0 0 0 -2px;
    min-height: 26px;
    min-width: 27px;
    cursor: pointer;
}
#footer .social_icons SPAN.facebook {
    background: url('../images/icon_fb.png') no-repeat center center;
    border-radius: 2px 0 0 2px;
    margin: 0;
}
#footer .social_icons SPAN.vkontakte {
    background: url('../images/icon_vk.png') no-repeat center center;
    padding: 0 5px;
}
#footer .social_icons SPAN.twitter {
    background: url('../images/icon_tw.png') no-repeat center center;
    border-radius: 0 2px 2px 0;
}

/*** контакты ***/
.cont_pos {
    background: url('../images/icon_cont_pos.png') no-repeat 1px 3px;
    margin: 0 0 5px;
    padding: 0 0 5px 25px;
}
.cont_phone {
    background: url('../images/icon_cont_phone.png') no-repeat 1px 3px;
    margin: 0 0 5px;
    padding: 0 0 5px 25px;
}
.cont_letter {
    background: url('../images/icon_cont_letter.png') no-repeat 1px 3px;
    padding: 0 0 0 25px;
}
.cont_pos, .cont_phone, .cont_letter {
    line-height: 20px;
}

#schedule {
    border-bottom: 1px solid #d4d4d4;
    font: 30px/98px OpenSansRegular;
    text-align: center;
}
#map > .holder {
  padding: 0 0 16px;
}
#social {
    
}
.cont_fb, .cont_vk {
    border: 4px solid #ff4e50;
    float: left;
    height: 72px;
    margin: 0 0 20px 70px;
    width: 72px;
}
.cont_fb {
    background: url('../images/icon_cont_fb.png') no-repeat center;
}
.cont_vk {
    background: url('../images/icon_cont_vk.png') no-repeat center;
}



/*** Формы ***/
.mfp-content .wrapper_form {
    background: #ffffff;
    padding: 30px 50px 20px;
}
.wrapper_form {
    margin: 0 auto;
    width: 555px;
}
.wrapper_form .row {
    margin: 0 0 10px;
}
.wrapper_form label {
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
}
.wrapper_form .field_text {
    line-height: 38px;
    height: 38px;
    padding: 0 10px;
}
.wrapper_form .field_area {
    padding: 10px;
    height: 80px;
}
.wrapper_form .field_text, .wrapper_form .field_area {
    border: 1px solid #c0c0c0;
    display: block;
    width: 508px;
}

.wrapper_form .buttons {
    text-align: center;
}
.wrapper_form .buttons .button {
    font-size: 14px;
    display: inline-block;
    line-height: 29px;
    padding: 0 42px;
}

/*** Линии на слайдере ***/
.line {
    background: none repeat scroll 0 0 #dcdcdc;
    bottom: 50px;
    content: ".";
    height: 1px;
    position: absolute;
    width: 100%;
}


/*** Страница услуги ***/
#services {
    background: url('../images/bg_services.png') no-repeat center center;
    font-size: 16px;
    line-height: 22px;
    min-height: 300px;
    text-align: center;
}

/*** Примеры работ ***/
#examples {
    background: #f4f3f1;
}
#examples.no_slide {
    background: none;
}
#examples.no_slide .buttons {
    clear: both;
    padding: 50px 0 60px;
    text-align: center;
}
#examples .title {
    margin-bottom: 35px;
}
.example {
    cursor: pointer;
    position: relative;
    height: 300px !important;
    float: left;
    width: 230px;
    /*padding: 15px 20px;*/
}
#examples.no_slide .example { 
    margin: 0 20px 0 0;
}
#examples.no_slide .example:nth-last-child(1) {margin: 0;}
#examples .slick-list {
    padding: 0 0 11px;
}

#portfolio .example, .catalog .example {
    float: left;
    margin: 0 14px 20px 0;
}
#portfolio .example.last, .catalog .example:nth-child(3n) {
    margin-right: 0;
}
#portfolio .example.clear {
    clear: both;
}
.example{
    text-decoration: none;
}
.example > * {
    max-width: 230px;
}
.example .image {
    margin: 0 0 10px;
    overflow: hidden;
    height: 230px;
    display: block;
    /*position: absolute;
    top: 0;
    left: 0;
    z-index: -1;*/
}
.example .image img {
	margin: 0 auto;
    max-height: 230px;
    min-height: 230px;
    /*min-width: 100%;*/
}
.example .title {
    color: #455db3;
    font-size: 14px;
    font-family: OpenSansRegular;
    text-decoration: none;
    display: block;
}
.example .title:hover { text-decoration: underline; }
.example .description {
    color: #cdcdcd;
    font-size: 14px;
}
.example .site {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.example .site a {
    color: #ff823a;
    font-size: 14px;
    text-decoration: none;
}

.example .site span {
    color: #ff823a;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

/*** Вопросы ***/
#questions {
    background: #f4f3f1;
}
.questions {padding: 0 35px 65px;}
.questions .question_item {
    background: url('../images/icon_list.png') left 4px no-repeat;
    padding: 0 0 0 15px;
}
.questions .question_item > a {
    border-bottom: 1px dashed #455db3;
    color: #455db3;
    display: inline-block;
    font: 14px/16px OpenSansRegular;
    text-decoration: none;
    margin: 0 0 9px;
}
.questions .question_item > a.active, .questions .question_item > a:hover {
    border-color: #ff4e50;
    color: #ff4e50;
}
.questions .question_item .answer_item {
    display: none;
    font-size: 12px;
    padding: 10px 0 17px;
    line-height: 16px;
}
.questions .question_item .answer_item p {
    margin: 0 0 17px;
}
.questions .question_item .answer_item p:nth-last-child(1) {
    margin: 0;
}
.questions .question {
    padding: 0 40px;
    width: 240px;
}
.questions .question .title {
    color: #ff4e50;
    font-size: 16px;
}
.questions .question .description {
    margin: 0 0 15px;
}
.questions .question .link a {
    text-decoration: none;
}

.hidden{display: none !important;}
.s2t-error{color: red;}
/*
.maincontent.content{position: absolute; top: 100%; margin: 10px 0 20px -500px; width: 1000px; left:50%; padding: 20px 0;}
.content{position: relative; font-size:14px; line-height: 1.5;}
.content H1{position: relative; font-size:20px; line-height: 1.5;margin: 0 0 15px 0;}
.content H2, .content H3{position: relative; font-size:18px; line-height: 1.5;margin: 0 0 15px 0;}
.content H4, .content H5, .content H6{position: relative; font-size:16px; line-height: 1.5;margin: 0 0 15px 0;}
.content P{position: relative; margin: 0 0 7px 0;}
.content DIV{position: relative; margin: 0 0 7px 0;}
.content UL{position: relative; padding: 0 0 0 30px;}
.content UL LI{margin: 0 0 7px 0;}
.content A{}
.content IMG{position: relative; margin: 0 7px 0px 0; padding: 0; max-width: 1000px;}

.articlespage{position: relative; margin: 40px auto 20px; width: 1000px;overflow: hidden;}
.articlespage .page{float: left; padding: 0 0 0 260px; width: 740px; position: relative; margin: 0;}
.articlespage .sidebar{float: left; padding: 0; width: 260px; position: relative; margin: 0 0 0 -100%;}
.articlespage .sidebar .wrapper{position: relative;width: 180px;}
.articlespage .sidebar UL{position: relative;}
.articlespage .sidebar UL LI{position: relative; border-bottom:1px solid #d4d4d4;padding: 0 0 5px 0;}
.articlespage .sidebar UL LI:last-child{position: relative; border-bottom:none;}
.articlespage .sidebar UL LI A{position: relative; color:#2a4bbe;font-size:14px;line-height: 30px; text-transform: uppercase; text-decoration: none; 
font-family: OpenSansRegular;}
.articlespage .sidebar UL LI A.selected,.articlespage .sidebar UL LI A:hover {position: relative; color:#ff4e50;}

.article-detail .content H1{font-size: 30px; line-height: 1.5; font-family: OpenSansBold;}
.article-detail .content {font-size: 14px; line-height: 20px; font-family: OpenSansRegular;}
.article-detail .content B{font-family: OpenSansBold;}
.article-detail .content P{margin: 0 0 25px 0;}
*/

.content UL{list-style: disc outside none;}
.content OL{list-style: decimal outside none;}

.maincontent.content{position: absolute; top: 100%; margin: 10px 0 20px -500px; width: 800px; left:50%; padding: 20px 0;}
.maincontent.content{padding-left: 160px; background: url(../images/mainseo.png) 5px 70px no-repeat;}
.maincontent.content H1{font-size: 30px; line-height: 1.5; font-family: OpenSansBold; color:#282626;}
.maincontent.content .block{position: relative; overflow: visible;font-size: 14px; line-height: 20px; font-family: OpenSansRegular;color:#888888; padding: 0 0 50px 0; margin: 0;}
.maincontent.content .block:after{content:''; display:block;width: 30px; height: 1px; position: absolute; left:0; background: #888888; bottom:20px;}
.maincontent.content H3{font-size: 20px; line-height: 1.5; font-family: OpenSansBold;color:#282626;}
.maincontent.content P{font-size: 14px; line-height: 20px; font-family: OpenSansRegular;color:#424242; margin-bottom: 20px;}

.content{position: relative; font-size:14px; line-height: 1.5;}
.content H1{position: relative; font-size:20px; line-height: 1.5;margin: 0 0 15px 0;}
.content H2, .content H3{position: relative; font-size:18px; line-height: 1.5;margin: 0 0 15px 0;}
.content H4, .content H5, .content H6{position: relative; font-size:16px; line-height: 1.5;margin: 0 0 15px 0;}
.content P{position: relative; margin: 0 0 7px 0;}
.content DIV{position: relative; margin: 0 0 7px 0;}
.content UL{position: relative; padding: 0 0 0 30px;}
.content UL LI{margin: 0 0 7px 0;list-style: inherit;}
.content A{}
.content IMG{position: relative; margin: 0 7px 0px 0; padding: 0; max-width: 1000px;}
/*ARTICLES*/
.articlespage{position: relative; margin: 40px auto 20px; width: 1000px;overflow: hidden;}
.articlespage .page{float: left; padding: 0 0 0 260px; width: 740px; position: relative; margin: 0;}
.articlespage .sidebar{float: left; padding: 0; width: 260px; position: relative; margin: 0 0 0 -100%;}
.articlespage .sidebar .wrapper{position: relative;width: 180px;}
.articlespage .sidebar UL{position: relative;}
.articlespage .sidebar UL LI{position: relative; border-bottom:1px solid #d4d4d4;padding: 0 0 5px 0;}
.articlespage .sidebar UL LI:last-child{position: relative; border-bottom:none;}
.articlespage .sidebar UL LI A{position: relative; color:#2a4bbe;font-size:14px;line-height: 30px; text-transform: uppercase; text-decoration: none;
font-family: OpenSansRegular;}
.articlespage .sidebar UL LI A.selected,.articlespage .sidebar UL LI A:hover {position: relative; color:#ff4e50;}

.article-detail .content H1{font-size: 30px; line-height: 1.5; font-family: OpenSansBold;}
.article-detail .content {font-size: 14px; line-height: 20px; font-family: OpenSansRegular;}
.article-detail .content B{font-family: OpenSansBold;}
.article-detail .content P{margin: 0 0 25px 0;}
.article-list {position: relative;}
.article-list .it-article{position: relative; margin: 0 0 15px 0;}
.article-list .it-article .name{position: relative; margin: 0 0 15px 0;color:#2a4bbe;font-size:14px;line-height: 30px; text-transform: uppercase; }