/* clear */
html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body {background: #fff; font-family: 'PT Serif'; font-size: 16px; color: #323232; font-weight: normal; font-style: normal; text-transform: none; overflow-x: hidden;}
section, article, nav, aside, header, footer, address, main {display: block;}
address {font-weight: normal; font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {}
h2 {}
h3 {}
a img {border: none;}
p {margin: 0; padding: 0;}
ul, ol {font-family: 'PT Serif'; font-size: 16px; color: #323232;}

input, select, textarea {font-family: 'PT Serif'; font-size: 16px; color: #323232;}
:focus {outline: none;}

::-webkit-input-placeholder {font-family: 'PT Sans', sans-serif; font-size: 16px; color: #323232;}
::-moz-placeholder {font-family: 'PT Sans', sans-serif; font-size: 16px; color: #323232;}
:-moz-placeholder {font-family: 'PT Sans', sans-serif; font-size: 16px; color: #323232;}
:-ms-input-placeholder {font-family: 'PT Sans', sans-serif; font-size: 16px; color: #323232;}

strong {font-weight: bold;}
em {font-style: italic;}

a {color: #323232; text-decoration: underline;}
a:hover {text-decoration: none;}

.clear {clear: both;}
.last {margin-right: 0 ! important;}
.fleft {float: left;}
.fright {float: right;}
.acenter {text-align: center;}
.wrapper {position: relative; width: 940px; margin: 0 auto;}
/* end clear */

#header {width: 100%; height: 817px; background:url(../img/header.jpg) no-repeat center top,  url(../img/header-bg.jpg) repeat-x; position: relative; z-index: 2001;}
#pages #header {width: 100%; height: 323px; background:url(../img/header-pages.png) no-repeat center top,  url(../img/header-bg.jpg) repeat-x; position: relative; z-index: 2001;}
#logo {position: absolute; width: 304px; left: 50%; margin-left: -152px; top: 30px;}
#address {/* width: 275px;  */background: url(../img/bullit.png) no-repeat left top; padding-left: 30px; padding-top: 3px; font-family: PT Sans, Sans-serif; color: #fff; position: absolute; top: 53px; z-index: 33;}
#address .address-menu {}
#address .address-menu .active {font-weight: bold; margin-top: 5px;}
#address .address-menu .active p {display: block; float: left;}
#address .address-menu .active a {display: inline-block; position: relative; top: 3px; width: 14px; height: 15px; background: url(../img/arrow-down.png) no-repeat center center; margin-left: 8px; margin-top: 4px;}
#address .address-menu .noactive {display: none;}

/* pages */
.main-content {margin-top: 37px;}
#news-content {position: relative; width: 100%; /* height: 660px; */ background: url(../img/bg-1.jpg); z-index: 4005;}
#news-content .one-article {position: relative; margin-bottom: 37px;}
#news-content .one-article .img {line-height: 1px; width: 179px; float: left;}
#news-content .one-article .img a{/* border: 6px solid #deded4; */ background: #deded4; text-align: center; padding: 6px; display: block;}
#news-content .one-article .img img {width: 100%; transition: all 0.2s linear; display: block; position: relative;}
#news-content .one-article .img img:hover {transform: scale(1.1);}
#news-content .one-article .background {width: 178px; height: 38px; position: relative; top: 0; background: url(../img/img-bg.png) no-repeat;}
#news-content .one-article .right {float: left; width: 487px; margin-left: 29px;}
#news-content .one-article .right .time {}
#news-content .one-article .right .time .date {display: block; float: left; font-family: 'PT Sans', sans-serif; font-style: italic; font-size: 14px; line-height: 20px; color: #7d7d7d;}
#news-content .one-article .right .time .line {display: block; float: left; height: 1px; width: 395px; margin-left: 2px; background: url(../img/line-point.png) repeat-x top left; position: relative; top: 10px;}
#news-content .one-article .right h2 {color: #323232; font-family: 'PT Serif', sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; font-style: italic; margin-top: 18px; margin-bottom: 22px;}
#news-content .one-article .right .text {font-size: 16px; line-height: 20px; font-family: 'PT Sans'; color: #323232;}
#news-content .one-article .right .more {}
#news-content .one-article .right .more .line {display: block; float: left; height: 1px; width: 395px; margin-right: 9px; background: url(../img/line-point.png) repeat-x top left; position: relative; top: 10px;}
#news-content .one-article .right .more .link {display: block; float: left; font-family: 'PT Sans', sans-serif; font-style: italic; font-size: 16px; line-height: 20px; color: #7d7d7d; text-decoration: underline;}
#news-content .one-article .right .more .link:hover {text-decoration: none;}

#left-menu {width: 202px; height: 298px; background: url(../img/menu-left-media.png) no-repeat; position: absolute; top: -9px; left: 0; z-index: 3;}
#left-menu-services {width: 201px; height: 548px; background: url(../img/menu-services.png) no-repeat; position: absolute; top: -12px; left: 0; z-index: 3;/*  display: none ! important; */}

.photos-services {position: relative;}
.photos-services h2 {font-family: "Conv_favoritheavyc-italic"; color: #000; font-size: 20px; margin-top: 0;}
.photos-services .photo-service-one {float: left; width: 20%; position: relative;}
.photos-services .photo-service-one a {}
.photos-services .photo-service-one img {display: block; width: 100%; height: auto; overflow: hidden;}
.photos-services .photo-service-one .photo-overlay {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/setka.png) top left; cursor: pointer;}
.photos-services .photo-service-one:hover > .photo-overlay {display: none;}

#left-menu ul {list-style: none; margin: 0; padding: 0; padding-top: 19px;}
#left-menu ul li {text-align: center; background: url(../img/menu-left-media-line.png) no-repeat center bottom; padding: 0px 5px;}
#left-menu ul li:first-child {}
#left-menu ul li:last-child {}
#left-menu ul li a {font-family: 'PT Serif', sans-serif; font-style: italic; font-weight: bold; color: #543006; text-shadow: 1px 1px 1px #fff; font-size: 16px; line-height: 22px; text-decoration: none; display: block; padding: 10px 0px 18px 0px;}
#left-menu ul li a:hover, #left-menu ul li a.active {text-shadow: none;}

#left-menu-services ul {list-style: none; margin: 0; padding: 0; padding-top: 19px;}
#left-menu-services ul li {text-align: center; background: url(../img/menu-left-media-line.png) no-repeat center bottom; padding: 0px 5px;}
#left-menu-services ul li:first-child {}
#left-menu-services ul li:last-child {}
#left-menu-services ul li a {font-family: 'PT Serif', sans-serif; font-style: italic; font-weight: bold; color: #543006; text-shadow: 1px 1px 1px #fff; font-size: 16px; line-height: 19px; text-decoration: none; display: block; padding: 4px 0px 15px 0px;}
#left-menu-services ul li a:hover, #left-menu-services ul li a.active {text-shadow: none;}


#news-content h1 {margin: 0; font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding: 25px 0 16px 0; z-index: 1;}
.main-content {width: 704px;/*  height: 300px; */ margin-left: 236px;}
.main-content .left-ab {float: left; width: 435px;}
.main-content .left-ab p {font-family: "PT Sans", sans-serif; font-size: 16px; line-height: 20px; color: #323232; margin-bottom: 25px;}
.main-content .right-ab {float: left; width: 205px; margin-left: 55px;}
.main-content .right-ab .img-ab {position: relative; text-align: center; margin-bottom: 23px;}
.main-content .right-ab .img-ab img {/* border: 5px solid #756b5f; border-top: 6px solid #756b5f; border-bottom: 6px solid #756b5f; */}
.main-content .right-ab .text-ab {}
.main-content .right-ab .text-ab p {font-family: 'PT Sans', sans-serif; font-style: italic; font-size: 14px; line-height: 20px; color: #323232; text-align: center;}

#chronicus-1 {width: 100%; height: 687px; background: url(../img/chronicus-1.png) no-repeat top center, url(../img/bg-1.jpg) center top; position: relative;}
#chronicus-1 .text {width: 418px; height: 455px; background: url(../img/chronicus-bg.png); position: absolute; right: 0; top: 100px; padding: 30px;}
#chronicus-1 .text p {font-family: "PT Sans", sans-serif; font-size: 16px; line-height: 20px; color: #fff; margin-bottom: 25px;}
#chronicus-2 {width: 100%; height: 596px; background: url(../img/chronicus-2.png) no-repeat top center, url(../img/bg-3.png) center top;  position: relative;}
#chronicus-2 h2 {margin: 0; font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #fff; padding: 25px 0 16px 0; z-index: 1; text-align: center;}
/* end pages */
#fancybox-wrap {z-index: 3000;}
 
#phone {background: url(../img/icon-phone.png) no-repeat 0px 3px; padding-left: 30px; width: 182px; font-family: 'Conv_favoritheavyc'; font-size: 26px; color: #fff; position: absolute; right: 0; top: 54px;}
#phone sup {font-size: 14px;}
#phone a {font-family: PT Sans, sans-serif; font-size: 16px; font-weight: normal; color: #fff; text-decoration: none; border-bottom: 1px dashed #fff;}

#phone nobr{font-family: 'Conv_favoritheavyc'; font-size: 26px;}
#main-menu {position: relative; top: 250px;}
#main-menu ul {margin: 0; padding: 0; list-style: none;}
#main-menu ul li {float: left; margin-right: 20px;}
#main-menu ul li:last-child {margin-right: 0;}
#main-menu ul li a {display: block; padding: 3px 13px 6px 13px; border-left: 1px solid transparent; border-right: 1px solid transparent; text-decoration: none; font-family: 'Conv_favoritheavyc'; /*font-size: 20px;*/ font-size: 18px; font-weight: normal; color: #fff;}
#main-menu ul li a:hover, #main-menu ul li a.active {background: url(../img/menu-active-bg.png) repeat-x; color: #1d1d1d; border-left: 1px solid #fff; border-right: 1px solid #fff;}

#slider-main {width: 100%; position: relative; top: 300px;}
#slider-main .slide-left {width: 369px; height: 242px; padding: 106px 50px 0px 119px; background: url(../img/slider-left-bg.png) no-repeat left top;}
#slider-main .slide-left p {font-family: PT Sans; font-size: 16px; color: #3b372e; font-style: italic;}

#slider-main .slide-1 {width: 884px; height: 484px; background: url(../img/slide-1.png) no-repeat;}
#slider-main .slide-2 {width: 884px; height: 484px; background: url(../img/lit-art-2.png) no-repeat;}
#slider-main .slide-3 {width: 884px; height: 484px; background: url(../img/lit-art-3.png) no-repeat;}
#slider-main .slide-4 {width: 884px; height: 484px; background: url(../img/lit-art-4.png) no-repeat;}
#slider-main .slide-5 {width: 884px; height: 484px; background: url(../img/lit-art-5.png) no-repeat;}

.slideNavButtons {position: absolute; top: 731px; z-index: 3000; width: 100%; text-align: center;}
.slideNavButtons .buttons-box {position: relative; top: 0; left: 0; width: auto; margin: auto; display: table; display: inline-block; }
.slideNavButtons .slideSetButton {display: block; float: left; width: 15px; height: 15px; background: url(../img/slider-bullits.png) no-repeat left top; margin-right: 5px;}
.slideNavButtons .slideSetButton:hover, .slideNavButtons .slideSetButton.active {background-position: right top;}

/*advantages*/
#facts {width: 100%; height: 670px; padding-top: 108px; position: relative; z-index: 2002; background: /* #f6f6f6 */ url(../img/facts.png) repeat-x center top; margin-top: -118px;}
#facts h2 {font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; margin-top: 10px; margin-bottom: 20px;}
.decor {display: block; width: 92px; height: 27px; margin: 0 auto; background: url(../img/decor.png) no-repeat top left;}
.decor3 {display: block; width: 100px; height: 32px; margin: 0 auto; background: url(../img/decor3.png) no-repeat top left;}
.button {display: block; background: url(../img/button.png) repeat-x top left; padding: 6px 0px; width: 192px; text-align: center; text-decoration: none; font-weight: bold; font-family: PT Sans, sans-serif; font-size: 16px; color: #323232; text-shadow: 0 1px 3px #fff; box-shadow: 0px 1px 10px -1px #323232; margin: 0 auto; font-style: normal;}
.button:hover {box-shadow: 0px 1px 4px 0px #323232;}

.fact-15-year, .fact-geographi, .fact-1000-projects {float: left; width: 269px; text-align: center; margin-right: 66px; font-family: PT Serif; font-size: 18px; line-height: 24px; color: #323232; font-weight: bold; font-style: italic;}
.facts-list {margin-top: 25px;}
.facts-list p {margin-bottom: 25px;}
.fact-15-year img {position: relative; top: 50px; left: 10px;}
.fact-1000-projects img {position: relative; top: 60px; left: 6px;}
.facts-list .obl {background: url(../img/fact-base.png) no-repeat center bottom; height: 271px;}
#facts .last {margin-right: 0;}

#slider-center {margin-top: -20px; position: relative; z-index: 2200; height: 774px;}
#honors {width: 100%; height: 597px; background: url(../img/honors.png) repeat-x center top; position: relative; z-index: 1;}
#honors h2 {font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232;   margin-top: 0; padding-top: 40px; margin-bottom: 20px;}

#geography {width: 100%; height: 655px; background: #000 url(../img/geography.jpg) no-repeat center top; margin-top: -81px;}	
#geography .g-content {position: absolute; width: 380px; height: 317px; top: 132px; left: 0;}
#geography .g-content h2 {font-family: 'Conv_favoritheavyc-italic'; color: #fff; font-size: 30px; margin-bottom: 20px;}

#geography .g-content p {font-family: 'PT Sans', sans-serif; font-size: 16px; color: #fff; margin-top: 67px; width: 304px;}

#geography .g-content .button {margin: 0; margin-top: 28px; box-shadow: 0px 1px 10px -1px #fff;}
#geography .g-content .button:hover {box-shadow: 0px 1px 4px 0px #fff;}
 
#video {	position:relative; height: auto; overflow: hidden; width: 100%;}
#video .video-bg {width: 100%; height: auto; padding: 0; display: inline; box-sizing: content-box; vertical-align: top; background: #fff;}
#video #play {position: absolute; width: 100%; height: 100%; z-index: 999;}

.decor2 {width: 92px; height: 27px; background: url(../img/decor2.png) no-repeat left top; margin: 0 auto;}

#form {width: 100%; height: 516px; background: url(../img/form.jpg) repeat-x center top;}

#address-bottom {width: 100%; height: 214px; background: url(../img/facts.png) repeat-x center top; margin-top: -84px; padding-top: 100px; border-bottom: 3px solid #7a6251; padding-bottom: 40px;}

.form-title {font-family: 'Conv_favoritheavyc-italic'; color: #2f3135; text-align: center; font-size: 30px; margin: 0; padding: 0; width: 500px; padding-top: 45px; padding-bottom: 17px;}
.notepad {width: 305px; height: 318px; background: url(../img/notepad.png) no-repeat left top; margin-left: 67px; padding-left: 53px; padding-top: 97px; position: relative;}

.notepad .field input[type="text"] {background: transparent; border: 1px solid #e2e5e6; border-top: 1px solid #bfc1c2; width: 225px; height: 30px; margin-bottom: 17px; padding-left: 15px; font-family: 'PT Sans'; font-weight: normal; font-style: italic; font-size: 16px; color: #323232;}
.notepad .field textarea {background: transparent; border: 1px solid #e2e5e6; border-top: 1px solid #bfc1c2; width: 225px; height: 70px; margin-bottom: 5px; padding-left: 15px; font-family: 'PT Sans'; font-weight: normal; font-style: italic; font-size: 16px; color: #323232;}
#eks input[type="submit"] {width: 190px;}
.notepad .field a {display: block; padding-left: 30px; background: url(../img/file.png) no-repeat center left; font-family: 'PT Sans'; font-weight: normal; font-style: italic; font-size: 16px; color: #323232; text-decoration: none; margin-left: 12px; margin-bottom: 12px; position: absolute; bottom: 140px; z-index: 1;}

.notepad .field .button {border: none; cursor: pointer; margin-left: 0; width: 240px; margin-top: 29px;}

.pamiatnik {position: absolute; width: 384px; height: 662px; right: 0; top: -137px; background: url(../img/pamiatnik-2.png) no-repeat left top;}

.notepad .field input[type="file"] {opacity: 0; position: absolute; z-index: 2; bottom: 149px; cursor: pointer;}

#facts h2.title-slider {margin-top: 42px; margin-bottom: 10px;}

#address-bottom h2{font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding-top: 27px; margin-top: 0; margin-bottom: 20px; text-align: center;}

.colum-3 {margin-top: 30px;}
.colum-3 .one {float: left; width: 286px; margin-right: 101px; font-family: 'PT Sans', sans-serif; font-size: 16px; color: #323232; line-height: 22px;}
.colum-3 .last {margin-right: 0; width: 159px;}

#map {width: 100%; height: 500px; border-top: 3px solid #c4c4c4; border-bottom: 3px solid #c4c4c4; /* margin-top: 30px; */ position: relative; z-index: 1;}

#footer {width: 100%; height: 155px; background: url(../img/footer-bg.png) repeat-x center top;}

#footer .logo-footer {display: block; padding-top: 15px; float: left; margin-right: 122px;}
#footer .address-footer {float: left; margin-right: 125px; font-family: 'PT Sans', sans-serif; font-size: 14px; color: #fff; line-height: 24px; font-weight: normal; font-style: normal; margin-top: 40px;}
#footer .phones-footer {float: left; font-family: "Conv_favoritheavyc-italic"; /* font-weight: bold; */ color: #fff; font-size: 26px; line-height: 26px; text-align: right; margin-top: 48px;}
#footer .phones-footer a {font-family: 'PT Sans', sans-serif; font-size: 16px; color: #fff; line-height: 26px; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: normal; font-style: normal;}
.obl .box-eff img {opacity: 0;}
.opacity {opacity: 0;}

/* pagination */
.pagination {position: relative; left: 0px; top: 0px; height: auto; width: auto; text-align: center;}
.pagination .box {position: relative; left: 0px; top: 0px; width: auto; margin: auto; display: table; display: inline-block;}
.pagination .box ul {overflow: hidden; list-style: none; margin: 0; padding: 0;}
.pagination .box ul li {float: left; margin-right: 5px;}
.pagination .box ul li:last-child {margin-right: 0;}
.pagination .box ul li a {display: block; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 20px; padding: 0px 6px 0px 6px; border-radius: 50%; color: #323232; font-weight: normal; font-style: normal; text-decoration: none;}
.pagination .box ul .first a, .pagination .box ul .last a {display: block; font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 20px; padding: 0px 6px 0px 6px; border-radius: 50%; background: transparent; color: #323232; font-weight: normal; font-style: normal;}
.pagination .box ul .first a:hover, .pagination .box ul .last a:hover {text-decoration: underline;}
.pagination .box ul .active a, .pagination ul li a:hover {background: #c69954; color: #fff;}
/* end pagination */

/* video */
#videos {position: relative; height: auto; width: 100%; background: url(../img/bg-1.jpg);}
#videos h2 {font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding-top: 27px; margin-top: 0; margin-bottom: 20px; text-align: center;}

.videos {position: relative; margin-top: 30px;}
.videos .one-video {position: relative; display: block; width: 33.333%; height: auto; float: left; z-index: 1000; line-height: 1px;}
.videos .one-video .overlay {display: block; position: absolute; z-index: 998; background: url(../img/setka.png); width: 100%; height: 100%; opacity: 0.5;}
.videos .one-video:hover > .overlay {display: none;}
.videos .one-video .video-arrow {position: absolute; z-index: 997; width: 101px; height: 100px; background: url(../img/video-arrow.png) no-repeat; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;}
.videos .one-video .video-title {position: absolute; z-index: 999; width: 100%; height: auto; font-style: 'PT Serif', sans-serif; font-size: 18px; line-height: 24px; color: #fff; text-shadow: 1px 1px 1px #000; font-weight: bold; font-style: italic; text-align: center; bottom: 25px;}
.videos .one-video img {}
.fixed {position: fixed ! important;}
/* end video */
/* smi */
#smi {padding-bottom: 35px; background: url(../img/bg-2.png); width: 100%; height: auto;}
#smi h2 {font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding-top: 27px; margin-top: 0; margin-bottom: 20px; text-align: center;}
#smi .one-article {position: relative; margin-bottom: 37px;}
#smi .one-article .img {line-height: 1px; width: 179px; float: left;}
#smi .one-article .img a{/* border: 6px solid #deded4; */ background: #deded4; text-align: center; padding: 6px; display: block;}
#smi .one-article .img img {width: 100%; transition: all 0.2s linear; display: block; position: relative;}
#smi .one-article .img img:hover {transform: scale(1.1);}
#smi .one-article .background {width: 178px; height: 38px; position: relative; top: 0; background: url(../img/img-bg.png) no-repeat;}
#smi .one-article .right {float: left; width: 487px; margin-left: 29px;}
#smi .one-article .right .time {}
#smi .one-article .right .time .date {display: block; float: left; font-family: 'PT Sans', sans-serif; font-style: italic; font-size: 14px; line-height: 20px; color: #7d7d7d; width: 130px;}
#smi .one-article .right .time .line {display: block; float: left; height: 1px; width: 340px; margin-left: 2px; background: url(../img/line-point.png) repeat-x top left; position: relative; top: 10px;}
#smi .one-article .right h2 {color: #323232; font-family: 'PT Serif', sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; font-style: italic; margin-top: 18px; margin-bottom: 22px; text-align: left; padding-top: 0;}
#smi .one-article .right .text {font-size: 16px; line-height: 20px; font-family: 'PT Sans'; color: #323232;}
#smi .one-article .right .more {}
#smi .one-article .right .more .line {display: block; float: left; height: 1px; width: 395px; margin-right: 9px; background: url(../img/line-point.png) repeat-x top left; position: relative; top: 10px;}
#smi .one-article .right .more .link {display: block; float: left; font-family: 'PT Sans', sans-serif; font-style: italic; font-size: 16px; line-height: 20px; color: #7d7d7d; text-decoration: underline;}
#smi .one-article .right .more .link:hover {text-decoration: none;}
/* end smi */

/* about-us */
#about-us {width: 100%; height: auto; position: relative; background: url(../img/bg-3.png);}
#about-us h2 {font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding-top: 27px; margin-top: 0; margin-bottom: 20px; text-align: center;}
#about-us p {font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: auto; color: #323232; padding-bottom: 25px;}
#about-us .main-content {margin-top: 25px;}
/* end about-us */

/* eks */
.ekskursion {position: relative;}
.ekskursion .left {float: left; width: 195px;}
.ekskursion .right {float: left; width: 480px; margin-left: 28px;}
.ekskursion .right .date-eks {width: 229px; height: 42px; padding-top: 10px; background: url(../img/date-eks.png) no-repeat center top; margin: 0 auto; text-align: center; font-family: 'PT Sans', sans-serif; font-size: 18px; line-height: 24px; color: #fff; font-weight: bold; font-style: italic;}
.ekskursion .right h3 {font-family: 'PT Serif', sans-serif; font-size: 18px; line-height: 24px; color: #323232; font-weight: bold; font-style: italic; margin-top: 3px; text-align: center;}
.ekskursion .right p {}
.ekskursion .right .button {}
/* end eks */

#scroller {display: none; width: 67px; height: 74px; background: url(../img/up.png) no-repeat left top; position: fixed; right: 20px; bottom: 20px; z-index: 9999;}

.timelinr-bg {position: absolute; top: 154px; right: 0; width: 684px; height: 282px; background: url(../img/timelinr-bg.png) no-repeat;}

#today {width: 100%; height: 520px; background: url(../img/bg-3.png) top left;}
#today h2 {font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding-top: 27px; margin-top: 0; margin-bottom: 20px; text-align: center;}
#today .wrapper {height: 520px;}
.pamiatnik2 {width: 381px; height: 387px; background: url(../img/pamiatnik2.png) no-repeat left top; position: absolute; bottom: 0px; right: 363px;}

.todays {position: relative; margin-left: 512px; margin-top: 109px;}
.todays .one-today {margin-bottom: 25px;}
.todays .one-today .one {display: block; float: left; font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; width: 185px; margin-top: 10px;}
.todays .one-today .two {display: block; float: left; background: url(../img/two-separator.png) no-repeat; width: 29px; height: 64px; margin-left: 10px; margin-right: 10px;}
.todays .one-today .three {display: block; float: left; font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: auto; color: #323232;/*  margin-top: 13px; */}

.services-pg {position: relative; z-index: 2005;}
.serv #left-menu ul li a {padding: 0px 0px 13px 0px;}

/* services */
#hudozhestvennoe-lite {background: #63a0df url(../img/hudozhestvennoe-lite.jpg) no-repeat top center;}

#kopii {background: #68696d url(../img/kopii.jpg) no-repeat top center;}

#arhetecturnie-resheniya {background: #878a94 url(../img/arhetecturnie-resheniya.jpg) no-repeat top center;}

#objects-sity {background: #5f514c url(../img/objects-sity.jpg) no-repeat top center;}

#plastic {background: #665655 url(../img/plastic.jpg) no-repeat top center;}

#lepka-modeli {background: #2a2724 url(../img/lepka-modeli.jpg) no-repeat top center;}
.block-service {width: 100%; height: 625px;}

#podkat {}
#podkat .one-podkat {display: block; float: left; position: relative;}

#podkat .one-podkat img {width: 100%; height: 100%;}

#podkat .overlay-podkat {width: 100%; height: 185px; background: url(../img/service-overlay.png) top left; color: #fff; display: table; vertical-align: middle; position: absolute; top: 0; left: 0; text-align: center; display: none;}

#podkat .one-podkat:hover > .overlay-podkat {display: table;}

#podkat .overlay-podkat p {display: table-cell; vertical-align: middle; height: 185px; font-family: 'Conv_favoritheavyc-italic'; font-size: 24px; line-height: 26px; color: #fff;}
/* .line-of-1 {width: 80%; margin: 0 auto;} */
.line-of-1 .one-podkat {width: 20%; height: 185px;}
.line-of-2 .one-podkat {width: 16.666666666%; height: 185px;}

.text-service {position: absolute; left: 241px; top: 170px; width: 426px; height: auto;}
.text-service h2 {font-family: "Conv_favoritheavyc-italic"; color: #fff; font-size: 30px; margin-top: 0; text-shadow: 1px 1px 1px #000;}
.text-service p {font-family: "PT Sans", sans-serif; font-size: 16px; line-height: 20px; color: #fff;}
.text-service .button {margin-left: 0; margin-top: 15px;}
/* end services */

/* works */
.works h1, #contacts-address h1, .contacts-page h1 {font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding-top: 27px; margin-top: 0; margin-bottom: 20px; text-align: center;}
.works-menu {margin: 0 auto; text-align: center; padding: 30px 0;}
.works-menu span {white-space: nowrap;}
.works-menu a.active, .works-menu a:hover {color: #323232;}
.works-menu a {font-size: 16px; font-family: "PT Sans", sans-serif; color: #afaeae; line-height: 26px; font-style: italic; text-decoration: none;}
.works-menu a:before {content: "/"; padding-left: 10px; padding-right: 10px; color: #323232 ! important;}
.works-menu a:first-child:before {content: "";}

#gallery{display:block; margin-bottom: 40px; overflow: hidden;}
#gallery li{float: left; list-style: none outside none; position: relative; width: 24.9%; height: 214px; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#gallery li .overlay-4 {display: block; position: absolute; z-index: 998; background:  url(../img/setka.png); width: 100%; height: 100%; opacity: 0.5;}
#gallery li:hover > .overlay-4 {display: none;}
#gallery li a {/* display: block; */}
#gallery li a img{width: 100%; height: 100%;}
#gallery ul{margin: 0; padding: 0;}
#gallery ul.hidden{display:none;}
/* end gallery */
/* end works */

.field .jq-selectbox__select {width: 190px; height: 30px; border: 1px solid #c5d7e8; width: 190px; border-radius: 4px; cursor: pointer; padding-left: 15px; background: #e6eff8 url(../img/select-down.png) no-repeat 172px 11px;}
.field .jq-selectbox__select-text {font-family: Arial, sans-serif; font-size: 14px; color: #175cc4; font-style: italic; margin-top: 4px;}
.field .jq-selectbox__select-text.placeholder {margin-top: 4px; font-family: Arial, sans-serif; font-size: 14px; color: #175cc4; font-style: italic;}
.field .jq-selectbox__dropdown {background: #e6eff8; font-family: Arial, sans-serif; font-size: 14px; color: #175cc4; font-style: italic; width: 190px; padding: 5px 15px; border: 1px solid #c5d7e8; box-shadow: 0px 5px 17px -9px #000;}

.field .jq-selectbox__dropdown ul {margin: 0; padding: 0; list-style: none; cursor: pointer; height: auto;}

.field .jq-selectbox__dropdown ul li {border-bottom: 1px solid #c5d7e8; padding-bottom: 4px; margin-bottom: 4px;}
.field .jq-selectbox__dropdown ul li:last-child {border: none;}
.field .jq-selectbox__dropdown ul li:hover {text-decoration: underline;}

#field-select {width: 243px; height: 30px; margin-top: 0px; background: transparent; border: none; border: 1px solid #e2e5e6; border-top: 1px solid #bfc1c2; padding-left: 15px; font-family: 'PT Sans'; font-weight: normal; font-style: italic; font-size: 16px; color: #323232;}

.tp .field .button {margin-top: 47px; width: 180px;}
.tp .field input[type="file"] {bottom: 100px;}
.tp .field a {bottom: 91px;}
/* contacts */
.contacts-page {background: url(../img/bg-1.jpg);}
#contacts-address {width: 100%; height: 535px; /* background: url(../img/contacts-address.png) repeat-x center top; */ background: url(../img/bg-1.jpg); position: relative; z-index: 2;}
.cont-but {position: absolute; width: 1032px; height: 593px; background: url(../img/pisma.png) no-repeat center top; top: 25px; right: -41px;}
.ad {position: absolute; top: 149px; left: 94px;}
.ad h4 {font-family: 'PT Serif', sans-serif; font-style: italic; font-weight: bold; font-size: 22px; color: #323232; text-align: center;}
.ad p {font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 27px; color: #323232; margin-bottom: 16px;}

.pismo {position: absolute; right: 141px; top: 149px;}
.pismo h4 {font-family: 'PT Serif', sans-serif; font-style: italic; font-weight: bold; font-size: 22px; color: #323232; text-align: center;}
.pismo input[type="text"], .pismo textarea {font-family: 'PT Sans', sans-serif; font-size: 16px; color: #323232; border: 1px solid #c4c4c4; width: 332px; padding-left: 10px;}
.pismo input[type="text"] {height: 30px; margin-bottom: 10px;}
.pismo textarea {height: 121px; width: 330px;}
.pismo input[type="submit"] {border: none; background: none; font-family: "PT Serif", serif; font-size: 20px; font-style: italic; text-align: center; background: url(../img/button-bg-form.png) no-repeat center bottom; padding-bottom: 15px; width: 100px; display: block; width: 142px; margin: 0 auto; cursor: pointer; margin-top: 5px;}
.pismo input[type="submit"]:hover {background: url(../img/button-bg-form-hover.png) no-repeat center bottom;}
/* end contacts */
/* reviews */
.reviews {position: relative; margin-top: 60px; padding-bottom: 40px;}
.reviews .reviews-one {padding-bottom: 5px; background: url(../img/points.png) no-repeat center right;}
.reviews .reviews-one .img-left {float: left; width: 220px; overflow: hidden; text-align: center;}
.reviews .reviews-one .img-left img {border: 6px solid #c7c7c7; width: 208px;}
.reviews .reviews-one .img-left .bg-2 {background: url(../img/reviews-bg-left.png) no-repeat; width: 220px; height: 20px; top: -4px; position: relative;}
.reviews .reviews-one .center {float: left; margin-left: 22px; margin-right: 20px; width: 377px;}
.reviews .reviews-one .center h3 {font-family: 'PT Serif', sans-serif; font-size: 22px; font-weight: bold; font-style: italic; color: #323232; margin-top: 0; margin-bottom: 10px;}
.reviews .reviews-one .center .line-point {height: 1px; width: 100%; background: url(../img/line-point.png) repeat-x top left; position: relative; margin-top: 15px; margin-bottom: 15px;}
.reviews .reviews-one .center p {font-family: 'PT Sans'; font-size: 16px; line-height: 20px; color: #323232; margin-bottom: 20px;}
.reviews .reviews-one .center ul {list-style: none; margin: 0; padding: 0;}
.reviews .reviews-one .center ul li {font-family: 'PT Sans'; font-size: 16px; line-height: 20px; color: #323232; font-style: italic;}
.reviews .reviews-one .center ul li:before {content: '— ';}
.reviews .reviews-one .img-right {float: left; position: relative; overflow: hidden; width: 300px;}
.reviews .reviews-one .img-right img {width: 100%;}
.reviews .reviews-one .img-right .overlay-3 {opacity: 0.3; background:  #000 url(../img/reviews-lupa.png) no-repeat center center; position: absolute; top: 0; left: 0; width: 100%; height: 320px; display: none; height: 100%;}
.reviews .reviews-one .img-right:hover > .overlay-3 {display: block;}
.reviews .reviews-one .img-right .bg-3 {background: url(../img/reviews-bg-right.png) no-repeat; height: 27px; top: -4px; position: relative;}
.reviews .reviews-one .img-right img {border: 6px solid #c7c7c7; width: 288px;}
.reviews .reviews-decor {width: 271px; height: 27px; margin: 0 auto; padding-top: 25px; background: url(../img/reviews-decor.png) no-repeat top left;}
/* end reviews */

/* modals */
#modals {display: none;}
.fancy-wrap {z-index: 4500 ! important;}
.fancy-wrap #fancybox-content {background: transparent ! important; border: none ! important; z-index: 4000;}
.fancy-wrap .fancybox-bg {background: transparent ! important;}
.fancy-wrap #fancybox-outer {background: transparent ! important;}
.fancy-wrap #fancybox-close {top: -14px ! important; right: 18px ! important; z-index: 4500 ! important;}
#write {margin: 0 ! important;}
/* end modals */

/* всякая диафановская муть */
.error_input {border: 1px solid #cc0000 ! important;}
.errors.error {text-align: left ! important; color: green;}
.errors.error > div{text-align: left ! important; color: green;}
/* end всякая диафановская муть */

/* novosti */
.news-page #fancybox-wrap {z-index: 7777;}
.news-page #fancybox-overlay {z-index: 5555;}
.serv #left-menu ul li {padding: 0 17px;}
.serv #left-menu-services ul li {padding: 0 17px;}

.notepad-2 {width: 330px; height: 334px; display: block; background: url(../img/notepad-2.png) no-repeat top left; padding-left: 50px; padding-top: 38px;}



.notepad-2 .field input[type="text"] {background: #eed091; border: none; border-top: 1px solid #d2a55b; border-bottom: 2px solid #fdf1d6; width: 217px; height: 30px; margin-bottom: 17px; padding-left: 15px; font-family: 'PT Sans'; font-weight: normal; font-style: italic; font-size: 16px; color: #323232; color: #776237;}


.notepad-2 .field textarea {background: #eed091; /* border: 1px solid #e2e5e6; */ border-top: 1px solid #d2a55b; border-bottom: 2px solid #fdf1d6; width: 217px; height: 70px; margin-bottom: 5px; padding-left: 15px; font-family: 'PT Sans'; font-weight: normal; font-style: italic; font-size: 16px; color: #323232;}

#eks input[type="submit"] {width: 190px;}

.notepad-2 .field a {display: block; padding-left: 30px; background: url(../img/file.png) no-repeat center left; font-family: 'PT Sans'; font-weight: normal; font-style: italic; font-size: 16px; color: #323232; text-decoration: none; margin-left: 12px; margin-bottom: 12px; position: absolute; bottom: 140px; z-index: 1;}

.notepad-2 .field .button {border: none; cursor: pointer; margin-left: 0; width: 240px; margin-top: 29px;}

.pamiatnik {position: absolute; width: 384px; height: 662px; right: 0; top: -137px; background: url(../img/pamiatnik-2.png) no-repeat left top;}

.notepad-2 .field input[type="file"] {opacity: 0; position: absolute; z-index: 2; bottom: 149px; cursor: pointer;}

.notepad-2 h3 {font-family: "PT Sans"; font-style: italic; font-weight: bold; font-size: 18px; line-height: 18px; color: #776237; margin-top: 28px; margin-bottom: 29px; margin-left: 0; margin-right: 80px; text-align: center;}

.notepad-2 input[type="submit"] {border: none; background: none; font-family: "PT Serif", serif; font-size: 20px; font-style: italic; text-align: center; background: url(../img/button-bg-form.png) no-repeat center bottom; padding-bottom: 15px; width: 100px; display: block; width: 210px; cursor: pointer; margin-left: 11px; margin-top: -4px; color: #776237;}
.notepad-2 input[type="submit"]:hover {background: url(../img/button-bg-form-hover.png) no-repeat center bottom;}
.notepad-2::-webkit-input-placeholder {color: #776237;}
.notepad-2::-moz-placeholder {color: #776237;}
.notepad-2:-moz-placeholder {color: #776237;}
.notepad-2:-ms-input-placeholder {color: #776237;}

#news-one-modal {width: 900px; height: auto; /* padding: 20px; */}
#news-one-modal .img {width: 415px; height: auto; float: left; margin-right: 20px;}
#news-one-modal .img img {width: 100%; height: auto;}
#news-one-modal .text {float: left; width: 464px;}
#news-one-modal .text img {width: 98%; height: auto; margin-top: 20px;}
#news-one-modal h1 {margin: 0; font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding: 25px 0 16px 0; z-index: 1; padding-top: 0; padding-bottom: 10px;}
#news-one-modal .small {font-size: 11px; font-family: 'PT Serif', serif; font-style: italic; margin-bottom: 10px;}
.date .line {display: block; float: left; height: 1px; width: 327px; margin-right: 9px; background: url(../img/line-point.png) repeat-x top left; position: relative; top: 10px;}
.date .time {display: block; float: left; font-family: 'PT Sans', sans-serif; font-style: italic; font-size: 14px; line-height: 20px; color: #7d7d7d;}
.modals-video {display: none;}
.video-one {width: 800px;}
/* end novosti */
.services-list-modal {display: none;}
.service-modal {width: 900px;}
.service-modal h3 {margin: 0; font-family: 'Conv_favoritheavyc-italic'; font-size: 30px; color: #323232; padding: 25px 0 16px 0; z-index: 1; padding-top: 0; padding-bottom: 10px; text-align: center;}
.service-modal p {margin-bottom: 10px;}
.serv #fancybox-overlay {z-index: 5555;}
.serv #fancybox-wrap {z-index: 6000;}
/* ну их эти браузеры */
/* firefox */
@-moz-document url-prefix() 
{ 
	.form-title {width: 505px; font-weight: normal;}
	#footer .address-footer {margin-right: 110px;}
	#geography .g-content {width: 395px;}
}

/* safari */
::i-block-chrome,#geography .g-content {width: 428px;}
::i-block-chrome,.form-title {width: 533px; font-weight: normal;}
::i-block-chrome,#footer .address-footer {margin-right: 110px;}

/* opera 12 */
noindex:-o-prefocus,.form-title {width: 505px; font-weight: normal;}
noindex:-o-prefocus,#footer .address-footer {margin-right: 110px;}
noindex:-o-prefocus,#geography .g-content {width: 401px;}

/* ie9 - ie10 */
:root #address {width: 285px\9;}
/* end hacks */

.author-site {font-size: 14px; position: absolute; color: #fff; right: 0; bottom: 0; font-family: 'PT Sans', sans-serif; line-height: 24px;}
.author-site a {color: #fff;}

.noactive {background: rgba(0, 0, 0, .5); padding: 15px; border-radius: 4px; margin-top: 10px; position: relative; z-index: 5555; width: 360px;}
.noactive ul {margin: 0; padding: 0; list-style: none;}
.noactive ul li {margin-bottom: 5px;}
.noactive ul a {color: #fff; text-decoration: none;}
.noactive ul a:hover {text-decoration: underline;}

.yashare-auto-init {float: right;}

#podkat .overlay-podkat {
	display: block;
	width: 101%;
}

#podkat .overlay-podkat p {
	margin: auto;
    display: block;
    padding-top: 65px;
	height: auto;
}

input[type=submit], input[type=button] {
	color: initial !important;
}

.col-md-3 {
	float: left;
	height: auto;
	width: 33%;
	position: relative;
}

.col-md-3 img {
	max-width: 100%;
	height: auto;
}
/*
#uslugi-gallery .photo-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/setka.png) top left;
    cursor: pointer;
}*/

#uslugi-gallery {
	display: inline-block;
	margin: 30px 0;
}

#page-content p {
	margin: 10px 0;
}
#page-content {
	padding-bottom: 70px;
}

.skulptor-list .time{
	display: none;

}


#main-menu.expand {
    max-height: 900em;
    visibility: visible;
}


.stati-one .img {
	max-width: 40% !important;
	width: inherit !important;
	margin: auto !important;;
	float: none !important;
}

.stati-one .text {
	width: 100% !important;
	float: none !important;
}

.spisok-statey .main-content {margin: auto !important;}

.mobile-block {
display: none;
}

.slider-center-mobile {
	display: none;
}

.slider-center-mobile .ei-title {
	position: initial !important;
	width: 93% !important;
	height: auto !important;
	background-size: cover !important;
	    padding: 10px !important;
		    height: 525px !important;
		top: 0 !important;
    right: 0 !important;
	
}

.slider-center-mobile .ei-title h3 {
text-align: center !important;
    padding: 0 15px !important;
	font-size: 22px !important;
	    line-height: 1.2 !important; 
}

.slider-center-mobile .ei-title {
    position: relative !important;
}


.mobslider-container {
	position: relative;
}

.ab-left {
	position: absolute;
    top: 35px;
	left:0;
    color: #eddbab;
    font-size: 40px;
}

.ab-right {
	position: absolute;
	position: absolute;
        top: 35px;
    right: 0px;
    color: #eddbab;
    font-size: 40px;
}


.slider-center-mobile .ei-title .button {
	position: absolute !important !important;
    bottom: 25px !important;
	left: 22% !important;
}
.slider-center-mobile .ei-title p, .slider-center-mobile .ei-title h3 {
	background-color: rgba(0,0,0,0.2) !important;
    padding: 5px !important;
	    color: white !important !important;

}

.slider-center-mobile .ei-title .addr {
	padding-left: 30px !important;
}

#main-menu ul li a {
	padding: 3px 11px 6px 11px;
	    font-size: 17px;
}


#page-content p {
    font-family: "PT Sans", sans-serif;
}

@media screen and (max-width: 1200px) {
	#slider-main, .slideNavButtons {
		display: none;
	}
	#header {
		height: 400px;
	}
	
	.form-title  {
		width: 100%;
	}
	
	
	.wrapper {
		width: 90%;
	}
	
	.pamiatnik {
		display: none;
	}
	
	#slider-center, #geography, #form, #address-bottom, #facts, #honors {
		height: auto;
	}
	
	.ei-slider-thumbs {
		height: auto;
	}
	
	#honors {
		padding-top: 160px;
	}
	
	#geography {
		padding: 70px 0;
	}
	
	#geography .g-content {
		position: initial;
		height: auto;
		width: 100%;
	}
	
	.notepad {
		margin: auto;
	}
	
	.fact-15-year, .fact-geographi, .fact-1000-projects {
		width: 33%;
		margin: 0;
	}
	
	.obl .box-eff img {
		opacity: 1 !important;
	}
	
	#main-menu ul li {
		margin-right: 10px;
	}
	
	.colum-3 .one {
		width: 33%;
		margin: 0;
		text-align: center;
	}
	
	#footer .address-footer, #footer .phones-footer {
		width: 33%;
		margin: 0;
		margin-top: 30px;
	}
	
	#footer .logo-footer {
		width: 33%;
		margin: 0;
	}
	
	.ei-slider-thumbs {
		height: auto;
	}
	


	
	
}

@media screen and (max-width: 1044px) {
	.reviews .reviews-one .center, .reviews .reviews-one .img-left, .reviews .reviews-one .img-right {
		width: 100%;
		    text-align: center;
	}
	
	.reviews .reviews-one .img-left .bg-2, .reviews .reviews-one .img-right .bg-3, .reviews .reviews-one .center .line-point {
		display: none;
	}
	
	.reviews .reviews-one {
		    border: 1px solid #b5b5b5;
    padding: 15px;
    margin-bottom: 25px;
	background: none;
	}
	
	.reviews .reviews-one .center {
		margin: auto;
	}
	
	.reviews .reviews-one .img-right {
		margin-top: 15px;
	}

}




@media screen and (max-width: 992px) {
	
	img {
		max-width: 100%;
	}
	
	.reviews .reviews-one .img-right img {
		max-width: 94%;
	}
	
	#main-menu ul li a {
		font-size: 16px;
		font-weight: normal;
		padding: 8px;
		border: none !important;
	}
	
	#address {
		    top: 19px;
	}
	
	#phone {
		top: 19px;
	}
	
	#slider-center {
		display: none;
	}
	
	#footer .address-footer {
	    margin-bottom: 35px;
	}
	
	#footer {
		height: auto;
		background-repeat: repeat-y;
	}
	
	.author-site {
		text-align: center;
	}
	
	#facts h2.title-slider {
		display: none;
	}
	
	#honors {
		padding-top: 0;
	}
	
	.facts-list p {
		font-size: 16px;
	}
	
	.fact-15-year, .fact-geographi, .fact-1000-projects {
		margin-bottom: 20px;
	}
	
	.main-content {
		width: 100%;
		margin-left: 0;
	}
	
	#left-menu {
		display: none !important;
	}
	
	#news-content .one-article .right, #news-content .one-article .right .more .line, #smi .one-article .right, .ekskursion .right {
		width: 65%;
	}

	
	#news-content .one-article .right .time .line, #smi .one-article .right .time .line, #smi .one-article .right .more .line {
		width: 50%;
	}
	
	#news-one-modal {
		width: 100%;
	}
	
	#news-one-modal .text {
		width: 100%;
	}
	
	#news-one-modal .img {
		float: none;
		margin: auto;
		    width: 100%;
	}
	
	#news-one-modal .img img {
		width: initial;
		max-width: 100%;
	}
	
	#left-menu-services {
		display: none !important;
	}
	
	.text-service {
		position: initial;
		width: 100%;
		padding: 70px 0;
	}
	
	.block-service {
		height: auto;
	}
	
		
	.service-modal {
		width: 100%;
	}
	
	#gallery li {
		height: auto;
		width: 33%;
	}
		
	#gallery li a img {
		max-width: 100%;
		height: auto;
	}	

	.pismo {
		    position: initial;
		background-color: white;
		text-align: center;
	}
	
	.ad {
		position: initial;
	}
	
	.cont-but {
		width: 100%;
		position: initial;
		background: white;
		text-align: center;
		height: auto;
	    padding: 30px 0;
	}
	
	#contacts-address {
		height: auto;
	}
	
	.pismo input[type="text"], .pismo textarea {
		    width: 90%;
	}
	
	.pismo textarea {
		    width: 90%;
	}
	
	.mobile-block {
display: block;
}
.slider-center-mobile {
	display: block;
}

}

@media screen and (max-width: 767px) {
		#main-menu {
			max-height: 0;
			visibility: hidden;
			box-shadow: 0 10px 39px -13px #000;
			margin-top: 0px;
			border-radius: 0;
		}
		
		#main-menu ul li {
			float: none;
			height: initial;
			border-top: 1px solid #eaeaea;
				display: block;
				padding: 0;
				
		}

		#main-menu ul li a {
			padding: 10px 15px;
			width: 100%;
			display: block;
				
		}
		
		#mobile-menu {
			margin: auto;
			padding: 10px;
			display: block;
			font-size: 20px;
			border: none;
			background: none;
			padding: 10px 30px;
			width: 100%;
			color: white;
			border: 1px solid white;
			/*background-color: #efefef;*/
			margin-top: 10px;
			
		}
		
		#mobile-menu:hover {
			cursor: pointer;
		}
		
		#address {
			width: 30%;
			position: initial;
			float: left;
			    margin-top: 15px;
		}
		
		#logo {
			position: initial;
			width: 30%;
			float: left;
			margin: 0;
			    margin-top: 15px;
		}
		
		#phone {
			    margin-top: 15px;
			position: initial;
			width: 30%;
			float: left;
			    text-align: right;
				    padding-left: 8px;
					background: none;
		}
		
		img {
			max-width: 100%;
		}
		
		#header {
			    height: auto;
			/*background: none;
			background-color: #74685c;*/
			padding-bottom: 110px;
		}
		
		#facts {		
		background: none;
		background-color: #f4f4f4;
		margin-top: -50px;
		    padding-top: 31px;
	}
		#main-menu {
			top: 0;
		}
		
		.wrapper {
			width: 95%;
		}
		
		#footer .phones-footer {
			font-size: 18px;
		}
		
		.todays {
			margin-left: 418px;
			margin-top: 18px;
		}
		
		#pages #header {
			height: auto;
    background: none;
    background-color: #74685c;
    padding-bottom: 30px;
		}
		
		#main-menu ul li a:hover, #main-menu ul li a.active {
			background: none;
			background-color:  white;
			padding: 10px 4px;
		}
		
		.main-content .left-ab, .main-content .right-ab {
			width: 100%;
			margin-left: 0;
		}
		
				#chronicus-2 {
			display: none;
		}
		
		.main-content {
			    padding-bottom: 50px;
		}
		
			#news-content .one-article .right {
		    margin-left: 5px;
	}
	
	#podkat .overlay-podkat p {
		font-size: 16px;
		padding: 0 10px;
		line-height: 19px;
		padding-top: 65px;
	}
	



	
}

@media screen and (max-width: 658px) {

	.ekskursion .left {
			float: none;
			margin: auto;
		}
		
		.ekskursion .right {
		width: 100%;
		margin: auto;
		float: none;
	}
	
	#videos {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	
	.fact-15-year, .fact-geographi, .fact-1000-projects {
		width: 100%;
	}
	
	.colum-3 .one {
		width: 100%;
		margin: 15px 0;
	}
	
		#footer .address-footer, #footer .phones-footer {
		width: 100%;
		margin: 0;
		margin-top: 30px;
		text-align: center;
	}
	
	#footer .logo-footer {
		width: 100%;
		margin: 0;
				text-align: center;

	}
	
	.author-site {
		position: initial;
	}
	
	#address {
			width: 90%;
			padding-left: 18px;
		
		}
		
		#logo {
			width: 100%;
			text-align: center;

		}
		
		#phone {
		
			width: 100%;
			float: none;
			text-align: center;
			padding-left: 8px;
			background: none;
			top: 0;
			margin-top: 0;
		}
		
		#phone .fright {
			float: none;
		}
		
		.noactive {
			width: 90%;
		}
		
		.carousel-wrapper {
			background: none;
		}
		
		.noactive ul a {
			font-size: 14px;
		}
		
		#main-menu ul li {
			margin: 0;
		}
		
		#main-menu ul li a {
		    padding: 10px 0;
			padding-left: 5px;
		}
		
		.pamiatnik2 {
			display: none;
		} 
		.todays {
			    margin-left: 0;
				padding-bottom: 20px;
		}
		
		#today {
			    height: auto;
		}
		#today .wrapper {
			height: auto;
		}
		
		.line-of-1 .one-podkat, .line-of-2 .one-podkat {
			height: 60px;
			width: 100%;
		}
		
		#podkat .overlay-podkat {
			    height: 60px;
		}
		
		#podkat .overlay-podkat p {		
		    padding-top: 25px;
		}
		
		#podkat img {
			display: none;
		}
		
		.photos-services .photo-service-one {
			width: 100%;
		}
		
			#gallery li {
		height: auto;
		width: 49%;
	}
		
		
}






