/* HTML Set up */
footer {  position: relative;  padding:0px; z-index:3;  background: #f6f6f6}
.cms-footer { width: 100%; margin: 0 auto; padding:30px 0px 0px 0px;  display: flex; flex-direction: row; flex-wrap: wrap;   justify-content: space-between; }
.cms-footer-navigation { width: 100%; margin: auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } 
.cms-footer-bottom-bar { width: 100%;margin:0 auto; padding: 15px 0px;  display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; text-align: center;  border-top: solid 1px #fff;}
.cms-footer-bottom-bar p { width: 100%;margin:0 auto; padding: 0px 0px;   }

.cms-footer-logo{ width: 80px; height:100px; display: block; background: url("../images/logo.png") no-repeat left 20px; background-size:80px;  }
.cms-footer-links-holder p{margin: 0; padding:30px 10px; font-size: 1rem; font-weight: 700;   position: relative; display:flex;  flex-wrap:wrap;  align-content: flex-start;vertical-align: top; }

.cms-footer-links-holder {margin: 0 auto; padding:30px 0px 20px 0px; position: relative; display:flex;  flex-wrap:wrap;  align-content: flex-start;vertical-align: top; }
.cms-footer-links-holder:nth-child(1) { width:35%;}
.cms-footer-links-holder:nth-child(2) { width:65%;}
 
.cms-footer-links { margin: 10px 0px; padding: 0; width: 100%; vertical-align: top; display: flex; flex-wrap: wrap; list-style: none; -webkit-transition: max-height .5s; transition: max-height .5s; }

.cms-footer-links li{ margin:2px 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; line-height: 2rem; color:#000; }
.cms-footer-links li:nth-child(1) {flex:0 0 40%;}
.cms-footer-links li:nth-child(2) {flex:0 0 18%;}
.cms-footer-links li:nth-child(3) {flex:0 0 18%;}
.cms-footer-links li:nth-child(4) {flex:0 0 18%;}


.cms-footer-links li strong{  display: flex; width: 100%; }

  /* Typography */ 
footer h3 { width: 100%!important;font-size: 1.15rem!important;  font-weight: 700!important; line-height: 3em; margin-bottom:5px; display: flex; }
footer h3 a {  font-weight:700; vertical-align: top; }
footer p, footer li {  margin:6px 3px; padding:0px;  font-weight:400; font-size: .9rem; line-height: 1.7rem; color:#000; }
footer a { color:#000!important;  text-decoration: none; -webkit-transition: color .5s, background .5s; transition: color .5s, background .5s; }
footer a:hover { opacity:.8; text-decoration: none;}
  
.cms-social-icons { margin:20px 0px; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start;  position: relative; }
.cms-social-icons li {display: flex; margin: 0px 5px; padding:5px 0px;   list-style: none;  }
.cms-social-icons li i{ color:#4e4e4e; font-size:1.35rem;}
.cms-social-icons li a {   border-radius: 0; transition: all 0.3s ease 0s;  opacity:1;   }
.cms-social-icons li a:hover{opacity:0.5;   }
   
.cms-cd-top { display: inline-block; position: fixed; z-index: 9999; bottom: 40px; right: 10px; height: 50px; width:50px;   overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/icon/icon-top.svg) no-repeat center 8px #232326; border-radius:5px;  background-size:28px 28px;  visibility: hidden; opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cms-cd-top.cd-is-visible, .cms-cd-top.cd-fade-out, .no-touch .cms-cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cms-cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cms-cd-top.cd-fade-out { opacity: .8; }
.no-touch .cms-cd-top:hover { background-color: #2b70b8; opacity: 1; }

.icon-linkedin{ display: block; width:28px; height: 28px; background: url("../images/icon/linkedin.svg")  no-repeat left top;}
 .no-touch-call{cursor:pointer; pointer-events: none;} 
 
/* Responsive Tablet Sizes */
@media only screen and (max-width:1024px) {
.cms-footer{ flex-wrap: wrap; }
.cms-footer .cms-footer-navigation { width: 100%; }
.cms-footer .cms-footer-navigation .cms-footer-links-holder { padding: 0 10px; }
}
/* Responsive Mobile Sizes */
@media only screen and (max-width: 999px) {
.cms-footer-links-holder { width: 100%; padding: 0; border-bottom: solid 1px rgba(102,102,102,.2); }
.cms-footer-links-holder h3 {  width: 100%!important;  display: block; margin: 0; padding: 0px; box-shadow: 0px 1px rgba(255,255,255,.1); cursor: pointer;/* Down Arrows */ }
.cms-footer-links-holder h3::after { float: right; margin-right: 10px;margin-top: 20px; width: 10px; height: 10px; content: ""; display: inline-block; vertical-align: middle;  border-top: 2px solid #333; border-right: 2px solid #333; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: transform .5s; transition: transform .5s; }
.cms-footer-links-holder:nth-child(1){ width: 100%;}
.cms-footer-links li:nth-child(1),.cms-footer-links li:nth-child(2),.cms-footer-links li:nth-child(3),.cms-footer-links li:nth-child(4){flex:0 0 100%!important;}
.cms-footer-links-holder:nth-child(2) {width: 100%;}
.cms-footer-links li strong{ display: inline-flex; width: auto; padding-right: 5px; }
.cms-footer-links li{ flex-direction: row;  }
.cms-footer-links-holder::last-child {border-bottom: none;}
.cms-footer-links {   padding:0px;  }
.cms-footer-links-holder.active h3::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.cms-footer-links-holder.active .cms-footer-links { max-height: 10000px; }
.cms-footer-links-holder:nth-child(1) h3::after {display: none;}
.cms-social-icons { margin:10px; padding: 0px;  }
.cms-footer-logo{ margin-top: 0px; }
.cms-footer-bottom-bar {text-align: center;}
}

.footer-end{width: 100%; display:flex; flex-wrap: wrap; justify-content: center; align-content: center; margin: 0; padding:80px 30px; background: url(../images/index/footer-bg.jpg) no-repeat left bottom #fbfaf5; background-size: 100% auto;   }
.footer-wrap{  flex: 0 0 50%; }
.footer-wrap blockquote{ font-size: 1.35rem; font-weight:400;  line-height: 2rem; color:#000;  }
@media only screen and (max-width: 767.98px) {
.footer-end{  padding:0px 0px 30px 0px;  }
.footer-wrap{  flex: 0 0 100%; }
}


 @media only screen and (min-width:1900px) {
.footer-end{ padding:100px 30px;  }
}