/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
::-moz-focus-inner { border: 0; padding: 0; }
body { margin:0; padding:0;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

div{ margin:0; outline:0;}
ul {outline:0;}
a:active,
a:hover {
  outline: 0;
}
/*убираем бордюры*/
img, a:link img, a:visited img, a:hover img, a:active img { border: 0; }
a:focus { border:0px; }
/*общее оформление ссылок*/
a { color: #075aaf; text-decoration: none; }
a:hover { color:#075aaf; text-decoration:underline; }


/*бэкграунд*/
html {
    background:#fff;
}
body {
    min-width:1300px; 
    max-width:1600px;
    margin:0 auto;
    font-size: 16px; 
    line-height: 1.3; 
    color:#2e2e2e; 
    font-weight:normal;
    background: #F7F6F2;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    
}
 
/*разделитель*/
.clear { height:0px; width:100%; clear:both; }

/*все дивы в бокссайз бордер бокс*/
div {
	box-sizing: border-box;
}

/* обновите браузер*/
.browserupgrade {
	text-align:center;
	padding:10px;
	background:#fff;
	border-bottom:3px solid #000;
}
.browserupgrade a {
	color:#ff0000;
	font-weight:bold;
	text-decoration:underline;
}

/* шрифт */

body {font-family: 'Roboto', sans-serif;}


/* Типографика */
h1 {
	font-weight:700;
	font-size:36px;
	line-height:44px;
	padding:0;
	margin:80px 0px 20px;
	text-transform:uppercase;
	text-align:center;
}
.subtitle {
    font-size:20px;
    line-height:24px;
    margin:20px auto;
    text-align:center;
}
h2 {
	font-weight:bold;
	font-size:28px;
	line-height:36px;
	padding:0;
	margin:30px 0px 20px;
	text-transform:uppercase;
}
.page-header h2 {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color:#000;
    text-transform:none;
    margin:0 0 20px;
}
h2.title {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    color:#000;
    text-transform:none;
    margin:0 0 20px;
}
h3 {
	font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}
p {
	margin:0 0 15px;
}
h3.title {
    padding:0;
    margin:10px 0 40px;
}
h3.col_h3 {
    padding:0;
    margin:10px 0 20px;
}




/*центрируем блоки*/
.center-box {
	margin:0 auto;
	width:1280px;
	position:relative;
}

/* header-line */

.header-line {
    position:relative;
    z-index:200;
    color:#fff;
    height:auto;
    font-size:13px;
    line-height:16px;
    background:#666;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}

.header-line.onslide {
    position:absolute;
    z-index:200;
    top:40px;
    width:100%;
    background:transparent;
    box-shadow:none;
}

.header-line .center-box {
    padding:19px 38px;
    background:#fff;
    background:#666;
}
.header-line.onslide .center-box {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}


.header-logos {
    float:left;
    padding:5px 37px 5px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    height:60px
    
}
.header-logos img {
    display:block;
}
.header-logos .logo {
    display:block;
    width:204px;
}
.header-logos .logo img {
    display:block;
    width:100%;
}
.header-contacts {
    float: right;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding: 13px 0 3px 25px;
    height:60px;
}
.telefon {
    display:block;
    float:right;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    padding:9px 0;
    margin-right:20px;
    color:#fff;
    text-decoration:none;
}
.telefon:hover {
    color:#fade15;
    text-decoration:none;
}
.fosbtn {
    display:block;
    float:right;
    font-size:16px;
    line-height: 16px;
    padding:20px 20px;
    text-transform:uppercase;
    float:right;
    letter-spacing: 0.05em;
    text-decoration:none;
    cursor:pointer;
    box-sizing: border-box;
    background: #E0C499;
    color: #000;
    border-radius:5px;
    margin-top:-11px;
}
.fosbtn:hover {
    color:#fff;
    background:#fade15;
    text-decoration:none;
}
.fosbtn.btn_dark {
    background:#555;
    border:1px solid #555
}
.fosbtn.btn_dark:hover {
    background:#fff;
    color:#555;
    border:1px solid #555
}

.header-line .fosbtn {
    background: #fff;
}
.header-line .fosbtn:hover {
    color:#fff;
    background:#fade15;
    text-decoration:none;
}

/*навигация*/	
.nav-line {
    position:relative;
    background:transparent;
    z-index:150;
    float:left;
    padding:9px 7px;
    text-align:center;
}

.mob-menu {
    display:none;
}

.nav-line a {
    color:#fff;
}

.nav-line ul.menu {
    display:block;
    margin:0;
    padding:0;
    list-style:none;
    width: 594px;
    font-size: 16px;
}

.nav-line ul.menu ul {
    display:none;
}
.nav-line ul.menu li {
    position:relative;
    display:inline-block;
    padding:0 8px;
}
.nav-line ul.menu li a {
    display:block;
    padding:14px 0 13px;
    position:relative;
    text-transform:uppercase;
}
.nav-line ul.menu li a:hover {
    padding:14px 0 11px;
    border-bottom:2px solid #fade15;
    text-decoration:none;
}

.nav-line ul.menu li ul li {
    display:block;
    padding:0;
    margin-bottom:20px;
    margin-right:0;
    font-size:14px;
}

.nav-line ul.menu li ul li:last-child {
    display:block;
    margin-bottom:0;
    font-size:14px;
}


/* slider */
.slider-line {
    background:#E0C499 url(../images/slider.jpg) center no-repeat;
    background:#E0C499;
    background-size:cover;
    height:800px;
    position:relative;
}
.nivo-slider-wrapper  {
    height:800px;
    overflow:hidden;
}
.nivoSlider  {
    height:800px!important;
    overflow:hidden!important;
}
.nivoSlider img {
    height:800px!important;
    display:block!important;
}
.nivo-directionNav {
    margin-top:-60px;
    margin-right:100px;
}

.slider-line .center-box {
    /*overflow:hidden;*/
    position:absolute;
    top:0;
}
.noslider-line {
    height:0px;
    width:100%;
    /*border-bottom:1px solid #555555;*/
}
.slider-title {
    font-weight: 500;
    font-size: 55px;
    line-height: 67px;
    color:#000;
    margin-top:130px;
}
.slider-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color:#000;
    margin-top:20px;
    margin-bottom:60px;
}

.slider-line .fosbtn {
    float:left;
    margin-right:20px;
}

.slide {
    position:absolute;
    right:0;
    top:350px;
    background:#e5d9c7;
    padding:80px 35px 50px;
    z-index:200;
    width:450px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.slide-img {
    position:absolute;
    box-shadow:0px 4px 20px rgba(0, 0, 0, 0.1);
    top:-116px;
    left:0;
}
.slide-img img {
    display:block;
}
.slide-title {
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    color: #000000;
    margin-bottom:20px;
}
.slide-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-bottom:20px;
}




			




/*title*/
.title-line {
    background: #ffae56;
}
.title-line h1 {
    margin:0;
    padding:10px 0;
}


/* content-line */
.content-line {
	/*min-height:300px;*/
	position:relative;
}
.content-line .center-box {
    padding: 60px 0 60px;
}
.content-line.dark {
	background:#253778;
	color:#fff;
}
    .content-line.dark h3 {
    	color:#fff;
    }

.content-line .main {
    /*overflow:hidden;*/
    padding:0;
}
.content-line.mainpage {
    background:#fff;
}
.content-line.mainpage2 {
    background:#fbf9ef;
}

.more_btn {
    float: left;
    display: block;
    margin-top: 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 20px;
    background: #E0C499;
    color: #000;
    border-radius: 5px;
    min-width:180px;
    text-align:center;
}
.more_btn:hover {
    background: #fade15;
    color: #fff;
    text-decoration:none;
}

.small_title {
    font-weight: 500;
    font-size: 13px;
    line-height: 34px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E0C499;
    display:block;
}
.small_title a {
    color: #E0C499;
}

.cols {
    overflow:hidden;
}
.cols.oneline {
    padding-top:30px;
    margin-top:30px;
    border-top:1px solid #e0c499;
}
.col4 {
    float:left;
    width:263px;
    margin-right:76px;
}
.col4:last-child {
    margin-right:0;
}
.col4 p {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #666666;
    margin:0;
    padding:0;
}
.col3 {
    float:left;
    width:400px;
    margin-right:40px;
}
.col3:last-child {
    margin-right:0;
}
.col3 p {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #666666;
    margin:0;
    padding:0;
}

.col_title {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-bottom:25px;
}

.ic_stroit {
    padding-top:120px;
    background: url(/images/ic/ic_stroit.svg) left top no-repeat;
}
.ic_gotov {
    padding-top:120px;
    background: url(/images/ic/ic_gotov.svg) left top no-repeat;
}
.ic_foto {
    padding-top:120px;
    background: url(/images/ic/ic_foto.svg) left top no-repeat;
}


/*items*/
.items {
    overflow:hidden;
    margin-bottom:40px;
}
.items:last-child {
    margin-bottom:0;
}
.item {
    float:left;
    width:400px;
    margin-right:40px;
    padding:240px 20px 30px 20px;
    position:relative;
    background:#fff;
}
.item:last-child {
    margin-right:0;
}
.item_img {
    width:220px;
    height:190px;
    position:absolute;
    left:20px;
    top:20px;
    background-size:cover!important;
}
.item_img1 {
    width:120px;
    height:85px;
    position:absolute;
    right:20px;
    top:20px;
    background-size:cover!important;
}
.item_img2 {
    width:120px;
    height:85px;
    position:absolute;
    right:20px;
    top:125px;
    background-size:cover!important;
}
.item_title {
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-bottom:0;
    display:block;
}
.item_title:hover {
    color: #fade15;
    text-decoration:none;
}
.item_cost {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #E0C499;
    margin-bottom:15px;
}
.item_text {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #666666;
    height:92px;
    overflow:hidden;
}

/* map */

.map-text {
    position:absolute;
    top:35px;
    background:#fff;
    box-shadow:0px 4px 20px rgba(0, 0, 0, 0.1);
    padding:35px 35px;
    width:345px;
}

.mapic_tel {
    display:block;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    padding-left:35px;
    margin-bottom:25px;
    background:url(/images/ic/tel.svg) left center no-repeat;
}
.mapic_tel:hover {
    color: #fade15;
    text-decoration:none;
}
.mapic_email {
    display:block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    padding-left:35px;
    margin-bottom:25px;
    background:url(/images/ic/email.svg) left center no-repeat;
}
.mapic_email:hover {
    color: #fade15;
    text-decoration:none;
}
.mapic_vk {
    display:block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    padding-left:35px;
    margin-bottom:25px;
    background:url(/images/ic/vk.svg) left center no-repeat;
}
.mapic_vk:hover {
    color: #fade15;
    text-decoration:none;
}
.mapic_whtapp {
    display:block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    padding-left:35px;
    margin-bottom:25px;
    background:url(/images/ic/whtapp.svg) left center no-repeat;
}
.mapic_whtapp:hover {
    color: #fade15;
    text-decoration:none;
}
.mapic_viber {
    display:block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    padding-left:35px;
    margin-bottom:25px;
    background:url(/images/ic/viber.svg) left center no-repeat;
}
.mapic_viber:hover {
    color: #fade15;
    text-decoration:none;
}

/* end map */

/* footer-line */

.footer-line {
    background: #fff;
    z-index:150;
    color:#000;
    font-size:14px;
    line-height:21px;
}
.footer-line .center-box {
    padding:60px 0 80px;
}


.foot1 {
    float:left;
    min-height:100px;
    width:400px;
}
.foot2 {
    float:left;
    min-height:100px;
    width:640px;
}
.foot3 {
    float:left;
    min-height:100px;
    width:240px;
    text-align:right;
}

.footer-line a {
    color:#000;
    text-decoration:none;
}
.footer-line a:hover {
    color:#000;
}
.footer-line .doptop {
    margin-top:80px;
    color:#666;
    font-size:14px;
}
.footer-line .tell {
    font-size:16px;
    font-weight:700;
}
.footer-line p {
    margin-bottom:20px;
}


.footer-line ul.menu {
    display:block;
    margin:0;
    padding:0;
    list-style:none;
    font-size: 14px;
}
.footer-line ul.menu li {
    position:relative;
    display:inline-block;
    padding:0;
    margin-right:20px;
    
}
.footer-line ul.menu li a {
    display:block;
    padding:0;
    position:relative;
    text-transform:uppercase;
    font-weight:500;
}



.fos-wrapper {
    display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 200;
}
.fos-box {
    display:none;
    position: fixed;
    left: 50%;
    top: 50%;
    width:620px;
    height:560px;
    margin-left: -310px;
    margin-top: -280px;
    border-radius: 15px;
    padding: 50px 30px 50px 40px;
    background: #fff;
    background-size:cover;
    color: #333;
    z-index: 2200;
}

    .fos-box .fos-box-close {
        position: absolute;
        width: 32px;
        height: 32px;
        top: -32px;
        right: -32px;
        background: url(../images/fos-close.png) top center no-repeat;
        cursor: pointer;
        z-index:100;
    }
    .fos-box .fos-box-title {
        height: auto;
        font-weight:400;
        color:#000;
        font-size: 40px;
        line-height: 40px;
        margin-bottom:10px;
        margin-right:-10px;
    }
    .fos-box .fos-box-success {
        height: auto;
        font-weight:400;
        color:#F38535;
        font-size: 18px;
        line-height: 18px;
        margin-bottom:10px;
        margin-right:-10px;
        padding: 10px 0;
    }
    .fos-box .fos-box-subtitle {
        height: auto;
        font-weight:500;
        color:#DC141A;
        font-size: 18px;
        line-height: 26px;
        padding: 10px 0;
        margin-bottom:10px;
    }
    .fos-box .blo {
        margin: 20px 0 0;
    }
    .fos-box input[type="text"] {
        display: block;
        width: 100%;
        margin: auto;
        color: #344738;
        background: #F5F5F5;
        padding: 16px 20px;
        border-radius: 5px;
        border:0;
        outline: 0;
        box-sizing: border-box;
        font-size: 16px;
        line-height:20px;
    }
    .fos-box .blo.error input[type="text"] {
        background: #ff000011;
    }
    .fos-box textarea {
        display: block;
        width: 100%;
        height:60px;
        margin: auto;
        color: #344738;
        background: #F5F5F5;
        padding: 16px 20px;
        border-radius: 5px;
        border:0;
        outline: 0;
        box-sizing: border-box;
        font-size: 16px;
        line-height:20px;
    }

    .fos-box input[type="submit"] {
        display:block;
        float:left;
        border:0;
        width:250px;
        font-size:16px;
        line-height: 16px;
        padding:20px 20px;
        text-transform:uppercase;
        letter-spacing: 0.05em;
        text-decoration:none;
        cursor:pointer;
        box-sizing: border-box;
        background: #E0C499;
        color: #000;
        border-radius:5px;
    }
    .fos-box input[type="submit"]:hover {
        color:#fff;
        background:#fade15;
        text-decoration:none;
    }
    .blo-check.error {
        background: #ff000011;
    }


/**/
.content-line table {
    border: 0;
    border-collapse: collapse;
    max-width: 100%;
    margin: 20px 0;
    width: 100%;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}


.content-line table td {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding:10px;
    width:auto;
    white-space: nowrap;
}
.content-line table td:nth-child(1) {
    white-space: normal;
}
.content-line table thead td {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding:10px;
    width:auto;
    background:#ecebf0;
    text-align:left;
    letter-spacing:1px;
    font-weight:bold;
}
.content-line table p {
    margin:0;
    padding:0;
}
.content-line table tr:nth-child(2n) {
    background:#fff;
}

.price_table tbody td:last-child {
    background:#fff;
    color:#DC141A;
    cursor:pointer;
}
.price_table tbody td:last-child:hover {
    background:#DC141A;
    color:#fff;
}


/*******/


/* ДОПОЛНИТЕЛЬНОЕ ОФОРМЛЕНИЕ */
/*листалка для постраничного вывода*/
.pagination
{
text-align:center;
margin-top:30px !important;
padding-top:10px !important;
border-top:1px solid #aaa;
}

.pagination ul
{
list-style: none;
}
.pagination ul li
{
display: inline-block;
margin-left:2px;
margin-right:2px;
}
.pagination ul li span, .pagination ul li a
{
    padding: 2px 15px;
    line-height: 18px;
    border: 1px solid #999;
    color:#999;
    border-radius: 3px;
}
.pagination ul li a
{
    border: 1px solid #065b9c;
    color:#065b9c;
}

.photo_items {
    /*overflow:hidden;*/
    margin:10px 0;
}
.photo_item {
    float:left;
    display:block;
    position:relative;
    width:316px;
    height:316px;
    border:5px solid #fff;
    box-sizing: border-box;
    margin:0 4px 4px 0;
}
.photo_item span {
    position:absolute;
    top:10px;
    right:10px;
    background:#ffffff77;
    padding:10px;
}
.photo_item img {
    display:block;
    width:100%;
    height:auto;
}
.photo_item:hover {
    z-index:100;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border:5px solid #E0C499;
}
#lightbox-wrap, #lightbox-wrap * {
    box-sizing: unset;
}

.item_full {
    
}
.photo_item_full .description {
    margin-bottom:40px;
}
.item_desc {
    float:right;
    width:45%;
    padding:0;
}
.item_gallery {
    float:left;
    width:50%;
}
.item_cost2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #E0C499;
    margin-bottom:20px;
}

.fosbtn_item {
    float:none;
    width:200px;
    text-align:center;
    margin-bottom:20px;
}