@charset "utf-8";
body{
	font-family: 'Source Sans Pro', sans-serif;
}
a.transparent-bg{ font-size:30px; color:#fff; text-align:center; padding:50px 0px !important;}
.bhoechie-tab-menu p{ font-size:18px;}

@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1870px;
  }
  .footer-right-contact{
	      padding: 36px 0px !important;
  }
  .service_item{
	  min-height:390px !important;
  }
  .transparent-bg{
	  padding:70px !important;
  }
  .logo-section h4{ margin-top:0px; color:#000; font-size:18px !important;}
  #tab-button li a { font-size:11px !important;}
  .logo-section h5{margin-bottom:0px; color: #1da389; font-size:14px !important;}
  .tab_custom_li{padding:10px 20px !important; height:72px !important;}
}

/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #fff;
  padding: 0 !important;
  margin-top: 20px;
  /*-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  /*padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;*/
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #24af22;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #21212c;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  /*padding-left: 20px;*/
  padding: 20px;

}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

.list-bg1{
padding:0px !important;
margin:0px !important;
background-image: url("../images/1.jpeg");
background-repeat:no-repeat;
background-size:cover;
}
.list-bg2{
padding:0px !important;
margin:0px !important;
background-image: url("../images/2.jpg");
background-repeat:no-repeat;
background-position:0% 70%;
background-size:cover;
}
.list-bg3{
padding:0px !important;
margin:0px !important;
background-image: url("../images/4.jpeg");
background-repeat:no-repeat;
background-size:cover;

}
.transparent-bg{
background-color: rgba(0, 0, 0, 0.8);
padding:10px;
border:none !important;
}
.transparent-bg:hover{
	background-color: rgba(0, 0, 0, 0.7) !Important;
	border:none !important;
}
.list-group-item{
	border:0px;
}
a.list-group-item, button.list-group-item{
color:#e3f7e3;
}

.list-group a {
    margin: 10px 0px !important;
}
.home-section{
width:100%;
}
.header{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	width:100%;
	padding:10px;
	background: #1da389; /* Old browsers */
	border:none;
	border-radius:0px;
	margin-bottom:0px !important;
	}
	
.header li a{
	color:#fff !important;
	font-size:16px;
}

.header li a:hover{
	color:#000 !important;
	}
	
	
	
/*TABS CSS START HERE*/	
.tabs{
	height:auto;
}
.tab_caption{
	text-align:center;
	color:#30BA9F;
	font-size:24px;
	font-family: 'Roboto Condensed', sans-serif !important;
}
#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  width: 20%;
  margin:5px;
  
}
#tab-button li a {
 display: block;
    padding: 14px 4px;
    background: #444546;
    font-size: 13px;
    text-align: center;
    color: #fff;
    height: 65px;
    text-decoration: none;
    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
  
}
#tab-button li:not(:first-child) a {
  border-left: none;
}
#tab-button li a:hover,
#tab-button .is-active a {
  border-bottom-color: transparent;
  background: #30BA9F;

}
.tab-contents {
  padding:0px;
  /*border: 1px solid #ccc;*/
  background:#fff;
  overflow:hidden;
}

.tab-button-outer {
  display: none;
}
.tab-contents {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }
  
}

/*TABS CSS END HERE*/

.tab-content h2{
	  color: #30BA9F;
}


.awesome-list {
    /* Create a new instance of a counter called "my-awesome-list" and set the counter to 0. */
    counter-reset: my-awesome-list;
    display: inline-block;
    /*margin-left: -3.4em;*/
    vertical-align: middle;
    position: relative;
}

.awesome-list-item {
     /* Increment the "my-awesome-list" counter for every list item. */
    counter-increment: my-awesome-list;
    margin: 1em 0;
    position: relative;
    width: 100%;
}

.inner_icon{
    background: #3084bb;
    border-radius: 50% !important;
    color: #FFF;
    border: 10px solid #2C3E50;
    display: inline-block;
    /* font-weight: bold; */
    /* font-size: 1.8em; */
    /* line-height: 2.2em; */
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 70px;
    top: 5px;
    height: 70px;
    /* z-index: 9999; */
    /* margin: 0 auto; */
	
}
.main_icon_circle{
	 background: #3084bb;
    border-radius: 50% !important;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 2.2em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 80px;
	height:80px;
    z-index:9999;
	
}

.main_icon_circle_alternate{
	 background: #1da389;
    border-radius: 50% !important;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 2.2em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 80px;
	height:80px;
    z-index:9999;
	
	
}

