@charset "utf-8";
/* CSS Document */


.services {padding:0 40px;margin:0 auto 30px;}

.services-container {text-align:left;margin:40px auto 0;display:block;}
.servicescard-container {vertical-align:top;display:inline-block;width:100%;text-align:center;margin:40px 0 0;}
.servicescard {margin:0 auto 20px;}

@media only screen and (min-width: 700px) {
    .servicescard-container {width:50%;}
    .servicescard.left {margin-right:20px;}
.servicescard.right {margin-left:20px;}
}

.picture {max-width:1500px;margin:0 auto;overflow:hidden;}
.picture.noimg {border:1px dashed #C5C5C5;}
.picture .img_container {width:50%;position:relative;left:50%;margin-left:-300px;}
.picture img {height:300px;display:block;margin:auto;}

.services-accordion {background-color:#FFF;margin:0;padding:0;width:100%;-webkit-transition:all, 0.4s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;position:relative;}
.services-accordion.active {-webkit-transition:all, 0.4s;}
.services-accordion h3 {padding:34px 90px 30px 5px;font-size:160%;margin:0;color:#1E1A15;}
.services-accordion.active h3 {text-decoration:underline;color:#1E1A15;}
.more-expand {font-size:160%;vertical-align:top; color:#5587DC;right:0;top:34px;position:absolute;}
.services-accordion.active .more-expand, .services-accordion:hover .more-expand, .services-accordion:hover h3 {text-decoration:underline;}
.services-accordion:hover {cursor:pointer;}
.services-panel.active {-webkit-transition:all 0.4s ease-out;}
.services-panel {background-color:#FFF;max-height:0;overflow:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;text-align:left;border-bottom:3px solid #F1F1F1;}
.services-panel p {padding:0 5px 0 0;display:inline;}
.services-panel p.closeaccordion {margin:30px 0;display:block;}
.info {color:#DAB673;text-decoration:underline;}