/* CSS Document */

.ccm-page .service-txt-panel h3 {
	padding-bottom: 0;
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 0;
	position: relative;
}
.service-txt-panel h3 .exit {
	position: absolute;
	right: 0;
	width: 30px;
	top: 0;
	bottom: 0;
	/*outline: solid 1px red;*/
	background-image: url(../../themes/stenso/images/submenu-arrows-right@2x.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	z-index: 4;
}
.service-block {
	transition: transform 0.35s ease-out 0s;
	margin-bottom: 3%;
	position: relative;
	overflow: hidden;
	padding-bottom: 0;
	margin-top: 3%;
}
.service-block * {
	transition: transform 0.35s ease-out 0s;
}
.service-txt-panel {
	background: rgba(46,65,87, 1);
	color: #fff;
	position: absolute;
	left: -1px;
	right: -1px;
	transform: translateY(81%);
	top: 0;
	bottom: 0;
	padding: 20px;
	padding-top: 14px;
}
 @media only screen and (min-width : 768px) {
.ccm-page .service-block.open .service-txt-panel h3 .exit {
	background-image: url(../../themes/stenso/images/close@2x.png);
	cursor: pointer;
}
.service-block.open .service-txt-panel {
	transform: translateY(0);
	padding-top: 20px;
	background: rgba(46,65,87, 0.7);
}
}
/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
   
  @media only screen and (max-width : 1320px) {
.service-txt-panel {
	padding-top: 11px;
}
}
 @media only screen and (max-width : 1200px) {
.service-txt-panel {
	transform: translateY(79%);
}
.ccm-page .service-txt-panel h3 {
	font-size: 22px;
}
.service-txt-panel {
	font-size: 14px;
}
}
  

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) and (min-width : 768px) {
.ccm-page .service-txt-panel h3 {
	font-size: 18px;
	margin-bottom: 8px;
}
.service-block:hover .service-txt-panel {
	/*transform: translateY(0);
	padding-top: 15px;*/
}
.service-txt-panel {
	transform: translateY(76%);
}
.service-txt-panel {
	font-size: 12px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.ccm-page .service-txt p {
	margin-bottom: 5px;
}
}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 767px) {
.service-block.open .service-txt-panel {
	transform: translateY(0);
}
.ccm-page .service-block.open .service-txt-panel h3 {
	background-image: none;
}
.open .service-txt-panel h3 .exit {
	background-image: url(../../themes/stenso/images/close@2x.png);
}
.service-txt-panel {
	transform: translateY(87%);
}
.service-txt-panel {
	transform: translateY(86%);
}
.ccm-page .service-txt-panel h3 {
	font-size: 24px;
}
.service-txt-panel {
	font-size: 20px;
}
.service-block {
	margin-bottom: 5%;
	padding-bottom: 0;
	margin-top: 0;
	cursor: pointer;
}
.open .service-txt-panel {
	background: rgba(46,65,87, 0.7);
}
}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 570px) {
.service-txt-panel {
	transform: translateY(81%);
}
.service-txt-panel {
	font-size: 17px;
}
}
 @media only screen and (max-width : 480px) {
.service-txt-panel {
	transform: translateY(79%);
}
.ccm-page .service-txt-panel h3 {
	font-size: 22px;
}
.service-txt-panel {
	font-size: 14px;
}
}
 @media only screen and (max-width : 415px) {
.ccm-page .service-txt-panel h3 {
	font-size: 18px;
	margin-bottom: 10px;
}
.service-txt-panel {
	font-size: 12px;
}
.ccm-page .service-txt p {
	margin-bottom: 10px;
}
}
 @media only screen and (max-width : 375px) {
.service-txt-panel {
	padding: 10px;
}
}

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
}
 @media (hover: none) {
.ccm-page footer .credits a {
	/*color: red !important;*/
	text-decoration: underline;
}
.open .service-txt-panel {
	background: rgba(46,65,87, 0.7) !important;
}
.service-columns * { 
    pointer-events: initial !important; 
}
}