@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700';
@import url("/data/Themes/monthey17/mega-menu.css");
ul {
 	list-style-type: square   
}

.nav-buttons {
    position: fixed;
    width: 52px;
    right: 0px;
    z-index: 500;
}

.mega-dropdown .btn-hover {
    position: relative;	
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

/* CUSTOM CLASS FOR QUICKBAR WITH FIXED MENU BOOTSTRAP */

#quickbar-container {
    z-index: 1050 !important;
}

.syspopupMenu {
    z-index: 1045 !important;
}

.g-recaptcha {
    display: inline-block;
}

/* CUSTOM CLASSES FOR QSMENU EDIT HOVER */

.body-editmode .qsMenu img {
    box-shadow: 0px 0px 5px #FFFFFF;
}

.body-editmode .qs-edit .qsMenu {
    display: none;
}

.body-editmode .qsMenu {
    position: absolute;
    z-index: 1040;
    padding: 5px;
    margin: 0px auto 0px auto;
}

.body-editmode .qsMenu-title {
    display: none;
    position: absolute;
    z-index: 100;
    margin-top: -40px;
    background: #000000;
    color: #FFFFFF;
    padding: 2px 5px 2px 5px;
    font-size: 12px;
    white-space: nowrap;
}

.body-editmode .qs-edit:hover .qsMenu,
.body-editmode .qsMenu:hover,
.body-editmode .qsMenu:hover .qsMenu-title {
    display: block; 
}

.body-editmode .qsMenu.qsMenu-DPHdphmovie {
 	position: relative;   
}

/*.body-editmode .qs-edit:hover {
outline: #ebebeb solid 1px;
background-image: url('/data/dataimages/upload/bg-stripe-edit.png') !important;
background-repeat: repeat;
}
*/
.body-editmode .qsMenu {
    animation: fadeIn ease-in-out 0.6s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards;
}

#dphaddressservices div .qsMenu,
#dphmovie div .qsMenu,
#dphchildslinks div .qsMenu{
	margin-left: 20px;
}

.body-editmode #dphaddressservices,
.body-editmode #dphmovie,
.body-editmode #dphchildslinks {
	min-height: 20px;
}


/* STANDARD ANIMATIONS */


@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:100;
    }
}

@keyframes slideLeft{
    0% {
        opacity:0;
        transform:  translate(400px,0px)  ;
    }
    100% {
        opacity:0.9;
        transform:  translate(0px,0px)  ;
    }
}


/* CUSTOM CLASS QS */

body {
}

#Search input {
    border: none;
}

#Search .btn {
    border-color: #FFFFFF;
}

.logo {
    display: inline-block;
    margin-top: -20px;
    width: 280px;
    height: 125px;
    background-image: url('/data/dataimages/upload/logo-monthey-top.png');
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.tplHtmlBodyHome .logo {
    width: 350px;
    height: 185px;
    background-image: url('/data/dataimages/upload/logo-monthey-top-home.png');
}
/*
.tplHtmlBodyHome .searchbar {
margin-bottom: 300px;
}
*/

.toolbar {
    background-color: #000000;
    height: 55px;
    line-height: 55px;
}

.toolbar a {
    color: #FFFFFF;
    padding-right: 15px;
    font-weight: 700;
}

.toolbar a:hover {
    color: #888888;
}

.toolbar .text-right a {
    padding-left: 15px;
}

.toolbar a .glyphicon {
    padding: 0px 5px;
}

.searchbar {
    margin: 20px 0px 45px 0px;
    height: 45px; 
    line-height: 45px;
}

.width-100 {
    width: 100%;
}

.max-width-100 {
    max-width: 100%;
}

.container-body .container,
.tplAddressDetail .container,
.tplListSimple .container,
.tplEvent .container {
    background-color: #FFFFFF;
}

.container-body.pageheaderHome .container,
.container-body.tplArticleDetail .container {
    padding-top: 0px;
}

.container-body.pageheader .container {
    padding-bottom: 0px;
}

.container-body.tplSituation {
    border-top: solid 5px #ebebeb;
    margin-bottom: 50px;
}

.container-body#a3699 {
    background-color: #ebebeb;
}

.container-body#a3699 .container,
.container-body.gray .container {
    background-color: transparent;
}

