/* Default custom select styles */
div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 100%;
	max-width: 500px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select > span {
	padding-right: 2em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\25BE';
	right: 1em;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
	font-size: 12px;
}

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 200;
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	left: -1px;
	overflow: hidden;
	width: 103%;
	background: #fff;
	visibility: hidden;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cs-select ul span {
	padding: 5px 10px 5px 15px;
	/*text-align: center;*/
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}

div.cs-skin-border {
	background: transparent;
	max-width: 600px;
}

.cs-skin-border > span {
	border: 0 solid #000;
	border-color: inherit;
	-webkit-transition: background 0.2s, border-color 0.2s;
	transition: background 0.2s, border-color 0.2s;
}

.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
	font-family: 'fontawesome';
	content: '\f107';
}

.cs-skin-border ul span::after {
	content: '';
	opacity: 0;
}

.cs-skin-border .cs-selected span::after {
	font-family: 'fontawesome';
	content: '\f00c';
	color: #ddd9c9;
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cs-skin-border.cs-active > span {
	background: #fff;
	border-color: #fff;
}

.cs-skin-border .cs-options {
	border: solid #e9eaed;
	border-width: 0 1px 1px ;
	opacity: 0;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
	transition: opacity 0.2s, visibility 0s 0.2s;
}

.cs-skin-border.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cs-skin-border ul span {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
	background: #f5f3ec;
}

.features-section{background-image: url('../img/featured.jpg'); background-size: cover; padding: 30px 0 30px;}
.features-section h3 {
	color: #fff;
	font-size: 22px;
}
.features-sec{background-image: url('../img/comingsoon.jpg'); background-size: cover; padding: 30px 0 30px;}
.features-section h3 {
	color: #fff;
	font-size: 22px;
}
.services{background-image: url('../img/featured.jpg'); background-size: cover; padding: 30px 0 30px;}
.services h3 {
	color: #fff;
	font-size: 22px;
}
.whyemenu{ margin-top:20px;}
.whyemenu h3 {
	color: #df0f13;
	font-size: 22px;
}
.featurr-list{float: left; width: 100%; margin-top: 55px;}
.featurr-list li{display: inline-block; vertical-align: top; float: left; width: 19.2%; text-align: center; color: #fff; margin-right: 1%; margin-bottom: 20px; /*height: 215px;*/ list-style: none;}
.featurr-list li:nth-child(5n+5){margin-right:0; }
.featurImg-holder{margin: 0 auto 10px; display: table; position: relative; z-index: 1; }
.featurImg-holder:after{position: absolute; content:''; width: 18px; height: 13px; background: url('../img/feature/lej.png'); bottom: -12px; left: 0; z-index: -1;}
.featurContent {
    margin-top: 22px;
}
.featureHdng{font-size: 18px; color: #fff; position: relative; display: table; margin:0 auto; }
/*.featureHdng:after{background-color: #fff; bottom: 0; content: ""; height:1px; left: 50%; position: absolute; right: 50%; transition-duration: 0.3s; transition-property: left, right;transition-timing-function: ease-out; z-index: 1;}*/
.featurr-list li:hover .featureHdng:after{left: 0; right: 0;}
.featureTag{font-size: 16px; padding:4px 0 2px; color: #fff; }
.featuredes{font-size: 16px; color: #fff; line-height: 17px;}

 @media screen and (min-width :1100px) and (max-width :1200px) {
 	
	.container{ width: 1000px !important; }

	.featurr-list li{float: none; width: 23.2%;}
	.infoDes{font-size: 30px;}
	.frtInfo > li:nth-child(2){padding: 0 37px;}


}


@media screen and (min-width : 971px) and (max-width :1099px) {
	

	.featurr-list li{float: none; width: 23.2%;}
	.infoDes{font-size: 25px; line-height: 30px;}
	.infoHeadikng{font-size: 24px;}
	.frtInfo > li:nth-child(2){padding: 0 37px;}
	.featurr-list li{height: 225px;}
	.form-holder{width: 64%; margin-left: 14%;}
	.frtInfo li:last-child img {  width: 60px;}

}

   
@media screen and (min-width : 768px) and (max-width : 970px) {

	.featurr-list li{float: none; width: 23.2%;}
	.infoDes{font-size: 22px; line-height: 30px;}
	.infoHeadikng{font-size: 20px;}
	.frtInfo > li:nth-child(2){padding: 0 27px;}
	.featurr-list li{height: 245px;}
	.form-holder{width: 64%; margin-left: 14%;}
	.frtInfo li:last-child img {  width: 50px;}
	.btmFooter{padding: 15px 0;}
	.contact-section, .features-section{padding-top: 90px;}
	.fotter-section{padding: 30px 0;}
	.cmpny-des{padding: 10px 35px;}
	.about-section{padding: 30px 0;}
	.contact-section h4 { line-height: 29px; padding: 5px 0;}


}

 
@media screen and (min-width : 640px) and (max-width: 767px) {

	.frtInfo > li:nth-child(2){padding: 0 27px;}
	.featurr-list li{height: 215px;float: none; width: 47.2%;}
	.form-holder{width: 100%; margin-left:0; padding: 25px;}
	.frtInfo li:last-child img {  width: 50px;}
	.btmFooter{padding: 15px 0; margin-top: 5px;}
	.contact-section, .features-section{padding-top: 90px;}
	.fotter-section{padding: 30px 0;}
	.cmpny-des{padding: 10px 35px;}
	.about-section{padding: 30px 0;}
	.contact-section h4 { line-height: 23px; padding: 5px 0;}
	.form-holder img{display: none;}
	.frtInfo li{float: none !important; display: inline-block !important; width: 47% !important; padding: 0 15px !important; margin-bottom: 15px;}
	.frtInfo > li:last-child{width: auto !important;}
	.frtInfo > li:nth-child(2){border-right:none;}

}


@media screen and (min-width : 480px) and (max-width: 639px) {
	
	.frtInfo > li:nth-child(2){padding: 0 27px;}
	.featurr-list li{height: 220px;float: none; width: 48.2%;}
	.featurr-list{margin-top: 25px;}
	.form-holder{width: 100%; margin-left:0; padding: 25px; margin-top: 15px;}
	.frtInfo li:last-child img {  width: 50px;}
	.btmFooter{padding: 15px 0; margin-top: 5px;}
	.contact-section, .features-section{padding-top: 90px;}
	.fotter-section{padding: 25px 0;}
	.cmpny-des{padding: 10px 21px;}
	.cmpny-tag { color: #6d6d6d; font-size: 14px; letter-spacing: 3px; line-height: 10px;}
	.about-section{padding: 30px 0;}
	.contact-section h4 { line-height: 23px; padding: 5px 0;}
	.form-holder img{display: none;}
	.frtInfo li{float: none !important; display: inline-block !important; width: 49% !important; padding: 0 15px !important; margin-bottom: 15px;}
	.frtInfo > li:last-child{width: auto !important;}
	.frtInfo > li:nth-child(2){border-right:none;}

}


@media screen and (min-width : 360px) and (max-width: 479px) {  

	.frtInfo li img{width: 30px; float: none;}
	.infoHeadikng{font-size: 20px;}
	.frtInfo > li:nth-child(2){padding: 0 27px;}
	.featurr-list li{ float: none; height: auto; margin: 0 0 30px !important; width: 100%;}
	.featurr-list{margin-top: 25px;}
	.form-holder{width: 100%; margin-left:0; padding: 15px; margin-top: 15px;}
	.frtInfo li:last-child img {  width: 50px;}
	.btmFooter{padding: 15px 0; margin-top: 5px;}
	.contact-section, .features-section{padding-top: 90px;}
	.about-section .col-lg-12 > img {  width: 100px;}
	.fotter-section{padding: 25px 0;}
	.cmpny-des{padding: 5px 13px 10px; line-height: 25px; font-size: 16px;}
	.cmpny-tag { color: #6d6d6d; font-size: 14px; letter-spacing: 0; line-height: 10px;}
	.about-section{padding: 20px 0;}
	.contact-section h4 { line-height: 23px; padding: 5px 0; line-height: 9px;}
	.form-holder img{display: none;}
	.frtInfo li{float: none !important; display: inline-block !important; width: 100% !important; padding: 0 15px !important; margin-bottom: 15px; text-align: center; border:none !important;}
	.frtInfo > li:last-child{width: auto !important;}
	.frtInfo > li:nth-child(2){border-right:none;}
	.copyright-text{font-size: 12px;}

}


@media screen and (min-width : 320px) and (max-width: 359px) {

	.frtInfo li img{width: 30px; float: none;}
	.infoHeadikng{font-size: 20px;}
	.frtInfo > li:nth-child(2){padding: 0 27px;}
	.featurr-list li{ float: none; height: auto; margin: 0 0 30px !important; width: 100%;}
	.featurr-list{margin-top: 25px;}
	.form-holder{width: 100%; margin-left:0; padding: 15px; margin-top: 15px;}
	.frtInfo li:last-child img {  width: 50px;}
	.btmFooter{padding: 15px 0; margin-top: 5px;}
	.contact-section, .features-section{padding-top: 90px;}
	.about-section .col-lg-12 > img {  width: 100px;}
	.fotter-section{padding: 25px 0;}
	.cmpny-des{padding: 5px 13px 10px; line-height: 25px; font-size: 16px;}
	.cmpny-tag { color: #6d6d6d; font-size: 14px; letter-spacing: 0; line-height: 10px;}
	.about-section{padding: 20px 0;}
	.contact-section h4 { line-height: 23px; padding: 5px 0; line-height: 9px;}
	.form-holder img{display: none;}
	.frtInfo li{float: none !important; display: inline-block !important; width: 100% !important; padding: 0 15px !important; margin-bottom: 15px; text-align: center; border:none !important;}
	.frtInfo > li:last-child{width: auto !important;}
	.frtInfo > li:nth-child(2){border-right:none;}
	.copyright-text{font-size: 12px;}

}

.featured-tabs .nav-tabs {
	display: block;
	border-bottom: none;
	/*padding-left: 25px;*/
	margin-top: 100px;
}
.featured-tabs .nav-tabs>li {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 0;
	padding-left: 50px;
	border-left: 1px solid #d3d3d3;
	padding-bottom: 36px
}
.featured-tabs .nav-tabs>li>a {
	display: table;
	font-size: 20px;
	color: #404040;
	border: none;
	padding: 0;
	margin-bottom: 24px
}
.featured-tabs .nav-tabs>li>a:hover {
	color: #da1e36;
	background-color: transparent
}
.featured-tabs .nav-tabs>li.active>a, .featured-tabs .nav-tabs>li.active>a:hover, .featured-tabs .nav-tabs>li.active>a:focus {
	color: #404040;
	background-color: transparent;
	border: none
}
.featured-tabs .nav-tabs>li>.number {
	position: absolute;
	display: block;
	width: 70px;
	height: 70px;
	background-color: #fff;
	border-radius: 50%;
	top: -15px;
	left: -35px
}
.featured-tabs .nav-tabs>li>.number>i {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	color: #ff0000;
	font-size: 24px;
	line-height: 45px;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	background-color: transparent;
	border: 2px solid #ff0000;
	border-radius: 50%;
	top: 10px;
	left: 10px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}
.featured-tabs .nav-tabs>li>.number>i:before {
	position: absolute;
	display: block;
	content: "";
	width: 42px;
	height: 42px;
	top: 2px;
	left: 2px;
	border: 1px solid #ff0000;
	border-radius: 50%
}
.featured-tabs .nav-tabs>li.active>.number>i {
	color: #fff;
	background-color: #ff0000;
}
.featured-tabs .nav-tabs>li:last-child {
	border-left: none;
}
.featured-tabs .nav-tabs>li p {
	margin-bottom: 0;
}
.featured-tabs .nav-tabs>li .social-btns {
	margin-top: 12px;
}
.featured-tabs .nav-tabs>li .social-btns a {
	display: inline-block;
	font-size: 18px;
	color: #ff0000;
	text-decoration: none;
	margin-right: 12px;
}
.featured-tabs .nav-tabs>li .social-btns a:hover {
	color: #da1e36;
	background: none
}

@media screen and (max-width: 480px) {
.featured-tabs .nav-tabs>li {
	border-left: none;
	padding-bottom: 24px
}
.featured-tabs .nav-tabs>li>a {
	font-size: 20px;
	margin-bottom: 12px
}
.featured-tabs .nav-tabs>li>.number {
	top: -18px
}
.featured-tabs .nav-tabs>li p {
	display: none
}
}
.featured-tabs .tab-content {
	padding: 0
}

#f1_container {
  position: relative;
  margin: 10px auto;
  width: 100%;
  height: 130px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
  cursor: pointer;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  /*box-shadow: -5px 5px 5px #aaa;*/
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border: 1px solid #3e3d41;
  padding: 6px ;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #603cba;
}
.face.back1 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #03a303;
}
.face.back2 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #2f88f0;
}
.face.back3 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #eb3d01;
}
.face.back4 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #1f7246;
}
.face.back5 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #cb9116;
}
.face.back6 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #8a069a;
}
.face.back7 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #89a12f;
}
.face.back8 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #022bde;
}
.face.back9 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #e1663c;
}
.face.back10 {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #603cba;
}


