/**/
.CGP_MAIN
{
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -20px;
	
}

.ROW{
	width: 25%;
    padding: 20px;
	min-width: 300px;
}

.CGP_MAIN .IMAGE img
{
	border: 1px solid #CACACA;
    padding: 1px;
    width: 100%;
    height: auto;
}
.CGP_IMAGE_LIST .NAME
{
	font-size: 19px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    display: inline-block;
	width:100%;
}

.IMAGE a{
	position: relative;
    display: inline-block;
    text-align: center;
}

.CGP_IMAGE_LIST .IMAGE a:before
{
	content: "";
    display: block;
    position: absolute;
    background: #eef9ff;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.CGP_IMAGE_LIST .IMAGE a:hover:before {
    opacity: 0.5;
}

.cbp-main{
	position: relative;
}

.cbp-main .cbp-top{
	min-height: 115px;
}
.cbp-top h1{	
    font-size: 36px;
    line-height: 48px;
    white-space: normal;
    font-weight: 700;   
    letter-spacing: 0;
    max-width: 100%;
}
.cbp-top
{
	display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap:wrap;
}
.cbp-main .cbp-top > h3{
	font-weight: 400;
}

.cbp-main .cbp-top > .cbp-text{
	margin:0 0 40px;
}

.cbp-main > .cbp-sites-main{
	position: relative;
}

/*NAVI*/
.cbp-main .cbp-top > .cbp-sites-navi{
	width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}


.cbp-main .cbp-top > .cbp-sites-navi .cbp-sites-navi-prev,
.cbp-main .cbp-top > .cbp-sites-navi .cbp-sites-navi-next{
	float:left;
	display:block;
	border:1px solid #d9d9d9;
	padding:10px;
	width:74px;
	height: 55px;
	position: relative;
	text-align: center;
	background-color: white;

}

.cbp-sites-navi-prev i, .cbp-panel-prev i,
.cbp-sites-navi-next i, .cbp-panel-next i{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	font-size: 36px;
	color: #48556e;
}

.cbp-panel-thumb .cbp-panel-next i, .cbp-panel-thumb .cbp-panel-prev i{
	font-size: 46px;
}

.cbp-top > .cbp-sites-navi .cbp-sites-navi-prev:hover,
.cbp-top > .cbp-sites-navi .cbp-sites-navi-next:hover{
	background-color: #48556e;
}

.cbp-top > .cbp-sites-navi .cbp-sites-navi-prev:hover i,
.cbp-top > .cbp-sites-navi .cbp-sites-navi-next:hover i{
	color: #fff;
}

.cbp-panel-next i:hover, .cbp-panel-prev i:hover{
	color: #6c9a27
}

.cbp-main .cbp-top > .cbp-sites-navi .cbp-sites-navi-next{
	margin:0 0 0 20px;
}

.cbp-main .cbp-top > .cbp-sites-navi .cbp-key-info{
	font-size: 10px;
	text-transform: uppercase;
	color:#6a6a6a;
	padding:10px 0 0;
	clear: both;
    text-align: right;
	width:100%;
}


/*LOADER*/

.cbp-sites-main .cbp-loader{
	margin: 1px 0;
	background: #fcd8d9;
}
.cbp-sites-main .cbp-loader .cbp-loader-in{
	background: #48556e;
	height: 4px;
}

/*TAGS*/

.cbp-sites-main .cbp-sites .cbp-site{
/*.cbp-sites-main .cbp-sites .cbp-site .cbp-site-tags{*/
	position: relative;
}

.cbp-sites-main .cbp-sites .cbp-site .cbp-site-tags .cbp-tag{
	position: absolute;
}

.cbp-sites-main .cbp-sites .b-p4 .cbp-site .cbp-site-tags,
.cbp-sites-main .cbp-sites .b-p0 .cbp-site .cbp-site-tags,
.cbp-sites-main .cbp-sites .b-pN .cbp-site .cbp-site-tags
{
	display: none;
}

.cbp-sites-main .cbp-sites .cbp-site .cbp-site-tags .cbp-tag .cbp-tag-content{
	display: none;
	background: #fff;
	padding: 10px;
	border: 1px solid #000;
}