.container-body.tplFooter,
.container-body.tplSeoBar {
    border-top: solid 10px #ebebeb;
}

.qsPageHeader {
    margin-bottom: 30px;
}

.panel-image {
    display: block;
    height: 250px;
    width: 100%;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	    
}

/* CUSTOM CLASSES FOR CONTACT FORM */

.legend-required {
    text-align: right;
}

#captcha-control-invalid {
    color: #a94442;
}

.googleMap {
    margin-bottom: 25px;
}

.pointer-events {
    pointer-events: none;
}

/* CUSTOM CLASSES FOR CAROUSEL */


.tplListCarousel .qsMenu {
    display: block;
    position: absolute;
    z-index: 1300;
    top: 100px;
}

#qsCarousel {
    position: absolute;
    z-index: -1;
    width: 100%;
    padding: 0px;
}

#qsCarousel .item {
    background-position: center center;
    background-size: cover;
    height: 575px;
    /* line-height: 575px; */
}

#qsCarousel .item label {
    position: absolute;
    display: block;
    left: 0px;
    bottom: 0px;
    transform: rotate(-90deg);
    transform-origin: top left;
    background-color: #000000;
    color: #FFFFFF;
    padding: 2px 8px 2px 8px;
    margin: 0px;
    font-size: 12px;
    font-weight: normal;
}

.carousel-news {
    background-color: #FFFFFF;
    border-top: solid 7px #ebebeb;
    border-bottom: solid 7px #ebebeb;
}

.carousel-news .carousel-control {
    background: none !important;
}

.carousel-news .content h3 {
    margin-top: 10px;
}

.carousel-news .item {
    padding: 15px 0px;
    background-color: #ebebeb;
}

.carousel-news .item .item-image {
    display: block;
    height: 175px;
    background-position: center center;
    background-repeat: no-repeat;
}

.carousel-news .item .description {
    line-height: 1.1em;
}	

.tplHtmlBodyHome #qsCarousel .item {
    background-position: center center;
    background-size: cover;
    height: 635px;
    /* line-height: 635px; */
}

/* ABR special add classes for carousel fade effect */ 
/* Inspired from:  http://codepen.io/Rowno/pen/Afykb */

#qsCarousel.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

#qsCarousel.carousel-fade .carousel-inner .active {
    opacity: 1;
}

#qsCarousel.carousel-fade .carousel-inner .active.left,
#qsCarousel.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

#qsCarousel.carousel-fade .carousel-inner .next.left,
#qsCarousel.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    #qsCarousel.carousel-fade .carousel-inner > .item.next,
    #qsCarousel.carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    #qsCarousel.carousel-fade .carousel-inner > .item.prev,
    #qsCarousel.carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    #qsCarousel.carousel-fade .carousel-inner > .item.next.left,
    #qsCarousel.carousel-fade .carousel-inner > .item.prev.right,
    #qsCarousel.carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


.tplDphEvents .row {
    padding: 5px 0px;
    border-bottom: solid 1px #ebebeb;
}

.tplDphEvents .table td {
    line-height: 35px;
}

.tplDphEvents .day {
    display: block;
    width: 35px;
    height: 35px;
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border-radius: 50%;
    overflow: hidden;
}

.more {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 8px #000000;
}

.more a {
    font-size: 20px;
    font-weight: 700;
}

.tplDphGuichetVirtuel .row a {
    display: block;
    vertical-align: middle;
    height: 65px;
    line-height: 65px;
}
.tplDphGuichetVirtuel .row a .glyphicon,
.tplDphGuichetVirtuel .row a i {
    display: block;
    float: left;
    font-size: 38px;
    margin-right: 20px;
    line-height: 65px;
    width: 50px;
    text-align: center;
}

.tplDphGuichetVirtuel .row a .strnodename {
    display: block;
    font-size: 20px;
    font-weight: 700;
    vertical-align: top;
}

.text-center .nav-pills li {
    float: none;
    display:inline-block;
}

.nav-pills > li > a {
    background-color: #FFFFFF;
}

.nav-pills > li > a:hover,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a {
    color: #FFFFFF;
    background-color: #eb7f00 !important;
}

.panel.tplAddressItem {
    background: #ebebeb;
    height: 320px;
}

.tplAddressItem .glyphicon-panel {
    font-size: 35px;
    /* margin-top: -10px; */
}

