body{font-family: 'Poppins', sans-serif;font-size:14px; color:#333; height:100%;}
html{font-family: 'Poppins', sans-serif; height:100%;}
.redmore{font-size:13px;}
.container {max-width: 100%;}
a:hover{text-decoration: none;}

/*Slim Scroll*/
/* Works on Firefox */
* {scrollbar-width: thin;scrollbar-color: #ffb61c #b5b5b5;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 4px;}
*::-webkit-scrollbar-track {background: #b5b5b5;}
*::-webkit-scrollbar-thumb {background-color: #ffb61c;border-radius: 10px;width:1px;}

.loan_calculator_form ::placeholder {color: #999999;opacity: 1;/* Firefox */}
.loan_calculator_form :-ms-input-placeholder {/* Internet Explorer 10-11 */color: #999999;}
.loan_calculator_form ::-ms-input-placeholder {/* Microsoft Edge */color: #999999;}

/* ===== HEADER ===== */
.top_header{background-color: #333 !important; padding: 3px 0; text-align: right; min-height: 32px; color: #fff;}
.header{background-color: #ff9933 !important; padding: 10px 0; min-height: 84px;}
.logo img{max-width: 100%; max-height: 60px;}

.top_btn .btn{border-radius: 0;}

.social-icons{ display: inline-block; margin-left: 7px; vertical-align: middle; }
.social-icons a{ display: inline-block; color: #fff; font-size: 17px; margin:2px 6px;}
.social-icons a:hover{ color: #ff9933 }
.font-increment-cont{ display: inline-block; vertical-align: middle; }
.font-increment-cont ul{ margin:0; padding: 0; list-style-type: none; }
.font-increment-cont li{ display: inline-block; margin:0 5px; }
.font-increment-cont li a{ display: inline-block; border: 1px solid #717171; min-width: 30px; padding: 1px 6px; text-align: center;color: #fff; font-weight: 500; font-size: 13px; border-radius: 4px;}
.signup_link{ color: #ff9933; text-decoration: underline; font-weight: 600 }
.signup_link:hover{ color: #ff9933; text-decoration: none; }
/*Header*/
.sticky-top{background:#fff;}
.navbar_custum {
	background: #ec7400;
	padding: 0;
}
.navbar-light .navbar-nav .nav-link {color: #fff;padding:13px 25px;font-weight: 400;text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #000;background: #ffb61c;}
.dropdown-divider {border-top: 1px solid #4c4c4c;}
.navbar_custum .navbar-nav li .dropdown-item {font-size: 14px;padding: 7px 10px;border-bottom: solid 1px #e8e8e8;white-space: normal}
.navbar_custum .navbar-nav li .dropdown-item:hover{background: #fffaef;}

.navbar_custum .dropdown-menu {
	border-radius: 0px;
	margin: 0;
	min-width: 250px;
	max-width: 250px;
	left: 0;
	right: inherit;
}
.navbar_custum .dropdown-menu .cart_img {
  max-width: 100%;
  max-height: 60px !important;
}
.navbar_custum .navbar-nav li.nav-item.active a{color:#000;}
.navbar_custum .dropdown-item:focus, .dropdown-item:hover{background-color: transparent;}
.navbar_custum.navbar-dark .navbar-toggler{border-color: transparent; padding: 0px;outline: 0;}
.navbar_custum.navbar-dark .navbar-toggler:focus{outline: 0;}
.navbar-brand img{max-width: 100%; max-height: 80px;}
.no-gutters > .col, .no-gutters > [class*="col-"]{padding: 8px !important;}
.navbar-light .navbar-brand {color: #fff;}
.navbar-light .navbar-toggler {color: #fff;border-color: transparent;outline: none;}
.logo{max-width:100%; max-height:70px;}

.btn_lg {display: inline-block;padding: 24px 40px;border: 1px solid #026cfe;border-radius: 32px;background-color: #026cfe;
color: #ffffff;font-weight: 600;line-height: 0;text-decoration: none;transition: all 0.2s;}
.btn_lg:hover {border: 1px solid #026cfe;background-color: transparent;color: #026cfe;text-decoration: none;}

.font12{font-size:12px;}
.font18{font-size:18px;vertical-align: middle;}

/*Go to top*/
#goto_top{z-index: 999;display: none;position: fixed;right: 10px;bottom: 21px;width: 36px;height: 36px;border-radius: 50%;border: none;background: #ffad01;text-align: center; cursor: pointer;}
#goto_top span {position:absolute;top: 7px;left: 0; right: 0; color: #fff;text-align: center;font-size: 16px;}
#goto_top:hover {background: #e3010f;border: none;}

.contact .info i {font-size: 20px;color: #2487ce;float: left;width: 44px;height: 44px;background: #e3f0fa;display: flex;justify-content: center;align-items: center;border-radius: 5px;transition: all 0.3s ease-in-out;}
.contact .info h4 {padding: 0 0 0 60px;font-size: 22px;font-weight: 600;margin-bottom: 5px;color: #124265;}
.contact .info p {padding: 0 0 0 60px;margin-bottom: 0;font-size: 14px;color: #217bbc;}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {background: #2487ce;color: #fff;}

.heading_one{color:#ea8419;position:relative; margin:20px 0 50px;text-transform: uppercase;}

.heading_one{color:#ea8419;position:relative; margin:20px 0 50px;text-transform: uppercase;}
.heading_one:before{content:""; position:absolute; bottom:-15px; left:0; width:100px; margin:auto; border-bottom:solid 4px #ea8419;}

/*Tabs*/
.nav-tabs{border-bottom: 1px solid #79bd55;text-align:center; width:100%;}
.nav-tabs .nav-link {background: #79bd55;color: #fff;margin-left: 5px;border-radius: 4px 4px 0 0;font-size: 16px;padding: 8px 15px;border-top: solid 2px #79bd55;border-right: solid 2px #79bd55;border-left: solid 2px #79bd55;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: #79bd55 #79bd55 #79bd55;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #79bd55;background-color: #fff;border-radius: 4px 4px 0 0;border-color: #79bd55 #79bd55 #fff;border-top: solid 2px #79bd55;border-right: solid 2px #79bd55;border-left: solid 2px #79bd55;}

.list1{margin: 0;padding: 0;width: 100%;display: block;float: left;}
.list1 li{margin: 0 0 12px 0;padding: 0 0 0 25px;position: relative;color: #333;list-style: none;font-size: 14px;width: 100%;line-height: 26px;}
.list1 li:before {position: absolute;left: 0;top: 0;content: "\f00c";width: 14px;height: 14px; font-family: 'FontAwesome'; color: #666;}
.list1 li a:hover {color: #d86838;text-decoration: none;}

.service {border: 1px solid #eaeaea;position: relative;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;padding:20px;border-radius: 30px 0;background: #fff;
box-shadow: 1px -1px 8px 0px rgba(0,0,0,0.1);overflow: hidden;}
.service::before {content: "";position: absolute;width: 100%;height: 100%;right: -9px;top: 9px;border: 1px solid #ffb61c;z-index: -1;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;border-radius: 30px 0;}
.pos-rel {position: relative;}
service__icon::before {content: "";border-radius: 50%;background: #ff7029;opacity: 0.071;position: absolute;left: 0;top: 0;width: 120px;height: 120px;z-index: 1;right: 0;
margin: 0 auto;z-index: -1;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.service_icon{text-align:center;margin: 50px 0 50px 0;position: relative;top: -40px;}
.service_icon img{max-height: 80px;max-width: 100%; border-radius:6px;margin-top: 20px;}
.service_text h5{color:#000; font-weight:600;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.service {padding-right: 18px;padding-left: 18px;}}
@media (max-width: 767px) {.service {padding-right: 18px;padding-left: 18px;}}
.service:hover .service_icon::before {transform: scale(1.2);}
.service_icon::before {content: "";border-radius: 50%;background: #ed7916;opacity: 0.1;position: absolute;left: 0;top: 0;width: 120px;height: 120px;z-index: 0;right: 0;
margin: 0 auto;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.service_icon{text-align:center;}
.service_text h5{color:#000; font-weight:600;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.service {padding-right: 18px;padding-left: 18px;}}
@media (max-width: 767px) {.service {padding-right: 18px;padding-left: 18px;}}
.service:hover .service_icon::before {transform: scale(1.2);}
.service_icon::before {content: "";border-radius: 50%;background: #ed7916;opacity: 0.1;position: absolute;left: 0;top: 0;width: 120px;height: 120px;z-index: 1;right: 0;
margin: 0 auto;z-index: -1;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}

.owl-carousel .item {position: relative;z-index: 100; -webkit-backface-visibility: hidden;}
.owl-nav > div {position: absolute;top: 50%; }
.owl-nav i {font-size: 24px;color: #fff;}
.owl-nav i:hover{color: #f97d34;}
.owl-nav .owl-prev {left: 0px;background: rgba(0,0,0,0.5);	padding: 5px;}
.owl-nav .owl-next {right: 0px;background: rgba(0,0,0,0.5);	padding: 5px;}
.product_box{border: solid 1px #ccc;padding: 0 20px;margin: 0 15px;}
.product_box{border: solid 1px #ccc;padding: 0 20px; border-right: none;}
.product_box:last-child{border-right: solid 1px #ccc;}
.owl-carousel.product_two .owl-nav .owl-next .fa, .owl-carousel.product_two .owl-nav .owl-prev .fa{background: rgba(0,0,0,0.5);width: 40px;height: 40px; padding: 8px; color: #fff;}

button:focus {
  outline: 0;}
.bg-success{background: rgb(39,185,72);
background: linear-gradient(190deg, rgba(39,185,72,1) 0%, rgba(10,124,36,1) 100%);}

.social_link {margin: 0;padding: 0px;}
.social_link li {margin: 0 10px 0 0;padding: 0px;text-align: center;list-style: none;display: inline-block;}
.social_link li .fa {font-size: 20px;}
.social_link li a{color: #009b3c;background: #fff;width: 40px;height: 40px;line-height: 44px;display: inline-block;text-align: center;border-radius: 50%;}
.social_link li a:hover{background: #55ce84; color:#fff;}
/*FOOTER*/
.footer {padding: 50px 0;background: #1e1e1e;}
.footer ul{margin: 0;padding: 0;}
.footer ul li{line-height: 20px;color: #fff; list-style: none; margin-bottom:12px; font-weight:normal; position: relative;padding-left: 20px;}
.footer ul li:before {position: absolute;left: 0;top: 0;content: "\f105";width: 14px;height: 14px;font-family: 'FontAwesome';color: #f97d34;}
.footer ul li a{color: #fff;}
.footer ul li a:hover{color: #ffb61c;}


.copyright{background: #131313; padding: 20px 0; color: #fff;}
.copyright a{color: #fff;}
.copyright a:hover{color: #ffad01;}
.copyright p{font-weight: 400;}
.copyright small{font-weight: 300;}
.satisfied_clients{background:url(../images/satisfied_clients.jpg) no-repeat 0 0/cover; padding:250px 0;}
.bg-light {background-color: #f4f4f4 !important;}

.our_partners.owl-carousel .owl-item .item {margin: 5px; padding:0px;}
.our_partners.owl-dots button.owl-dot {width: 16px;height: 16px;border-radius: 50%;display: inline-block;background: #FFD5B1;margin: 0 3px;}
.our_partners .owl-nav > div {position: absolute;top: 50%; transform: translateY(-50%);}
.our_partners .owl-nav i {font-size: 24px;color: #003e7e;}
.our_partners .owl-nav i:hover{color: #003e7e;}
.our_partners .owl-nav .owl-prev {left: -10px;}
.our_partners .owl-nav .owl-next {right: -10px;}
.our_partners.owl-carousel.product_two .owl-nav .owl-next .fa, .owl-carousel.product_two .owl-nav .owl-prev .fa{background: rgba(0,0,0,0.5);width: 40px;height: 40px; padding: 8px; color: #fff;}
.our_partners.owl-carousel .owl-item .img{width: auto;box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);background: #fff;border-radius: 8px;text-align: center !important;overflow: hidden; padding:10px;}

.services_box{/*background: rgba(0,0,0,0.7);box-shadow: 1px -1px 8px 0px rgba(0,0,0,0.1);border: solid 1px #ececec;*/overflow: hidden;position: relative;border-radius: 8px;padding: 30px 15px;}
.services_box .btn_wrap{position: absolute;bottom: 0;width: calc(100% - 30px);}
.services_box .icon{max-width:100%; max-height:60px;}
.pb-10{padding-bottom:100px;}

.list2{margin: 0;padding: 0;width: 100%;display: block;float: left;}
.list2 li{margin: 0 0 5px 0;padding: 0 0 0 20px;position: relative;color: #fff;list-style: none;font-size: 13px;width: 100%;line-height: 18px; text-align:left;}
.list2 li:before {position: absolute;left: 0;top: 0;content: "\f00c";width: 14px;height: 16px; font-family: 'FontAwesome'; color: #fff;}
.list2 li a:hover {color: #ffad01;text-decoration: none;}
.notice_board .item, .awards .item{background: #f7f7f7;box-shadow: inset 0 1px 8px 8px #e6e6e6;overflow: hidden;border-radius: 3px;}
.owl-carousel.awards .owl-nav .owl-next .fa, .owl-carousel.awards .owl-nav .owl-prev .fa, .owl-carousel.notice_board .owl-nav .owl-next .fa, .owl-carousel.notice_board .owl-nav .owl-prev .fa{background: rgba(0,0,0,0.5);width: 40px;height: 40px;color: #fff;font-size: 35px;
text-align: center;}
.awards .item .content{position:absolute; bottom:0;background: rgba(0, 0, 0, 0.5);width: 100%;color: #fff;}

/*Inner Banner*/
.inner_header{background: url(../images/inner_banner.jpg) no-repeat center top/cover;height: 100px;display: table;width: 100%;padding: 30px 0; margin-bottom:30px;border-radius: 6px;}
.inner_header .contentwrap {height: 100%;display: table-cell;vertical-align: middle;}

.partner_box{border: 1px solid #eaeaea;position: relative;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;padding:20px;border-radius: 30px 0;background: #fff;
box-shadow: 1px -1px 8px 0px rgba(0,0,0,0.1);overflow: hidden;}

.about-area {
	text-align: center;
}
.single-about-box {
	padding: 25px;
	transition: all 0.4s;
}
.single-about-box .card-header {
	background: #5858ee;
	background-image: -webkit-linear-gradient(27deg, #030642 0%, #5c5cf7 100%);
	background-image: -o-linear-gradient(27deg, #030642 0%, #5c5cf7 100%);
	background-image: linear-gradient(63deg, #030642 0%, #5c5cf7 100%);
	color:#fff;
}
.single-about-box img {
	max-width:100%;
}
.single-about-box.home img {
	max-width:100%;
	max-height:200px;
}
 .single-about-box i::before {
 color: #0074da;
 font-size: 60px;
 transition: all 0.4s;
 display: block;
}
.single-about-box:hover, .single-about-box.active {
	box-shadow: 0 30px 30px rgba(0, 0, 0, .2);
	transition: all 0.4s;
}
.single-about-box.active i::before, .single-about-box:hover i::before {
 color: #000;
}
.single-about-box h4 {
	margin: 25px 0 15px;
}
.contact-form, .contact-address {
	background: #fff;
	padding: 40px 60px;
	box-shadow: 0 30px 30px rgba(0, 0, 0, .2);
}
.contact-form input, .contact-form textarea, .contact-form button {
	border: 1px solid #bbb;
}
.contact-form button {
	transition: all 0.4s;
}
.btn_blue {
	background: -moz-linear-gradient(left, #0c61ac 1%, #185d99 24%, #105393 67%, #0363b7 100%);
background: -webkit-linear-gradient(left, #0c61ac 1%, #185d99 24%, #105393 67%, #0363b7 100%);
background: linear-gradient(to right, #0c61ac 1%, #185d99 24%, #105393 67%, #0363b7 100%);
	color: #fff;
}
.btn_blue:hover {
	background: -moz-linear-gradient(left, #000529 1%, #002055 24%, #105393 67%, #085191 100%);
background: -webkit-linear-gradient(left, #000529 1%, #002055 24%, #105393 67%, #085191 100%);
background: linear-gradient(to right, #000529 1%, #002055 24%, #105393 67%, #085191 100%);
	color: #fff;
}
.contact-form h4, .contact-address h4 {
	margin-bottom: 20px;
	font-size: 20px;
}
.contact-address li {
	margin-bottom: 33px;
	display: flex;
}
.contact-address li .contact-address-icon {
	flex: 1;
}
.contact-address li .contact-address-info {
	flex: 6;
	padding-top: 6px;
}
.contact-address li .contact-address-icon i::before {
 width: 38px;
 height: 38px;
 border-radius: 100%;
 border: 1px solid #f97d34;
 display: block;
 text-align: center;
 line-height: 36px;
 font-size: 21px;
 transition: all 0.4s;
 color:#f97d34;
}
.contact-address li .contact-address-info a {
	display: block;
}
.contact-address p {
	margin-bottom: 45px;
	padding-top: 10px;
}
.contact-address li:hover .contact-address-icon i::before {
 background: #f97d34;
 color: #fff;
}
.contact-form input, .contact-form textarea, .contact-form button {
  border: 1px solid #bbb;
}
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], input[type="number"], textarea {
	/*background: transparent;
  width: 100%;input[type="submit"]*/
	padding: 6px 10px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
.table td, .table th{font-size: 14px;}
.table th {
	background: #fdfaf3;
	font-weight: bold;
}

/*Side Menu*/
.side_menu{width: 100%; padding: 0px; margin: 0px;}
.side_menu .navbar-collapse {background: transparent;}
.side_menu .navbar-nav{width: 100%; display: block;}
.side_menu .navbar-nav .nav-item{margin-bottom: 5px;}
.side_menu .navbar-nav .nav-link{background: #7d160d; color: #fff; font-weight: 400; padding: 12px 8px; position: relative;align-items: center !important; display:flex;}
.side_menu .navbar-nav .nav-link:after{font-family: 'FontAwesome'; content: "\f105";position: absolute;right: 10px;font-size: 22px;transform: translateY(-50%);top: 50%;}
.side_menu .navbar-nav .nav-item:hover .nav-link, .side_menu .navbar-nav .nav-item.active .nav-link{background: #ffb61c;color: #000;}
.side_menu .navbar-nav .nav-link.active{background: #ffb61c;color: #000;}
.side_menu .navbar-nav .nav-item .icon{width: 20px;height: 20px;display: inline-block;margin: 0 5px 0 0; padding: 0; background: url(../images/menu_icon.png) no-repeat 0 0;transform: translateY(-50%);top: 50%;left:10px;position: absolute;}
.side_menu .fa.pull-left {margin-right: 10px;}
/*.side_menu .news .card-body {min-height: auto;max-height: inherit;}*/
.cart_img{max-width:100%; max-height:100px !important;}
.products_list_scroll{max-height:270px; overflow-y:auto; overflow-x:hidden;}

/*tabs*/
.tabs .nav-tabs {border-bottom: none;background: #ebebeb;}
.tabs .nav-tabs .nav-link {color: #444;text-transform: capitalize;border: none;padding-left: 20px;padding-right: 20px; font-size: 15px;}
.tabs .nav-tabs .nav-link.active{color: #fff;background-color: #5bb8ca;border: none;border-radius: 0;}


/* DROPDON MENU*/
.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-menu .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-left: .3em solid;
  border-bottom: .3em solid transparent;
  border-right: 0;
  border-top: .3em solid transparent;
  float: right;
  margin-top: 6px;
}
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:-6px;}

.news .card-body{max-height: 400px;overflow-y: auto !important; overflow:hidden;}
.card-header{background:#1c1c1c; color: #fff;}
.news ul{margin:0; padding:0;overflow-y:auto;overflow-x: hidden !important;}
.news ul li{margin:0;color:#000; border-bottom: solid 1px #d6d6d6;list-style: none; padding: 10px 0}
.news ul li a{color:#000; text-decoration: none;}
.news ul li a:hover{color:#a41104; text-decoration: none;}

.news .readmore{position:absolute; bottom:0; left:0; right:0; background:#faa804; height:44px; text-align:left; line-height:44px; padding-left:20px;}
.news .readmore a{color:#fff;}

.event_slider.owl-carousel .item, .our_board_member.owl-carousel .item{border: solid 1px #e1e1e1;padding: 10px;border-radius: 2px;}
.our_board_member.owl-carousel .item img{border-radius: 50%;width: 120px;height: 120px;margin: auto;border: solid 1px #ffad01;padding: 5px;}
.our_board_member.owl-carousel .item{position: relative;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;padding:0;border-radius: 30px 0;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); min-height: 250px;overflow: hidden;}
.our_board_member.owl-carousel .item::before {content: "";position: absolute;width: 96%;height: 96%;right: 2%;top: 2%;border: 1px solid #ffad01;z-index: -1;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;border-radius: 30px 0;}


.board_members .item{border: solid 1px #e1e1e1;padding: 10px;border-radius: 2px; height:100%;}
.board_members .item img{border-radius: 50%;width: 120px;height: 120px;margin: auto;border: solid 1px #ffad01;padding: 5px;}
.board_members .item{position: relative;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;padding:0;border-radius: 30px 0;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); min-height: 250px;overflow: hidden;}
.board_members .item::before {content: "";position: absolute;width: 96%;height: 96%;right: 2%;top: 2%;border: 1px solid #ffad01;z-index: -1;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;border-radius: 30px 0;}


.userprofile_box{position: relative;overflow: hidden;}
.userprofile_box:after{content: "";background: #ffa44c;position: absolute;width: 100%;display: block;height: 120px;top: 0;left: 0;z-index: -1;}
.userprofile_box:before {content: "";position: absolute;width: 96%;height: 96%;right: 2%;top: 2%;/*border: 1px solid #ffad01;*/z-index: -1;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-ms-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;border-radius: 30px 0;}
.userprofile_box .member_img{/*width:125px; height: 125px;*/ border-radius: 50%;overflow: hidden;border:2px solid #fff;}
/*.userprofile_box .member_img img{min-width: 100%; min-height: 100%; max-height: 120px;}*/
.userprofile_box table tr td{ padding: 8px 12px; position: relative; vertical-align: top; }
.userprofile_box table tr td:nth-child(1){ width: 35%; text-align: left; }
.userprofile_box table tr td:nth-child(2){ width: 10%; text-align: center; }
.userprofile_box table tr td:nth-child(3){ width: 55% }


/*Tabs*/
.tabbed-content {margin: auto;}
.tabbed-content .item {margin-bottom: 2px;}
.tabbed-content .item::before {cursor: pointer;font-weight: bold;background: #eee;padding: 0.5em;display: block;}
.tabbed-content  .item.active::before {background: #444;color: #eee;}
.tabbed-content .tabs {display: none;}
.tabbed-content .item::before {content: attr(data-title);}
.tabbed-content .item .item-content {opacity: 0;visibility: hidden;height: 0;}
.tabbed-content .item.active .item-content {opacity: 1;visibility: visible;height: 100%;}


.flag{max-width: 100%; max-height: 15px;}

.card.summary {
  padding: 0;
}

.card.summary > .background {
  display: block;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0;
  margin: 0;
  width: 100%;
}

.card.summary > .information {
  color: #333;
  border-top: 1px solid #eee;
  padding: 8px 12px;
}

.card.summary > .information > .title {
  font-weight: bold;
}

.card.summary > .information > div:not(:last-child) {
  margin-bottom: 4px;
}

.card.summary .domain {
  color: #888;
}

/*-- News --*/
#ticker1 {
	overflow: hidden !important;
}
.news .panel {
	border: 0 none;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.news {
	position: relative;
}
.news .panel-warning > .panel-heading {
background-color: rgb(30, 105, 162);
border-color: rgb(30, 105, 162);
color: rgb(255, 255, 255);
font-weight: 500;
height: auto;
overflow: hidden;
text-transform: capitalize;
font-family: "Oswald",sans-serif;
}
.play-pause {
	font-size: 12px;
	margin-top: 4px;
	position: absolute;
	top: 10px;
	right: 16px;
	top:8px;
}

.content h3 {
    font-size: 22px !important;
    margin-top: 4px !important;
    margin-bottom: 0px !important;
    font-family: Hind;
	font-family: "Oswald", sans-serif;
}
.newspanel h3 {
	font-size: 22px!important;
	margin-top: 4px!important;
    margin-bottom: 0px!important;
    font-family: "Oswald", sans-serif;
}
.news-panel {
	height: 343px;
	list-style: outside none none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.arw {
	color: rgb(188, 60, 61);
	padding-right: 10px;
}
.dtype {
	color: rgb(14, 115, 182);
	padding-left: 10px;
}
.ndate {
	color: rgb(138, 109, 59);
}
.news-item {
	border-bottom: 1px solid rgb(228, 228, 228);
	margin: 6px 0;
	padding: 3px 10px;
}
.news-item p {
	margin: 4px 0;
}
.news-panel .arw {
	color: rgb(12, 8, 95);
	display: none;
	padding-right: 10px;
}
.news-panel .adtext {
	color: rgb(95, 95, 95);
	display: inline-block;
}
.news-panel .ndate {
	color: rgb(0, 0, 0);
	display: block;
}
.news-panel .ndate::before {
	color: rgb(149, 0, 0);
	content: "";
	font-family: "FontAwesome";
	padding-right: 2px;
}
.news-panel .dtype {
	color: rgb(204, 0, 0);
	display: none;
	padding-left: 10px;
}
.news-panel .fa-file-pdf-o {
	display: none;
}
.news-panel .dsize {
	color: rgb(30, 105, 162);
	display: block;
}
.news-panel .dsize::before {
	color: rgb(30, 105, 162);
	content: "";
	font-family: "FontAwesome";
	padding-right: 2px;
}
.ticker li::before {
	position: absolute;
	z-index: 0;
}
.news-item a::before {
	color: rgb(0, 0, 0);
	content: "";
	font-family: "FontAwesome";
	margin-left: -10px;
	margin-right: 5px;
	margin-top: 2px;
	position: relative;
	z-index: 0;
}


#city-aqi-container{width:100%;}
#details-aqi-popup-0{width:100%;border: 0 !important;}
#details-aqi-popup-0 div{width:100% !important;
box-sizing: border-box;
margin: 0 !important;
padding: 10px;
border: 0 !important;}

.fb-page.fb_iframe_widget{width:100% !important; height: 300px !important;}
.fb-page.fb_iframe_widget span{width:100% !important; height: 300px !important;}
.fb-page.fb_iframe_widget iframe{width:100% !important; height: 300px !important;}

/* Green_box */
.green_box{border-radius: 14px;box-shadow: 0px 2px 18px 0px rgba(138, 138, 138, 0.3);transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;background: #fff; position:relative;}
.green_box:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.green_box:before{content:""; width:86%; margin:auto; display:block; height:10px; position:absolute;bottom: -11px;border-radius: 20px 20px 0 0;left: 0;right: 0;	
/*background: rgb(213,213,213);
background:linear-gradient(180deg, rgb(213, 213, 213) 0%, rgb(255, 255, 255) 100%)*/}
.green_box:hover{box-shadow: 0px 5px 22px 0px rgba(138, 138, 138, 0.3);background: #ffa44c; cursor: pointer;}
.green_box:hover h6, .green_box:hover p, .green_box:hover .text_green{color:#fff;}

.green_box h6{font-weight: 700;}
.green_box .icon{max-width: 100%;max-height: 80px;}
.green_box p{color:#555;font-size: 15px;}

.dashboard_bg{background:url(../images/graphic_bg.png) no-repeat left center;}

.heading_one{color:#000;position:relative; margin-bottom:70px; text-align:center;}
.heading_one:before{content:""; position:absolute; bottom:-25px; left:0; right:0; width:100px; margin:auto; border-bottom:solid 4px #ffa44c;}
.heading_one:after{content:""; position:absolute; bottom:-31px; left:0; right:0; width:16px; height:16px; margin:auto;background: #ffa44c;transform: rotate(45deg);box-shadow: 0 0 2px 2px #fff;}
.heading_one span{color:#ffa44c;}

.heading_two{color:#000;position:relative; margin-bottom:70px; text-align:center;}
.heading_two span{color:#ffa44c;}

.text_green {color: #ffa44c;}
.table_scroll{max-height: 500px; overflow-y: auto;}


.btn_orange{font-size:14px; font-weight:600; border-radius:20px; height:40px; line-height:40px;	background: #faa804; color:#fff; padding:0px 25px;}
.btn_orange:hover{background: #faa804; color:#fff; opacity:0.8;}

.btn_green{font-size:14px; font-weight:600; border-radius:20px; height:40px; line-height:40px;	background: #ffa44c; color:#fff; padding:0px 25px;}
.btn_green:hover{background: #ffa44c; color:#fff; opacity:0.8;}

/*Login CSS*/
.login_bg {height:100vh;display: flex;align-items: center;justify-content: center;background: url(../images/login_bg.jpg) 0 0/cover;}
.login_bg .login-form {max-width:400px;width:96%;margin:auto;background-color: #FFF;border-radius: 0;box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.5);min-height: 80px;padding:35px;}
.login_bg .login-form .logo {max-width: 100%;max-height: 60px;margin:auto;}

.category_list {background: #e16f00;color: #fff; font-size:16px;border: solid 1px #fff;overflow: hidden;box-shadow: 0 4px 6px #d9d9d9;border-radius:6px;padding: 0 10px 0 0;transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
.category_list:hover{opacity:0.8 !important;}
.category_list img{overflow: hidden; border-radius:6px 0 0 6px;}

.footer_logo{max-width: 100%;max-height: 40px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: inherit;}

.thumbnail img{width: 100%;height: 200px;display: table;}
.modal_body_scroll {height:calc(100vh - 150px); overflow-y:auto;}
.heading {
	background-color: var(--cyan);
	
	color: white;
	text-align: center;
	border-radius: 8px;
}
@supports ((position:-webkit-sticky) or (position:sticky)) .sticky-top1 {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}