/* FRONT */

.modularpanel, .panel-widget-area, .widget{
	position:relative;
}

.container{
	border:1px solid #333;
}

.mod-container{
	max-width:1080px;
	position:relative;
}

/* BACK */

.widgets-holder-wrap.current{
	border:1px solid #0f9dd5;
	background:#e4f3fb;
}

div#widgets-right .sidebars-column-1, div#widgets-right .sidebars-column-2 {
	max-width: 1000px;
}

#widgets-right .sidebars-column-1, #widgets-right .sidebars-column-2 {
	float: left;
	width: 100%;
}

.mod p{ padding-bottom:30px }

.previewInfo:hover{ cursor:wait }

#popupIframe {visibility:hidden; background:#fff; z-index:9999999; width:1080px; height:85%; border:1px solid #aaa; padding:10px; position:fixed; top:50px; bottom:50px; -webkit-box-shadow: 5px 5px 5px 0px rgba(100, 100, 100, 0.75); -moz-box-shadow: 5px 5px 5px 0px rgba(100, 100, 100, 0.75); box-shadow: 5px 5px 5px 0px rgba(100, 100, 100, 0.75); }


/**********************/
/******* MOD A ********/
/**********************/

.modAimage { 
	background-size: 100% auto;
	height: 360px;  
	margin: 0 auto; 
    width: 100%; 
    position: relative; 
    color:white;
    overflow: hidden;
}
.modAimage h2.title {
	font-size:60px;
	color: white;
	margin:30px 0;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.modAimage p {
	font-size:200%;
	color: white;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
@media (max-width: 998px) {
	.modAimage h2.title {
		font-size:52px;
	}
	.modAimage p {
		font-size:150%;
	}
}
@media (max-width: 803px) {
	.modAimage { 
		height: 300px;
	}
	.modAimage h2.title {
		font-size:48px;
	}
	.modAimage p {
		font-size:100%;
	}
}
@media (max-width: 693px) {
	.modAimage { 
		height: 240px;
	}
	.modAimage h2.title {
		font-size:32px;
	}	
}
@media (max-width: 583px) {
	.modAimage { 
		height: 180px;
	}
	.modAimage h2.title {
		font-size:24px;
	}
	.modAimage p {
		display:none;
	}
}


/**********************/
/******* MOD B ********/
/**********************/

.modb-container{	
	text-align:left;
}
.modb-container h4 {
	margin: 30px 0;
}
.modb-container h3 {
	margin-top: 30px !important;
}


/**********************/
/******* MOD C ********/
/**********************/

.modc-container p.read-more {
	padding-top:7px;
}
.modc-container h4 {
	font-size:21px;
}
.modc-container .thumbnail {
	max-width:480px; 
	margin: 10px auto;
}

@media (min-width: 768px){
    .modc-container .fivecolumns .col-md-2, .modc-container .fivecolumns .col-sm-2, .modc-container .fivecolumns .col-lg-2  {
        width: 20%;
        *width: 20%;
    }
}
@media (min-width: 1200px) {
    .modc-container .fivecolumns .col-md-2, .modc-container .fivecolumns .col-sm-2, .modc-container .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .modc-container .fivecolumns .col-md-2, .modc-container .fivecolumns .col-sm-2, .modc-container .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}


/**********************/
/******* MOD D ********/
/**********************/

.modd-container .thumbnail img {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 65px;
	border-radius: 65px;
	float: none;
	height: auto;
	margin: -60px auto 0;
	padding: 10px;
	width: 130px;
}
.modd-container .staff {
	margin-top:60px;
}


/**********************/
/******* MOD G ********/
/**********************/

@media (max-width: 992px) {
	.modg-container h1 { font-size: 30px; }
}
@media (max-width: 768px) {
	.modg-container h1 { font-size: 20px; }
}
.modg-container .panel-default{ height:150px; }
.modg-container .panel-default .panel-body{ padding:10px; }

.modg-container .carousel-inner .active.left { left: -33%; }
.modg-container .carousel-control.right { right: -10%; }
.modg-container .carousel-control.left { left: -10%; }
.modg-container .carousel-inner .prev { left: -33%; }
.modg-container .carousel-control.left, .modg-container .carousel-control.right {background:transparent; background-image:none !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.modg-container .item h1{ color: #911c11; }

/**********************/
/******* MOD I ********/
/**********************/

@media (max-width: 992px) {
	.modi-container .media { height:50px; }
	.modi-container h4 {font-size:16px; padding:10px !important; }
}
@media (max-width: 650px) {
	.modi-container h4 {font-size:14px;}
	.modi-container .media-body{ height:70px !important}
}
@media (max-width: 570px) {
	.modi-container .media { height:40px; }
	.modi-container h4 {font-size:12px;}
}
@media (max-width: 520px) {
	.modi-container h4 {font-size:10px;}
	.modi-container .media-body{ height:50px !important}
}

.modi-mobile {
			display:none !important;
}
@media (max-width: 580px) {
		.modi-desktop {
			display:none !important;
		}
		.modi-mobile {
			display:block !important;
		}
}

.modi-container .panel-body{ padding:0; }

.modi-container .media-body{
	display:table-cell; vertical-align:middle; height:100px
}
.modi-container .carousel-inner .active.left { left: -33%; }
.modi-container .carousel-control.right { right: -10%; }
.modi-container .carousel-control.left { left: -10%; }
.modi-container .carousel-inner .prev { left: -33%; }
.modi-container .carousel-control.left, .modi-container .carousel-control.right {background:transparent; background-image:none !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.modi-container .panel{  }


/**********************/
/******* MOD J ********/
/**********************/

.modj-container {
	max-width: 800px;
}


/******************************************************/
/******* MOD L - ALSO USED BY MOD TILES WIDGET ********/
/******************************************************/

.modl-container{	
	text-align:left;
}
.modl-container h4 {
	font-size:18px;
	margin: 10px 0;
}

.modL p{ padding:0 }
.modL p.last{ margin-bottom:0 }

.modL .panel{ border:1px solid #eee; padding:0px 10px 0 10px; margin: 0 0 15px 0; background:#fafafa; display:none }
.modL .panel h3{border-bottom:1px solid #ccc; padding-bottom:5px}

/*******************************************/
/******* MOD Tiles  smakris 20160314********/
/*******************************************/

.modtiles-container{	
	text-align:left;
}

.modtiles-container h4 {
	font-size:16px;
	margin: 10px 0;
}

.modtiles-container .widgettitle {
	
	margin: 0px 0px -1.5em 0px;
}


.modtiles-container .subtitle {
	font-size:21px;
	margin: 0px 0px 25px 0px;
}

.modtiles-container .thumbnail {
	
	padding-bottom: 0px;	 
	
}


.modtiles-container .caption {
    height: 3.4em;
    position: relative; 

    
}

.modtiles-container .caption h4 {
    margin: 0;    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
}


.modtiles p{ padding:0 }
.modtiles p.last{ margin-bottom:0 }

.modtiles .panel{ border:1px solid #eee; padding:0px 10px 0 10px; margin: 0 0 15px 0; background:#fafafa; display:none }
.modtiles .panel h3{border-bottom:1px solid #ccc; padding-bottom:5px}

@media (min-width: 768px){
	.modtiles-container .fivecolumns .col-md-2, .modtiles-container .fivecolumns .col-sm-2, .modtiles-container .fivecolumns .col-lg-2  {
		width: 20%;
		*width: 20%;
	}
}
@media (min-width: 1200px) {
	.modtiles-container .fivecolumns .col-md-2, .modtiles-container .fivecolumns .col-sm-2, .modtiles-container .fivecolumns .col-lg-2 {
		width: 20%;
		*width: 20%;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.modtiles-container .fivecolumns .col-md-2, .modtiles-container .fivecolumns .col-sm-2, .modtiles-container .fivecolumns .col-lg-2 {
		width: 20%;
		*width: 20%;
	}
}

/*******************************************/
/******* MOD Profiles  smakris 20160414********/
/*******************************************/

.modprofiles-container{
	text-align:left;
}

.modprofiles-container h4 {
	font-size:16px;
	margin: 10px 0;
}

.modprofiles-container .widgettitle {

	margin: 0px 0px -1.5em 0px;
}


.modprofiles-container .subtitle {
	font-size:21px;
	margin: 0px 0px 25px 0px;
}

.modprofiles-container .thumbnail {

	padding-bottom: 0px;

}


.modprofiles-container .caption {
	height: 3.4em;
	position: relative;


}

.modprofiles-container .caption h4 {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}


.modprofiles p{ padding:0 }
.modprofiles p.last{ margin-bottom:0 }

.modprofiles .panel{ border:1px solid #eee; padding:0px 10px 0 10px; margin: 0 0 15px 0; background:#fafafa; display:none }
.modprofiles .panel h3{border-bottom:1px solid #ccc; padding-bottom:5px}

@media (min-width: 768px){
	.modprofiles-container .fivecolumns .col-md-2, .modprofiles-container .fivecolumns .col-sm-2, .modprofiles-container .fivecolumns .col-lg-2  {
		width: 20%;
		*width: 20%;
	}
}
@media (min-width: 1200px) {
	.modprofiles-container .fivecolumns .col-md-2, .modprofiles-container .fivecolumns .col-sm-2, .modprofiles-container .fivecolumns .col-lg-2 {
		width: 20%;
		*width: 20%;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.modprofiles-container .fivecolumns .col-md-2, .modprofiles-container .fivecolumns .col-sm-2, .modprofiles-container .fivecolumns .col-lg-2 {
		width: 20%;
		*width: 20%;
	}
}

/**********************/
/******* MOD M ********/
/**********************/

.modm-color {
	background-color: #eee;
}
.modularpanel .modm-container h3 {	
	text-align:left;
}
.modm-container {	
}
#modularcontainer .widget .modm-container a {
}
#modularcontainer .widget .modm-container a:hover {
	text-decoration:underline;
}

/**********************/
/******* MOD N ********/
/**********************/

.modn-container .thumbnail {
	background-color: transparent;
	border: 0px;
}
.modn-container .img-responsive {
	max-width: 100%;
	height: 150px;
	overflow: hidden;
	text-align: center;
}
.modn-container img.wp-post-image {
	max-width: initial;
	height: 100%;
	width: auto;
}

/**********************/
/******* MOD S ********/
/**********************/

.mods-container{	
	text-align:left;
}
.mods-container h2 {
	font-size:60px;
	margin-top:30px;
}
.mods-container p {
	font-size:20px;
	margin-top:45px;
}
.mods-container h2, .mods-container p {
	color:#fff;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mods-container .carousel-control.right, .mods-container .carousel-control.left {
	font-size:100px;
	color:#fff;
	padding-top: 90px;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.mods-container .carousel-control {
	width:10% !important;
}
.modS p{ padding:0 }
.modS p.last{ margin-bottom:0 }
.modS .panel{ border:1px solid #eee; padding:0px 10px 0 10px; margin: 0 0 15px 0; background:#fafafa; display:none }
.modS .panel h3{border-bottom:1px solid #ccc; padding-bottom:5px}
@media (max-width: 643px) {
	.mods-container .text-left {
		text-align: center !important;
	}
	.mods-container p {
		display: none !important;
	}
}


.modPanel .thumbnail{
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out;
}