#cmsImage
{
	border: 1px solid #FFFFFF;
	margin: 0px 15px 15px 0px;	
	background: #72d5f1;
	padding: 2px;
}

.cmsImage
{
	border: 2px solid #FFFFFF;
    margin: 0px 15px 15px 0px;
    background: #FFFFFF;
    margin: 0px 15px 15px 0px;
    padding: 0px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #333333 0px 0px 4px;
    -moz-box-shadow: #333333 0px 0px 4px;
    box-shadow: 0px 0px 4px #333333;
    position: relative;
    behavior: url(/PIE.php);
}

img[align=right].cmsImage
{
	margin: 0px 0px 15px 15px;
}

.cmsImageLarge
{
	width: 100%;
	height: auto;
	border: 2px solid #FFFFFF;
    margin: 0px 15px 15px 0px;
    background: #FFFFFF;
    margin: 0px 15px 15px 0px;
    padding: 0px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #333333 0px 0px 4px;
    -moz-box-shadow: #333333 0px 0px 4px;
    box-shadow: 0px 0px 4px #333333;
    position: relative;
    behavior: url(/PIE.php);
}

.cmsImage.noBorder, .cmsImageLarge.noBorder { 
	border:none;
	box-shadow:none;
	background: none;
}

#containerContentSlider {
	display: block;
	
}

button.contentSliderAddbtn {
	font-family: 'Titillium Web', sans-serif;
	
	width: 100px;
	
    padding: 5px;

    margin: 0px 0px 10px 0px;

    text-align: center;

    background: #2679f1;

    color: #FFFFFF;

    font-size: 14px;

    border: 1px solid #FFFFFF;

    font-weight: 300;

	-moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    border-radius: 0px;

    -webkit-box-shadow: #000000 0px 0px 2px;

    -moz-box-shadow: #000000 0px 0px 2px;

    box-shadow: 0px 0px 2px #000000;

    position: relative;
}

#contentsliderlistabove,
#contentsliderlistbelow { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	
}

#contentsliderlistabove li,
#contentsliderlistbelow li {
	display: block;
	padding: 20px 10px; 
	margin-bottom: 3px;
	background-color: #efefef;
	color: #000000;
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	
}
#contentsliderlistabove li span,
#contentsliderlistbelow li span { 
	margin-right: 20px;
	color: #616162;
	cursor: move;
	font-size: 22px;
}

#contentSlidermove {
	width: 100%;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

#contentsliderlistabove li img.handle,
#contentsliderlistbelow li img.handle {
	margin-right: 20px;
	background: #ccc;
	vertical-align: middle;
	cursor: move;
	
}
#contentsliderlistabove li img.contentSliderphoto,
#contentsliderlistbelow li img.contentSliderphoto {
	border: 2px solid #FFFFFF;
    margin: 0px 15px 15px 0px;
    background: #FFFFFF;
    margin: 0px 15px 15px 0px;
    padding: 0px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #333333 0px 0px 4px;
    -moz-box-shadow: #333333 0px 0px 4px;
    box-shadow: 0px 0px 4px #333333;
    position: relative;
    behavior: url(/PIE.php);
	margin-right: 20px;
	vertical-align: middle;
	
}
.contentSliderWrapper
{
	margin-top: 25px;
}

