@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700,400,600&subset=latin,cyrillic);
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
   color:#231F1F;
   font-family: 'Open Sans', sans-serif;
   background: #ededee;
   /*background:url(../images/templates/bg.png) center top repeat-y #ededee;
   background:url(../images/template/bg.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/

}
div.clearfix {/* height:0 !important;*/}
div.clearfix.visible-lg, div.clearfix.visible-md, div.clearfix.visible-sm, div.clearfix.visible-xs { display:block !important;}

a {color: #231F20; }
p>a {text-decoration:underline;}
.anim { -webkit-transition:  .5s all; -moz-transition:  .5s all; -ms-transition:  .5s all; -o-transition:  .5s all; transition:  .5s all;}
.yellow {color: #FFF200;}
.dark {color:#231F20;}
.float-left { float:left;}
.float-right { float:right;}
 img { max-width:100%;}

div.yellow { background:#FFF200; color:#231F20;}
div.dark { background:#231F20; color:#FFF200; }
div.yellow a { color:#231F20;}
div.dark a { color:#FFF200;}

ul ul { list-style-image:url("data:image/gif;base64,R0lGODlhCQAIAIAAACMfH////yH5BAEHAAEALAAAAAAJAAgAAAIJjI+py+D/mJwFADs=");}
/*top*/
.top { padding:40px 0;}
.top > .container {}
.top > .container > div { display:inline-block; vertical-align:top; position:relative; z-index:150;}
.top .logo img { display:block; }
.top .phone { color:#231F1F; font-size:30px; font-weight:700;line-height:64px; margin-left:50px;}
.top .lang ul { list-style:none; padding:0; margin:25px 0 0;}
.top .lang ul li { display:inline-block; padding-left:10px; position:relative; line-height:14px; height:14px;}
.top .lang ul li:before { display:block; position:absolute; width:1px; background:#231F20; left:3px; top:0; bottom:0; content:'';}
.top .lang ul li:first-child:before  { display:none;}
.top .lang ul li a { color:#231F20; padding:0;}
.top .lang ul li.active a { font-weight:600; text-decoration:none;}

.top .top-menu {}
.top .top-menu ul {list-style:none; padding:0; margin:16px 0 0;z-index:100;}
.top .top-menu > ul > li { display:inline-block;/* margin-right:10px;*/ padding:2px 10px 2px 15px;}
.top .top-menu ul ul { margin:0;}

.top .top-menu > ul > li > a { font-size:14px; line-height:30px; height:30px; position:relative; padding-right:30px; text-decoration:none; z-index:250;}
.top .top-menu > ul > li > a:after {display:block; content:''; position:absolute; right:5px; width:16px; height:20px; top:50%; margin-top:-10px; background:url(../images/templates/sprite.png) 0 0 no-repeat; z-index:100;}
.top .top-menu .dropdown-menu a { color:#fff;}
.top .top-menu > ul > li.open > a:after,.top .top-menu ul li.dropdown:hover > a:after { background-position:-40px 0;}
.top .top-menu .dropdown-menu { top:0; z-index:10; padding-top:36px; background: rgba(0,0,0,.85); border:0; padding-bottom:5px; border-radius:0; margin:0;z-index:150; width:100%;}
.top .top-menu .dropdown-menu>li>a { padding:2px 15px; }
.top .top-menu > ul > li.open > a {background-color:transparent !important; color:#FFF200;}

.top .top-menu form#user_profile_form { margin:15px 10px 10px; }
.top .top-menu form#user_profile_form input[type=text], .top .top-menu form#user_profile_form input[type=password] { background-color:transparent; border:1px solid #FFF200;border-radius:0;  font-size:14px; color:#fff; padding:3px 10px; height:auto; }
.top .top-menu form#user_profile_form input[type=text]:focus, .top .top-menu form#user_profile_form input[type=password]:focus { border-color:#fff;}
.top .top-menu form#user_profile_form button { display:block;padding:3px 15px; background:#FFF200; margin:0 auto; /*padding-right:35px;*/ position:relative;}
/*.top .top-menu form#user_profile_form button:after {display:block; content:''; position:absolute; right:10px; width:16px; height:20px; top:50%; margin-top:-10px; background:url(../images/templates/sprite.png) 0 0 no-repeat; z-index:100;}*/
.top .top-menu form#user_profile_form button:hover, .top .top-menu form#user_profile_form button:focus { background-color:#fff;}


/*top navbar*/
.navbar-default { background:#231F20; border:0;border-radius:0; z-index:100;}
.navbar {min-height:48px; max-height:auto;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.navbar-nav { float:none; text-align:center;}
.navbar-nav>li { float:none; display:inline-block; min-height:48px;}
.navbar-default .navbar-nav>li>a { padding:14px 30px; height:48px; font-size:18px; color:#FFF200; display:block; font-weight:400;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li:hover>a,.navbar-default .navbar-nav>li:focus>a { background:#FFF200;color:#231F20; }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:#FFF200;color:#231F20; }

.navbar-nav>li>ul { list-style:none; background:#FFF200; color:#231F20; z-index:250; margin:0; padding:0; height:auto; position:absolute; top:100%; width:auto; }
.navbar-nav>li>ul { display:none;}
.navbar-nav>li>ul > li { padding:0;display:block;  height:auto; }
.navbar-nav>li>ul > li > a { display:block; text-align:left;color:#231F20; padding:10px 30px; line-height:16px; text-decoration:none; height:auto; }
.navbar-nav>li { z-index:1;}
/*.navbar-nav>li:hover>ul, .navbar-nav>li:focus>ul { display:block;}*/
.navbar-nav>li>ul > li:hover > a, .navbar-nav>li>ul > li:focus > a { background:#231F20; color:#fff;}


/*li.dropdown:hover > .dropdown-menu, li.dropdown:focus > .dropdown-menu {display: block;}*/
ul.dop { border:0 !important; width:auto !important;}
ul.dop li a { padding-left:20px; padding-right:20px; }


/*navbar-level2*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:#FFF200;}
.navbar-level2 { margin-top:-20px; background-color:#fff; z-index:0;}

.navbar-level2 .navbar-nav>li>a { font-size:14px; color:#231F1F; border-bottom:5px solid #fff; padding-left:20px; padding-right:20px;}
.navbar-level2 .navbar-nav>li>a:hover, .navbar-level2 .navbar-nav>li>a:focus,.navbar-level2 .navbar-nav>li:hover>a,.navbar-level2 .navbar-nav>li:focus>a,.navbar-level2 .navbar-nav>li.active>a,.navbar-level2 .navbar-nav>li:hover a { background-color:transparent !important; border-color:#FFF200; }

.margin-top-20 { margin-top:20px;}
.margin-top-30 { margin-top:30px;}
.margin-top-40 { margin-top:40px;}
.margin-top-50 { margin-top:50px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-50 { margin-bottom:50px;}
.top .top-menu > ul > li.dropdown:hover  > a{ color:#FFF200;}
.top .top-menu .dropdown-menu a:hover, .top .top-menu .dropdown-menu a:focus, .top .top-menu .dropdown-menu a.active {    background-color: #FFF200; color:#000;}

/*company-block index*/
.company-block > div { height:485px; position:relative; padding:0;}


.company-block > div h3 { font-size:24px; color:#9B9999; font-weight:300; border-bottom:2px solid #EEEEED; display:block; margin: 30px 30px 20px; padding:0 0 5px;}
.company-block > div p { margin:0 30px 20px; color:#231F1F;font-weight:400;}
.company-block p.date { margin-bottom:2px; color:#B0AFAF; font-weight:300;}
.company-block p a { color:#3F3D3D; text-decoration:underline;}
.company-block p a:hover, .company-block p a:focus  { color:#231F20; text-decoration:none;}
.company-block .yellow-line { border-top:18px solid #FFF200; background:#fff;}

a.arrow { padding-right:30px; display:inline-block; position:relative; text-decoration:none;}
a.arrow.middle { height:35px; line-height:35px; padding-left:10px;}
a.arrow.big { height:auto; line-height:18px; font-size:16px; font-weight:300; padding:15px 35px 15px 20px;}
a.arrow:after { display:block; content:''; position:absolute; right:5px; width:16px; height:20px; top:50%; margin-top:-10px; background:url(../images/templates/sprite.png) -40px 0 no-repeat; z-index:100;}
a.arrow.big:after { right:10px;}
a.arrow.yellow { background:#FFF200; color:#000;}
a.arrow.yellow:after {background-position:0 0; }
a.arrow.yellow:hover, a.arrow.yellow:focus,a.arrow.yellow.active {background:#000; color:#FFF200;}
a.arrow.yellow:hover:after, a.arrow.yellow:focus:after, a.arrow.yellow.active:after { background-position:-40px 0;}

a.arrow.block { display:block; text-align:left; padding-left:10px; padding-right:30px;}

.company-block a.arrow, .blocks  div a.arrow { position:absolute; color:#B3B3B3; text-decoration:none;}
.blocks  div a.arrow  { color:#212F3B;}
.company-block a.arrow:hover, .company-block a.arrow:focus { color:#717171;}
.company-block a.arrow:after,.blocks  div a.arrow:after, .blocks2  a.arrow:after { background-position:-20px 0;}
.blocks  div.yellow  a.arrow:after { background-position:0 0;}
.blocks  div.yellow  a.arrow:hover:after,.blocks  div.yellow  a.arrow:focus:after { background-position:-60px 0;}
.blocks  div.yellow  a.arrow:hover,.blocks  div.yellow  a.arrow:focus { color:#fff;}
.company-block a.arrow:hover:after, .company-block a.arrow:focus:after, .blocks  div a.arrow:hove:after, .blocks  div a.arrow:focus:after { background-position:-80px 0;}
a.arrow.bottom-right { bottom:14px; right:14px;position:absolute;}
/*.company-block .about:after { display:block; position:absolute; content:' '; width:163px; height:146px; left:0; bottom:0; background:url(../images/templates/sprite.png) 0 -254px; }*/
.company-block .about:after {
    display: block;
    position: absolute;
    content: ' ';
    width: 150px;
    height: 179px;
    left: 0;
    bottom: 0;
    background: url(../images/templates/tort.png) 0 0 no-repeat;
}


div.map .info { height:130px; background:rgba(0,0,0,.55); position:absolute; bottom:0; left:0; width:100%; color:#fff;}
div.map .info h3 { color:#fff; border:0; font-weight:500; margin-left:105px; margin-top:45px; margin-bottom:6px; padding-bottom:0;}
div.map .info p {color:#fff; margin-left:105px; font-size:18px;}
div.map.small:after { display:block; position:absolute; width:52px; height:69px; background:url(../images/templates/sprite.png) -547px -531px no-repeat; content:' '; left:30px; bottom:32px; z-index:100;}


div.map:hover .info h3, div.map:hover .info p { color:#FFF100;}
div.map:hover:after { background-position:-485px -531px;}


div.map { height:485px;position:relative;background:#fff; margin:0 6px; background:url(../images/templates/map.png)  no-repeat center center;
   -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;z-index:10;}

div.map.big { background:url(../images/templates/map_big.png)  no-repeat center center; margin-bottom:30px;}
#map_img { display:none;}

div.map  a.city { position:absolute; width:33px; height:33px; background:url(../images/templates/sprite.png) -490px -420px no-repeat;z-index:150;}
div.map.big  a.city { width:60px; height:60px; background-position:-0 -540px; }
div.map  a.city.active { background-position:-530px -420px;}
div.map.big  a.city.active { background-position:-70px -540px;}
div.map  a.city.opacity { opacity:0.3}
div.map .city-info span { display:block; font-size:13px;color:#000; opacity:0; }
div.map.big .city-info span {font-size:15px; }
div.map .city-info span.title { font-weight:600; font-size:14px; margin-top:20px;}
div.map.big .city-info span.title { font-size:16px;}
div.map .city-info a {color:#231F1F; text-decoration:underline; }
div.map .city-info { min-height:0; background:url(../images/templates/bg_map.png) left bottom no-repeat; padding-left:44px; padding-top:1px; position:absolute; /*display:none;*/ height:0; overflow:hidden; opacity:0; z-index:50;}
div.map.big .city-info { background-image:url(../images/templates/bg_map_big.png); font-size:16px; padding-left:66px;}
div.map .city-info.rt { background:url(../images/templates/bg_map_rt.png) right bottom no-repeat;padding-right:44px;padding-left:0; text-align:right;}
div.map.big .city-info.rt { background-image:url(../images/templates/bg_map_rt_big.png);padding-right:66px;}
div.map .city-info.visible { opacity:1; overflow:visible;}


div.map .city1 { left:18.56%; top:30.309%;}
div.map .city2 { left:24.40%; top:36.498%;}
div.map .city3 { left:30.688%; top:35.258%;}
div.map .city4 { left:36.227%; top:39.0%;}
div.map .city8 { left:32.227%; top:39.75%;}
div.map .city5 { left:24.85%; top:51.9587%;}
div.map .city9 { left:26%; top:49%;}
div.map .city6 { left:86.826%; top:54.845%;}
div.map .city7 { left:16.0%; top:57.6%;}
div.map .city10 { left: 45.9%; top: 56%;}
div.map .city11 { left: 48.9%; top: 55%;}

div.map.big .city1 { left:22.664%; top:39.482%;}
div.map.big .city2 { left:27.741%; top:48.22%;}
div.map.big .city3 { left:55.481%; top:55.278%;}
div.map.big .city4 { left:38.337%; top:52.0%;}
div.map.big .city8 { left:35%; top:53.8%;}
div.map.big .city5 { left:28.182%; top:70.55%;}
div.map.big .city6 { left:88.08%; top:74.272%;}
div.map.big .city7 { left:11.479%; top:55.825%;}
div.map.big .city9 { left:30.0%; top:68.55%;}
div.map.big .city10 { left: 45.9%; top: 56%;}
div.map.big .city11 {    left: 48.9%; top: 55%;}






.container.margin-bottom { margin-bottom:30px;}
.container.margin-top, .container-full.margin-top { margin-top:30px;}
div.white { background:#fff;}

.container > h2, .container-full h2 { font-size:30px; color:#21303b; margin-bottom:3px; padding-bottom:0;}
.container > h4, .container-full h4{ font-size:24px; color:#21303b; font-weight:300; max-width:890px; display:block; margin-bottom:0;}

h4.text-center { margin-left:auto; margin-right: auto;  }
.services, .blocks { margin-top:15px;}
.services > div, .blocks > div, .blocks > div > div { padding:0;}
.blocks > div  { padding: 0 3px;}
.service-item { position:relative; overflow:hidden; height:230px; background:#fff; margin:0 3px;}
.service-item  .desc { position:absolute; top:212px; left:0; right:0;}
.service-item h3 { font-size:30px; font-weight:300; position:absolute; bottom:20px; left:20px; right:20px; text-transform:uppercase; line-height:32px;}
.service-item:after { display:block; content:' '; position:absolute; left:15px; top:20px; background:url(../images/templates/sprite.png) 0 0 no-repeat; z-index:10; }
.service-item.service1:after { left:19px; top:16px; width:110px; height:94px; background-position:-100px 0;}
.service-item.service2:after { width:153px; height:91px; background-position:-230px 0;}
.service-item.service4:after { left:16px; top:16px; width:120px; height:95px; background-position:-274px -122px;}
.service-item.service3:after { width:113px; height:98px; background-position:-108px -122px;}
.service-item  .desc > span:first-child { margin-top:20px;}
.service-item  .desc > span { display:block; margin-left:20px; margin-right:20px;font-size:30px; font-weight:300; line-height:32px;}
.service-item  .desc > span.big { font-size:60px; font-weight:300;line-height:62px;}
.service-item  .desc > span.big small { font-size:70%;}
.service-item:hover .desc { top:0; z-index:100; bottom:0;}
.service-item:hover .desc:after { display:block; content:' '; position:absolute; right:20px; width:44px; height:56px; bottom:25px; background:url(../images/templates/sprite.png) 0 -412px no-repeat; z-index:100; }
.service-item:hover  a { position:absolute; left:0; top:0; right:0; bottom:0; display:block; z-index:105;}
.container-full { width:100%; margin-bottom:0; overflow:hidden; position:relative;}


.container-full.padding { padding:20px 0;}


.line-owl  { margin:30px 0 5px; border-left: 2px solid #E1E1E1; border-right: 2px solid #E1E1E1; height:140px;}
.line-owl.logos { height:100px; margin-bottom:0;}
.line-owl .item { padding:0 15px; position:relative;}
.line-owl .item h3 { text-transform:uppercase; font-size:20px; font-weight:300; margin-left:60px; color:#212F3B;}
.line-owl .item p { margin-left:60px; font-size:13px; color:#212F3B;}
.line-owl .item:after { display:block; content:' '; position:absolute; left:15px; width:43px; height:53px; top:0; background:url(../images/templates/sprite.png) 0 -478px no-repeat; z-index:100;}
.line-owl.logos-owl .item:after { display:none;}
.line-owl .item a { position:absolute; display:block; left:0; top:0; right:0; bottom:0;}
.line-owl .item:hover h3, .line-owl .item:hover p { color:#000;}
.logos-owl  .item { margin:20px 0 30px;}
.logos-owl  .item img { display:block; max-width:80%; margin-left:auto; margin-right:auto; opacity:0.6;}
.logos-owl  .item img:hover{ opacity:1;}


.line-owl .owl-dots { display:none;}
.line-owl .owl-nav{ height:0; position:relative; z-index:200;}
.line-owl .owl-nav > div { position:absolute; top:100%; width:16px; background:url(../images/templates/sprite.png) 0 0 no-repeat;z-index:200;height:20px;}
.line-owl .owl-nav .owl-next { right:10px; background-position:-20px 0;}
.line-owl .owl-nav .owl-next:hover { background-position:0 0;}
.line-owl .owl-nav .owl-prev { left:10px; background-position:-20px -24px;}
.line-owl .owl-nav .owl-prev:hover { background-position:0 -24px;}


/*owl index*/
.owl-gallery { margin-top:15px;}
.fact-blocks { margin-left:auto; margin-right:auto; z-index:10; }
.owl-gallery .item { height:630px; overflow:hidden; }
.owl-gallery .item .item-big { height:630px;background:#fff; position:relative;}
.owl-gallery .item .item-small { height:312px;background:#fff;position:relative;}
.owl-gallery .item .item-small:hover, .owl-gallery .item .item-big:hover {background:#d8d8da;}
.owl-gallery .item > .item-small:first-child { margin-bottom:6px;}
.owl-gallery .item div img, .owl-gallery .item .img iframe { width:100%;}
.owl-gallery .item .item-small .image, .owl-gallery .item .item-small .image iframe{ height:156px;width: 100%;}
.owl-gallery .item .item-big .image { height:474px;}
.owl-gallery .item .item-small .info,.owl-gallery .item .item-big .info { padding-top:10px;}
.owl-gallery .item  .image img { display:block; width:100%; height:100%;}
.owl-gallery .item div p { margin: 10px 20px 0px; font-size:16px;}
.owl-gallery .item div p.title {color:#8F8F8F;}
.owl-gallery .item > div a { position:absolute; display:block; left:0; top:0; right:0; bottom:0; z-index:110;}

.owl-gallery .item .item-small.icon .info{height:156px; position:absolute; bottom:0; left:0; right:0; z-index:105;}
.owl-gallery .item .item-small.icon .info-big { height:auto; top:110px;}
.owl-gallery .item .item-small.icon:after { display:block; position:absolute; left:10px; top:10px; background:url(../images/templates/sprite.png) 0 0 no-repeat; content:''; z-index:100;}

.owl-gallery .item .item-small.icon.qwestion:after { left:25px; top:20px; width:60px; height:133px; background-position:-221px -287px;}
.owl-gallery .item .item-small.icon.about:after { left:20px; top:29px; width:262px; height:157px; background-position:-206px -443px;}
.owl-gallery .item .item-small.icon.about-2:after { left:28px; top:27px; width:98px; height:98px; background-position:-80px -420px;}
.owl-gallery .item .item-small.icon.kace:after { left:20px; top:12px; width:150px; height:134px; background-position:-458px -6px;}
.owl-gallery .item .item-small.icon.kace:hover:after { left:0; top:12px; width:150px; height:134px; background-position:-438px -153px;}
.owl-gallery .item .item-small.icon.preim:after { left:25px; top:25px; width:80px; height:78px; background-position:0 -142px;}
.owl-gallery .item .item-small.icon.history:after { left:20px; top:40px; width:146px; height:76px; background-position:-300px -307px;}

.owl-gallery .item .yellow,.owl-gallery .item .black:hover { background:#FFF200;}
.owl-gallery .item .black, .owl-gallery .item .yellow:hover { background:#231F20;}
.owl-gallery .item .yellow:hover p { color:#fff;}
.owl-gallery .item .yellow:hover p.title { color:#FFF200;}
.owl-gallery .item .gray-half  { background:#B5B5B5;}
.owl-gallery .item .gray-half .image { background:#fff;}
.owl-gallery .item .gray-half:hover {background:#FFF200;}
.owl-gallery .item .gray-half .info p.title, .owl-gallery .item .black p { color:#fff;}
.owl-gallery .item .black p.title { color:#FFF200;}
.owl-gallery .item .black:hover p {color:#000;}
.owl-gallery .item .black:hover p.title { color:#231F20;}

.owl-gallery .owl-dots, .history-page.owl-dots { display:none;}
.owl-gallery .owl-nav, .history-page .owl-nav  { height:0;  z-index:200;}
.owl-gallery .owl-nav > div, .history-page .owl-nav > div{ position:absolute; bottom:280px; width:69px; background:url(../images/templates/arrow.png) 0 0 no-repeat;z-index:200;height:69px; opacity:0.5;}
.history-page .owl-nav > div { bottom:auto; top:50%; margin-top:-34.5px;opacity:0.7;}
.owl-gallery .owl-nav > div:hover, .history-page .owl-nav > div:hover {opacity:1;}
.owl-gallery .owl-nav .owl-prev, .history-page .owl-nav .owl-prev { left:15px; background-position:0 0;}
.history-page .owl-nav .owl-prev  { left:0;}
.owl-gallery .owl-nav .owl-prev:hover, .history-page .owl-nav .owl-prev:hover  { background-position:0 -80px;}
.owl-gallery .owl-nav .owl-next, .history-page .owl-nav .owl-next { right:15px; background-position:right 0;}
 .history-page .owl-nav .owl-next  { right:0;}
.owl-gallery .owl-nav .owl-next:hover, .history-page .owl-nav .owl-next:hover { background-position:right -80px;}



/*clients*/
.blocks > div > div { position:relative; height:312px;}
.blocks > div > div.image img{ display:block; width:100%; height:100%;}
.blocks > div > div.info { padding:25px 20px;}
.blocks > div > div.info  h3 { font-size:30px; font-weight:400; margin-bottom:30px; margin-right:50px;}
.blocks > div > div.info p { font-size:16px;}
.blocks > div > div.info p a { text-decoration:underline;}
.blocks > div > div.info p a:hover { color:#fff; text-decoration:none;}
.blocks > div > div.info p.quotes:before { display:block; content:' '; position:absolute; left:0; width:28px; height:23px; top:-5px; background:url(../images/templates/sprite.png) -470px -321px no-repeat; z-index:100; }
.blocks > div > div.info p.quotes { padding-top:10px; position:relative;text-indent:40px;}
.blocks > div > div.info p.quotes a { color:#212F3B;}

.blocks > div .white a.bottom-right, .blocks2  a.arrow { color:#A0A0A0;}
.blocks > div .white a.bottom-right:hover, .blocks2  a.arrow:hover { color:#231F20;}
.blocks > div .white a.bottom-right:hover:after, .blocks2  a.arrow:hover:after { background-position:0 0;}
.padding-bottom { padding-bottom:20px;}

/*footer*/
#footer > div { padding:40px 0;}
#footer  .menu ul { list-style:none; padding-left:0; padding-left:0;}
#footer  .dark a {color:#FFF200; padding:3px 6px; display:inline-block; text-decoration:none; position:relative;-webkit-transition:  .5s all; -moz-transition:  .5s all; -ms-transition:  .5s all; -o-transition:  .5s all; transition:  .5s all;}
#footer  .dark .address a { margin-left:-5px;}
#footer  .dark a:hover, #footer  .dark a:focus { background:#FFF200; color:#231F20;}
#footer .phone { font-size:30px; font-weight:600;margin-bottom:25px;}
#footer .arrow, #footer  .dark a.arrow { padding-right:30px;}
#footer .arrow:after {  background-position: -40px 0;}
#footer .arrow:hover:after,#footer .arrow:focus:after  { background-position:0 0;}
#footer .yellow { font-size:12px;}
#footer .yellow img { height:64px; width:auto; display:block; margin-right:60px; float:left;}
#footer .yellow .arivist span { line-height:65px;}
#footer .yellow .copyright a { text-decoration:none; color:#231F20; line-height:16px; padding-top:22px; display:inline-block;}
#footer .yellow .copyright a span { text-decoration:underline;}
#footer .yellow .copyright a:hover span { color:#000;}
#footer .yellow .copyright img { width:30px; height:auto; margin-right:0;  margin-left:10px;}

.modal-body .form-group { margin-left:0; margin-right:0;}
.modal-body textarea { resize:vertical;}
.red { color:#FF0000;}

/*modal*/
.modal-header, .modal-footer { background:#231F20; color:#FFF200;}
.btn-yellow { background:#FFF200; color:#231F20; border-color:#FFF200;}
.btn-yellow:hover, .btn-yellow:focus {background:#231F20;color:#FFF200;border-color:#FFF200;}
.modal .close { color:#fff;text-shadow:none; opacity:0.5;}




/*main-content*/
.main-content { padding:10px 0 20px;}
.main-content h1,.main-content h3.header1 { text-align:center; font-size:30px; color:#21303b; margin-bottom:40px; margin-top:5px;}
.main-content h1.text-left { text-align:left; margin-left:0; margin-right:0;}

.main-content p.lead {max-width:1000px; margin-left:auto; margin-right:auto;}

.main-content .padding-tb { padding-bottom:30px; padding-top:30px;/* margin-bottom:30px;*/}
.main-content .no-margin-b { margin-bottom:0 !important;}
.main-content p.main-lead { font-weight:400; font-size:30px; max-width:720px; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:0;}
.main-content p.main-lead.full { max-width:inherit;margin-left:100px; margin-right:100px;}
.main-content p.main-lead.small {font-size:18px; }
.main-content p.main-lead.middle {font-size:24px; }
.main-content .icon { position:relative;}
.main-content .icon  p.main-lead { margin-top:20px; margin-bottom:20px;}
.main-content .icon:before, .main-content .icon:after { display:block; position:absolute; background:url(../images/templates/sprite_content.png) 0 0 no-repeat; content:'';}
.main-content .icon.service-main:before { left:0; top:50%; margin-top:-70.5px; height:141px; width:138px;}
.main-content .icon.service-main:after  { right:0;top:50%; margin-top:-61.5px; height:123px; width:145px; background-position:-160px 0; }

.main-content .icon.service-1:before {left:0; top:50%; margin-top:-85px; height:170px; width:183px; background-position:0 -514px;}
.main-content .icon.service-1:after {right:0; top:50%; margin-top:-85px; height:152px; width:190px; background-position:-204px -506px;}


.main-content h2 {font-size:30px; max-width:720px; text-align:center; margin: 40px auto 20px;}
.services-dt { padding-left:0;}
.services-dt > li { display:block; position:relative; clear:both; margin-bottom:30px; min-height:300px;background:#fff;}
.services-dt > li  ul { padding-left:57px;}
.services-dt  > li > span  { display:block; width:300px; height:300px; text-align:center; line-height:300px; font-size:72px; font-weight:700; color:#fff; background: #FFF200;}
.services-dt  > li > span.big { font-size:140px; }
.services-dt >  li.left > span { float:left;}
.services-dt >  li.right > span { float:right;}
.services-dt  > li > div { height:300px; padding:10px 0; position:relative;}
.services-dt  > li.left > div.text  { margin-left:300px; overflow:hidden;}
.services-dt >  li.right >  div.text { margin-right:300px; overflow:hidden;}
.services-dt >  li > div p, .services-dt li > div h3 { margin-left:40px; margin-right:40px;}
.services-dt  > li > div h3  { font-size:20px;}
.services-dt  > li > div p { font-size:15px;}


.services-dt > div {position:relative;clear:both; margin-bottom:30px;  }
.services-dt .project-item.white {min-height:300px;}
.services-dt .project-item > .icon { display:block; float:left; width:300px;height:auto; margin-bottom:30px;  }
.services-dt .project-item > .icon img { display:block; margin-left:2px; margin-top:2px; width:auto; height:auto;}
.services-dt .project-item > .text { margin-left:300px; padding-top:1px;}
.services-dt .project-item.white > .icon {background: #FFF200; height:300px;margin-bottom:0; }
.services-dt .project-item > .text p, .services-dt .project-item > .text h3, .services-dt .project-item > .text h2 { margin-left:40px; margin-right:100px;}
.services-dt .project-item > .text h3 { font-size:24px;}
.services-dt .project-item > .text p { font-size:16px;}

.services-dt .project-item a.photo { width:43px; height:35px; background:url(../images/templates/sprite_content.png) -421px 0 no-repeat; display:block; position:absolute; right:40px; bottom:25px; cursor:pointer; opacity:0.2;}
.services-dt .project-item a.photo:hover, .services-dt .project-item a.photo:focus { opacity:1;}



.services-dt li > div:after{
    display:block; position:absolute; left:0; right:0; bottom:0; height:170px; content:' '; z-index:100;
background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
background: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
}
.services-dt li > div a.more, .services-dt .project-item a.more { display:inline-block; position:absolute; bottom:25px; left:40px;  z-index:150; height:35px; line-height:35px; padding-left:15px; padding-right:30px;}
.services-dt .project-item a.more  { left:340px;}


.main-content div.blocks2 { position:relative; margin-top:30px; margin-bottom:40px;}
.main-content div.blocks2 > div { height:310px; overflow: hidden;}
.main-content div.blocks2 > div h3 { font-size:30px; max-width:60%; margin-left:20px; margin-top:20px;}
.main-content div.blocks2.contacts > div h3 { max-width:99%; font-size:24px;}
.main-content div.blocks2.contacts > div p { margin:0 20px 10px;}
.main-content div.blocks2 .icon:after { display:block; position:absolute; content:''; left:25px; background:url(../images/templates/sprite_content.png) 0 0 no-repeat;}
.main-content div.blocks2.projects  .icon:after { width:138px; height:141px; bottom:5px;}
.main-content div.blocks2.question  .icon:after { width:55px; height:86px; bottom:20px; background-position:-335px 0; left:32px;}
.main-content div.blocks2.docs  .icon:after { width:68px; height:82px; bottom:20px; background-position:-531px -522px; left:30px;}
.main-content div.blocks2.as-as  .icon:after { width:109px; height:106px; bottom:26px; background-position:-182px -733px; left:32px;}
.main-content div.blocks2.life  .icon:after { width:111px; height:135px; bottom:21px; background-position:-3px -711px; left:32px;}
.main-content div.blocks2.news  .icon:after { width:112px; height:106px; bottom:28px; background-position:-337px -733px; left:32px;}


.main-content div.blocks2 .info { padding:25px 0 10px;}
.main-content div.blocks2.contacts .info { padding:0;}
.main-content div.blocks2 .info  p{ margin: 0 20px 20px; font-size:18px;}
.main-content div.blocks2 .info  p a { color:#212F3B; font-weight:300; text-decoration:underline;}
.main-content div.blocks2 .info  p a:hover { color:#000; text-decoration:none;}

.main-content div.blocks2 .info .news-item p.date { margin-bottom:0; font-size:12px;}




/*about*/
.slider-about {overflow:hidden; margin-bottom:40px;}
.slider-about > div{ height:400px; padding:0; }
.slider-about .table-div { width:100%; height:100%; display:table;}
.slider-about .table-td {width:100%; height:100%; display: table-cell; vertical-align:middle; text-align:center;}
.slider-about .table-td h3 { max-width:320px; text-align:left; margin:0 auto; font-size:30px; line-height:40px;}
.slider-about .table-td h3 span.black { background:#231F1F; color:#FFF200; display:inline-block; padding:2px;}
.slider-about-owl { height:400px; overflow:hidden; width:100%;}
.slider-about-owl .item { height:100%; display:table; vertical-align:middle; text-align:center; height:100%; width:100%;}
.slider-about-owl .item img { width:auto; height:auto; max-width:90%; display:block; margin-right:auto; margin-left:auto;}
.slider-about-owl .owl-stage-outer{ height:100%;}
.owl-carousel .owl-item,.owl-carousel .owl-stage { height: auto;}

.slider-about .owl-controls  { position:relative;}
.slider-about .owl-controls .owl-dots { display:none;}
.slider-about .owl-controls .owl-nav div { display:block; position:absolute; width:69px; height:69px; top:-234px; background:url(../images/templates/arrow.png) left top no-repeat; z-index:100; left:0;}
.slider-about .owl-controls .owl-nav div.owl-next { background-position: right 0; right:0; left:auto;}
.slider-about .owl-controls .owl-nav div.owl-prev:hover, .slider-about .owl-controls .owl-nav div.owl-prev:focus { background-position: left -80px;}
.slider-about .owl-controls .owl-nav div.owl-next:hover, .slider-about .owl-controls .owl-nav div.owl-next:focus { background-position: right -80px;}


div.white { background:#fff;}
div.white.padding-tb { margin-top:20px; padding-top:30px;}


.padding-top { padding-top:20px; }
.margin-top { margin-top:20px;}
.left-info p { font-size:22px; font-weight:300; margin-right:100px; margin-left:0;}
.margin-bottom-30 { margin-bottom:30px;}


.services-icon div { text-align:center; margin-bottom:20px;}
.services-icon a {font-size:22px; font-weight:300; color:#231F1F;border-bottom:1px solid #fff;}
.services-icon div .icon { height:146px; position:relative; margin-bottom:20px;}
.services-icon div .icon  span { display:block; position:absolute; background:url(../images/templates/sprite_content.png) 0 0 no-repeat; opacity:0.1; bottom:0; left:50%;}
.services-icon div .service1  span { width:153px; height:87px; margin-left:-80.5px; background-position:0 -174px;}
.services-icon div .service2  span { width:110px; height:94px; margin-left:-55px; background-position:-189px -174px;}
.services-icon div .service3  span { width:113px; height:98px; margin-left:-56.5px; background-position:-336px -174px;}
.services-icon div .service4  span { width:113px; height:94px; margin-left:-56.5px; background-position:-486px -174px;}
.services-icon div .service5  span { width:143px; height:91px; margin-left:-71.5px; background-position:0 -298px;}
.services-icon div .service6  span { width:120px; height:95px; margin-left:-85.0px; background-position:-167px -298px;}
.services-icon div:hover .icon  span { opacity:1;}
.services-icon div:hover a { color:#000; text-decoration:none; border-bottom:1px solid #000;}







/*tabs*/
.nav-tabs { border:0;}
.nav-tabs>li { margin-right:1px;}
.nav-tabs>li>a { font-size:18px; font-weight:300; border-radius:0; border:0; background:#888687; color:#fff; padding-left:30px; padding-right:30px;}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus { background:#231F20;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border:0; color:#231f20; background:#fff;}
.tab-content { background:#fff; padding:0 0 0 30px; min-height:312px;}
.tab-content p { /*margin-left:30px;*/ font-size:16px;}
.tab-content  p.lead { max-width:inherit;padding-top:30px;}
.tab-content .logo-right { float:right; margin-left:50px;}




/*menu icons*/
.menu_page ul { padding:0; margin:0; list-style:none; text-align:center;}
.menu_page ul li { display:inline-block; width:145px; height:145px; border:2px solid #020202; vertical-align:bottom; margin:0 3px 8px;}
.menu_page ul li.delete { display:block; clear:both; border:none; height:0px;}
.menu_page ul li > div { display:table;width:100%; height:100%;}
.menu_page ul li a { display:table-cell; width:100%; height:100%;vertical-align:bottom;text-align:center; padding:0 10px 10px; color:#231F1F; font-weight:400; position:relative; text-decoration:none; line-height:16px; font-size:15px;}
.menu_page ul li a span.icon { display:block; position:absolute; height:70px; top:12px; left:50%; background:url(../images/templates/sprite_content.png) 0 0 no-repeat; overflow:hidden;}
.menu_page ul li a span.serv1 { width:55px; background-position:0 -414px; margin-left:-27.5px;}
.menu_page ul li a span.serv2 { width:90px; background-position:-85px -414px; margin-left:-45px;}
.menu_page ul li a span.serv3 { width:47px; background-position:-204px -414px; margin-left:-23.5px;}
.menu_page ul li a span.serv4 { width:100px; background-position:-272px -414px; margin-left:-50px;}
.menu_page ul li a span.serv5 { width:62px; background-position:-408px -414px; margin-left:-31px;}
.menu_page ul li a span.serv6 { width:68px; background-position:-492px -414px; margin-left:-34px;}
.menu_page ul li a span.serv7 { width:52px; background-position:-328px -318px; margin-left:-26px;}
.menu_page ul li a span.serv8 { width:71px; background-position:-406px -318px; margin-left:-35.5px;}

.menu_page ul li a span.form1,.menu_page ul li a span.form2,.menu_page ul li a span.form3,.menu_page ul li a span.form4 {background:url(../images/templates/icon_center.png) 0 0 no-repeat; }
.menu_page ul li a span.form1 {width:63px; background-position:-6px -4px; margin-left:-31.5px; height: 79px;}
.menu_page ul li a span.form2 {width:73px; background-position:-119px -4px; margin-left:-36.5px;}
.menu_page ul li a span.form3 {width:73px; background-position:-11px -112px; margin-left:-31.5px;height: 73px;}
.menu_page ul li a span.form4 {width:60px; background-position:-126px -106px; margin-left:-30px;height: 78px;}



.menu_page ul li a span.serv10 { width:54px; background-position:-512px -319px; margin-left:-27px;}
.menu_page ul li a span.serv11 { width:71px; background-position:-441px -536px; margin-left:-35.5px;}


.menu_page ul li a:hover, .menu_page ul li:hover a, .menu_page ul li a:focus, .menu_page ul li:focus a, .menu_page ul li.active a { background:#FFF200;}
.menu_page ul li:hover, .menu_page ul li.active,.menu_page ul li:focus { border-color:#FFF200;}


.dop-line { border-left:1px solid #020202; padding-left:20px; margin-top:25px; margin-left:20px;}
.dop-line p { font-style:italic;}
.left-line-div {margin-left:40px;}


.main-content .yellow.padding-tb ul , .main-content .white.padding-tb ul  { max-width:900px; margin-left:auto; margin-right:auto; display:block; margin-top:20px;}
.main-content .yellow.padding-tb ul li, .main-content .white.padding-tb ul li { font-size:18px; margin-bottom:5px;}


/*serv_left*/
.menu_page { margin-bottom:40px;}
.serv_left { text-align:center;}
.serv_left img { display:block; margin-left: auto; margin-right:auto; max-width:100%; height:auto; margin-bottom:40px;}
.main-text-info p { margin-left:0; margin-right:50px;}

.main-text-info p, .main-text-info li{ font-size:16px;}
.services-dt .text li { margin-right:40px;}

.main-text-info p.lead  { margin-top:20px; font-size:24px;}
.main-text-info p.lead + ul { margin-top:-10px; margin-bottom:10px;}


.main-text-info .services-dt { margin-bottom:30px; margin-top:30px; display:block;}
.main-text-info .services-dt li h3 { margin-bottom:20px;}
.main-text-info .services-dt li > div:after { display:none;}
.main-text-info p.name, .main-text-info p.post { text-align: left;}
.main-text-info p.name { font-size: 18px; margin-bottom: 30px;margin-right: 0;}
.main-text-info p.post { font-size: 14px; margin-right: 0;}
.main-text-info .serv_left .photo { max-width: 217px; margin-right: auto; margin-left: auto;}


/*history-page*/
.slide-info { margin-top:15px; margin-bottom:30px;height:210px; }
.history-page .item { height:150px; width:150px;}
.history-page { position:relative;}
.history-page .cloned  { opacity:0.3}
.history-page .cloned:hover, .history-page .cloned:focus { opacity:1;}
.history-page .item a{ display:block;height:150px; width:150px; line-height:150px; font-size:36px; color:#fff; font-weight:700; background:#d5d5d6; text-align:center; text-decoration:none; }
.history-page .item a:hover, .history-page .item a:focus, .history-page .item a.active { background:#fff200; color:#000;}

.slide-info  .row > div { height:210px;}

.slide-info .table-div { display:table; height:100%; width:100%;table-layout: fixed;}
.slide-info .td { display:table-cell;height:100%; width:100%; vertical-align:middle; padding:20px;}
.slide-info .td.title { font-size:18px;}
.slide-info .td img { display:block; position:relative; width:auto; max-width:100%; margin-left:auto; margin-right:auto;}
.slide-info .fadeout { opacity:0;}



.frame_video { height:200px;}
.row > .video { margin-bottom:26px;}







.news-item-list { margin-bottom:40px;}
.news-item-list p.date { display:inline-block; font-size:13px; padding:5px 10px; margin:0 0 5px;}
.news-item-list p.date.black { background:#000; color:#fff200;}
.news-item-list p.date.yellow { background:#fff200; color:#000;}

.news-item-list p a { display:inline-block; /*border-bottom:1px solid #000;*/ text-decoration:none;}
.news-item-list p a.arrow { border-bottom:0;}
.news-item-list p a:hover { border-color:#EDEDEE; color:#000;}
.news-item-list p.desc { font-size:14px;}
.main-content .news-item-list h2, .main-content  h2.news-item { text-align:left; margin:10px 30px 30px 0; font-size:26px;}











.slider-yellow-line .owl-controls { position:relative; height:0;}
.slider-yellow-line .owl-controls .owl-nav > div {
 position:absolute;
  width: 69px;
  height: 69px;  background:url(../images/templates/arrow.png) left top no-repeat; top:0; margin-top:-25px;    }
.slider-yellow-line .owl-controls .owl-nav div.owl-next { background-position: right 0; right:0; left:auto;}
.slider-yellow-line .owl-controls .owl-nav div.owl-prev:hover, .slider-yellow-line .owl-controls .owl-nav div.owl-prev:focus { background-position: left -80px;}
.slider-yellow-line .owl-controls .owl-nav div.owl-next:hover, .slider-yellow-line .owl-controls .owl-nav div.owl-next:focus { background-position: right -80px;}

.slider-yellow-line .owl-controls .owl-nav > div:hover, .slider-yellow-line .owl-controls .owl-nav > div:focus { opacity:1;}


.slider-yellow-line .owl-item { display:table; height:100%; width:100%;}
.slider-yellow-line .owl-item .item { display:table-cell; vertical-align:middle;height:100%; width:100%;}











 #to-top {
    display: block;
    position: fixed;
    text-align: center;
    right: 20px;
    bottom: -30px;
    color: #fff;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
    z-index: 10000;
    height: 29px;
    width: 29px;
    background-color: rgba(0,0,0,0.4);
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
}

#to-top i {
	line-height: 29px!important;
	width: 29px!important;
	height: 29px!important;
	font-size: 14px!important;
	top: 0px!important;
	left: 0px!important;
	text-align: center!important;
	background-color: transparent!important;
}


#to-top:hover, #to-top.dark:hover  {
	background-color:#212F3B ;
	color:#fff;
}

#to-top.dark {
	background-color: #F6F1E5;
	color:#5A6165;
}

.sert_img { margin-bottom:30px;}
.sert_img p { margin:10px 20px 5px; text-align:center;}




p.title-bg { display:inline-block; color: #000; background:#FFF200; padding:2px 5px 4px;}
p.title-bg.invert {color: #FFF200; background:#000;}

.owl-people { position:relative;}
.owl-people .item {position:relative; height:auto; background:#fff;}
.owl-people .item .image { position:relative;height:auto; padding-bottom:160px; }
.owl-people .item .image img { display:block; margin:0;}
.owl-people .item .info { background:#fff; position:absolute; bottom:0; height:160px; left:0; right:0; padding-top:20px; overflow:hidden;}
.owl-people .item p {font-weight:400; font-size:18px; margin:0 30px 10px; color:#21303b;}
.owl-people .item p.name { font-size:18px; color:#909090;font-weight:300; }
.owl-people .item p.small { font-size:14px;}
.owl-people .item .detail { font-style:italic; height:0;height:auto; padding-top:10px; padding-bottom:10px;  }
.owl-people .item .detail p {font-size:14px; color:#fff;}


.owl-people .item .info:hover { height:45%;}
.owl-people .item .info:hover  .detail p{font-size:14px; color:#000;}

.owl-people .owl-controls { position:absolute; top:0; height:0; left:0; right:0;}
.owl-people .owl-controls  .owl-nav div { display:block; position:absolute; width:69px; height:69px; top:155.5px; background:url(../images/templates/arrow.png) left top no-repeat; z-index:100; left:0;}
.owl-people .owl-controls  .owl-nav div.owl-next { background-position: right 0; right:0; left:auto;}
.owl-people .owl-controls .owl-nav div.owl-prev:hover, .owl-people .owl-controls  .owl-nav div.owl-prev:focus { background-position: left -80px;}
.owl-people .owl-controls  .owl-nav div.owl-next:hover, .owl-people .owl-controls .owl-nav div.owl-next:focus { background-position: right -80px;}


.frm-page { background:#231F20; color:#fff; padding:30px; }
.modal-body label.error { font-weight:300; color:#F00;}


.owl-people > .item { float:left; width:25%;}


.form-send-order label.error { display:block; font-weight:300; color:#F00;}

.form-feedback.error { background-color:#F00; padding:20px 15px; text-align:center; margin-right:10px;}
.form-feedback.error p, .form-feedback.error a { color:#FFF; text-align:center !important;}
.form-feedback.success {padding:20px 15px; text-align:center;     background-color: #dff0d8;margin-right:10px;}
.form-feedback.success p { text-align:center !important;  background-color:transparent !important;}



div.panel { background-color:transparent; border:0;-webkit-box-shadow: none;    box-shadow: none;}

p a:not(.btn), li a:not(.btn) { text-decoration:underline;}

.pages { text-align:center;}
.pages  .pagination li a { text-decoration:none;}
.pagination>li>a, .pagination>li>span { color:#231F1F;}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover , .pagination>li:hover>a { background-color:#FFF200; border-color:#ddd; color:#231F1F;}
.modal-content form { margin-bottom: 0 !important;}


.news-item__title { margin-bottom: 10px;}
.news-item__title .news-item__autor{ display: inline-block; vertical-align: middle; margin-left: 30px;}
.news-item__autor .news-item__autor__photo, .news-item__autor  .news-item__autor__name {display: inline-block; vertical-align: middle; }
 .news-item__autor .news-item__autor__photo img {display:block; width: 46px; height: 46px;
    -moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari, Chrome */
    -khtml-border-radius: 50%; /* KHTML */
    border-radius: 50%; /* CSS3 */
}
.news-item__title .news-item__autor .name { font-size: 12px; font-weight: 700; display: block;}
.news-item__title .news-item__autor .post {font-size: 12px; }
.news-item__title .news-item__autor .separator { display: none;}
.main-content .news-item-list .news-item__title + h2 { margin-top: 30px;}


.s-main-menu.affix
{
    position: fixed;
    left: 0; right: 0; top: 0;
    z-index: 1000;
}

@media (min-width: 769px) {
.main-content ul {
    font-size: 14px;
}

div.list { display: flex;
 justify-content: space-between; max-width: 1100px; margin: 50px auto 20px;}
div.list-item { flex: 0 1 auto; width:33.3%; padding:0 25px;}

}

.tur_w {
   background: url(/images/tur_bg_top.png) center top no-repeat #fff;
    padding: 87px 0 63px;
}
.tur_w .container { max-width: 600px; padding-left:40px;}
.tur_w .container p { font-size: 1.2em;}
.main-content h2.upper { text-transform: uppercase; max-width:820px;}
.title_yellow { background: #FFF200;
    max-width: 650px;
    text-align: center;
    margin: 40px auto 10px;
    padding: 5px 65px;
    font-size: 1.3em;
    font-weight: 700; position:relative;}
.title_yellow:after, .title_yellow:before { display:block;  position:absolute; content:'';
    background: url(/images/arrow2.png) center center no-repeat; width:21px; height:12px;
    bottom:10px;
}
.title_yellow:after {left:20px;}
.title_yellow:before  {right:20px;}
.title_yellow p {margin-bottom: 0;}
p.additional { font-style:italic;     font-weight: 600;
    margin-bottom: 5px;}
    
    .tur_gray_bg {background: url(/images/tur_bg_grat.png) center bottom 55px no-repeat; padding-bottom:30px;}
    .tur_gray_bg .container ul, .tur_gray_bg .container p { max-width: 650px; margin-left:auto; margin-right: auto;}
    .tur_gray_bg .container ul, .tur_black_bg  .container ul{padding-left: 20px;}
    
    
.tur_black_bg {
     background: url(/images/tur_bg_2.png) center center no-repeat #4A4A49;
     color: #fff; padding-bottom:40px;
} 
.tur_black_bg h2 {  color: #fff;}
.tur_black_bg .container ul, .tur_black_bg .container p{ max-width: 650px; margin-left:auto; margin-right: auto;}

.pad {padding: 40px 0;}    
.pad a.arrow.big{ margin: 0 auto;}


.tur_white_bg {
     background: url(/images/tur_bg_3.png) center top no-repeat #fff;
   padding-bottom:40px;
} 
