*{margin:0;padding:0}
body{background:#ccc url(images/bg.jpg) repeat top left;font-family:Arial,Helvetica,sans-serif;color:#444;font-size:12px;}
h1{color:#2F1B0C;font-size:40px;margin:20px 0 0 20px}
span.reference{font-family:Arial;display:block;font-size:12px;text-align:center;margin-bottom:10px}
span.reference a{color:#000;text-transform:uppercase;text-decoration:none;margin:0 20px}
span.reference a:hover{color:#ddd}
.booklet .b-wrap div{position: relative; box-sizing: border-box}
.booklet .teams{position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; flex-direction: column !important; display: flex; gap: 1.65rem;}
.booklet .teams .member{position: relative;width: 100%;height: 103px;display: flex;align-items: center;justify-content: center;}

.booklet .teams a:hover{background-color: rgba(255,255,255,0.5); transition: 0.25s ease}

.maps{padding: 65px 20px 130px 0}
.booklet .maps .member{flex-direction: row; justify-content: flex-end}
.booklet .maps .member a{position: relative;box-sizing: border-box;max-width: 100%; height: 66px; transition: 0.25s ease; bottom: 0; width:66px; border-radius: 10px;}
.booklet .maps .member:first-of-type{top: 3px; right: 3px;}
.booklet .maps .member:nth-child(2){top: -3px; right: 3px;}
.booklet .maps .member:nth-child(3){top: -3px; right: 3px;}
.booklet .teams.site{height: 30px; top: auto; bottom: 76px; z-index: 999; padding: 0 28px 0 54px; display: flex; justify-content: space-between; flex-direction: row !important}
.booklet .teams.site .member:first-of-type{height: 30px; width:58%}
.booklet .teams.site .member:last-of-type{height: 30px; width:79%}
.booklet .teams.site .member a{height: 30px; width: 100%}

.booklet .teams.sm{height: 40px; top: auto; bottom: 24px; z-index: 99; padding: 0 28px 0 56px; display: flex; justify-content: flex-start; flex-direction: row !important;gap:6.20px !important}
.booklet .teams.sm .member{height: 36px; width: 36px}
.booklet .teams.sm .member a{height: 36px; width: 36px; border-radius: 5px}


.numberimg{padding: 70px 8px 18px 65px; gap:7px !important}
.numberimg .p_mum{height: 28px; background: none; border: none; transition: 0.25s ease; cursor: pointer}
.numberimg .p_mum:hover{background-color: rgba(100,171,43,0.5); transition: 0.25s ease}


.b-counter{display: none !important}
.booklet .b-counter{display:block;width:100%;border-top:1px solid #ddd;color:#222;text-align:center;font-size:16px;background:transparent;opacity:1; padding: 10px; margin-top: 1rem}
.cufon{display: block; width: auto !important; height: auto !important;}
.book_wrapper{margin:0 auto;padding-top:50px;width:1120px;height:490px;position:absolute;top: 0; left: 50%; transform: translate(-50%, 0)}
.book_wrapper p{font-size:16px;margin:5px 5px 5px 15px}
.book_wrapper a.article,.book_wrapper a.demo{background:transparent url("images/circle.png") no-repeat 50% 0;display:block;width:95px;height:41px;text-decoration:none;outline:none;font-size:16px;color:#555;float:left;line-height:41px;padding-left:47px}
.book_wrapper a.demo{margin-left:50px}
.book_wrapper a.article:hover,.book_wrapper a.demo:hover{background-position:50% -41px;color:#13386a}
.book_wrapper img{width:auto;box-sizing:border-box;max-width:100%;}

a#next_page_button,a#prev_page_button{display:none;position:absolute;width:41px;height:40px;cursor:pointer;top:50%;background:transparent url("images/buttons.png") no-repeat 0 -40px}
a#prev_page_button{left:-30px}
a#next_page_button{right:-30px;background-position:-41px -40px}
a#next_page_button:hover{background-position:-41px 0}
a#prev_page_button:hover{background-position:0 0}
.loading{width:160px;height:56px;position:absolute;top:50%;margin-top:-28px;right:135px;line-height:56px;color:#fff;padding-left:60px;font-size:15px;background:#000 url(images/ajax-loader.gif) no-repeat 10px 50%;opacity:.7;z-index:9999;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}