.ui-dialog .tsgContentSlider {
    height: 450px;
}
.tsgContentSlider .tsgContentSliderColumn {
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
}
.tsgContentSlider .tsgContentSliderColumn iframe {
    height: 100%;
    width: 100%;
}
.tsgContentSlider .quarter-screen {
    width: 25%;
    float: left;
}
.tsgContentSlider .third-screen {
    padding: 10px 2%;
    width: 33.3%;
    float: left;
}
.tsgContentSlider .half-screen {
    width: 50%;
    float: left;
}
.tsgContentSlider .full-screen {
    width: 100%;
    float: left;
}
.tsgContentSlider .tsgContentSliderColumn .square-layout,
.tsgContentSlider .tsgContentSliderColumn .masonry-layout,
.tsgContentSlider .tsgContentSliderColumn .horizontal-layout,
.tsgContentSlider .tsgContentSliderColumn .vertical-layout,
.tsgContentSlider .tsgContentSliderColumn .full-photo-layout {
    height: 100%;
}
.tsgContentSlider .tsgContentSliderColumn .square-layout .square-grid-section {
    position: relative;
    overflow: hidden;
}
.tsgContentSlider .tsgContentSliderColumn .square-layout .square-grid-section img,
.tsgContentSlider .tsgContentSliderColumn .horizontal-layout .horizontal-grid-section img,
.tsgContentSlider .tsgContentSliderColumn .vertical-layout .vertical-grid-section img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.tsgContentSlider .tsgContentSliderColumn .square-layout{
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.tsgContentSlider .tsgContentSliderColumn .masonry-layout .masonry-grid-section img {
    width: 100%;
    height: auto;
}
.tsgContentSlider .tsgContentSliderColumn .horizontal-layout .horizontal-grid-section {
    position: relative;
    overflow: hidden;
    margin-bottom: 7px !important;
}
/*.tsgContentSlider .tsgContentSliderColumn .horizontal-layout .horizontal-grid-section img {
    width: 100%;
    height: auto;
}*/
.tsgContentSlider .tsgContentSliderColumn .horizontal-layout .horizontal-grid-section img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.tsgContentSlider .tsgContentSliderColumn .vertical-layout .vertical-grid-section {
    float: left;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.tsgContentSlider .tsgContentSliderColumn .vertical-layout .vertical-grid-section img {
    width: auto;
    height: 100%;
}
.tsgContentSlider .tsgContentSliderColumn .full-photo-layout {
    height: 100%;
    width: 100%;
	overflow: hidden;
}
.tsgContentSlider .tsgContentSliderColumn .full-photo-layout img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.tsgContentSlider img:hover{
    -webkit-filter:opacity(80%);
    filter:opacity(80%);
    cursor: pointer;
}

.tsgContentSliderHolder
{
    height: auto;
    width: 100%;
    padding: 0px;
    margin: auto;
    position: relative;
}

.tsgContentSlider {
    height: auto;
    width: 100%;
    padding: 0px;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.tsgContentSlider .tsgContentSliderContent {
    height: 450px;
    position: relative;
    left: 0px;
}

.tsgContentSlider .tsgContentSliderColumn {
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    float: none;
}

.tsgContentSliderArrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5%;
    margin: auto;
    font-size: 50px;
    cursor: pointer;
    z-index: 1;
}

.tsgContentSliderArrow.left {
    left: -50px;
}

.tsgContentSliderArrow.right {
    right: -50px;
}

.tsgContentSliderArrow i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
}

.tsgContentSliderFull {
    display: inline-block;
	vertical-align: top;
    height: 100%;
	width: 100%;
}

.imgal-modal {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    color: #666666;
    vertical-align: middle;
    height: 100vh;
    width: 100vw;
    z-index: 999;
}

#imgal-modal-close {
    display: inline;
    font-size: 2rem;
    position: absolute;
    top: 1rem;
    right: 2.5rem;
    cursor: pointer;
}

.imgal-modal-img {
    width: 90%;
    height: 90%;
    object-fit: contain;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50px;
    box-shadow: 0px 0px 10px #EBEBEB;
    background: #FFF;
}

#mainDiv .tsgContentSliderColumn div div,
.tsgContentSlider .tsgContentSliderColumn .full-photo-layout
{
    box-shadow: 0px 0px 5px #CCCCCC;
    border-radius: 25px;
    margin-bottom: 0px;
}

.tsgContentSlider .tsgContentSliderColumn p
{
     padding: 5px;   
}

@media screen and (max-width: 750px){
	#imgal-modal-close {
		top: 100px;
	}
	.imgal-modal-img {
		width: 75%;
		height: 75%;
	}
}