.inner_icon_alternate{
    background: #1da389;
    border-radius: 50% !important;
    color: #FFF;
    border: 10px solid #2C3E50;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 70px;
    top: 5px;
    height: 70px;
	
}

.awesome-list-item::before {
    /* Display the counter and set the list style for the list. */
    /*content: counter(my-awesome-list, decimal-leading-zero);*/ 
    background: #FFF;
    border: 10px solid #2C3E50;
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 2.2em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 70px;
	height:70px;
    z-index:9999;
}

/* Everything else is just basic styling. */

.awesome-list-item > span {
    background: #1da389;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    position: relative;
    line-height: 1em;
    margin: 0 0 0 -2em;
    padding: 1.2em 2em 1.2em 3em;
    vertical-align: middle;
	
}

.awesome-list-item > span::after {
    background: transparent;
    content: "";
    position: absolute;
    top: 24%;
    right: 2%;
    width: 50%;
    height: 50%;
    max-width: 300px;
    z-index: -1;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
    transform: rotate(3deg);
}

.awesome-list-item:nth-child(1)::before {
    background: #8E44AD;
    border-color: #2C3E50;
    box-shadow: 0 0 0 3px #8E44AD;
}

.awesome-list-item:nth-child(1) > span {
    background: #3084bb;
}

.awesome-list-item:nth-child(2)::before {
    background: #2980B9;
    border-color: #2C3E50;
    box-shadow: 0 0 0 3px #2980B9;
}

.awesome-list-item:nth-child(2) > span {
    background: #1da389;
}

.awesome-list-item:nth-child(3)::before {
    background: #27AE60;
    border-color: #2C3E50;
    box-shadow: 0 0 0 3px #27AE60;
}

.awesome-list-item:nth-child(3) > span {
    background: #3788bd;
}

.awesome-list-item:nth-child(4)::before {
    background: #16A085;
    border-color: #2C3E50;
    box-shadow: 0 0 0 3px #16A085;
}
.awesome-list-item:nth-child(4) > span {
    background: #16A085;
}

.awesome-list-item:nth-child(5)::before {
    background: #2980B9;
    border-color: #2C3E50;
    box-shadow: 0 0 0 3px #2980B9;
}
.awesome-list-item:nth-child(5) > span {
    background: #2980B9;
}

.footer{
	width:100%;
	padding:20px;
	background:#3c3d3e;
	position:relative;
	top:30px;
	bottom:0px;
	left:0px;
	right:0px;
	color:#fff;
	overflow:hidden;
}

.copyright{ font-size:16px; text-align:right; line-height:67px;}
.copyright a{ color:#1da389;}

.tab-contents ul li{
	font-size:17px;
	line-height:30px;
}

.contents img{ width:15%;}

@media(min-width : 320px) and (max-width : 479px) {
	div.bhoechie-tab-content{
		padding:0px;
	}
	.logo-section{width:70% !important;}
	.logo-section h5{ font-size:13px !important;}
	.logo-section h4{ font-size:14px !important;}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 0px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 10px solid #21212c;
}
.contents img{ width:22%; margin-bottom:10px;}
#banner-area .contents {
    padding: 10px 0px 10px !important;
	height:100%;
}
#banner-area .contents h1 {
    font-size: 25px !important;
	margin-top:0px !important;
}
#banner-area .contents h2 {
    font-size: 25px !important;
	margin-top:0px !important;
}
.banner-bg{
	background-size:cover !important;
	height:auto !important;
}
#banner-area .contents p {
	font-size:18px !important;
}
.bhoechie-tab-menu h4 {
    font-size: 30px !Important;
}
.services h1 {
font-size:30px !important;
}

.service_item{
	margin:25px 0px;
}
.cutom-btn{
	margin-top:0px !important;
	padding:10px 25px !important;
}
.about-section{
	height:100% !important;
}
.footer-right-contact .single-contact{
	padding-right:0px !important;
}

iframe{ margin-top:20px !important;}

.navbar-toggle{ margin-right:0px !important;}
.contact-form-area{
	padding:0px !important;
}
.footer{
	padding:0px !important;
}

.copyright{ clear:both !important; text-align:center; line-height:30px !important;}

.footer ul li a{ line-height:30px !important;}
.footer_mob_padd{ padding-left:0px !important;}
div#navbar-collapse-3{ border-top:none !important; margin-top:25px !important;}