@media screen and (max-width: 556px) {
	
	#news-content .one-article .img, #smi .one-article .img {
		float: none;
		margin: auto;
	}
	
	#news-content .one-article .right, #smi .one-article .right {
		width: 100%;
			margin: auto;
			float: none;
	}
}


@media screen and (max-width: 480px) {
		.notepad-2 {
		    width: 100%;
    height: auto;
    display: block;
    background: none;
    background-color: #eed091;
    text-align: center;
	padding: 25px 0;
	}
	
	.notepad-2 h3 {
		    margin: 25px 0;
	}
	
	.notepad {
		width: 90%;
		padding-left: 17px;
		padding-top: 36px;
		position: relative;
		background: none;
		/* padding: 65px; */
		background-color: #efefef;
	}
	
	#fancybox-content {
		    width: 93% !important;
		    height: auto !important;
	}
	
	
	#honors {
		display: none;
	}
	
	.form-title {
		font-size: 23px;
	}
	
	#scroller {
		display: none;
		width: 56px;
		height: 51px;
		    background-size: cover;
	}
	
	#logo {
		width: 70%;
		text-align: center;
		float: none;
		margin: auto;
	}
	
	#address {
		margin-bottom: 14px;
	}
	
	#phone {
		margin: 5px 0;
	}
	
	#header {
		padding-bottom: 90px;
		    background-size: cover;
	}
	
	.text-service h2 {
		font-size: 20px;
	}
	
	.text-service {
			padding: 50px 0;
		}
		
		#fancybox-wrap {
			    width: 78% !important;
			left: initial;
		}
		
	#fancybox-right-ico {
		right: -37px ! important;
		width: 30px;
	}
	
	#fancybox-left-ico {
		width: 30px;
		left: -35px ! important;
	}
	
	#page-content p {
		font-family: "PT Sans", sans-serif;
	}
			
}