.tplDphAddress {
    margin-top: 50px;
}

.tplDphAddress #qsMap {
    width: 100%;
    height: 320px;
}

.tplSearchAddressesCards .icons .glyphicon,
.tplDphAddress .icons .glyphicon {
    font-size: 20px;
    margin: 0px 3px 0px 3px;
}

.tplSearchAddressesCards .panel.tplAddressItem {
    height: 280px;
}



#dphchildslinks .btn {
    text-align: left;
    margin-bottom: 10px;
}

#dphchildslinks .btn .glyphicon {
    font-size: 24px;
    float: left;
    margin-right: 10px;
    top: initial;
}

.tplArticleDetail .panel-info {
    display: none;
}

.tplArticleDetail .panel-info.show-qs-infos {
    display: block;
}

.tplArticleDetail iframe {
    width: 100%;
}

.container-body.gray {
    background-color: #ebebeb;
}

.gray .list-simple a {
    background-color: #FFFFFF;
}

.list-simple a {
    display: block;
    background-color: #ebebeb;
    text-align: left;
    margin-bottom: 10px;
    padding: 10px;
}

.list-simple a:hover {
    opacity: 0.5;
}

.list-simple a .glyphicon {
    font-size: 20px;
    margin-left: 10px;
    color: #000000;
}

#dphchilds, .tplSearchDocuments ~ #dphsiblings {
    border-top: dotted 10px #ebebeb;
}

.nav-favorites {
    position: fixed;
    width: 52px;
    top: 165px;
    right: 0px;
    z-index: 500;
}

.tplDphNews .glyphicon {
    font-size: 24px;
}

.tplHtmlBodyHome .pagetitle {
    min-height: 360px;
}


.img-circle-detail {
    display: block;
	border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin: 0px auto 15px auto;
    background-size: cover;
    background-position: center center; 
}

.img-circle-detail:hover {
    opacity: 0.85;
}


/* VAR CATEGORY COLORS */

a.vivante,
.tplHtmlBody.vivante .colors a,
.tplHtmlBody.vivante .colors .glyphicon-panel,
.tplHtmlBody.vivante .breadcrumb a,
.menu-vivante .dropdown-header,
.menu-vivante .dropdown-header a,
.menu-vivante a:hover,
.menu-vivante a:focus,
.menu-vivante .mega-dropdown-menu >li > ul> li.active a {
    color: #eb7f00;
}

.tplHtmlBody.vivante .colors .btn-primary {
    color: #FFFFFF;
    background-color: #eb7f00;
    border-color: #eb7f00;
}

a.pratique,
.tplHtmlBody.pratique .colors a,
.tplHtmlBody.pratique .colors .glyphicon-panel,
.tplHtmlBody.pratique .breadcrumb a,
.menu-pratique .dropdown-header,
.menu-pratique .dropdown-header a,
.menu-pratique a:hover,
.menu-pratique a:focus,
.menu-pratique .mega-dropdown-menu >li > ul> li.active a {
    color: #4fa218;
}

.tplHtmlBody.pratique .colors .btn-primary {
    color: #FFFFFF;
    background-color: #4fa218;
    border-color: #4fa218;
}

.tplArticleDetail a,
a.officielle,
.tplHtmlBody.officielle .colors a,
.tplHtmlBody.officielle .colors .glyphicon-panel,
.tplHtmlBody.officielle .breadcrumb a,
.menu-officielle .dropdown-header,
.menu-officielle .dropdown-header a,
.menu-officielle a:hover,
.menu-officielle a:focus,
.menu-officielle .mega-dropdown-menu >li > ul> li.active a {
    color: #1995cf;
}

.tplHtmlBody.officielle .colors .btn-primary {
    color: #FFFFFF;
    background-color: #1995cf;
    border-color: #1995cf;
}

a.citoyen,
.tplHtmlBody.citoyen .colors a,
.tplHtmlBody.citoyen .colors .glyphicon-panel,
.tplHtmlBody.citoyen .breadcrumb a,
.menu-citoyen .dropdown-header,
.menu-citoyen .dropdown-header a,
.menu-citoyen a:hover,
.menu-citoyen a:focus,
.menu-citoyen .mega-dropdown-menu >li > ul> li.active a {
    color: #c23c9e;
}

