.tab-data-panel {
	display: none;
}

.box-shadow {

	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);

}



.header-default.light-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li a.menu-color {

	color: #000;

}



.nav-pills .nav--link.active, .nav-pills .show > .nav--link {

  color: #D00000;

  /*background-color: white; */

}.nav-pills .nav--link:hover, .nav-pills> .nav--link:hover {

  color: #D00000;

  /*background-color: white; */

}.nav-pills .nav--link, .nav-pills > .nav--link {

  color: #000;

  /*background-color: white; */

}



#happy-to-do ul li {

	margin-bottom: 5px;

	color: #000;

	line-height: 1.5;

	border-bottom: 1px solid #707070 !important;

}



.tabs-border {

	box-sizing: border-box;

	margin: -5px;

	padding: 25px;

	border-left: 8px solid #D00000;

	border-top: 1px solid #D9D9D9;

	border-right: 1px solid #D9D9D9;

	border-bottom: 1px solid #D9D9D9;

}

.tabs-pane-title {

	text-transform: capitalize;

	font-size: 32px;

	font-weight: 500;

}



.headline-desc {

	color: #D00000;

	font-size: 14px;

	font-weight: bold;

	text-align: justify;

}



.reguler-desc {

	color: #000;

	font-size: 14px;

	font-weight: 500;

	text-align: justify;

}





.tabs-tabs::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 1px solid #eee;

    opacity: 1;

    visibility: visible;

    z-index: 1;

}



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

  .number-1 {

  	order: 1;

  	height: 500px !important;

  }

  .number-2 {

  	order: 2;

  	height: 500px !important;

  }

  .number-3 {

  	order: 3;

  	margin-top: -450px !important;

  }

}





/*.menu-color-user {

	color: #000;

}*/



.section-title h2 {

	font-family: montserrat; 

	font-weight: 500; 

	font-size: 35px; 

	margin-bottom: 40px;

	margin-top: 25px;

}



.p-what-we-do {

	font-family: montserrat; 

	color: #000; 

	/*margin-bottom: 100px;*/

}

@media only screen and (min-width: 320px) and (max-width: 991px) {
	.p-what-we-do {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.section-title h2 {
		margin-bottom: 25px;
	}

	.tabs-pane-title {
		font-size: 26px !important;
	}
}





.section-title.white-text h2 {

	font-family: montserrat; 

	font-weight: 500; 

	font-size: 38px; 

	margin-bottom: -20px;

	color: #000;

}



.size-icon {

	max-width: 80px;

}



.header-2-project-experiences {

	font-family: montserrat; 

	font-weight: 500; 

	font-size: 35px; 

	color: #000;

}



.margin-flexale {

	margin-top: -80px;

	margin-bottom: -80px;

}



.section-title.white-text h2 {

	font-weight: 500;

	color: #fff;

}



.tag-header {

	color: #D00000; 

	font-family: "Raleway"; 

	font-weight: 600; 

	font-size: 40px; 

	text-transform: uppercase; 

	letter-spacing: 25px; 

	margin-bottom: 150px

}



.portfolio-project-about {

	font-family: montserrat !important;

}



p.bk_pra {

	font-family: montserrat !important;

}



.bk-list--2 p {

	color: #D00000 !important; 

	font-family: montserrat !important; 

	font-weight: 600 !important;

}



body.template-font-2 .form-style--1 .input-box input, body.template-font-2 .form-style--1 .input-box textarea:focus {

	outline-color: #D00000;

}



.form-style--1 .input-box::after {

	background-color: #D00000;

}



.form-style--1 .input-box input:focus {

	outline-color: #D00000;

}



body.template-color-1 .contact-form input[type="submit"], body.template-color-1 .contact-form textarea[type="submit"] {

	border-color: #D00000;

	background-color: #D00000;

}



.custom-platform-margin {

	margin-top: -100px;

}



body.template-color-1 a.brook-btn.bk-btn-theme, body.template-color-1 button.brook-btn.bk-btn-theme {

	background-color: #D00000;

}



a.brook-btn.btn-sd-size, button.brook-btn.btn-sd-size {

	margin-top: 40px;

	margin-left: 0px;

}



.portfolio-project-about-1 {

	margin-left: 0px !important;

}



.fab:hover {

	color: #D00000;

}



.center-crop-image {

	float: left;

    width:  500px;

    height: 300px;

    object-fit: cover;

}



.bl-sidebar.search .search-box button:hover {

    background-color: #D00000; 

}



.header-default.light-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li a.menu-color.active {

	color: #D00000;

}



.login-form-wrapper {

	margin-left: 280px;

	margin-right: 280px;

}







.sn-form-inner a:hover {

	color: #D00000;

}



body.template-color-1 [data-overlay]:before {

	background-color: #21A0A0;

}



.section-ptb-xl {

	padding: 300px 0;

}



.count {

	text-align: center;

}



.data-desc {

	margin-top: -70px;

	margin-left: 945px;

	font-size: 14px;

	font-weight: bold;

	font-family: "montserrat";



}



.data-desc-1 {

	margin-top: -10px;

	margin-left: 899px;

	font-size: 14px;

	font-weight: bold;

	font-family: "montserrat";



}



.data-desc-2 {

	font-family: "montserrat";

	font-size: 14px;

	font-weight: 400;

	color: #000;

}



.section-ptb-xl {

    padding: 230px 0;

}





.btn-btn-btn {

	text-align: center;

}



.btn-more {

	background-color: #F1F1F1 !important;

	color: #000 !important;

}



.color-muniyo {

	background-color: #FFCC00;

}





.btn-float{

	position:fixed;

	width:60px;

	height:60px;

	bottom:20px;

	right:100px;

	background-color:#25d366;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  	font-size:30px;

	box-shadow: 2px 2px 3px #999;

  	z-index:100;

  	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);

  	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);

}