/*PANEL*/
.cbp-panel{
	border:1px solid #d9d9d9;
	padding: 15px 20px;
}

.flex 
{
	display: flex;
    justify-content: center;
    align-items: center;
}
.cbp-panel .cbp-panel-buttons a{
	float:left;
	display: block;
	font-size:16px;
	color:#48556e;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 0;
	flex: 1 auto;
}

.cbp-panel-buttons i {
	font-size: 24px;
	padding-right: 10px;
}

.cbp-panel-buttons a:hover{
	text-decoration: none;
}

.cbp-panel-buttons a:hover span.txt{
	color: #48556e;
}
.cbp-panel-buttons
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cbp-panel span.txt{
	color: #2b2b2b;
}


.cbp-panel .cbp-panel-buttons a.cbp-panel-toggle-pages{
	background-position: -900px -697px;
}

.cbp-panel .cbp-panel-buttons a.cbp-panel-zoom{
	background-position: 0 -195px;
}

.cbp-panel .cbp-panel-buttons a.cbp-panel-zoom.active{}

/*PREVIEWER*/
.cbp-panel-thumb{
	position:relative;
	width:100%;
	height: 250px;
	
	border:1px solid #d9d9d9;
	margin: 20px 0 0;
}

.cbp-panel-thumb .cbp-panel-prev,
.cbp-panel-thumb .cbp-panel-next{
	position: absolute;
	top:64px;
	left:0;
	text-align: center;
	display: block;
	width:10%;
	height: 100px;
	overflow: hidden;
}

.cbp-panel-thumb .cbp-panel-next{
	left:auto;
	right:0;
}

.cbp-panel-thumb .cbp-panel-thumb-scene{
	position: absolute;
	top:10px;
	left:10%;
	width:80%;
}

.cbp-panel-thumb .cbp-panel-previer{
	position:relative;
	width:100%;
	height:230px;
	overflow: hidden;
}