div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
 }
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: #ed1c24;
}
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: #ed1c24;
  background-image: #ed1c24;
  color: #ffffff;
  border:none;
}
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 #ed1c24;
}

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

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

.icon-block-row {
	display: table;
	width: 100%;
	border: 1px solid #e0ddd9;
	margin-bottom: -1px
}
.icon-block {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	cursor: default
}
.icon-block:nth-child(odd) {
	border-right: 1px solid #e0ddd9
}
.icon-block .inner {
	display: table;
	width: 100%
}
.icon-block .ib-icon, .icon-block .ib-content {
	display: table-cell;
	vertical-align: middle
}
.icon-block .ib-icon {
	width: 170px;
	font-size: 56px;
	color: #da1e36;
	text-align: center;
	border-right: 1px solid #e0ddd9;
	/*padding: 24px 15px 12px 15px;*/
	background-color: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}
.icon-block .ib-content {
	padding: 30px 20px 30px 30px
}
.icon-block .ib-content p {
	margin-bottom: 0;
	font-weight: 300
}
/*.icon-block .ib-content p:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 29px;
	height: 2px;
	background-color: #da1e36;
	margin-right: 8px
}*/
.icon-block:hover .ib-icon {
	color: #fff;
	background-color: #144EA2;
}
.icon-block.light-skin {
	color: #fff
}
.icon-block.light-skin h3, .icon-block.light-skin:hover i {
	color: #fff
}
.space-bottom {
	margin-bottom: 24px !important
}

@media screen and (max-width: 991px) {
.icon-block-row, .icon-block {
	display: block;
	width: 100%;
	margin-bottom: -1px
}
.icon-block:nth-child(odd) {
	border-right: none;
	border-bottom: 1px solid #e0ddd9
}
}