/* CSS Document

Author: David Morris - Unitel Direct

Responsive BSG Template 2

Copyright: Unitel Direct 

*/
html, html a {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}

.testimonials {
    background-color: #e1dbf1;
    padding: 20px 20px 5px 20px;
    border: 1px solid #cec5e8;
    color: #111;
    margin-bottom: 20px;
    font-style: italic;
}

#top {
    background-color:#fff;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
}

#header h1 {
    color:#FFF;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

#header h1 a {
    color:#FFF;
}
#header h1 a:hover {
    color:#98bbdd;
    transition:0.2s linear;
    text-decoration: none;
}

#header {
    padding:0px !important;
    
}

.navbar {
    margin-bottom:0px !important;
    margin-top: 23px;
}

.navbar-default {
    padding-top:20px;
    background-color:transparent !important;
    border:none !important;
    border-radius:0px !important;
}

.navbar-default a {
    color:#111111 !important;
    font-family: 'Raleway', sans-serif;
    font-size:16px;
}

.navbar-default a:hover {
    border-bottom: 1px solid #3b2381;
    color:#3b2381 !important;
    transition:0.2s linear;
}

a.current {
    border-bottom: 1px solid #3b2381;
    color:#3b2381 !important;
}

.navbar-default ul ul {
    background-color:#000 !important;
}

.open {
    
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color:#FFF !important;
    color:#000 !important;
}

#panels {
    background-image: url(images/panelbg.png);
    background-repeat: no-repeat;
    padding-top:40px;
    padding-bottom:20px;
    background-color:#cfbadd;
    border-bottom:1px solid #AAA;
    margin-bottom:30px;
}

#panel img {	
	width: 100%;
	height: 130.516px;
	object-fit: cover;
}

@media (min-width:1200px){
#panel {
    background-color:#fff;
    margin-right:10px;
    padding:10px;
    width:24%;
    border: 1px solid #555;
}
    #top {
    background-color:#fff;
    padding-bottom:10px;
    z-index:9999;
    width:100%;
}
}
#panel h2 {
    font-size:20px;
    color:#111111;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px solid #2d00b2;
    letter-spacing: 0pt;
}
#panel {
    background-color:#fff;
    padding:10px;
    border: 1px solid #555;
    margin-bottom:20px;
}

#panel img {
    margin-bottom:10px;
}

a.more {
    background-color:#3b2381;
    padding:5px 5px 5px 5px;
    color:#fff;
    display:block;
    margin:10px auto;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    border: 1px solid #111;
}
a.more:hover {
    background-color:#fff;
    color:#333;
    transition:0.3s linear;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    border: 1px solid #3b2381;
}

#panel p {
    font-size:15px;
    color:#333;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}

#content {
    font-family: 'Raleway', sans-serif;
    margin-bottom:30px;
    margin-top:30px;
}

#content h3 {
    font-family: 'Raleway', sans-serif;
    font-size:28px;
    letter-spacing: 0pt;
    word-spacing: 4px;
    color:#111111;
    border-bottom:1px solid #3b2381;
    padding-bottom:5px;
    margin-bottom:15px;
    padding-right:20px;
}

#content-left h4 {
    color:#111;
    text-decoration: underline;
    padding-top:10px;
}

#content-left p {
    font-size:15px;
    line-height:1.5em;
    margin-bottom:16px;
    font-family: 'Raleway', sans-serif;
}


#content ul {
    list-style: outside square;
    padding-left:30px;
    margin-bottom:15px;
}
#content li {
    margin-bottom:12px;
    font-size:14px;
    color:#3b2381;
}

#owl-wrapper {
    background-color:#000;
    padding-top:10px;
    padding-bottom:10px;
}

.item img {
    margin-bottom:10px;
}
.item p {
    color:#FFF;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    font-size:12px;
}
#owl-wrapper h5 {
    color:#FFF;
    font-size:18px;
    text-decoration: underline;
    text-align: center;
    margin-bottom:10px;
    font-family: 'Raleway', sans-serif;
}

#footer {
    background-color:#bbb;
    padding-top:10px;
    padding-bottom:10px;
    font-family: 'Raleway', sans-serif;
    color:#000;
}

#footer h6 {
    font-size:18px;
    color:#000 !important;
    text-decoration: underline;
    font-weight:600;
}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
#footer p {
    word-spacing:2px;
    letter-spacing:0.5pt;
    font-size: 15px;
}

#footer a {
    color:#3b2381;
    font-size: 15px;
}

/* TOUCH TO TOP BUTTON */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #3b2381 no-repeat center 50%;
    background-image:url(images/cd-top-arrow.svg);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .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;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #3b2381;
  opacity: 1;
}

/* End Of Touch to top button */