@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css?family=Bookman Old Style:100,300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
/*..............embedded fonts..............*/

/*..............custom fonts..............

/*..............custom fonts..............*/


/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Bookman Old Style', sans-serif; font-size:16px; color:#babdc2; font-weight: normal; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; font-family: 'Bookman Old Style', sans-serif; color: #222A35;}
h1{ font-size:31px; font-weight: bold;font-family: 'Bookman Old Style'}/**/
h2{ font-size:31px; font-weight: bold;font-family: 'Bookman Old Style'}/**/
h3{ font-size:20px;font-family: 'Bookman Old Style'}
h4{ font-size:18px;font-family: 'Bookman Old Style'}/**/
h5{ font-size:16px;font-family: 'Bookman Old Style'}/**/
h6{ font-size:14px;}
ul{font-family: 'Bookman Old Style'}
li{font-family: 'Bookman Old Style'}
p{ font-family: 'Bookman Old Style', sans-serif; font-size:16px; line-height: 21px; color:#babdc2; color: #babdc2; margin:0 0 20px; padding:0; font-weight: normal;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: 'Bookman Old Style', sans-serif; font-size: 14px; outline: none;}
input[type="submit"]{ font-family: 'Bookman Old Style', sans-serif; font-size: 14px; transition:all 0.3s ease 0s; outline: none;}

/* --- for placeholder color --- */
/*

*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn { font-family: 'Oswald', sans-serif; display: inline-block; vertical-align: top; color: #fff; position: relative;
    padding: 15px 65px; font-size: 16px; font-weight: 700; text-transform: uppercase; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#50a7c2+0,70c0c0+100 */
background: rgb(80,167,194); /* Old browsers */
background: -moz-linear-gradient(left, rgba(80,167,194,1) 0%, rgba(112,192,192,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(80,167,194,1) 0%,rgba(112,192,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(80,167,194,1) 0%,rgba(112,192,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a7c2', endColorstr='#70c0c0',GradientType=1 ); /* IE6-9 */
border: 2px solid transparent; border-radius: 3px;}
.btn.solid-color { background: #f00; color: #fff; }
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }
.btn.rounded { border-radius: 50px;}
.btn.medium-size { /* Your custom Styles */}
.btn.large-size { /* Your custom Styles */}
.btn.small-btn{ padding: 6px 20px; font-size: 12px;}
a.btn{color: #fff;}

.btn:hover{
border: 2px solid #51a8c2;
border-radius: 3px; background: transparent; color: #51a8c2;}
/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

/*..............common styles..............*/

.click { display:none;}
.main_menu a.closebtn{
    display: none;
    }

/*for header css*/
.main-header { background: #fff;  }
.header_top{background: #222a35; position: relative;}

.main-header .col-sm-12{position: static;}
.top_bar_left{width: 70%; display: inline-block; vertical-align: top; padding: 10px 0;}
.top_bar_link{width: auto; display: inline-block;}
.top_bar_link a{color: #dbdbdd; font-size: 15px;}
.top_bar_link a span{color: #7abc58; position: relative; top: 3px;}

.top_bar_right{width: 32%; position: absolute; top: 0; bottom: 0; right: 0; padding-left: 40px; padding-top: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#50a7c2+0,50a7c2+41,70c0bf+63,70c0bf+100 */
background: rgb(80,167,194); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 41%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='white',GradientType=1 ); /* IE6-9 */
}
.top_bar_right:before{  position: absolute; top:0; left: -33px; bottom: 0; width: 34px; content: "";
}

.top_bar_right h6{margin-bottom: 0;}
.top_bar_right h6 a{color: #fff; font-weight: 700; font-family: 'Bookman Old Style', sans-serif; margin-bottom: 0; font-size: 15px;}
.top_bar_social{width: auto; float: right; margin-right: 20px;}
.top_bar_social ul{padding-left: 0; margin-bottom: 0;}
.top_bar_social ul li{list-style: none; display: inline-block; width: 19px; height: 19px; text-align: center;}
.top_bar_social ul li:last-child{margin-right: 0;}
.top_bar_social ul li a{color: #fff; display: block; font-size: 16px; line-height: 19px;}
.top_bar_social ul li a:hover{color: #50a7c2;}



/*.header_bottom{background: #222a35;}*/
.logo { float: left; margin-top: 17px; position: relative; z-index: 2;}
.header_search { float: right; margin-left: 10px; color: #000; margin-top: 28px; font-size: 17px;}
/*.dnt-btn a { background: #97c88b; color: #fff; text-transform: uppercase; border-radius: 6px; padding: 10px 25px; letter-spacing: 1px;}*/
.click { color: #000; float: right; font-size: 28px;}
.main_menu { float: right; }
.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 15px; text-transform: uppercase;}
.main_menu ul li a { display: block; padding: 26px 0; color: #000; font-weight: normal; font-size: 14px; font-family: 'Bookman Old Style', sans-serif; }
.main_menu ul li:hover a, .main_menu ul li.current-menu-item a { color: #50a7c2;}

/*for header css*/

.slider-wrap { position: relative;}
.banner_pic { position: relative;}
.banner_pic img{width: 100%;}
.banner_pic:before{ position: absolute;  top: 0; bottom: 0; left: 0; right: 0; content: "";}
.slider-wrap .carousel-caption{top:50%; transform: translateY(-50%); padding-top: 0; padding-bottom: 0; bottom: inherit;}

    .slider-wrap .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;}
    
    .slider-wrap .carousel-indicators li{width: 43px; height: 4px; background: #c4e1e7; border-radius: 0; border: none; margin: 0;}
    .slider-wrap .carousel-indicators li.active, .slider-wrap .carousel-indicators li:hover{background: #fff; height: 4px; border: none;}

.banner_content{position: absolute; top: 50%; transform: translateY(-50%); text-align: center; width: 100%;}
.banner_heading{font-size: 46px; color: #f5f5f5; text-transform: uppercase; font-weight: 700; text-shadow: none;}
.banner_text{color: #fff; font-size: 19px; text-shadow: none;}
.btn.banner_btn{background: #fff; color: #222a35; margin-right: 15px;}
.slider-wrap a.btn.banner_btn{color: #222a35;}
.slider-wrap a.btn.banner_btn:hover{ color: #fff; border: 2px solid #fff; background: transparent;}
/*for main sections css*/

main.main-section { padding: 80px 0;}

.common_gap{padding: 80px 0;}

.service_section {
    background-color: black;
    padding: 60px 0 40px 0;
    position: relative;
    opacity: 0.8;
}




.service_section h2{color: white;opacity:0.9}

.talented_section{padding-bottom: 150px;}

.talented_pic{position: relative; width: 95%;}
.talented_bottompic{width: 80%; position: relative;}
.talented_bottompic:before, .talented_bottompic:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.talented_bottompic:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.talented_toppic{position: absolute; right: 0; top: 200px;}

.talented_toppic:before, .talented_toppic:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.talented_toppic:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



.margin_heading{color: #222a35; text-transform: uppercase; position: relative; font-weight: 700;}
.talented_content .margin_heading{ margin-bottom: 50px; }
.talented_content .margin_heading:after{
    position: absolute; content: ""; bottom: -25px; left: 0; width: 45px; height: 5px; background: #5db3c2;
}
.talented_content h5{text-transform: uppercase;}

.project_section{/*background: #61b4c2;*/ padding-bottom: 130px; display: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#50a7c2+0,70c0c0+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(80,167,194,1) 0%, rgba(112,192,192,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(80,167,194,1) 0%,rgba(112,192,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(80,167,194,1) 0%,rgba(112,192,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a7c2', endColorstr='#70c0c0',GradientType=1 ); /* IE6-9 */
}

.pro_left .margin_heading{color: #fff; margin-bottom: 0;}
.pro_left .margin_heading:after{width: 5px; height: 45px; position: absolute; top: 50%; transform: translateY(-50%); right: -8px; content: ""; background: #222a35;}

.service_midd, .pro_midd{width: 90%;}
.pro_midd p{color: #fff; margin: 20px 0 0;}
.pro_right .btn{background: #222a35; color: #fff; margin-top: 20px;}
.pro_right a.btn{color: #fff;}
.pro_right .btn:hover{background: transparent; border: 2px solid #fff;}
.service_right .btn:hover{background: transparent; border: 2px solid #fff; color: #fff;}

.testimonial_section { position: relative; display: none;}
.testimonial_section h5{ text-transform: uppercase; position: relative; }
.testimonial_section:before{ content: ""; background: url(../images/testimonial_comment.png) no-repeat; position: absolute; top: 47px; right: 27%; width: 158px; height: 148px;}
.testimonial-carousel{margin-top: 70px;}
.client_pic{width: 106px; height: 106px; border-radius: 100px; display: inline-block; margin-right: 20px; overflow:hidden; vertical-align: top;}
.client_content{display: inline-block; width: 80%; vertical-align: top;}
.client_content h6{margin-bottom: 6px;}
.client_content p span{ color: #252a30; font-weight: 300;}
.testimonial-carousel .carousel-indicators li{
    width: 43px;
    height: 4px;
    background: #cccdcf;
    border-radius: 0; border-radius: 0; border: none; margin: 0;
}
.testimonial-carousel .carousel-indicators li.active, .testimonial-carousel .carousel-indicators li:hover{ background: #252a30; height: 4px; border: none;}

/*.getin_touch_section{background: #222a35; padding-bottom: 80px;}*/
/*.getin_touch_section{margin-top: 190px;}*/
.getin_touch_section.inner_getin{margin-top: 80px;}
.getin_touch_bg{background: #222a35; padding-bottom: 40px;}
.get_left{margin-top: -120px; width: 96%;}
.get_right_header{padding: 40px 0px;}
.get_icon{width: 60px; display: inline-block; vertical-align: top; color: #fff; font-size: 35px;}
/*.get_icon{color: #fff; font-size: 35px;}*/
.get_icon_box{display: flex; align-items: center;}
.get_icon_content{width: 63%; display: inline-block; vertical-align: top;}
.get_icon_content p{margin-bottom: 10px; color: #fff;}
.get_icon_content p span{text-transform: uppercase; margin-bottom: 7px; font-size: 14px; font-weight: bold; }
.get_icon_content h4, .get_icon_content h4 a{color: #fff;}
.get_icon_content h4{margin-bottom: 0;}


.get_form{padding-top: 0px;}
.get_form .form-control{height: 54px; box-shadow: none; border-radius: 0;}
.get_form textarea.form-control{height: auto;}

.service_left .margin_heading{ position: relative; margin-bottom: 0;}
.service_left .margin_heading::after {
    width: 5px;
    height: 45px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    content: "";
    background: #61b4c2;
}
.service_midd p{margin: 20px 0 0;}
.service_right{margin-top: 23px;}
.services_pannel{border-top: 1px solid #393f46; padding: 60px 0 0; margin-top: 30px;}
.service_pic{position: relative; overflow: hidden; }
.service_heading{text-transform: uppercase; color: #fff; position: absolute; bottom: 20px; padding: 0 0 0 15px;}
.service_heading h4{margin-bottom: 0; color: #fff;}
.service_overlay{background: rgba(79, 166, 194, 0.8); position: absolute; bottom: 0px; left: 0; right: 0; height: 0; transition: all 0.5s ease-in-out 0s; padding: 0px 15px 0; overflow: hidden;}
.service_box:hover .service_overlay{height: 100%; }

.service_overlay_text{position: absolute; top:7px; left: 15px;}
.service_overlay_text h4{color: #fff; margin-bottom: 10px;}
.service_overlay_list{padding-left: 0; margin-bottom: 0; }
.service_overlay_list li{list-style: none; position: relative; padding-left: 25px; margin-bottom: 3px;}
.service_overlay_list li:before{ position: absolute; top: 0px; left: 0; /*content: "\f178"; */ /* this is your text. You can also use UTF-8 character codes as I do here */
    /*font-family: FontAwesome; */ color: #fff;  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b";
  }
.service_overlay_list li a{font-size: 16px; font-family: 'Bookman Old Style', sans-serif; color: #fff;}

.portfolio_pannel ul{margin-bottom: 0; padding: 4px 0; text-align: center; background: #fff; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);}
.portfolio_pannel ul li{margin: 4px 4px; display: inline-block; list-style: none; width: 32%; position: relative; overflow: hidden; }
.portfolio_overlay{background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0px; left: 0; right: 0; height: 0; transition: all 0.5s ease-in-out 0s; padding: 0px 15px 0; overflow: hidden;}
.portfolio_pannel ul li:hover .portfolio_overlay{height: 100%; }
.portfolio_pannel ul li img{width: 100%;}
.portfolio_icon{width: 50px; height: 50px; position: absolute; left: 0; right: 0; margin :0 auto; top: 50%; transform: translateY(-50%); border-radius: 50px; background: #222a35; line-height: 50px; color: #fff; text-align: center;}
.portfolio_icon a{color: #fff; display: block; font-size: 25px;}
.portfolio_bottom{position: absolute; bottom: 0; padding: 10px; background: rgba(0, 0, 0, 0.9);left: 0; right: 0; text-align: left;}
.portfolio_bottom h6{margin-bottom: 0; color: #fff; font-family: 'Bookman Old Style', sans-serif; font-weight: bold;}
.portfolio_bottom p{margin-bottom: 0; color: #fff; font-family: 'Bookman Old Style', sans-serif;}

.portfolio_section{position: relative; top: -130px; display: none;}
.portfolio_pannel{border-top: 1px solid #8ac5d3; padding-top: 50px; margin-top: 20px;}
/*.testimonial_section.common_gap{padding: 0 0 120px;}*/
.testimonial_section h4{letter-spacing: 3px;}
.get_form .btn{margin-top: 30px;}

.carousel-control.right, .carousel-control.left{background-image:none;}
.testimonial-carousel .carousel-indicators {
    bottom: -35px;
}

.address_section{background: #222a35; padding: 0 0 30px 0;}
.address_box{position: relative; text-align: center; padding: 10px 0;}
.address_box:after{position: absolute; right: -15px; bottom: 0; top: 0; width: 2px; background: #393f46; content: "";}
.address_section .col-sm-3:last-child .address_box:after{display: none;}
.address_box h4{color: #FFFFFF;}
.address_box p{color: #B8BDC8;}


/*for main sections css*/


/*for footer sections css*/

footer { }
.ftr-top { background: #313946; padding: 15px 0;}

.ftr-btn{background: #222a35; padding: 10px 0;}
.foot_link{display: none;}
.foot_link ul{padding-left: 0; text-align: center;}
.foot_link ul li{list-style: none; display: inline-block; margin-right: 20px;}
.foot_link ul li:last-child{ margin-right: 0px;}
.foot_link ul li a{color: #808996; font-size: 15px; font-family: 'Bookman Old Style', sans-serif; }
.foot_link ul li a:hover{color: #fff; }

.ftr-top .top_bar_social{ margin-right: 0; text-align: center; float: none;}

.copy_right{color: #a5a9b2; margin-bottom: 0; font-size: 13px; text-align: right;}
.ftr-btn-left { padding-left: 0; margin-bottom: 0;}
.ftr-btn-left li{ list-style: none; display: inline-block; width: auto; margin-right: 10px; margin-bottom: 0;}
.ftr-btn-left li:last-child{ margin-right: 0px;}
.ftr-btn-left a{ font-size: 13px; margin-bottom: 0; color: #a5a9b2;}
.ftr-btn-left a:hover{ color: #fff;}



/*for footer sections css*/

/*-- features_page(Start) --*/
.service_icon_section{}
.service_icon_box{background: #F9F9F9; padding: 55px 15px 40px; text-align: center; position: relative; cursor: pointer;}
.hover-line{width: 100%;
height: 2px;
 background-image: linear-gradient(to right, #51a7c2 , #70c0c0);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .4s ease;
transition: all .4s ease;
position: absolute; bottom: 0; left: 0; right: 0; overflow-x: hidden; 
}
.service_icon_box:hover .hover-line{
  -webkit-transform: scale(1);
transform: scale(1);
}
.icon_box_one{border-radius: 5px 60px 5px 5px;}
.icon_box_two{border-radius: 60px 60px 5px 5px;}
.icon_box_three{border-radius: 60px 60px 5px 5px;}
.icon_box_four{border-radius: 60px 5px 5px 0px;}
.service_icon img{width: 70px;}

.service_content{padding-top: 40px;}
.service_content h4{font-weight: 700;}

.special_section{ position: relative; padding: 115px 0 200px; 
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#50a7c2+0,70c0c0+100 */
background: rgb(80,167,194); /* Old browsers */
background: -moz-linear-gradient(left, rgba(80,167,194,1) 0%, rgba(112,192,192,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(80,167,194,1) 0%,rgba(112,192,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(80,167,194,1) 0%,rgba(112,192,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a7c2', endColorstr='#70c0c0',GradientType=1 ); /* IE6-9 */
}
.special_section:before{ position: absolute; bottom: 0; left: 0; right: 0; background: url(../images/tab_shap.png) no-repeat center bottom; content: ""; top: 0;}
.text_white{color: #fff;}
.special_section .margin_heading span{font-size: 150px;}
.special_section h3{letter-spacing: 3px;}

.special_tab{background: rgba(255, 255, 255, 0.3); margin-top: 70px;}

/*-- Tab(End) --*/
.special_tab div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -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);
}
/*.special_tab div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}*/
.special_tab div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
.special_tab div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 1px; color: #fff; font-size: 24px; font-family: 'Oswald', sans-serif; font-weight: bold;
}

.special_tab div.bhoechie-tab-menu div.list-group>a:first-child{
  /*border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;*/
  border-radius: 0;
}
.special_tab div.bhoechie-tab-menu div.list-group>a:last-child{
  /*border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;*/
  border-radius: 0;
  margin-bottom: 0;
}
.special_tab div.bhoechie-tab-menu div.list-group>a.active, 
.special_tab div.bhoechie-tab-menu div.list-group>a:hover,
.special_tab div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
.special_tab div.bhoechie-tab-menu div.list-group>a.active .fa{
  /*background-color: #5A55A3;
  background-image: #5A55A3;*/
  color: #ffffff;
  background: transparent;
}
/*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 #5A55A3;
61}*/

.special_tab div.bhoechie-tab-content{
 padding:49px 30px 49px;
}

.special_tab div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
/*-- Tab(End) --*/
.special_tab .list-group-item {
    position: relative;
    display: block;
    padding: 27px 10px;
    margin-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    border: none; color: #fff;
}

.tab_list{padding-left: 0; margin-bottom: 0;}
.tab_list li{list-style: none; margin-bottom: 50px; }
.tab_icon{width: 76px; height: 76px; border: 2px solid #fff; border-radius: 50px; line-height: 76px; text-align: center; display: inline-block; vertical-align: middle;}
.tab_list li:last-child{margin-bottom: 0;}
.tab_icon img{width: 38px;}
.tab_icon_rigt{margin-left: 35px; display: inline-block; width: 80%; vertical-align: middle;}
/*.tab_icon_rigt h5{margin-bottom: 25px;}*/
.tab_icon_rigt h5 a{color: #fff; text-transform: uppercase; font-family: 'Bookman Old Style', sans-serif; font-weight: bold;}
.tab_icon_rigt p{color: #fff; margin-bottom: 0;}
.tab_icon_rigt .btn.small-btn{margin-top: 20px;}

.work_section{padding: 70px 0 160px;}
.work_section h3{letter-spacing: 3px;}
.work_box{margin-top: 40px;}
.work_name{padding: 15px 0;}

.app_section{background: #f8f8f8; padding-bottom: 60px;}
.app_pic{text-align: center; margin-top: -105px; margin-bottom: 80px;}
.app_bttom .btn{margin-right: 10px;}
.app_bttom .btn span{width: 30px; height: 30px; display: inline-block; margin-right: 16px; vertical-align: middle;}

.screenshot_section{
padding: 100px 5%; /*text-transform: uppercase;*/
}
.screenshot_section h4, .testimonial_section h4, .work_section h3, .special_section h3{text-transform: uppercase;}

/*--  app_carousel_(Start)--*/
#appCarousel .thumbnail {
  margin-bottom: 0;
}
.carousel-control.left, .carousel-control.right {
  background-image:none !important;
}
.carousel-control {
  color:#fff;
  top:40%;
  color:#428BCA;
  bottom:auto;
  padding-top:4px;
  width:30px;
  height:30px;
  text-shadow:none;
  opacity:1;
}
.carousel-control:hover {
  color: #d9534f;
}
.carousel-control.left, .carousel-control.right {
  background-image:none !important;
}
.carousel-control.right {
  left:auto;
  right:-32px; color: #50a7c2;
}
.carousel-control.left {
  right:auto;
  left:-32px; color: #50a7c2;
}

.carousel-indicators li {
  border-radius:0;
  width:10px;
  height:10px;
  background:#ccc;
  /*border:1px solid #ccc;*/
  border: none;
}
.carousel-indicators .active {
  width:10px;
  height:10px;
  background:#3276b1;
  border-color:#3276b1;
  border: none;
}
/*--  app_carousel_(End)--*/
.app_carousel .col-md-3{padding-right: 11px; padding-left: 11px;}
.app_box{text-align: center;}
.app_carousel{margin-top: 45px;}

.inner_banner{background-repeat: no-repeat; background-position: top center; position: relative; /*padding: 50px 0 ;*/ padding: 160px 0 0; background-size: cover;}
/*.inner_banner:after{background: url(../images/banner-wave-shap.png) no-repeat bottom center; position: absolute; bottom: 0; right: 0; left: 0; top: 0; content: ""; background-size: 100%;}*/
.inner_banner_curve{ position: absolute; bottom: -6px; right: 0; left: 0; }
.inner_banner:before{background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 0; right: 0; left: 0; top: 0; content: "";}

.innbanner_heading{
  font-size: 46px; color: #f5f5f5; text-transform: uppercase; font-weight: 700; text-shadow: none;
}
.innbanner_heading span{text-transform: capitalize; font-weight: normal;}
.banner_btn_row .btn{background: #fff; color: #222A35; padding: 7px 20px; margin-right: 6px;}
.banner_btn_row .btn a{color: #222A35;}
.banner_btn_row .btn:hover{background: transparent; color: #fff; border: 2px solid #fff;}
.banner_btn_row .btn svg path{ fill: #000 !important; opacity: 10;}
.banner_btn_row .btn:hover span svg path{ fill: #fff !important;}
.banner_btn_row .btn span {
    width: 30px; height: 30px;
    display: inline-block;
    margin-right: 15px; vertical-align: middle;
}
.inner_banner_content h4{color: #FFFFFF; margin-bottom: 10px;}
.inner_banner_content p{color: #F5F5F5; font-size: 19px;}

.banner_mobile{text-align: right; position: relative; z-index: 1; top: -40px;}
.inner_banner .col-sm-6{z-index: 1}
.inner_banner .row.equal_height{
  display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.first_carousel.owl-carousel .owl-nav button.owl-prev span,
  .first_carousel.owl-carousel .owl-nav button.owl-next span{
    font-size: 0;
  }
  .first_carousel.owl-carousel .owl-nav button.owl-prev{
    background: url(../images/left_arrow.png) no-repeat left top;
    width: 30px;
    height: 30px;
  }
  .first_carousel.owl-carousel .owl-nav button.owl-next{
    background: url(../images/right_arrow.png) no-repeat right top;
    width: 30px;
    height: 30px;
  }

  .app_bttom  .btn{padding: 9px 25px; margin: 0 5px;}
  .btn.white_btn svg path {fill: #fff !important; opacity: 10;}
  .btn.white_btn:hover svg path {fill: #51a8c2 !important;}
  .black_btn svg path {fill: #fff !important;}
  .black_btn:hover svg path {fill: #51a8c2 !important;}
  .solution_icon svg path {fill: #000 !important; width: 34px;}

  .btn.black_btn{background: #222A35 !important; color: #fff; }
  .btn.black_btn:hover{background: transparent !important; color: #51a8c2;}
  .app_bttom:hover svg path{ color:#222A35 !important;}

  .banner_btn_row svg path {fill: #000 !important;}


  /*-- Safety_page(Start) --*/

  .safety_banner{
    position: relative;
  }
  .safety_banner:before{
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;  content: "";
  }
.safety_content{position: absolute; top: 45px;text-align: center; width: 100%; left: 0; right: 0;}
.safety_content p{font-size: 14px; color: #FFFFFF; font-family: 'Bookman Old Style', sans-serif; font-weight: normal; font-style: italic;}
.safety_content p span{ font-weight: bold; margin-top: 15px; display: block;}
.safety_heading{position: absolute; bottom: 10px;text-align: center; width: 100%; left: 0; right: 0;}
.safety_heading h1{color: #fff; font-weight: bold;}

.need_section{padding: 50px 0 20px;}

.arrow_list ul{padding-left: 0;}
.arrow_list ul li{position: relative; margin-bottom: 7px; color: #B8BDC8; font-size: 18px; list-style: none; position: relative; padding-left: 30px; color: #b5bac5;}
.arrow_list ul li:before{
  content: "\f178"; font-family: FontAwesome; left:0px; position:absolute; top:2px; color: #0d1722;}

.solution_section{padding: 20px 0;}

.solution_list ul{ padding-left: 0; margin-top: 40px;}
.solution_list ul li{ list-style: none; display: flex; margin-bottom: 60px;}
.solution_left{width: 80px; margin-right: 20px;}
.solution_icon{width: 76px; height: 76px; border-radius: 50px; border: 1px solid #222a35; text-align: center; position: relative;}

.solution_icon svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.solution_right h4{ margin-bottom: 10px; text-transform: capitalize;}
.solution_right h4 a{color: #222A35;}
.solution_right p{ color: #B8BDC8; font-size: 18px; margin-bottom: 10px;}



/*-- time_line(Start) --*/

#timeline {
  list-style: none;
  position: relative;
  margin-top: 40px;
}
#timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #BFBFBF;
  left: 50%;
  margin-left: -1.5px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: 0;
    background-color: #64b5c0;
    z-index: 100;
    border-radius: 50px;
    transform: translateX(-50%);
}
#timeline .timeline-badge span.timeline-balloon-date-day {
  font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: .7em;
  position: relative;
  top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #4997cd;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
  background-color: #ffffff;
  height: 35px;
  width: 35px;
  font-size: 1.7em;
  top: -16px;
  margin-left: -18px;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #4997cd;
  font-size: .9em;
  top: 2px;
  left: 1px;
}
#timeline .timeline-movement {
  position: relative;
}
#timeline .timeline-movement.timeline-movement-top {
  height: 60px;
}
#timeline .timeline-movement .timeline-item {
  padding: 0px 0; margin-bottom: 20px;
}
#timeline .timeline-movement .timeline-item .timeline-panel {
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  background-color: #FFFFFF;
  color: #666;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
  text-align: right;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
  color: #666;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
  color: #468c1f;
  font-size: 1.3em;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
  text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
  color: #e2001a;
  font-size: 1.3em;
}
/*-- time_line(End) --*/

.timeline_text p{font-size: 18px; color: #B8BDC8;}
.pr-40{padding-right: 40px;}
.pl-40{padding-left: 40px;}
.app_section.inner_appBg{background: #fff; padding-top: 20px;}

.btn:active, .btn.active {
    box-shadow: none; 
    background: rgb(80,167,194); /* Old browsers */
background: -moz-linear-gradient(left, rgba(80,167,194,1) 0%, rgba(112,192,192,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(80,167,194,1) 0%,rgba(112,192,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(80,167,194,1) 0%,rgba(112,192,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a7c2', endColorstr='#70c0c0',GradientType=1 ); /* IE6-9 */
}
.screenshot_section.inner_screenshot{padding-bottom: 30px;}
.stylish_heading{position: relative; margin-bottom: 50px;}
.stylish_heading:after { position: absolute; content: ""; bottom: -25px; left: 0; width: 45px; height: 5px; background: #5db3c2;}
.mission_text p, .solar_content p, .talented_content p{font-size: 18px; line-height: 1.4;}

.team_section h2, .team_section h4{text-align: center; text-transform: uppercase;}
.team_box{margin-top: 40px;}
.team_pic a{display: block;}
.team_content{padding: 16px 0;}
.team_content h4{text-transform: capitalize; margin-bottom: 10px;}
.team_content p{color: #B8BDC8; font-size: 18px; line-height: 1.4;}
.inner_solutionBg{background: #f8f8f8;}
.mt-150{margin-top: 150px;}

/*-- bootstrap_nav(Start) --*/
.header_bottom .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.header_bottom .navbar {
    position: relative;
    min-height: auto;
    margin-bottom: 0px;}
    .header_bottom .navbar-default .navbar-nav > li > a {
    color: #000;
}
.header_bottom  .navbar-default .navbar-nav > li > a:focus, .header_bottom  .navbar-default .navbar-nav > li > a:hover {
    color: #50a7c2;}

    .header_bottom .navbar-default .navbar-nav > .open > a, 
    .header_bottom .navbar-default .navbar-nav > .open > a:focus, 
    .header_bottom .navbar-default .navbar-nav > .open > a:hover {
    color: #50a7c2;
    background-color: transparent;
}


    .main_menu ul li ul.dropdown-menu li{display: block; margin: 0;}
    .main_menu ul li ul.dropdown-menu li a{ padding: 10px 10px;}


/*-- bootstrap_nav(End) --*/

/*-- Loder(Start) --*/

.spinner1 {
  width: 40px;
  height: 40px;
  position: absolute;
  margin: 0 auto;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
}


.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*-- Loder(end) --*/

.kys_banner{padding-top: 10%; width: 70%; position: relative; z-index: 2;}

.talented_content a.btn:hover{color: #222a35;}

.pl-0{padding-left: 0;}
.pr-5{padding-right: 5px;}
/*Media Query css*/

@media only screen and ( min-width:1601px ) {
    .container { width: 1200px;}
}

@media only screen and ( max-width:1600px ) {
  .testimonial_section:before {right: 22%;}
  .inner_banner { padding: 80px 0 0;}
  .banner_mobile { top: -10px;}
  .getin_touch_section h2{font-size: 46px;}

}
@media only screen and ( max-width:1366px ) {
    .top_bar_right { width: 27%;}
    .testimonial_section:before {right: 17%;}
    .inner_banner { padding: 50px 0 0;}
    .inner_banner_curve{ bottom: 0;}
    .kys_banner {padding-top: 15%;}

}
@media only screen and ( max-width:1200px ) {
    .main_menu ul li { margin: 0 10px;}
    .main_menu ul li a { font-size: 13px;}
    .btn{padding: 12px 42px; font-size: 14px;}
    .slider-wrap .carousel-indicators {bottom: 10px; margin-bottom: 0;}
    h2 { font-size: 39px;}
    .client_content {width: 76%;}
    .get_icon {width: 45px; font-size: 30px;}
    .get_icon_content {width: 90%;}
    .testimonial_section:before { right: 14%;}
    .safety_content { top: 25px;}
    .safety_heading { bottom: 0px;}
    .tab_icon_rigt {
    margin-left: 25px; width: 79%;}
    .kys_banner{/*padding-top: 6%;*/ width: 90%;}
    .getin_touch_section h2 {font-size: 40px;}

}
@media only screen and ( max-width:1024px ) {
    .top_bar_link a { font-size: 13px;}
    .main_menu ul li { margin: 0 8px;}
    .top_bar_social {margin-right: 7px;}
    .top_bar_right h6 a{font-size: 13px;}
    .banner_heading {
    font-size: 40px; margin-bottom: 10px;}
    .banner_text {
    font-size: 16px; margin-bottom: 10px;}
    .common_gap { padding: 40px 0;}
    .portfolio_section {top: -42px;}
    .portfolio_pannel { padding-top: 15px;}
    .service_midd, .pro_midd { width: 90%;}
    /*.testimonial_section:before { right: 10%;}*/
    .testimonial_section:before {right: 9%; top: 92px; background-size: 70%;}
    .screenshot_section { padding: 40px 5%;}
    .getin_touch_section { margin-top: 80px;}
    .getin_touch_section.inner_getin { margin-top: 40px;}

}
@media only screen and ( max-width: 991px ) {
    .main_menu ul li a { font-size: 11px;}
    .main_menu ul li { margin: 0 3px;}
    .top_bar_left {
    width: 75%;}
    .top_bar_social ul li {
    margin-right: 2px;}
    .slider-wrap .carousel-caption{left: 5%; right: 5%;}
    .banner_heading {
    font-size: 33px; margin-bottom: 6px;}
    .banner_text {font-size: 14px; margin-bottom: 6px;}
    .top_bar_right {width: 22%; padding-left: 0px;}
    .common_gap { padding: 30px 0;}
    h1{ font-size:31px;}
h2{ font-size:31px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:19px;}
h6{ font-size:17px;}
.portfolio_pannel ul li { margin: 2px 2px; }
.portfolio_bottom { padding: 3px;}
.portfolio_bottom p{font-size: 14px;}
.getin_touch_bg {padding-bottom: 30px;}
.client_pic{margin-right: 10px;}
.client_content {width: 70%;}
/*.testimonial_section::before{ top: 88px; right: 3%; background-size: 54%; width: 50px;}*/
.testimonial_section::before {
    top: 33px;
    right: 7%;
    width: 119px;}
.get_icon_content h4 { font-size: 17px;}
.get_right_header {padding: 20px 0px 10px;}
.get_form {padding-top: 10px;}
.get_form .btn { margin-top: 0px;}
.testimonial_section.common_gap {padding: 0 0 60px;}
.get_left {margin-top: -50px;}
.screenshot_section {
    padding: 30px 5%;
}
.special_tab div.bhoechie-tab-menu div.list-group>a { font-size: 16px;}
.tab_icon_rigt { margin-left: 10px; width: 75%;}
.tab_list li { margin-bottom: 25px;}
.special_tab div.bhoechie-tab-content {padding: 15px 10px 15px;}
.getin_touch_section.inner_getin { margin-top: 30px;}
.kys_banner { padding-top: 14%; width: 100%;}
.innbanner_heading { font-size: 35px; margin-bottom: 5px;}
.inner_banner_content p { font-size: 17px; margin-bottom: 5px;}
.getin_touch_section h2 { font-size: 31px;}

}

@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}
@media only screen and ( max-width: 767px ) {

    /*-- For_mob_menu(End) --*/
    .header_bottom .navbar-default .navbar-collapse, .header_bottom .navbar-default .navbar-form{
    border-color: transparent;
    position: static;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 9;
    padding: 0;

}
    .main_menu ul li { display: block; margin: 0;}
    .main_menu ul li a {padding: 6px 6px; font-size: 14px;}

    .btn {padding: 10px 35px; font-size: 12px;}
    .top_bar_left {width: 100%;}
    .top_bar_right{width: 100%; position: static; padding: 5px; text-align: center;}
    .logo {margin-top: 0px;}
    .header_bottom{padding: 10px 0;}
    .header_search{margin-top: 17px;}
    .common_gap { padding: 20px 0;}
    .service_box{ text-align: left; display: table; margin: 0 auto 15px;}
    .service_overlay_text{text-align: left; width: 100%; left: 0px;}
    .service_overlay_text h4{padding-left: 10px; margin-bottom: 5px;}
    .service_overlay_list li::before {position: relative;}
    .service_heading{width: 100%; text-align: center;}
    .talented_toppic { position: relative; margin: 15px 0; top: 0; text-align: center;}
    .talented_bottompic {width: 100%; text-align: center;}
    .talented_toppic::before, .talented_toppic::after, .talented_bottompic::before, .talented_bottompic::after { display: none; }
    .margin_heading{text-align: center;}
    .talented_content{text-align: center;}
    .margin_heading::after { right: 0; margin: 0 auto; }
    .pro_left .margin_heading::after, .service_left .margin_heading::after {
        bottom: -14px; top: inherit; transform: inherit; right: 0; left: 0; margin: 0 auto; width: 45px; height: 5px;}
    .service_right{text-align: center; margin-bottom: 15px;}
    .service_midd{text-align: center;}
    h1{ font-size:28px;}
h2{ font-size:28px;}
h3{ font-size:20px;}
h4{ font-size:19px;}
h5{ font-size:18px;}
h6{ font-size:17px;}
p{  font-size:14px;}
body{font-size:14px;}

h1, h2, h3, h4, h5, h6, p{margin-bottom: 15px;}
.margin_heading br{display: none;}
.get_left{text-align: center;}
.get_right_header {padding: 15px 0px; text-align: center;}
.get_icon_content, .get_icon {width: 100%;}
.get_icon_box { display: block;}
.getin_touch_bg {padding-bottom: 15px;}
.get_form .btn {margin: 10px auto 0; display: table;}
.client_content { width: 78%;}
.testimonial-carousel { margin-top: 17px;}
.pro_midd, .pro_right{text-align: center;}
.portfolio_section { top: 0; margin-bottom: 20px;}
.portfolio_pannel { border-top: none;}
.portfolio_pannel ul li { width: 48%;}
.portfolio_icon a { font-size: 17px;}
.portfolio_icon {width: 30px; height: 30px; line-height: 30px;}
.banner_heading {font-size: 25px;margin-bottom: 2px;}
.banner_text {font-size: 12px; margin-bottom: 6px; line-height: 15px;}
.slider-wrap .btn { padding: 7px 16px; font-size: 12px;}
.top_bar_social {margin-right: 0px;}
.talented_pic { position: relative; width: 100%;}
.get_left{width: 100%;}
.testimonial_section.common_gap { padding: 30px 0 60px;}
.services_pannel { padding: 30px 0 0; margin-top: 10px;}

.carousel-control.right { right: -14px;}
.carousel-control.left { left: -14px;}
.testimonial_section::before {display: none;}

#timeline .timeline-badge, #timeline:before{display: none;}
.timeline-item{text-align: center;}
.timeline-item .pr-40{padding-right: 0;}
.timeline-item .pl-40{padding-left: 0;}
.timeline-item .text-right{text-align: center;}
#timeline .timeline-movement .timeline-item { margin-bottom: 7px;}

.timeline-movement{margin-bottom: 15px;}
.address_box:after{display: none;}
.address_box { padding: 0px 0 5px;}
.address_section { padding: 0 0 15px 0;}
.ftr-btn{text-align: center;}
.ftr-btn-right {
    text-align: center;}
    .app_section.inner_appBg {
    padding-top: 15px;
}
.app_section{padding-bottom: 15px;}
.solution_list ul li {margin-bottom: 15px;}
.safety_content {top: 3px;}
.safety_content p { font-size: 13px; margin-bottom: 6px;}
    .safety_content p span { margin-top: 1px;}
    .need_section { padding: 20px 0 10px;}
    .solution_section { padding: 10px 0;}
    .solution_list ul { padding-left: 0; margin-top: 20px;}
    #timeline { margin-top: 20px;}
    .screenshot_section {padding: 20px 5%;}
    .service_icon_box { padding: 15px 15px 15px; margin-bottom: 15px;}
    .service_content { padding-top: 15px;}
    .special_section { padding: 25px 0 25px;}
    .special_section:before{display: none;}
    .bhoechie-tab-menu .list-group{text-align: center;}
    .special_tab div.bhoechie-tab-menu div.list-group>a { width: auto; font-size: 13px; display: inline-block; padding: 14px 6px;}
    .work_section { padding: 20px 0 20px;}
    .app_pic { margin-top: 15px; margin-bottom: 20px;}
    .work_box {margin-top: 20px; text-align: center;}
    .work_name { padding: 5px 0;}
    .getin_touch_section { margin-top: 40px;}
    .special_tab { margin-top: 25px;}
    .special_section .margin_heading span {font-size: 60px;}
    .app_carousel { margin-top: 25px;}
    .mission_pic, .solar_pic{text-align: center; margin-bottom: 15px;}
    .mission_text, .solar_content{text-align: center;}
    .stylish_heading:after{}
    .stylish_heading { margin-bottom: 30px;}
    .stylish_heading:after { bottom: -17px; left: 0; right: 0; margin: 0 auto; height: 3px;}
    .team_box { margin-top: 10px; text-align: center;}
    .safety_heading h1{margin-bottom: 5px !important;}
    .get_left {margin-top: 0;}
    .portfolio_pannel ul { padding: 4px 0 0;}
    .foot_link ul li a { font-size: 14px;}
    .foot_link ul li { margin-right: 10px;}
    .ftr-top { padding: 10px 0;}
    .testimonial_section h4 {letter-spacing: 0px;}
    .service_overlay_list li { padding-left: 10px; margin-bottom: 1px;}
    .service_overlay_list li::before { left: -6px;}
  .service_overlay_list li { padding-left: 18px;}
  .getin_touch_section.inner_getin { margin-top: 20px;}
  .kys_banner {text-align: center;}
  .banner_mobile { text-align: center;}
  .inner_banner { padding: 10px 0;}
  .copy_right{text-align: center;}
  .navbar-nav .open .dropdown-menu{padding-bottom: 30px;}
  .getin_touch_section h2 { font-size: 28px;}

}
@media only screen and ( max-width: 630px ) {
  .safety_content{position: relative; background: #333; top: inherit; padding-top: 10px;}
  .safety_heading{position: relative; bottom: inherit; background: #333; padding: 10px 0;}
  .safety_banner h1{margin-bottom: 0;}
  .service_overlay_list li a { font-size: 15px;}
  

}

@media only screen and ( max-width: 575px ) {
.client_pic{margin: 0 auto 20px;}
.client_content{text-align: center; width: 100%;}
.testimonial_box{text-align: center;}
.portfolio_pannel ul li { width: 49%; margin: 0;}
.portfolio_bottom h6 { font-size: 15px;}
.portfolio_bottom p { font-size: 12px;}
.slider-wrap .carousel-indicators { bottom: 0px;}
.top_bar_link{text-align: center; width: 100%;}
.top_bar_social{text-align: center; width: 100%; margin-top: 3px;}
.top_bar_left{padding: 4px 0;}
.slider-wrap .carousel-indicators {bottom: 1px;}
.solution_left {width: 50px; margin-right: 10px;}
.solution_icon { width: 50px;height: 50px;}
.inner_banner_content p { font-size: 15px;}

}
@media only screen and ( max-width: 480px ) {
.portfolio_pannel ul li { width: 100%; margin: 0 0 5px; display: block;}
.slider-wrap .carousel-caption {left: 0;right: 0;position: relative;top: 0;transform: inherit;padding: 15px 0 20px;}
.tab_icon img { width: 25px; height: auto;}
.tab_icon {
    width: 50px; height: 50px; line-height: 50px;}
.innbanner_heading {
    font-size: 33px;}
    .inner_banner { padding: 30px 0;}
    .portfolio_pannel ul { padding: 4px 4px 1px;}
}
@media only screen and ( max-width: 380px ) {
  .innbanner_heading {font-size: 29px;}
  .banner_btn_row .btn, .app_bttom .btn {padding: 7px 12px; margin-right: 3px;}


}



        /* The Modal (background) */
        .mymodal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Modal Content/Box */
        .mymodal-content {
            background-color: #fefefe;
            margin: 15% auto; /* 15% from the top and centered */
            padding: 6px;
            border-color:lightgray;border-style:solid; margin-top:20px;border-width:2px;border-radius:15px;
            width: 80%; /* Could be more or less, depending on screen size */
        }
        /* Modal Header */
        .mymodal-header {
            padding: 2px 6px;
            background-color: #ffffb3;
            color: white;
        }

        /* Modal Body */
        .mymodal-body {
            padding: 2px 6px;
           
        }

        /* Modal Footer */
        .mymodal-footer {
            padding: 2px 6px;
            background-color: #ffffb3;
            color: white;
        }
        /* The Close Button */
        .myclose {
            color: darkgoldenrod;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

            .myclose:hover,
            .myclose:focus {
                color: black;
                text-decoration: none;
                cursor: pointer;
            }
        #disclaimerlink:hover {
            cursor:pointer;
        }
   
/* The Modal (background) */
        .myServicemodal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
           
        }

        /* Modal Content/Box */
        .myServicemodal-content {
            background-color: #fefefe;
            margin: 15% auto; /* 15% from the top and centered */
            padding: 6px;
           
            width: 80%; /* Could be more or less, depending on screen size */
border-color:lightgray;border-style:solid; margin-top:20px;border-width:2px;border-radius:15px;
        }
        /* Modal Header */
        .myServicemodal-header {
            padding: 2px 6px;
            background-color: #ffffb3;
            color: white;
        }

        /* Modal Body */
        .myServicemodal-body {
            padding: 2px 6px;
           
        }

        /* Modal Footer */
        .myServicemodal-footer {
            padding: 2px 6px;
            background-color: #ffffb3;
            color: white;
        }
        /* The Close Button */
        .myServiceclose {
            color: darkgoldenrod;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

            .myServiceclose:hover,
            .myServiceclose:focus {
                color: black;
                text-decoration: none;
                cursor: pointer;
            }
       
/*Media Query css*/