body {background:#676d79 url(../images/bg.jpg) no-repeat 50% 0 fixed; background-size: 100% auto; color:#000000;margin:0;padding:0;font-size:18px;font-family:lato, arial, sans-serif; }
form, fieldset {margin:0;padding:0;border-width:0;}
input, select, textarea {font-family:arial, serif; font-size:12px;color:#1b5688;resize:none}
input:focus, select:focus, textarea:focus { outline: none; }
input[type=text], input[type=password], textarea { -webkit-appearance: none; appearance: none; }
p, ul {margin-top:1em;margin-bottom:1em}
img {vertical-align:bottom;}
a img {border-width:0;}
a { color:#000000; text-decoration:none; }
a:hover {}
.columns {width:100%;overflow:hidden;}
.clear {clear: both;}
.overflow { overflow:hidden; }

h1, h2, h3, h4, h5, h6 { font-weight:900; }
strong { font-weight:900; }


.text { font-size:16px; line-height:24px; }
.text > *:first-child { margin-top:0; }
.text > *:last-child { margin-bottom:0; }
.text p { margin:24px 0 0 0; }
.text ul { margin:12px 0 0 0; padding:0 0 0 10px; }
.text ul li { list-style:none; padding: 4px 0 4px  17px; background:url(../images/list-element.png) no-repeat 0 13px; }
.text ol { margin:12px 0 0 0; }

p.details { margin:0; text-align:center; margin:24px 0; background-color:white; line-height:36px; font-size:24px; color:#3c404b; padding:24px 55px 24px 65px; position:relative;  }
p.details::before { content:" "; position:absolute; width:75px; height:75px; background:url(../images/info.png) no-repeat; left:-24px; top:50%; margin-top:-37px;  }

p.discount { margin:24px 0; font-size:22px; line-height:24px; text-align:center; background-color:white; padding:10px; color:#3c404b; }
p.discount strong { display: block; border-bottom:1px dashed #cfcfcf; border-top:1px dashed #cfcfcf; padding: 14px 0; }


#lang { width:1060px; margin:0 auto; position:relative; overflow:hidden; }
#lang .lang-bg { width:100%; height:5px; background:#ccae7d; opacity:0.9; overflow:hidden; }
#lang ul { float:right; margin:-5px 32px 0 0; padding:0; overflow:hidden; }
#lang ul li { list-style:none; float:left; font-size:12px; margin-left:15px; }
#lang ul li a { display:block; color:#e6d3b4; position:relative; padding-top:12px; }
#lang ul li a:before { content:" "; position:absolute; width:8px; height:8px; top:0; left:50%; margin-left:-4px; background-color:#ccae7d; border-radius:1000px; z-index:10px; }
#lang ul li a::before { content:" "; position:absolute; width:8px; height:8px; top:0; left:50%; margin-left:-4px; background-color:#ccae7d; border-radius:1000px; z-index:10px; }
#lang ul li:hover a:before { background-color:#e6d3b4; }
#lang ul li:hover a::before { background-color:#e6d3b4; }
#lang ul li.active a { color:white; }
#lang ul li.active a:before { background-color:white; }
#lang ul li.active a::before { background-color:white; }

#top { width:960px; margin:0 auto; overflow:hidden; }
#top .logo { float:left; font-size:10px; margin:0; padding:26px 0 44px 0; }


#top .menu { float:right; margin:0; padding:31px 0 0 0; overflow:hidden; max-width:730px; }
#top .menu li { list-style:none; float:left; margin:0 0 0 29px; padding-bottom:2px; }
#top .menu li.active a { box-shadow:0 -2px 0 #b99f74; }
#top .menu li.active a em { box-shadow:0 2px 0 #b99f74; color:white; }
#top .menu li:first-child { margin-left:0; }
#top .menu li a { display:block; font-size:18px; color:white; line-height:18px; padding:6px 0 0 0; }
#top .menu li a em { font-style:normal; color:#c8b18b; display:inline-block; padding:0 0 7px 0; }
#top .menu li a:hover em { color:white; }

#content-box { width:1020px; margin:0 auto; background:url(../images/content-bg.png) 0 0; padding:6px 10px 5px 10px; position:relative; }
#content-box::after { content:" "; position:absolute; width:1020px; height:18px; background:url(../images/shadow-content.png) no-repeat; top:100%; left:0; }
#content { border-top:1px dashed #bdbdbd; border-bottom:1px dashed #bdbdbd; }
#content h1 { margin:38px 0 55px 40px; font-size:44px; color:#2f3440; text-shadow:1px 1px 0 white; }
#content h2 { margin:31px 0 14px 0; font-size:24px; color:#2f3440; }
#content h3 { margin:35px 0 13px 0; line-height:24px; font-size:18px; color:#2f3440; }
#content h3 em { font-style:normal; font-weight:normal; }
#content .content .article { position:relative; padding-bottom:24px; padding-right:115px; }
#content .content .text {  }
#content .content .text .expand, #content .content .text .collapse { margin:0; width:90px; position:absolute; bottom:-44px; right:24px; font-size:16px; line-height:24px; text-align:center; }
#content .content .text .expand a, #content .content .text .collapse a { display:block; padding-bottom:32px; }
#content .content .text .expand a:after, #content .content .text .collapse a:after { content:" "; position:absolute; bottom:0; left:50%; margin-left:-35px; width:70px; height:32px; }
#content .content .text .expand a::after, #content .content .text .collapse a::after { content:" "; position:absolute; bottom:0; left:50%; margin-left:-35px; width:70px; height:32px; }
#content .content .text .expand a:after { background:url(../images/expand.jpg) no-repeat 50% 0; }
#content .content .text .expand a::after { background:url(../images/expand.jpg) no-repeat 50% 0; }
#content .content .text .collapse a:after { background:url(../images/collapse.jpg) no-repeat 50% 0; }
#content .content .text .collapse a::after { background:url(../images/collapse.jpg) no-repeat 50% 0; }
#content .content .text .expand a:hover, #content .content .text .collapse a:hover { color:#a58653; }
#content .content .text .expand a:hover:after, #content .content .text .collapse a:hover:after { background-position:left bottom; }
#content .content .text .expand a:hover::after, #content .content .text .collapse a:hover::after { background-position:left bottom; }
#content .content .text .collapse { margin:0; }

.holder { overflow:hidden; padding:0 30px 30px 30px; position:relative; z-index:10; }
.holder .sidebar { float:left; width:200px; padding:47px 50px 20px 0; }
#content .holder .sidebar h2 { margin:0; font-size:44px; line-height:32px; color:#2f3440; font-weight:normal; text-align:right; text-shadow:1px 1px 0 white; }
#content .holder .sidebar h2 em { color:#737b8e; font-style:normal; font-size:36px; color:#737b8e; }
.holder .content { float:left; width:700px; padding:49px 10px 16px 0; }

.holder .sidebar.with-photo { padding-top: 0; }
.holder .sidebar.with-photo p { background:url(../images/subpages-offer-item1.png) no-repeat 5px 0px; width: 210px; }
.holder .sidebar.with-photo.online-office p { background:url(../images/subpages-onlineoffice.png) no-repeat 5px 10px; }
.holder .sidebar.with-photo.law-service p { background:url(../images/subpages-lawservice.png) no-repeat 5px 10px; }
.holder .sidebar.with-photo.accounting-service p { background:url(../images/subpages-service.png) no-repeat 5px 10px; }
.holder .sidebar.with-photo p.call-us { margin:0; padding-top:210px; text-align:center; line-height: 36px; font-size:24px; }
.holder .sidebar.with-photo p.call-us strong { font-size:26px; color:#1e2521; }
.holder .sidebar.with-photo p.call-us a:hover { color:#a58653 }
.holder .sidebar.with-photo .line { display: block; background: transparent url(../images/line.png) no-repeat center; }

.holder.position { overflow:hidden; padding:0 30px 30px 30px; position:relative; z-index:10; top:-10px; }
.holder.position .content { padding:0px 10px 16px 0; }

.our-offer { padding:56px 40px 8px 40px; border-top:1px dashed #bcbcbc; position:relative; z-index:9; top:-30px; }
.our-offer ul { margin:0; padding:0; overflow:hidden; }
.our-offer ul li { float:left; list-style:none; width:140px; text-align:center; padding:0 0 46px 0; margin-left:60px; position:relative; }
.our-offer ul li:first-child { margin-left:0; }
.our-offer ul li a { display:block; color:#1f1e1f; font-size:16px; line-height:18px; padding-top: 110px; position: relative; z-index: 10; }
.our-offer ul li:before { content:" "; position:absolute; width:100px; height:102px; top:0; left:50%; margin-left:-50px; }
.our-offer ul li::before { content:" "; position:absolute; width:100px; height:102px; top:0; left:50%; margin-left:-50px; }
.our-offer ul li:first-child:before { background:url(../images/our-offer-image1.png) no-repeat 50% 0; }
.our-offer ul li:first-child::before { background:url(../images/our-offer-image1.png) no-repeat 50% 0; }
.our-offer ul li.sale:before { background:url(../images/our-offer-image2.png) no-repeat 50% 0; }
.our-offer ul li.sale::before { background:url(../images/our-offer-image2.png) no-repeat 50% 0; }
.our-offer ul li.bookkeeping:before { background:url(../images/our-offer-image3.png) no-repeat 50% 0; }
.our-offer ul li.bookkeeping::before { background:url(../images/our-offer-image3.png) no-repeat 50% 0; }
.our-offer ul li.law:before { background:url(../images/our-offer-image4.png) no-repeat 50% 0; }
.our-offer ul li.law::before { background:url(../images/our-offer-image4.png) no-repeat 50% 0; }
.our-offer ul li.office:before { background:url(../images/our-offer-image5.png) no-repeat 50% 0; }
.our-offer ul li.office::before { background:url(../images/our-offer-image5.png) no-repeat 50% 0; }

.our-offer ul li:hover a { color:#a58653; }
.our-offer ul li:hover:before { background-position:left bottom; }
.our-offer ul li:hover::before { background-position:left bottom; }

#footer { width:960px; padding:30px 40px 50px 40px; margin:0 auto; overflow:hidden; }
#footer .menu { float:left; width:70%; margin:0; padding:0; overflow:hidden; }
#footer .menu li { list-style:none; float:left; padding:0 8px; border-left:1px solid #8b8f92; }
#footer .menu li:first-child { border-width:0; padding-left:0; }
#footer .menu li a { display:block; color:white; font-size:14px; }
#footer .menu li a:hover { text-decoration:underline; }
#footer .realisation { float:right; width:30%; text-align:right; }
#footer .realisation p.page { margin:0; font-size:14px; color:white; }
#footer .realisation p.page a { color:white; }
#footer .realisation p.madeby { margin:0; font-size:11px; padding-top:11px; color:white; opacity:0.5; }
#footer .realisation p.madeby a { color:white; }
#footer .realisation p.madeby a:hover { text-decoration:underline; }

/*Contact*/
.contact { font-size:24px; line-height:36px;  }
.contact .top a:hover { text-decoration:underline; }
.contact .top { position:relative; width:710px; min-height:200px; padding:18px 20px 0 290px; margin:0 0 43px 0; background:url(../images/contact.png) no-repeat 40px 0; }
.contact .top p.address { margin:0; float:left; width:380px; padding:0 20px 0 0; }
.contact .top dl { float:left; width:300px; margin:0; overflow:hidden; }
.contact .top dl dt { float:left; padding-right:3px; }
.contact .top dl dd { margin:0; }
.contact .top p.open { margin:0; padding:36px 0 0 0; }

.contact .top p.show a { text-decoration:underline; font-size:18px; }

#map-box { width:868px; height:410px; overflow:hidden; padding:10px; background-color:white; margin:0 auto 69px auto;  }
#map { width:868px; height:410px; }

/*Onlineoffice*/
.table table { background-color:white; padding:0 10px 12px 10px; margin:28px 0 0 0; width: 100%; }
.table th { font-size:14px; padding:10px 0; line-height:16px; font-weight: normal; border-bottom:1px dashed #cfcfcf; }
.table th:first-child { padding-left: 10px; text-align: left; }
.table td, .table.online-office th { text-align:center; border-bottom:1px dashed #cfcfcf; height:38px; }
.table.online-office td, .table.online-office th { width:20%; }
.table.online-office td:first-child { width: 60%; }
.table tr > td:first-child { text-align:left; padding-left:12px; }
.table td { height:59px; font-size:16px; line-height:18px; padding:10px 0;}
.table td small { font-size: 14px; }
.table-footer { padding-top:3px; margin-bottom:28px; }
.table-footer p { margin:0; font-size:13px; line-height:12px; margin-top:13px; }
.table-footer .dot { float: left; }
.table-footer .dot1 { display: block; padding-left: 25px; }

#cookies-wrapper { position:fixed; width:100%; height:27px; top:0; background: rgba(0, 0, 0, 0.3); z-index: 10000000; }
#cookies { width:1000px; height:27px; margin:0 auto; position:relative; }
#cookies p.close { margin:0; position:absolute; right:-27px; top:6px; }
#cookies p.close a { display:block; text-indent:-10000px; width:7px; padding:5px; height:7px; background:url(../images/close.png) no-repeat 50% 50%; }
#cookies p { margin:0; color:white; text-align:center; font-size:11px; font-family: arial, sans-serif; line-height:27px; }
#cookies p a { color:white; }