.tplHtmlBody.citoyen .colors .btn-primary {
    color: #FFFFFF;
    background-color: #c23c9e;
    border-color: #c23c9e;
}

.tplHtmlBody .colors .btn-primary:hover {
    background-color: #000000;
    border-color: #000000;
}

.tplHtmlBody .breadcrumb a:hover,
.tplHtmlBody .dropdown-header a:hover,
.tplHtmlBody .colors a:hover {
    color: #000000;
}

.tplSearchAddressesSimple .row, .tplSearchDocuments .row {
    padding: 8px 0px;
    border-top: solid 1px #ebebeb;
}

.tplSearchAddressesSimple .row.row1, .tplSearchDocuments .row.row1 {
    background-color: #f9f9f9;
}

.tplSearchAddressesSimple .row .col.contactIcons .btn-sm, .tplSearchDocuments  .row .col.downloadIcon .btn-sm {
    border-radius: 50%;
    margin: -2px 0px 0px 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    overflow: hidden;
}

/*.tplSearchNews .list-item-image {
    height: 175px;
    line-height: 200px;
    font-size: 100px;
    text-align: center;
    color: #ebebeb;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}*/

.tplSearchNews .list-item-image {
    height: 170px;
    line-height: 190px;
    text-align: center;
    color: #ebebeb;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
}

.tplSearchNews .list-item-image-src {
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-out;
}

.tplSearchNews .list-item-image-src.bg-contain {
    background-size: contain;
    background-color: #FFFFFF;
}

.tplSearchNews .list-item-no-image .glyphicon {
 	top: 30px;
    font-size: 100px;
}

.tplSearchNews .list-item-image .list-item-image-src:hover {
    transform: scale(1.1);
}

.tplSearchNews .panel-footer .height{
    height: 225px;
    overflow: hidden;
}

.pagination.alphaPaging {
    margin: 0px;
}

.img-event-summary {
    background-size: cover;
	width: 100%;
    height: 250px;
}

.tplAddressDetail .image-detail,
.tplEventDetail .image-detail {
	width: 240px;
    height: 240px;
    line-height: 240px;
    color: #ebebeb;
    background-color: #FFFFFF;
    background-position: center center;
    background-size: cover;
    font-size: 100px;
    text-align: center;
    margin: 0px auto 15px auto;
    border-radius: 50%;
    overflow: hidden;
    border: solid 5px #ebebeb;
    background-repeat: no-repeat;
}

.tplAddressDetail .image-detail.contain,
.tplEventDetail .image-detail.contain {
    background-size: contain;
}

.tplAddressDetail .contact-icons a,
.tplEventDetail .contact-icons a {
	display: inline-block;
    width:35px;
    height: 35px;
    line-height: 35px;
    margin: 0px 3px 0px 3px;
    border-radius: 50%;
    overflow: hidden;
    color: #FFFFFF;
    background-color: #000000;
}

.tplAddressDetail .contact-icons a:hover,
.tplEventDetail .contact-icons a:hover {
    color: #000000;
    background-color: #ebebeb;
}

.tplAddressDetail #qsMap,
.tplEventDetail #qsMap {
	width: 100%;
    height: 350px;
}

.tplListEventSummary {
    margin-bottom: 60px;
}

.tplListEventSummary .tplEventsItem {
    border-bottom: solid 1px #ebebeb;
    padding: 10px 0px 10px 0px;
}

.tplListEventSummary .resultsFrame a {
	color: inherit !important;
    color: #000000;
}

.tplListEventSummary .resultsFrame a h4,
.tplListEventSummary a.strUrl:hover {
	color: #eb7f00 !important;
}

.tplListEventSummary .resultsFrame a:hover h4 {
	color: #000000;
}

.tplListEventSummary .resultsFrame a .date .day {
	color:#FFFFFF;
    background-color: #eb7f00;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    margin: 0px auto 5px auto;
}

.tplListEventSummary .resultsFrame a:hover .date .day {
    background-color: #000000;
}

.tplListEventSummary .resultsFrame .strUrl {
	max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.list-icons .media-left .glyphicon,
.list-icons .media-left i {
	font-size: 50px;
    margin: 10px;
}

#googleMapBox {
 	border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

#qsMap {
 	height: 500px;
    width: 100%;
}