.cbp-panel-thumb .cbp-panel-previer .cbp-panel-previer-in{
	position:absolute; 
	top:15px; 
	left:0; 
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cbp-panel-thumb .cbp-panel-previer .cbp-panel-previer-in a{
	display: block;
	float:left;
}

.cbp-panel-thumb .cbp-panel-previer .cbp-panel-previer-in img {
	border: 1px solid #48556e;
	margin: 0 10px;
}
.cbp-tag h3{
	font-size: 15px;
    text-align: center;
	padding: 0;  
}

/*BOOKLET PLUGIN*/
/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.4
 *
 * Originally based on the work of:
 *	1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */
	.booklet         {width:800px; height:600px; position:relative; margin:0 auto 10px; overflow:visible !important;}
	.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);}
	
	.booklet .b-pN  {}
	.booklet .b-p0  {}
	.booklet .b-p1  {}
	.booklet .b-p2  {}    
	.booklet .b-p3  {}
	.booklet .b-p4  {}
	   
   	/* Page Wrappers */
	.booklet .b-wrap       {top:0; position:absolute;}
	.booklet .b-wrap-left  {background:#fff;}
	.booklet .b-wrap-right {background:#efefef;}
	
	.booklet .b-pN .b-wrap,
	.booklet .b-p1 .b-wrap,
	.booklet .b-p2 .b-wrap,
	.booklet .b-p3 .b-wrap,
	.booklet .b-p4 .b-wrap  {left:0;}
	.booklet .b-p0 .b-wrap  {right:0;}
	
   	/* Custom Page Types */
	.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
	.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0 1px 3px #222;}
   
   	/* Page Numbers */
	.booklet .b-counter {
		bottom:10px;
		position:absolute; 
		display:block; 
		background:#fff;
		color:#2b2b2b;
		border: 3px solid #48556e;
		text-align:center; 
		font-size:14px; 
		padding:5px 10px;
	}
	.booklet .b-wrap-left  .b-counter  {left:10px;}
	.booklet .b-wrap-right .b-counter {right:10px;}
   
   	/* Page Shadows */
	.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("/component/c_browser_press_online/VIEW/default_modern/gfx/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
	.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("/component/c_browser_press_online/VIEW/default_modern/gfx/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
	
	.booklet .b-p0 {background-image:url("/component/c_browser_press_online/VIEW/default_modern/gfx/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
	.booklet .b-p3 {background-image:url("/component/c_browser_press_online/VIEW/default_modern/gfx/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
	
   	/* Overlay Controls */
	.booklet .b-grab     {cursor: url("/component/c_browser_press_online/VIEW/default_modern/gfx/openhand.cur"), default;}
	.booklet .b-grabbing {cursor: url("/component/c_browser_press_online/VIEW/default_modern/gfx/closedhand.cur"), default;}
	
   	/* Overlay Controls */
	.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
	.booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}
	
   	/* Tab Controls */
	.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
	.booklet .b-tab-prev   {left:0;}
	.booklet .b-tab-next   {right:0;}
	.booklet .b-tab:hover  {background:#aaa; color:#000;}	
	
   	/* Arrow Controls */
	.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
	.booklet .b-arrow-next     {right:-80px;}
	.booklet .b-arrow-prev     {left:-80px;}
	.booklet .b-arrow-next div {background:url("/component/c_browser_press_online/VIEW/default_modern/gfx/arrow-next.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("/component/c_browser_press_online/VIEW/default_modern/gfx/arrow-prev.png") no-repeat left top;}
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

    body              {z-index:0;}
    .b-menu           {z-index:5;}
    .b-selector       {z-index:5;}
    .booklet          {z-index:1;}
    .b-pN             {z-index:1;}
    .b-p0             {z-index:3;}
    .b-p1             {z-index:2;}
    .b-p2             {z-index:2;}
    .b-p3             {z-index:3;}
    .b-p4             {z-index:1;}
    .b-prev           {z-index:4;}
    .b-next           {z-index:4;}
    .b-counter        {z-index:4;}
	
/* @Menu Items
----------------------------------------*/
	.b-menu {height:40px; padding:0 0 10px;}
	
	.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
	.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
	.b-selector-page        {width:auto; margin-left:15px;}
	.b-selector-chapter     {width:auto;}
	
	.b-selector:hover            {color:#fff; background-position:left 0;}
	.b-selector:hover .b-current {background-position:right 0;}
	.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
	.b-selector li               {border:none;}
	.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
	.b-selector a .b-text        {float:left; clear:none;}
	.b-selector a .b-num         {float:right; clear:none;}
	.b-selector a:hover          {color:#fff;}
	
/*LOUP*/
.loupe {
   position: absolute;
   display: none;
   border: 1px solid #000;
   background-color: transparent;
   z-index: 1000;
   cursor: url("/template/blank.gif"), none;
   margin: 0px;
   padding: 0px;
   background-repeat: no-repeat;
   background-position: center;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	
	-webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    box-shadow: 5px 5px 10px #000;
}

@media (max-width: 1200px) {
	.CGP_MAIN
	{
		justify-content: center;
	}
}
@media (max-width: 576px) {	
	
	.cbp-sites-main .cbp-sites .cbp-site .cbp-site-tags .cbp-tag .cbp-tag-content
	{
		max-width: 150px;
		padding: 2px
	}
	.cbp-tag h3 {
		font-size: 12px
	}
	.cbp-main .cbp-top > .cbp-sites-navi
	{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

	}
	.cbp-main .cbp-top > .cbp-sites-navi .cbp-sites-navi-prev{
		width: 45%;
		
	}
	.cbp-main .cbp-top > .cbp-sites-navi .cbp-sites-navi-next{
		width: 45%;
		margin: 0;
	}
	.cbp-panel-buttons
	{
		justify-content: center;
	}
	.cbp-panel-buttons > a 
	{
		width: 100%
	}

	.cbp-panel-thumb .cbp-panel-prev, 
	.cbp-panel-thumb .cbp-panel-next
	{
		top: -30px;
		left: 23px;		
		width: 25%;
	}
	.cbp-panel-thumb .cbp-panel-next
	{
		right:13px;
		left:auto;
	}
	.cbp-panel-thumb .cbp-panel-thumb-scene
	{
		top:30px
	}
	
	.cbp-panel-thumb
	{
		height:270px;
	}

}