.footer ul li a {
    padding: 0px 6px !important;
    /* height: 60px !important; */
    font-size: 14px !important;
	height:auto !important;
}
.footer img {
    width: 60% !important;
    margin: 0 auto !important;
    float: none !important;
}
.service_item{ min-height:auto !important;}

.stylish-input-group{ margin-top:0px !important;}
.custom_search{ width:100% !important; float:none !Important; height:35px !important;}
.tab-content h2{
	  color: #30BA9F;
	  font-size:18px !important;
}
.tab_caption{
	font-size:16px !important;
}


}


@media(min-width : 480px) and (max-width : 767px) {
	div.bhoechie-tab-content{
		padding:0px;
	}
	.logo-section{width:70% !important;}
	.logo-section h5{ font-size:13px !important;}
	.logo-section h4{ font-size:14px !important;}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 0px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 10px solid #21212c;
}
.contents img{ width:22%; margin-bottom:10px;}
#banner-area .contents {
    padding: 10px 0px 10px !important;
	height:100%;
}
#banner-area .contents h1 {
    font-size: 25px !important;
	margin-top:0px !important;
}
#banner-area .contents h2 {
    font-size: 25px !important;
	margin-top:0px !important;
}
.banner-bg{
	background-size:cover !important;
	height:auto !important;
}
#banner-area .contents p {
	font-size:18px !important;
}
.bhoechie-tab-menu h4 {
    font-size: 30px !Important;
}
.services h1 {
font-size:30px !important;
}

.service_item{
	margin:25px 0px;
}
.cutom-btn{
	margin-top:0px !important;
	padding:10px 25px !important;
}
.about-section{
	height:100% !important;
}
.footer-right-contact .single-contact{
	padding-right:0px !important;
}

iframe{ margin-top:20px !important;}

.navbar-toggle{ margin-right:0px !important;}
.contact-form-area{
	padding:0px !important;
}
.footer{
	padding:0px !important;
}

.copyright{ clear:both !important; text-align:center; line-height:30px !important;}

.footer ul li a{ line-height:30px !important;}
.footer_mob_padd{ padding-left:0px !important;}
div#navbar-collapse-3{ border-top:none !important; margin-top:25px !important;}

.footer ul li a {
    padding: 0px 15px !important;
    /* height: 60px !important; */
    font-size: 14px !important;
	height:auto !important;
}

.footer img {
    width: 60%;
	float:left;
	
}

.service_item{ min-height:auto !important;}
.stylish-input-group{ margin-top:0px !important;}

.custom_search{ width:100% !important; float:none !Important; height:35px !important;}
.tab-content h2{
	  color: #30BA9F;
	  font-size:20px !important;
}
.tab_caption{
	font-size:18px !important;
}

}

.sub-content{
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	text-align:center;
	background:#ccc;
	width:100%;
	height:200px;
}

@media(min-width : 768px) and (max-width : 1023px) {
	
}

.nopadd{padding:0px !important;}
.service_section{background:#ccc;}
.about-section{
	padding:40px;
	background:#ccc;
	width:100%;
	height:500px;
}
.footer ul li{ float:left; list-style:none; padding:0px; margin:0px;}
.footer ul li a{padding:10px 15px; color:#fff; font-size:16px; text-decoration:none; float:left; height:50px; line-height:50px;}

/*SEARCH START*/

/*SEARCH END*/

.logo-section span{ color:#000; font-size:17px;  height:100px; line-height:30px;}
.logo-section a{text-decoration:none;}
.logo-section{background:#fff; border-bottom-left-radius:12px; border-bottom-right-radius:12px; background:#fff; padding-top:10px; height:80px; position:absolute; top:-10px; width:100%; padding-left:5px; padding-right:5px; text-align:left; font-weight:bold;     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);}
.logo-section h4{ margin-top:0px; color:#000; font-size:12px;}
.logo-section h5{margin-bottom:0px; color: #1da389; font-size:12px;}
.footer img{width:25%; float:left;}

.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.stylish-input-group{ margin-top:8px;}

.custom_search{ width:30%; float:right; height:35px;}

.nav-tabs>li>a{
	margin-right:0px !Important;
	border-radius:0px !important;
}

.transparent-bg{
	padding:70px;
	margin:10px 0px;
}
.tab_custom_li{
	width:15%;
	text-align:center;
	height:82px;
}
.well{
	background:#fff !important;
	padding:5px !important;
}

.btn-primary {
    color: #fff;
    background-color: #1da389 !important;
    border-color: #1da389 !important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	 background-color: #1da389 !important;
}