/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%;
 }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Navbar animation */
.navbar {
  background-color: rgba(255, 255, 255, 0.2); 
  color:#666666;}

.top-nav-collapse {
  background-color: ##666666;
  color:#666666; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #ffffff;
    color:#666666; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #929FBA; }

.sgb-brand{
	font-size:3em;
	color:rgba(26,24,24,1);
	font-family: 'Shadows Into Light Two', cursive;	
}
@media only screen and (min-width: 768px) {
    .sgb-brand{
	font-size:5em;
}
}

.sgb-brand:hover{
	color:rgba(26,24,24,0.5);
}
.sgb-tag{
	font-size:20px;
	color:rgba(26,24,24,0.3);
	font-weight:bold; 
 }
 .top-container{
		padding-top:30px;}
.border-top-sgb{	
border-top: 1px solid rgb(26, 24, 24, .06);
}
.border-bottom-sgb{	
border-bottom: 1px solid rgb(26, 24, 24, .06);
}


.overlay{
  position: absolute;
  top: 50%;
  left: 50%;
  width:80%;
  height:80%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border:1px rgba(255,255,255,0.2) solid;
  transition:.35s;
  cursor: pointer;
  border-radius:0px;
}

.overlay:hover{
	  border:1px rgba(255,255,255,0.6) solid;}

.overlay a{
	  top: 50%;
	  left: 50%;
	  background-color:rgba(255,255,255,0.8)!important;
	  padding:5px 10px 5px 10px;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transition:.35s;
}

.div-link{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-decoration: none;
   /* Makes sure the link doesn't get underlined */
   z-index: 10;
   /* raises anchor tag above everything else in div */
   background-color: white;
   /*workaround to make clickable in IE */
   opacity: 0;
   /*workaround to make clickable in IE */
   filter: alpha(opacity=0);
   /*workaround to make clickable in IE */
}	

#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

.padding-sgb{
}
/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .slider-heading h1{
    font-size: 20px; } }
.link{
	color:rgba(26,24,24,0.9)!important;
	font-weight:600!important;
}
.link:hover{
	color:rgba(26,24,24,0.5)!important;
}

.footer {
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 6, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top {
  padding-top: 145px;
  padding-bottom: 129px;
  background: #2C2C2C;
}

@media (max-width: 767px) {
  /* line 6, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
  .footer .footer_top {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  /* line 14, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 14, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget {
    margin-bottom: 30px;
  }
}

/* line 21, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .footer_title {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  /* line 21, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget .footer_title {
    margin-bottom: 20px;
  }
}

/* line 31, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
 .footer-sam{
  font-size: 35px;
  font-weight: 400;
  color: #fff !important;
  text-transform: capitalize;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  /* line 31, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget .footer_logo {
    margin-bottom: 20px;
  }
}

/* line 41, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p {
  color: #C7C7C7;
}

/* line 44, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text {
  font-size: 16px;
  color: #B2B2B2;
  margin-bottom: 23px;
  font-weight: 400;
  line-height: 28px;
}

/* line 50, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text a.domain {
  color: #B2B2B2;
  font-weight: 400;
}

/* line 53, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text a.domain:hover {
  color: #28AE60;
  border-bottom: 1px solid #28AE60;
}

/* line 59, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a {
  font-weight: 500;
  color: #B2B2B2;
}

/* line 63, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a:hover {
  color: #28AE60;
  border-bottom: 1px solid #28AE60;
}

/* line 67, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a.first {
  margin-bottom: 10px;
}

/* line 75, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget ul li {
  color: #C7C7C7;
  font-size: 13px;
  line-height: 42px;
}

/* line 79, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget ul li a {
  color: #C7C7C7;
}

/* line 81, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget ul li a:hover {
  color: #fff;
}

/* line 87, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form {
  position: relative;
  margin-bottom: 20px;
}

/* line 90, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form input {
  width: 100%;
  height: 45px;
  background: #fff;
  padding-left: 20px;
  font-size: 16px;
  color: #000;
  border: none;
}

/* line 98, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form input::placeholder {
  font-size: 16px;
  color: #919191;
}

/* line 103, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #28AE60;
  padding: 10px;
  padding: 0 22px;
  cursor: pointer;
}

/* line 117, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_text {
  font-size: 16px;
  color: #BABABA;
}

/* line 123, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .copy-right_text {
  padding-bottom: 30px;
  background: #2C2C2C;
}

/* line 126, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .copy-right_text .footer_border {
  padding-bottom: 30px;
}

/* line 129, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .copy-right_text .copy_right {
  font-size: 13px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
}

@media (max-width: 767px) {
  /* line 129, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
  .footer .copy-right_text .copy_right {
    font-size: 13px;
  }
}

/* line 137, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .copy-right_text .copy_right a {
  color: #fff;
}

/* line 142, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .socail_links {
  margin-top: 47px;
}

@media (max-width: 767px) {
  /* line 142, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
  .footer .socail_links {
    margin-top: 30px;
  }
}

/* line 148, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .socail_links ul li {
  display: inline-block;
}

/* line 151, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .socail_links ul li a {
  font-size: 18px;
  color: #C3B2F0;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  background: #565656;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 40px !important;
  margin-right: 7px;
  color: #FFFFFF;
  line-height: 41px !important;
}

/* line 164, ../../Arafath/CL/CL October/213. Business/HTML/scss/_footer.scss */
.footer .socail_links ul li a:hover {
  color: #fff !important;
  background: #28AE60;
}

.popup{
	font-family: 'Shadows Into Light Two', cursive;
}