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

body{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	background:url(../images/bkg3.jpg);
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
}

/* NAVIGATION BAR */
.navbar {
  background-color: #ffffff;
}
.navbar .navbar-brand {
  color: #02101c;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #edeef0;
}
.navbar .navbar-text {
  color: #02101c;
}
.navbar .navbar-text a {
  color: #02101c;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #edeef0;; 
  background-color:#447095;
}
.navbar .navbar-nav .nav-link {
  color: #02101c;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #02101c;
}
.navbar .navbar-nav .dropdown-menu {
  background-color: #ffffff;
  border-color: #447095;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #02101c;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #02101c;
  background-color: #447095;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #447095;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #02101c;
  background-color: #447095;
}
.navbar .navbar-toggle {
  border-color: #447095;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #447095;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #02101c;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #02101c;
}
.navbar .navbar-link {
  color: #02101c;
}
.navbar .navbar-link:hover {
  color: #02101c;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #02101c;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #02101c;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #02101c;
    background-color: #447095;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #02101c;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #02101c;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #02101c;
    background-color: #447095;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #02101c;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #02101c;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #02101c;
    background-color: #447095;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #02101c;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #02101c;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #02101c;
    background-color: #447095;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #02101c;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #02101c;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #02101c;
  background-color: #447095;
}

/* NAVIGATION TABS */
nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{

}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}


.tab1 {
	border: none;
	font-size: 16px;
    padding: 5px 25px;
    color:#fff;
    background:#fc0735;
    border-radius:1px;
}

.tab1b {
	border: none;
	font-size: 16px;
    padding: 17px 25px;
    color:#fff;
    background:#fc0735;
    border-radius:1px;
}
.tab2 {
	border: none;
	font-size: 16px;
    padding: 5px 25px;
    color:#fff;
    background:#09771e;
    border-radius:1px;
}
.tab3 {
	border: none;
	font-size: 16px;
    padding: 5px 25px;
    color:#fff;
    background:#d9db12;
    border-radius:1px;
}
.tab4 {
	border: none;
	font-size: 16px;
    padding: 5px 25px;
    color:#fff;
    background:#db5e12;
    border-radius:1px;
}
.tab5 {
	border: none;
	font-size: 16px;
    padding: 5px 25px;
    color:#fff;
    background:#37af24;
    border-radius:1px;
}
.tab6 {
	border: none;
	font-size: 16px;
    padding: 17px 25px;
    color:#fff;
    background:#55d0eb;
    border-radius:1px;
}
.tab7 {
	border: none;
	font-size: 16px;
    padding: 5px 25px;
    color:#fff;
    background:#760977;
    border-radius:1px;
}


.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #203242;
    border-bottom:5px solid #203242;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #e74c3c;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

/* QUOTE of the DAY */
.quote{
	vertical-align:middle;
	align-items: center;
	position: relative;
	padding-left:20px;
	padding-right: 20px;
}

/* Message of the Day: Border, quote & spacing */		
blockquote {
	font-family: Georgia, serif;
	border-left: none;
	margin-bottom:39px;
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 0px;
	position:relative;
    padding:20px 45px;
	background-color:rgba(113,121,67,0.76) /*rgba(13,28,0,0.73)*/;
	border-top: 3px dotted #b8af9c;
	border-bottom: 3px dotted #b8af9c;
	box-shadow: inset 0 -1px 0 0 #b8af9c, inset 0 1px 0 0 #b8af9c, 0 1px 0 0 #b8af9c, 0 -1px 0 0 #b8af9c;
}

/* Large Opening Quote */
blockquote:before {
    display: block;
	padding-left: 20px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -10px;
    top: 2px;
	color: #b8af9c;	
}

/* Large Ending Quote */
blockquote:after {
    display: block;
	padding-right: 35px;
    content: "\201d";
    font-size: 80px;
    position: absolute;
    right: -10px;
   	bottom: 3px;
	color: #b8af9c;	
}

/* Large first letter */
.centerQuote p:first-letter {
	font-size: 35px;
    font-weight: bold;
}

/* Body of Daily Message the Quote */
.centerQuote {
	position: relative;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.72);
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	line-height: 1;
	font-style: italic;
	color: #e4e0d0;
	font-size: 36px;
	top:-20px;
	bottom:50px;
}

/* Daily Message the Author */
.centerQuote .by {
	font-weight: 400;
	top: -2px;
}

.services {
	margin-bottom:39px;
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 20px;
}
.socialize {
	margin-bottom:39px;
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 20px;
}

#border_radius {
    border: .5px ;
    padding: 10px;
    border-radius: 10px;
}


.btn btn-outline-success my-2 my-sm-0{
	
}

.first {
	margin-top: 30px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #c3c3c4;
    padding: 5px;
    border-radius: 25px;

}

.second {
	margin-top: 30px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #c3c3c4;
    padding: 5px;
    border-radius: 25px;
	
}

.third {
	margin-top: 30px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #c3c3c4;
    padding: 5px;
    border-radius: 25px;
}

.fourth {
	margin-top: 30px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #c3c3c4;
    padding: 5px;
    border-radius: 25px;
}

.five {
	margin-top: 30px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #c3c3c4;
    padding: 5px;
    border-radius: 25px;
}

.six {
	margin-top: 30px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #c3c3c4;
    padding: 10px;
    border-radius: 25px;
}

footer.text-center.bottom{
	position: relative;
   	bottom: 0px;
}

.fun {
	padding: 70px;
	background-colour: red;
}