#dphchildslinks .pagination {
 	margin: 0px 0px 0px 15px;
}

.pagination li.active a {
 	color: #FFFFFF !important;   
}

.qsFloatLeft {
    float: left;
    margin: 5px 15px 15px 0px;
}

.qsFloatRight {
    float: right;
    margin: 5px 0px 15px 15px;
}

#dphmovie {
 	margin: 20px 0px 20px 0px;   
}

#dphmovie .qsMenu {
 	display: block;
    float: none;
}

#dphmovie .tplMovieEmbed .qsMenu {
 	display: block;
    float: none;
    margin-top: 20px;
}

a.lngAddressNodeFK, a.idsAddressID {
	cursor:pointer
}

.modal-footer a.btn {
 	width: auto;
    height: auto;
    color: #000000 !important;
    background-color: #FFFFFF;
    margin-bottom: 0px;
    line-height: 1.42857143;
    border-radius: 0px;
}

.tooltip {
 	overflow: hidden;   
}

.img-cicle-detail {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin: 15px auto 15px auto;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.tplListFaq .content-article {
 	padding: 15px 0px 15px 0px;   
}

.tplListFaq .panel-heading {
 	padding: 0px 0px 0px 0px;
}

.tplListFaq .panel a[data-toggle=collapse] {
    display: block;
    padding: 15px 15px 15px 15px;
}

.tplListFaq .panel h4 {
    position: relative;
}

.tplListFaq .panel h4 a:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tplListFaq .panel a[data-toggle=collapse]:after {
    /* font-family: FontAwesome; */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-style: normal;
    speak: none;
    display: inline-block;
    content: '\f106';
    float: right;
    text-align: center;
    position: absolute;
    right: 15px;
}

.tplListFaq .panel a[data-toggle=collapse].collapsed:after {
    /* font-family: FontAwesome; */
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-style: normal;
    speak: none;
    display: inline-block;
    content: '\f107';
    float: right;
    
}

.tplHtmlBody.pratique .tplListFaq .panel .panel-heading a[aria-expanded=true] {
 	color: #FFFFFF;
    background-color: #4fa218;
}

.tplSearchEcheancier .row .icon {
    display: inline-block;
    text-align: center;
	width: 70px;
    height: 70px;
	border-radius: 50%;
    overflow: hidden;
    background-color: #FFFFFF;
}

.tplSearchEcheancier .row .panel.panel-default::before {
    position: absolute;
    content: "";
    background: #FFFFFF;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    margin-left: -8px;
    margin-top: 25px;
}

.tplSearchEcheancier .row {
	background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 48px,
        rgba(224,224,224,1) 48px,
        rgba(224,224,224,1) 53px,
        rgba(255,255,255,0) 53px);
    margin-left: 50px;
}


.tplSearchEcheancier .row .icon,
.tplSearchEcheancier .row .panel.panel-default {
    box-shadow: 0 0px 20px rgba(0, 0, 0, .10);
}

.tplSearchEcheancier .row .panel .panel-body {
	padding-left: 30px;
    padding-right: 30px;
}

.tplSearchEcheancier .row .icon i {
    font-size: 35px;
    line-height: 70px;
    color: #4FA218;
}

.list-offres-emploi .offre {
 	border: 1px solid #1995cf;
    margin-bottom: 20px;
}

.list-offres-emploi .offre .title {
    padding: 10px;
 	background-color: #1995cf;   
}

.list-offres-emploi .offre .title a {
 	color: #FFFFFF;   
}

.list-offres-emploi .offre .title .glyphicon {
 	margin-left: 5px;
    margin-right: 5px;
}

.list-offres-emploi .offre .title .pourcentage {
 	font-weight: bold;   
}

.list-offres-emploi .offre .content {
 	padding: 20px 10px;   
}

.list-offres-emploi .offre .content a {
 	color: #000000;   
}

.list-offres-emploi .offre .content .btn {
 	padding-left: 5rem;
    padding-right: 5rem;
}

/* COOKIES */

.tplDphPopupCookie {
    position: fixed;
    width: 100%;
    bottom: 0px;
	background-color: #ebebeb;
    color: #000000;
    padding: 15px 0px;
    z-index: 1000;
    animation: fadeIn ease-in-out 0.6s;
}