.btn-dashboard{

	/*position:fixed;

	width:200px;

	height:60px;

	bottom:100%;

	right:100%;

	background-color:#D00000;	

	border-radius:50px;

	text-align:center;

  	font-size:25px;

	overflow: hidden;

  	z-index: 9811 !important;

  	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);

  	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);*/

  	position: fixed;

  	bottom: 0;

  	width: 100%;

  	z-index: 9;

  	margin: auto;

  	background-color: #F3F3F4;

}



.btn-dashboard .content {

	font-size: 10px;

	line-height: 1.5em;

	margin-top: 5px;

	font-family: montserrat;

	font-weight: bold;

}



.btn-dashboard .icons-content {

	padding: 7px;

	margin-top: 5px;

}

.btn-dashboard .icons-content .icons {

	font-size: 25px !important;

}

.btn-dashboard .icons-content .active {

	color: #D00000;

}





.fa {

	font-family: 'Font Awesome 5 Free';

    font-weight: 900;

}





.btn-float:hover {

	color: #fff;

}



.my-float{

	margin-top:16px;

  	color: #fff;

}



a.my-float:hover{

	color: #fff;

  

}



.headroom--not-top .header-right .popup-search-wrap a.btn-search-click {

	color:#000 !important;

}



.headroom--not-top .header-right .manu-hamber {

	color:#000 !important;

}



.color-subscribe {

	margin-bottom: -150px;

}





.header-default.light-logo--version .header-right .popup-search-wrap a.btn-search-click {

	display: none !important; 

}



.bl-sidebar.category .category-list li a.active {

	color: #D00000;

}



.sn-form-inner .single-input button {

	padding: 0 41px;

    height: 55px;

    line-height: 53px;

    outline: none;

    border-width: 1px;

    border-style: solid;

    border-radius: 6px;

    font-weight: 600;

    font-size: 14px;

    letter-spacing: 0;

    cursor: pointer;

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);

    font-family: "Poppins", sans-serif;

    color: #ffffff;

    border-color: #D00000;

    background-color: #D00000;

    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    -webkit-transition: all 0.3s cubic-bezier(1, 0.03, 0, 0.99);

    -o-transition: all 0.3s cubic-bezier(1, 0.03, 0, 0.99);

    transition: all 0.3s cubic-bezier(1, 0.03, 0, 0.99);

}



