body {font-family: 'Poppins', sans-serif;   color: #3d3d3d;}
* { margin: 0; padding: 0; font-weight: 400;}
.nav>li>a:focus, .nav>li>a:hover { background: none; outline: none }
input:focus,textarea:focus,button:focus{ outline: none; }
ul{ list-style: none }
.clr40{ clear: both; height: 40px; }
.clr20{ clear: both; height: 20px; }
.top_nav{background:rgba(8,8,19, 0.5); color: #fff;  position: absolute;top: 0; left: 0; z-index: 999; width: 100%;}
.top_nav ul{ list-style: none; padding: 0; margin: 0; }
.top_nav ul li{ float: left; padding:0 0 0 15px; font-size: 12px; }
.top_nav ul li a{ color: #b2b2b2; font-size: 12px; line-height: 30px;}
.top_nav ul li a:hover{ color: #fae17e;text-decoration: none; }
.top_nav ul li select{ background: #d0a807; color: #0d1420; border: 0; font-size: 12px; padding:5px 15px;}
.navbar-brand{ margin-top:5px; padding:0;}
.fixt_nav{ position:fixed; top:30px; z-index:999; width:100%;}
.slide_text{ color:#fff; text-align:center; width:100%; padding-top:230px; }
.slide_text1{ color:#fff; text-align:center; width:100%; }
.slide_text h2{ font-size:60px; font-weight:600; color:#fff; margin-bottom: 40px; padding-bottom: 0;}
.slide_text p{font-size: 18px; font-weight: 300;}
.banner{ height:706px;/*background:url(../img/slider_1.jpg) top center no-repeat; */ background-size:cover; width:100%;}
.btn_1{ border: 0; background: #ffcc00; display: inline-block;-webkit-transition: all .3s ease-in-out; font-size: 12px; font-weight: 600; color: #3b3c3c;text-transform: uppercase; padding: 10px 50px; margin-top: 40px;}
.btn_1:hover{ background: #ffde00; text-decoration: none; }
.fixt_nav ul li a{ color:#c7c5c7; font-size:14px; text-transform:uppercase; font-weight:400; padding:0; margin:20px 0px 15px 30px}
.fixt_nav ul li a:hover{ color:#ebc306; text-transform:uppercase; background:none;}
.header { transition: all 0.5s; height:80px;}
.header-alt { background-color: rgba(0,0,0, 0.9) !important;  transition: all 0.5s; height:65px;  top: 0; z-index: 999999 !important; border-radius: 0;}
.panel_1{ padding-top: 120px;}
.panel_1 h2{ font-size: 40px; color: #3b3c3c; font-weight: 600; padding-bottom: 0px;}
.panel_1 h3{ font-size: 18px; color: #3b3c3c; font-weight: 400; padding-bottom: 50px;}
.panel_1 ul li{ text-align: center;}
.panel_1 ul li a{ display:block;-webkit-transition: all .3s ease-in-out; width: 120px; margin: 0 auto; height: 120px; border: #898989 solid 1px; border-radius: 50%; padding-top: 30px;} 
.panel_1 ul li a:hover{ background: #ffcc00; border: #ffcc00 solid 1px;}
.panel_1 ul li strong{ color: #3b3c3c; font-size: 18px; font-weight: 600; padding-top: 30px; display: inline-block;}
.panel_2 .topsection{ /*background: url(../img/section_bg_2.jpg) bottom center no-repeat;*/background-size:cover; height: 490px; margin-top:60px;}
.panel_2 .midsection{ background: url(../img/section_bg_3.jpg) bottom center fixed no-repeat; margin-bottom: 150px; height: 391px; position: relative;}
.center_con_outer{ position: absolute; width: 100%; top: -100px; z-index: 999;}
.center_con{ background: #ffcc00; border-radius: 50%; width: 588px; height: 588px; padding-top: 50px; margin: 0 auto; text-align: center;}
.center_con h2{ font-size: 34px; font-weight: 600; margin: 0; padding: 0;}
.center_con p{font-size: 20px; font-weight: 600; margin: 0; padding: 0;}
.center_con h1{font-size: 50px; font-weight: 600; margin: 0; padding: 0;}
.center_con h3{font-size: 22px; font-weight: 600; margin: 0; padding: 0;}
.panel_3 h2{font-size: 40px; font-weight: 600; color: #3b3c3c; margin: 30px 0 50px 0; padding: 0;}
.mobile_box h2{font-size: 18px; font-weight: 600; margin: 20px 0 15px 0; padding: 0;}
.mobile_box p{font-size: 14px; font-weight: 400; color: #8f8e8e;}
.panel_4{ background: url(../img/section4_bg.jpg) bottom center no-repeat; margin-top: 60px;min-height: 670px; position: relative;}
.app_screen{ position: absolute; bottom:0; right: 7%; z-index: 99; }
.panel_4 h2{ margin-top: 440px; font-size: 40px; color: #fff; font-weight: 600;}
.panel_4 p{ font-size: 20px; color: #fff; font-weight: 400; margin-bottom: 50px;}
.panel_4 a{ margin: 5px; display: inline-block;}
.panel_5{ background: url(../img/testimonial_bg.jpg) 0 0 repeat; padding: 90px 0 50px 0;}
.testimonial_img{ width: 262px !important; float: right; margin-right: 30px; border-radius: 50%; height: 262px; object-fit: cover;}
.star{ float: left; width: 27px !important; height: 25px; margin-top: 30px;}
.panel_5 h2{ font-size: 40px; font-weight: 600; margin:0 0 50px 0; padding: 0;}
#testimonial_slide h3{ font-size: 22px; font-weight: 600; margin: 0; padding: 0;}
#testimonial_slide p{ font-size: 16px; width: 80%; font-weight: 400; margin:20px 0 0 0; padding: 0; color: #5f6060;}
#testimonial_slide .owl-next{ position: absolute; right: 7%; font-size: 60px; font-weight: bold; top: 30%;}
#testimonial_slide .owl-prev{ position: absolute; left: 7%; font-size: 60px; font-weight: bold; top: 30%;}
 .owl-dots{ text-align: center; margin-top: 30px;}
 .owl-dot { background: #b0b0b0 !important; width: 10px; height: 10px; border-radius: 50%; margin: 4px;}
 .owl-dots .active{ background: #4189dd !important;}
.panel_6{ padding: 60px 0; background: #4189dd; color: #fff;}
.panel_6 h2{font-size: 36px; font-weight: 600; margin: 0 0 20px 0;}
.panel_6 p{font-size: 16px; font-weight: 400; margin: 0; line-height: 22px;}
.panel_6 .btn_1{ margin-top: 20px;}
.panel_7 { padding: 50px 0 20px 0; background: #fff;}
.panel_7 ul li{ display: inline-block; padding: 3px;}
.panel_7 ul li a img{-webkit-transition: all .3s ease-in-out; }
.panel_7 ul li a img:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */   filter: grayscale(100%);}
.panel_7 p{color: #3e3e3f; font-size: 12px; margin-top: 15px;}
footer{ background: #1c313b; text-align: center; padding: 25px 0 10px 0; color: #848485; font-size: 14px;}
footer ul li{display: inline-block; padding: 10px 15px;}
footer ul li a{color: #848485; font-size: 12px; }
footer ul li a:hover{color: #e1e1e4; text-decoration: none; }
footer p{color: #848485; font-size: 12px;}
.terms_conditions h2{ background:#4189dd; padding:50px 0; font-size:40px; font-weight:600; color:#fff; margin:55px 0;}
.terms_conditions ul li{ font-size:16px; font-weight:400;padding-bottom:40px;}
.terms_conditions p{ font-size: 16px; font-weight: 400; line-height: 24px;}
.terms_conditions ul li strong{ font-weight:600; padding-right:15px; }
.terms_conditions ul li>ul li{ padding-bottom:0px; padding-top:6px; list-style:inside;}
.inner_header{ background:#3b3c3c;}
.inner_header .home_icon{ font-size:20px;}
.inner_header ul{ padding-top:15px;}
.web{ display:block}
.mob{ display:none}
#mobile_screen .item img{ width:100px !important;margin: 0 auto;}
/*====================css by plaban==================*/

.colec_con{ padding:0; text-align:center; font-size:22px !important;}
.form-control{ border-radius:0 !important;}

/*====================css by Malay==================*/
.banner.banner_new_b { position:relative; background-position-y: center;}
.banner.banner_new_b:before { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); left:0;}
.banner.banner_new_b .slide_text {position: relative;}
.topsection.topsection_new_b {background-position: center center!important;}
.midsection.midsection_new_b {background-position: center center!important; background-size:100%!important;}
.panel_4_new_b {background-size:100% 100%!important;}

@media only screen and (max-width:335px) {
	.panel_4 a {margin-top: 398px!important;}
	.top_nav.inner_header .container {padding:10px !important;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.navbar-collapse { background:none !important;}
	.navbar-collapse ul li a { border-bottom:none!important; padding: 18px 5px 5px 5px!important; font-size: 12px!important; margin: 0;}
	.navbar-brand img {width: 170px!important;}
	.app_screen {width: 300px!important; right: 3%!important;}
	.owl-carousel.owl-drag .owl-item .row { margin:0 !important;}	
	.panel_2 .topsection {height: 289px!important; margin-top: 80px!important;}
}

@media only screen and (min-width:1025px) and (max-width:1300px) {
	.mobile_box img { width:100%;}
	.panel_4 h2 { font-size: 34px!important;}
}

@media only screen and (max-width:1024px) {
    .mobile_box img{ width: 100%;}
    /*.slide_text p {display: none;}*/
    .panel_4 h2{ font-size: 28px;}
    .mob{ display:block}
    .web{ display:none}
    #main_slider .item img{ width:60px; margin: 0 auto;}
    #mobile_screen .mobile_box img{ width:300px !important;margin: 0 auto;}
	
	.panel_4_new_b {background-size: inherit!important;}
	.panel_2 .topsection {background-position: bottom !important;}

}    
@media only screen and (max-width:768px) {
    .mobile_box img{ width: inherit ;}
    .app_screen{ right: 2%;width: 27%;}
    /*.slide_text p {display: none;}*/
    .slide_text h2 {font-size: 30px; margin-bottom: 0;}
    .testimonial_img{ float: left;}
    .panel_1 ul li{ margin-bottom: 30px;}
    .fixt_nav ul li a {margin: 20px 0px 15px 7px; font-size: 13px;}
    .navbar-brand img{ width:170px; }
    #main_slider .item img{ width:60px; margin: 0 auto;}
    #mobile_screen .mobile_box img{ width:250px!important;margin: 0 auto;}
	
	.panel_7 ul li {padding: 1px!important;}
	.navbar-toggle .icon-bar {background: #ffcc00;}
	.navbar-collapse{ background: #3d3d3d; }
    .navbar-collapse ul li a{ border-bottom:#333 solid 1px; margin: 0; padding: 5px 15px; }
		
}    


@media only screen and (max-width:600px) {
	.mob{ display:block}
	.web{ display:none}
    .top_nav ul li{ width: 50%; }
    .navbar-toggle{ background: none !important; margin-top: 15px; }
    .navbar-toggle .icon-bar{ background: #ffcc00; }
    .navbar-brand {margin-left: 15px;}
    .navbar-collapse{ background: #3d3d3d; }
    .navbar-collapse ul li a{ border-bottom:#333 solid 1px; margin: 0; padding: 5px 15px; }
    .center_con{ width: 80%; border-radius:200px}
    .slide_text{ padding-top:150px;}
    .slide_text h2 {font-size: 25px; margin-bottom: 20px;}
    .slide_text p { display:block; font-size:14px;}
    .slide_text .btn_1{ margin-top: 15px;}
    .btn_1 { padding: 9px 35px;}
	.center_con{ height:inherit; padding:40px;}
    .center_con h2{ font-size:24px; }
    .center_con h1{ font-size:24px }
    .center_con h3 { font-size:15px}
	.center_con .clr20{ height:20px;}
	.center_con .clr40{ height:30px;}
    .panel_6 h2,.panel_5 h2,.panel_3 h2{font-size: 25px;}
    .app_screen{ bottom: 120px; width: 300px;}
    .panel_4 a{ width: 45%; float: left; margin-top: 435px;}
    .panel_4 a img{ width:100%}
    .panel_4 h2{ margin-top: 50px; font-size: 20px;}
    .panel_4 p{  font-size: 15px;}
    .owl-nav{ display: none;}
	.terms_conditions h2{ font-size:25px;}
	.inner_header .navbar-brand{ width:50%; margin-left:0;}
	.inner_header ul li { width:inherit;}
    .inner_header .navbar-brand img{ width:145px; margin-top:5px;}
    .navbar-brand img {  width:180px}
    .navbar-toggle { padding: 7px 8px; margin-top: 12px;}
    .panel_1{ padding-top: 25px;}
    .panel_1 h2{ font-size: 25px;}
    .panel_1 h3{ padding: 0 0 15px 0; margin-top: 10px;}
    .panel_1 ul li strong{ padding-top: 20px;}
    .panel_2 .topsection{ margin-top: 0;}
    .testimonial_img{ width:150px !important; height: 150px; float:none; display: inherit !important; margin: 0 auto;}
    #testimonial_slide{ text-align: center;}
    #testimonial_slide p{ width: 100%;}
    .star_reting{ width: 136px; margin: 0 auto;}
    .panel_2 .topsection{height: 172px;}
    .panel_3 h2{ margin:0;}
    #testimonial_slide h3{ font-size: 20px;}
    .mobile_box img {margin-top: 25px;}
    .mobile_box h2{ font-size: 18px; margin: 20px 0 10px 0;}
    .panel_4{ margin-top: 45px;}
    .panel_7 ul li img{ width: 35px;}
    .panel_7{ padding-top: 40px}
    .header-alt{ height: 56px;}
    .panel_2 .midsection{background-size: inherit !important;}
    .center_con_outer{ position: absolute; width: 100%; top: -43px; z-index: 999;}
    .panel_3 { margin-top: 150px;}
    .terms_conditions ul{ padding: 5px 10px;}
	#main_slider .item img{ width:60px; margin: 0 auto;}
	#mobile_screen .mobile_box img{ width:250px !important;margin: 0 auto;}
	.banner{ height:446px; background:url(../img/slider_1.jpg) top center no-repeat; width:100%; background-size: 900px;}
	
	/**************css by plaban******************************/
	.owl-dots{ margin-top:0px;}
	.owl-carousel .owl-stage-outer{ margin-top:33px;}
	.panel_5{ padding-top: 45px;}
	
    }