.tplDphPopupCookie p a {
    color: #000000;
    text-decoration: underline;
}

/* APP THEME */

.ApplicationMobile .embed-responsive {
 	margin-bottom: 30px;   
}

.ApplicationMobile .screenCapture p {
    font-size: 18px;
 	margin-bottom: 30px;   
}

.ApplicationMobile .screenCapture img {
 	border: 1px solid #ebebeb;   
}

.ApplicationMobile .download {
    margin: 0px 0px 30px 0px;
 	text-align: center;   
}

.ApplicationMobile .download a:first-of-type {
 	margin-right: 30px;   
}

.ApplicationMobile i.fa-bell-exclamation {
    font-size: 20px;
 	margin-right: 15px;   
}

/* CUSTOM CLASS MEDIA QUERIES */

@media (max-width: 767px) {
    .text-left-xs {
        text-align: left;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-center-xs {
        text-align: center;
    }
    .logo {
        display: inline-block;
        width: 250px;
        height: 130px;
        margin-bottom: 30px;
    }
    .tplHtmlBodyHome .logo {
        width: 250px;
        height: 130px;
        margin-bottom: 100px;
    }
    .tplHtmlBody #qsCarousel .item.
    .tplHtmlBodyHome #qsCarousel .item {
        height: 365px;
        /* line-height: 365px; */
    }
    .tplListImages {
     	display: none;   
    }
    .tplListImages .col-xs-3 {
        padding: 0px;
    }
    .tplListImages .col-xs-3 a {
        height: 80px;
    }
    .navbar {
     	padding-top: 20px;   
    }
    .tplHtmlBody .pagetitle {
        min-height: 250px;
    }
    .tplHtmlBodyHome .pagetitle {
        min-height: 320px;
    }
    #qsMap {
 		height: 250px;
	}
    img {
     	max-width: 100%;
        height: auto;
    }
    .pageheaderhome .tplDphEvents table, .pageheaderhome .tplDphNews table {
    	min-height: 640px;
	}
    .tplListFaq .panel a {
     	padding-right: 35px;   
    }
    .tplSearchNews .list-item-image {
    	height: 210px;
    	line-height: 230px;
    }
    .ApplicationMobile .embed-responsive {
        margin-bottom: 0px;   
    }
    .ApplicationMobile .screenCapture p {
        margin-top: 30px;
        margin-bottom: 30px;   
    }
    .ApplicationMobile .download a {
     	display: block;   
    }
    .ApplicationMobile .download a:first-of-type {
        margin-right: 0px;
        margin-bottom: 30px;
    }  
}

@media (min-width: 768px) {
    .container-body .container {
        padding: 30px;
    }
    .carousel-news .item {
        padding: 25px 0px;
        height: 225px;
        overflow: hidden;
        background-color: #FFFFFF;
        background-image: url('/data/dataimages/upload/bg-carousel-news.gif');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .tplContainerDefault .container,
    .tplArticleDetail .container {
     	min-height: 290px;   
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-sm {
        text-align: left;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-center-sm {
        text-align: center;
    }
    .tplListImages .col-xs-3 a {
        height: 150px;
    }
    .searchbar {
        margin-bottom: -25px;
    }
    .tplHtmlBody #qsCarousel .item,
    .tplHtmlBodyHome #qsCarousel .item {
        height: 485px;
        /* line-height: 485px; */
    }
    .tplHtmlBody .pagetitle {
        min-height: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md {
        text-align: left;
    }
    .text-right-md {
        text-align: right;
    }
    .text-center-md {
        text-align: center;
    }
    .tplListImages .col-xs-3 a {
        height: 205px;
    }
    .tplHtmlBody #qsCarousel .item,
    .tplHtmlBodyHome #qsCarousel .item {
        height: 595px;
        /* line-height: 595px; */
    }
}

@media (min-width: 992px) {
    .logo {
        display: block;
        position: absolute;
        z-index: 1;
        left: 50%;
        margin: -30px 0px 0px -152px;
        width: 305px;
        height: 140px;
    }
    .pageheaderhome .tplDphEvents .min-height, .pageheaderhome .tplDphNews .min-height {
    	min-height: 470px;
	}
}

@media (min-width: 1200px) {
    .text-left-lg {
        text-align: left;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-center-lg {
        text-align: center;
    }
}