.blog-style--1 .thumb a .bottomShadow {

    -webkit-box-shadow: inset 0 -150px 90px -50px rgba(0, 0, 0, 1) !important;

    box-shadow: inset 0 -200px 130px -50px rgba(0, 0, 0, 1) !important;

}



.blog-style--1 .thumb a .childHover {

    -webkit-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 0.5) !important;

    -o-transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 0.5) !important;

    transition: all 0.5s cubic-bezier(0.57, 0.21, 0.69, 0.5) !important;

    width: 100%;

}



.blog-style--1:hover .thumb a .childHover {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}



.font-headline {

	font-weight: 700 !important;

}



.font-btn-float {

	font-family: montserrat; 

	font-size: 23px; 

}



.image-center {

  	display: block;

 	margin-left: auto;

  	margin-right: auto;

  	margin-top: -180px;

  

}



.font-blog {

	font-family: montserrat !important;

}



.footer-line-spacing {

	margin-top: 0px

	margin-bottom: 0px;

}



.theme-color {

	font-size: 65px;

	font-weight: bold;

	font-family: montserrat;

}





.headroom--not-top .header-right .popup-search-wrap a.btn-search-click-1 {

    color: #000 !important;

}



.images-crop {

	width: 500px; 

	height: 250px;

	object-fit: cover !important;

	object-position: center !important;

}



.images-crop-solution {

	width: 500px; 

	height: auto;

	object-fit: fill !important;

	object-position: center !important;

}



.header-default.light-logo--version .header-right .popup-search-wrap a.btn-search-click-1 {

    display: none !important;

}



.size-image {

	max-width: 80px !important;

	margin:auto !important;

}



.style-image {

	background-size:cover !important;

	background-position: center;

	padding-bottom: 100%;

	width: 100%;

}



.footer-padding {

	padding-left: 30px;

    padding-right: 30px;

}



.form-style--1 .input-box input {

	font-weight: 400 !important;

}



.form-style--1 .input-box textarea {

	font-weight: 400 !important;

}



.box_list {

    display: block;

    width: 100%;

    text-align: center;

    margin-bottom: 40px;

}



.box_grey {

    padding: 20px;

    display: inline-block;

    width: 30%;

    margin: 0 10px;

    height: 100px;

    font-family: montserrat;

    font-size: 24px;

    font-weight: 600;

    text-align: center;

    background: #f5f5f5;

    border-radius: 8px;

    margin-bottom: 30px;

    vertical-align: top;

}



.box-grey-info {

	text-align: center;

	margin: auto;

}


.bk-service-area .nav-pills a.active .service.service--1::before {
    border: 1px solid #D00000;
}












/*RESPONSIVE*/



@media (max-width: 767px) {

	.box_grey {

	    width: 100%;

	    margin-left: 0;

	    margin-right: 0;

	    font-size: 21px;

	    max-width: 220px;

	    clear: both;

	}

}



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

    .btn-float {

      	display: none !important; 

  	} 



  	.section-title.white-text h2 {

  		margin-bottom: -180px;

  	}



  	.number-speaks .content h3 {

  		margin-top: -100px;

  	}



  	.margin-flexale {

		margin-top: -150px;

  	}



  

}







@media only screen and (max-width: 991px){

	



	.header-default.light-logo--version .header-right .popup-search-wrap a.btn-search-click-1 {

		color: #fff;

	 	display: inline !important;

	}



	



	.images-order {

		order: 1 !important;

	}



	.images-order-2 {

		order: -1 !important;

		margin-bottom: 50px;

		margin-top: -50px;

	}



	.font-quick {

		font-size: 20px !important;

	}



	.footer-padding {

		padding: 15px;

	}

}





@media only screen and (max-width: 1001px){

	.flexale-image .thumb img {

	    margin: auto !important;

	}

}



@media only screen and (max-width: 1194px){

	

	.project-name {

		top: 250px !important;

		left: 550px !important;

	}

}



