/* ==========================================================================
   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:1160px; font-size: 18px; line-height: 1.3; color:#2e2e2e; font-weight:normal;}
 
/*разделитель*/
.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: Open Sans, Arial;}


/* Типографика */
h1 {
	font-weight:normal;
	font-size:34px;
	line-height:42px;
	padding:0;
	margin:30px 0px 20px;
	text-transform:uppercase;
}
h2 {
	font-weight:bold;
	font-size:28px;
	line-height:36px;
	padding:0;
	margin:30px 0px 20px;
	text-transform:uppercase;
	color:#495b89;
}
h3 {
	font-weight:bold;
	font-size:24px;
	line-height:30px;
	margin:10px 0px 5px;
	padding:10px 0;
	color:#333;
}
p {
	margin:0 0 15px;
}




/*центрируем блоки*/
.center-box2 {
	margin:0 auto;
	width:1200px;
	position:relative;
	border-left:1px solid #999;
	border-right:1px solid #999;
	overflow:hidden;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.center-box {
	margin:0 auto;
	width:1100px;
	position:relative;
}

/* header-line */

.header-line {
    position:relative;
    background:#1d1c1f url(../images/advokat2.jpg) center right no-repeat;
    background-size:cover;
    z-index:200;
    color:#000;
    height:600px;
    height:750px;
    overflow:hidden;
}

	.header-line .name-box {
        float:left;
        width:650px;
        text-align:left;
        height:auto;
        padding:100px 0 50px 30px;
        font-weight:bold;
        font-size:40px;
        line-height:50px;
        color:#fff;
        
	}
	
	.header-line .name-box .b1 {
        font-size:36px;
        line-height:36px;
        font-weight:bold;
        margin-bottom:20px;
        color:#e5e5e5;
        padding-left:180px;
	}
	.header-line .name-box .b2 {
        font-size:54px;
        line-height:54px;
        font-weight:bold;
        margin-bottom:10px;
        padding-left:180px;
	}
	.header-line .name-box .b3 {
        font-size:32px;
        line-height:50px;
        font-weight:normal;
        margin-bottom:10px;
        padding-left:180px;
	}
	.header-line .name-box .b4 {
        font-size:32px;
        line-height:32px;
        font-weight:normal;
        font-weight:bold;
        margin-top:30px;
	}
	.header-line .name-box .b4 a {
        color:#fff;
        /*background:#e5e5e5;*/
        padding:10px 30px;
        padding:0;
        display:inline-block;
	}
	.header-line .name-box .b5 {
        font-size:21px;
        line-height:28px;
        font-weight:normal;
        margin-top:50px;
	}
	.header-line .name-box .b5 a {
        display:inline-block;
        color:#eee;
        
	}
.header-line2 {
    position:relative;
    background:#495b89;
    background-size:cover;
    z-index:200;
    color:#fff;
    height:auto;
    overflow:hidden;
    border-bottom: 1px dashed #999;
    border-top: 1px dashed #999;
}

	.header-line2 .name-box {
        padding:20px 0;
        font-size:21px;
        
	}
	
	.header-line2 .name-box .b1 {
        display:inline-block;
	}
	.header-line2 .name-box .b2 {
        display:inline-block;
        font-weight:bold;
        font-size:24px;
	}
	.header-line2 .name-box .b3 {
        display:inline-block;
        font-weight:bold;
        font-size:24px;
	}
	.header-line2 .name-box .b4 {
        display:inline-block;
        float:right;
	}

	.header-line2 .name-box .b4 a {
        color:#e5e5e5;
        font-weight:bold;
	}

	
	.header-line .top-contact-box {
        float:right;
        width: 400px;
        text-align: right;
        height: auto;
        padding: 25px 0;
        position:relative;
	}


/**/


/*навигация*/	
.nav-line {
    position:relative;
    background:#e5e5e5;
    z-index:250;
    color:#1c1d21;
}
.mob-menu {
    display:none;
}

.nav-line a {
    color:#1c1d21;
}

.nav-line ul.menu {
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}

.nav-line ul.menu li {
    display:inline-block;
    margin-right:30px;

}
.nav-line ul.menu li a {
    display:block;
    padding:15px 0;
    position:relative;
    text-transform:uppercase;
}




/*.nav-line ul.menu li.active a {
    background:#ffad61;
    color:#fff;
}*/



		

			
.teaser {
    margin-bottom:30px;
}
.teaser .teaser-title {
    font-weight:bold;
    font-size:24px;
}
.teaser .teaser-desc {
    font-size:18px;
    padding:10px 0;
}
.teaser .teaser-cat {
    font-style: italic;
}


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

.content-line .main {
    /*overflow:hidden;*/
    padding:30px 0;
}

.list-ok h3 {
	padding:10px 0 10px 50px;
	background:#eee url(../images/ok2.png) 10px center no-repeat;
	border-radius:3px;
	/*margin-left:10px;*/
}

/* advantage  */
.advantage-line {
    background: #f9f9f9;
    border-top: 1px dashed #999;
}
    .advantage-line .center-box {
        text-align:center;
        padding-bottom:30px;
    }
    
    .advantage {
        display:inline-block;
        padding:10px;
        width:310px;
        margin:10px;
        text-align:center;
        border:1px solid #253778;
    }
        .advantage img {
            display:block;
            margin:20px auto;
        }
        .advantage p {
            display:block;
            margin:20px auto;
            text-transform:uppercase;
            color:#253778;
        }



/* footer-line */

.footer-line {
    background:#495b89;
    z-index:150;
    color:#1c1d21;
}
.footer-line.footer2 {
    background:#495b89;
}
    .footer-line .center-box {
        padding:20px 0;
    }

    .footer-line a {
        color:#fff;
    } 
    	.footer-line .links {
    	    margin-bottom:10px;
    	}
    
        	.footer-line  a.mail {
                display:block;
                font-size:18px;
                line-height:30px;
                padding:5px 0;
                height:30px;
                color:#000;
                text-decoration:underline;
                text-align:center;
        	}
        .footer-line .adres {
    	    text-transform:uppercase;
    	    font-size:21px;
    	    margin-bottom:10px;
    	    text-align:center;
    	}
    	.footer-line .telefon {
            font-weight:bold;
            font-size:28px;
            line-height:32px;
            text-align:center;
    	}

/*******/


/* ДОПОЛНИТЕЛЬНОЕ ОФОРМЛЕНИЕ */
/*листалка для постраничного вывода*/
.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;
}