@media only screen and (max-width: 987px){

	

	.project-name {

		top: 210px !important;

		left: 400px !important;

		font-size: 25px;

	}

}



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

	

	.project-name {

		top: 150px !important;

	    left: 300px !important;

	    font-size: 20px;

	}



	.headline-details {

		margin-top: 50px;

	    margin-bottom: -15px;

	}

}



@media only screen and (max-width: 480px) {

	.project-name {

	    top: 100px !important;

	    left: 160px !important;

	    font-size: 12px;

	}



	.number-speaks .content h2 {

	    font-size: 28px;

	}



	.media-bottom {

		margin-top: -150px;

	}



	.image-center {

		margin-top: -120px;

	}



	.tag-header {

		max-width: 300px !important;

		letter-spacing: 10px;

	}

}



@media only screen and (max-width: 574px) {

	.tag-header {

		

		font-size: 28px;

		text-align: center;

		letter-spacing: 10px;

	}

}







@media only screen and (max-width: 500px){

	.header-default .header__wrapper .header-left .logo a img {

	    width: 80px !important;

	}

	.img {

		width: 80px;

	}

	.tag-header {

		letter-spacing: 10px;

		font-size: 28px;

	}

}



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

	.section-title h2 {

	    font-size: 20px !important;

	}

}



@media only screen and (max-width: 628px) {

	.circle-atas {

		margin-top: -450px !important;

	}



	.circle-bawah {

		margin-bottom: -450px !important;

	}

}



@media only screen and (max-width: 470px) {

	.circle-atas {

		margin-top: -450px !important;

	}



	.circle-bawah {

		margin-bottom: -450px !important;

	}



	.tag-header {

		letter-spacing: 10px;

		font-size: 20px;

	}

}



@media only screen and (max-width: 400px) {

	.circle-atas {

		margin-top: -490px !important;

	}



	.circle-bawah {

		margin-bottom: -460px !important;

	}

}



@media only screen and (max-width: 991px) {

	.mtop {

	    margin-top: 120px !important;

	}

}



@media only screen and (max-width: 991px) {

	.login-form-wrapper {

		margin-left: 0px;

		margin-right: 0px;

	}

	

	

    .home-tab-content .reguler-desc {

        text-align:left;

    }

    

    .home-tab-content .headline-desc {

        text-align:left;

    }

    

}



@media only screen and (min-width: 992px) {

    .visible-xs, .visible-sm {

        display: none ;

    }

    

    .visible-md, .visible-lg {

        display: block;

    }

    

}



@media only screen and (max-width: 991px) {

	

	#pills-tabContent .content p {

        text-align:left;

    }

    

    .visible-xs, .visible-sm {

        display: block;

    }

    

    .visible-md, .visible-lg {

        display: none ;

    }

    .number-wrap {
		display: inherit !important;
		flex-wrap: nowrap !important;
	}

	.number-wrap .content {
	    padding-left: 0 !important; 
	    text-align: left;
	    -webkit-box-flex: 0 !important;
	    -webkit-flex: 0 !important;
	    -ms-flex: 0 !important;
	    flex: 0 0 66.66667%; 
	    max-width: 100% !important; 
	    padding-top: 25px !important;
	}

    



}



/*Member Area Project*/

.project-wrap {

    border:1px solid black;

    padding:10px;

    margin-bottom:30px;

}



.pull-right {

    float:right;

}



.project-title {

    display:inline;

}

.arrow-right {

    margin-top: 5px;

}



.grow {

    

}

.grow:hover {

    transform:scale(1.01);

    transition : 1s;

}


/* CSS BULLET SLIDER MOBILE */

#rev_slider_1_1_2 .brook .tp-bullet, #rev_slider_29_1 .brook .tp-bullet {
    display: inline-block;
    vertical-align: top;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: transparent;
    width: 22px;
    height: 31px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#rev_slider_1_1_2 .brook .tp-bullet:after {
    content: '';
    width: 0;
    height: 2px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #fff;
}

#rev_slider_1_1_2 .brook .tp-bullet:hover:after, #rev_slider_1_1_2 .brook .tp-bullet.selected:after {
    width: 100%;
    left: 0;
    right: auto;
}