#lightbox-wrap, #lightbox-wrap * {
    box-sizing: unset;
}


table {
    border-spacing: 0;
    border-radius: 3px;
    border: 1px solid #aaa;
    overflow: hidden;
}
    .main table td {
        border:0;
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        padding: 5px 15px;
        vertical-align:middle;
    }
    .main table td:last-child {
        border-right: 0;
        border-bottom: 1px solid #aaa;
        padding: 5px 15px;
    }
    .main table tr:last-child td {
        border-bottom: 0;
    }
    
/*Галерея*/

.catalog-list {
    
}
.catalog-item {
    float:left;
    width:380px;
    display:block;
    height:285px;
    position:relative;
    border:1px solid #c3a074;
    cursor:pointer;
    margin:0 9px 10px;
}
    .catalog-item img {
        display:block;
    }
    .catalog-item span {
        position:absolute;
        padding:10px 30px;
        bottom:20px;
        left:0;
        max-width:90%;
        color:#fff;
        background:#c3a074;
        text-transform:uppercase;
        display:block;
        box-sizing: border-box;
    }
.catalog-item:hover {
    border:1px solid #543b26;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.catalog-item:hover span {
    background:#543b26;
}


/**/
.teaser-item {
    float:left;
    width:280px;
    display:block;
    height:210px;
    position:relative;
    border:1px solid #c3a074;
    cursor:pointer;
    margin:10px 9px;
}
    .teaser-item img {
        display:block;
    }
    .teaser-item span {
        display:block;
        position:absolute;
        padding:10px 30px;
        bottom:20px;
        left:0;
        max-width:90%;
        color:#fff;
        background:#c3a074;
        text-transform:uppercase;
        box-sizing: border-box;
        font-size:14px;
    }
.teaser-item:hover {
    border:1px solid #543b26;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.teaser-item:hover span {
    background:#543b26;
}

/*шаги*/
.steps-box {
    overflow:hidden;
}
.step {
    margin:10px 20px;
    width:300px;
    padding:240px 10px 10px;
    float:left;
    line-height:25px;
    height:300px;
    font-size:18px;
    text-align:center;
    text-transform:uppercase;
}
.step-arr {
    margin:10px 0;
    width:40px;
    height:300px;
    float:left;
    background:url(../images/step-arr.png) top center no-repeat;
}
.step1 {
    background:url(../images/step1.png) top center no-repeat;
}
.step2 {
    background:url(../images/step2.png) top center no-repeat;
}
.step3 {
    background:url(../images/step3.png) top center no-repeat;
}

/**/
.zayavka {
    margin: 70px auto;
    background: #fafafa url(../images/zayavka.jpg) center no-repeat;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    overflow:hidden;
}
.zayavka .fos-box-text {
    background:rgba(0,0,0,0.1);
}
.zayavka .fos-box-text h2 {
    margin:0;
    padding:10px;
}
.zayavka .answer_os.ok {
    padding:20px;
    text-align:center;
}
.zayavka .form_os {
    padding:20px;
}
.zayavka .blo-duble {
    float:left;
    margin:10px 2%;
    width:46%;
}
.zayavka input[type=text] {
    padding:10px;
    margin:auto;
    width:100%;
    display:block;
    box-sizing: border-box;
    font-size:18px;
    text-align:center;
}
.zayavka .error input[type=text] {
    border-color:red;
}

.zayavka .blo-check {
    margin:10px 2%;
    text-align:center;
    background:rgba(255,255,255,0.1);
    padding:10px;
}
.zayavka .blo-check.error {
    margin:10px 2%;
    text-align:center;
    background:rgba(255,0,0,0.1);
    padding:10px;
}

.zayavka input[type=submit] {
    padding:10px;
    margin:auto;
    width:300px;
    display:block;
    box-sizing: border-box;
    font-size:18px;
    text-align:center;
}



/* Подвал */
.footer_info {
    color:#fff; 
    margin-top:50px; 
    padding-top:20px; 
    border-top:1px solid #ffffff55;
}
.footer_contacts {
    background:url(/images/palata.png) left top 20px no-repeat; 
    background-size:140px; 
    padding-left:180px;
    padding-top:10px;
    min-height:200px;
    color:#fff;
}
.footer_contacts h3 {
    color:#fff;
}
.footer_contacts a {
    color:#fff;
}

.carts {
    overflow:hidden;
    margin-bottom:30px;
}
.cart {
    display:block;
    float:left;
    padding:24px 20px 16px 84px;
    border:2px solid #ddd;
    border-radius:4px;
    margin:0 1% 10px 0;
    width:32%;
    height:115px;
    box-sizing: border-box;
    background:url(/images/law.png) left top no-repeat;
}
.cart:hover {
    border:2px solid #075aaf;
}


.fos-box {
    display:block;
    position:relative;
    width:600px;
    padding: 0;
    background-size:cover;
    color: #333;
    z-index: 2200;
    margin-bottom:50px;
}



    .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 .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 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"] {
        float: left;
        display: block;
        width: 160px;
        padding: 14px 25px 16px 15px;
        cursor: pointer;
        text-decoration: none;
        background: #495b89;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        line-height: 18px;
        box-shadow: 0 0 20px rgb(255 255 255 / 30%);
        z-index: 100;
        border:0;
    }
    
    .full-desc img {
        max-width:100%;
        height:auto;
    }
 /*оформление текста с фото*/
.bty_foto {
    margin-right: -25px;
    margin-bottom: 30px;
    float: left;
    margin-top: -25px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5)
}
.bty_foto img {
    display:block;
    width:400px;
}

.bty_text {
    overflow: hidden;
    padding: 40px 50px;
    background: #eee;
    margin-top: 45px
}

.cart2 {
    display: block;
    float: left;
    padding: 24px 20px;
    border: 2px solid #ddd;
    border-radius: 4px;
    margin: 0 1% 10px 0;
    width: 32%;
    height: 500px;
    box-sizing: border-box;
    font-size:16px;
}
.cart2 img {
    display: block;
    margin: 0 auto 30px;
    width: auto;
    height: 180px;
    box-sizing: border-box;
    border-radius: 4px;
}