/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* uper header css start */
*{
    margin: 0;
    padding: 0;
}
.container{
	max-width: 1200px;
}
.astra-logo-svg{
	width: 250px;
}
.svgIcon .elementor-icon:hover svg #Desktop-HD{
    fill: #FBDD3B;
    color: #FBDD3B;
    border-color: #FBDD3B;
}
.sticky {
  position: fixed !important;
	z-index: 100000011;
  width: 100%;
}
.elementor-button-link {
	text-decoration: none !important;
}
.underlineHover .elementor-button-link:hover {
    text-decoration: underline !important;
}
._form-thank-you{
	font-size: 26px;
    border: 1px solid rgb(0 0 0 / 0.5);
    box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 10px;
}

.uperheader{
	background: #fff;
	color: #3a3a3a;
	display: block;
	position: relative;
	padding: 15px 0 8px 0;
	border-bottom: 1px solid #E1E4E7;
}
.uperheader ul{
	margin: 0;
    padding: 0;
    list-style: none;  
    display: block;
	text-align: right;	
}
.uperheader ul li{
	display: inline-block;
	padding: 0 10px;
}
.uperheader ul li a{
	color: #3a3a3a;
	text-decoration: none;
	font-size: 12px;
	vertical-align: middle;
}

.uperheader.sticky .logo{
	display: inline-block;
    width: 30%;
	padding: 5px 0;
    float: left;
}
.btnEnquireNow{
	fill: #3a3a3a;
    color: #3a3a3a;
    background-color: #FBDD3B;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.sideBorder{
	border-right: 1px solid #E1E4E7;
    padding: 0 10px;
    line-height: 2;
    vertical-align: top;
}
.mobNumber{
    font-size: 16px !important;
    font-weight: bold;
}
.mobileHeader{
	display: none;
}
.sub-menu{
	list-style: none;
    padding: 0;
    margin: 0;
    background: #ffffff;
    border-radius: 5px;
    display: none;
}
.elementor-widget-container a{
	color: #001d41;
}
a.elementor-button-link:hover {
    color: #00142d !important;
}
.sub-menu.active {
	/*box-shadow: 0 3px 10px #001d41;*/
	box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    position: absolute;
    display: block;
    z-index: 1;
    width: max-content;
}
.deskHeader .navbar-expand-lg .navbar-nav .sub-menu .nav-item .nav-link:hover {
    color: #3a3a3a;
}
/* mobile menu */

.dl-menuwrapper li {
	position: relative;
}
@media screen and (max-width: 600px){
	html #wpadminbar {
		top: -46px;
	}
	._form-thank-you{
		font-size: 20px;
	}
}
@media screen and (min-width: 600px){
	.admin-bar .dl-menuwrapper{
		top: 45px;
	}
}

/* */
@media (max-width: 1023px){
	/*.admin-bar .dl-menuwrapper{
		top: 45px;
	}*/
	.uperheader, .deskHeader{
		display: none;
	}
	.mobileHeader{
		display: block;
	}
	*{
        margin: 0;
        padding: 0;
        font-family: "Source Sans Pro", Sans-serif;
    }
    .container{
        max-width: 1200px;
        width: 95%;
    }
    body {
        position: relative;
        overflow-x: hidden;
        width: 100%;
        font-family: "Source Sans Pro", Sans-serif;
   	}
	.mobileHeader {
		height: auto;
		margin: 0;
		position: relative;
		background: #fff;
		width: 100%;
		padding: 0;
	}
	.mobileHeader .navbar{
		background-color: #ffffff;
		margin: 0;
		padding: 10px 0;  
		position: relative;
		z-index: 111;  
		box-shadow: -5px 6px 10px -12px rgba(0,0,0,0.5);    
	}
	.menuSet{
		width: 100%;
		display: flex;
		flex-flow: nowrap;
		height: auto;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.mobNumber{
		width: auto;
		display: inline-block;
		margin: auto 0;
		margin-right: auto;
		font-family: "Source Sans Pro", Sans-serif;
		vertical-align: middle;
		text-align: left;
		color: #3a3a3a;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;        
		cursor: pointer;
	}
	.btnEnquireNow{
		margin: auto 0;     
		margin-left: auto;
		text-decoration: none;
		width: 120px;
		display: inline-block;
		text-align: center;
		fill: #3a3a3a;
		color: #3a3a3a;
		background-color: #FBDD3B;
		font-family: "Source Sans Pro", Sans-serif;
		line-height: 1;
		font-size: 12px;
		font-weight: bold;
		padding: 12px 20px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;        
		cursor: pointer;
	}
	.mobNumber:hover{
		text-decoration: none;
		color: #FBDD3B;
	}
	.btnEnquireNow:hover{
		text-decoration: none;
		color: #3a3a3a;
	}
	.btn-navbar {
		position: relative;
		width: 40px;
		height: 25px;
		margin: auto 0;
		padding: 2px 0;
		display: block;
		z-index: 1;
		margin-left: 0;        
		cursor: pointer;
		text-align: right;
	}
	.btn-navbar .icon-bar {
		display: block;
		width: 30px;
		height: 3px;
		background-color: #000000;
		margin: auto;        
		cursor: pointer;
	}
	.btn-navbar .icon-bar + .icon-bar {
		margin-top: 6px;
	}
	.logo{
		display: block;
		z-index: 11;
		width: 100%;
		margin: 0;
		padding: 30px 0;
		box-shadow: -5px 6px 10px -12px rgba(0,0,0,0.5);
	}
	.astra-logo-svg{
		width: 270px;
	}
	.logo .logo__Img img{
		width: 60%;                  
		cursor: pointer;
	}
	.uperMenu{
		display: block;
		text-align: right;
		position: relative;
		width: 100%;
		margin: 0;
		padding: 10px 20px;
	}
	.uperMenu .login{
		text-decoration: none;
		color: #fff;
		font-family: "Source Sans Pro", Sans-serif;
		font-size: 14px;
		font-weight: 500;
		padding: 0;
		margin: auto;
		vertical-align: middle;
		display: inline-block;
		width: 100px;
		opacity: 1;
		text-align: left;
	}
	.uperMenu .close{
		position: absolute;
		right: 25px;
		top: 10px;
		font-family: "Source Sans Pro", Sans-serif;
		width: 30px;
		height: 25px;
		opacity: 1 !important;
		padding: 0;
		margin: 0;
		color: #FBDD3B !important;
		text-shadow: none;
	}
	/*.uperMenu .close:before, .uperMenu  .close:after {
		position: absolute;
		left: 15px;
		content: '';
		height: 20px;
		width: 3px;
		background-color: #FBDD3B;
	}
	.uperMenu .close:before {
		transform: rotate(45deg);
	}      
	.uperMenu .close:after {
		transform: rotate(-45deg);
	}*/

	.bottomMenu{
		display: block;
		text-align: center;
		position: absolute;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0 30px !important;
    	bottom: 0;
		left: 0;
		height: auto !important;
	}
	.bottomMenu li{
		display: inline-block;
		position: relative;
		width: 49%;
		text-align: left;
	}
	.bottomMenu li:last-child{
		text-align: right;
	}
	.bottomMenu li a.mobNumber{
		padding: 0 !important;
	}
	.bottomMenu li a.btnEnquireNow{
		padding: 15px 20px;
		margin-left: auto;
		width: 150px;
		color: #3a3a3a;
		font-family: "Source Sans Pro", Sans-serif;
		background: #FBDD3B;
		font-weight: 600;
	}
	.leftArrow {
	    display: inline-block;
	    width: 30px;
	    color: #fbdd3b;
	    height: 30px;
	    vertical-align: middle;
	    position: absolute;
	    right: 15px;
	    top: auto;
	    line-height: 2;
	    margin: auto;
	    text-align: center;
	    cursor: pointer;
	    padding: 10px 0;
	}
	.leftArrow i{
		color: #fbdd3b;
	}
	a { text-decoration: none; }

	/* Common styles of menus */
	.mobileMenuBg{
		display: block;
	    width: 100%;
	    position: fixed;
	    opacity: 1;
		z-index: 111;
	    height: 100%;
	    overflow: hidden;
		background: #001D41;
	    margin: 0;
	    padding: 0;
	    top: 0;
	    left: 0;
	    -webkit-font-smoothing: antialiased;
	    transform-origin: 0% 0%;
	    transform: translateX(100%);
	    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}
	.dl-menuOpen{
		transform: translateX(0%);
	}
	.dl-menuwrapper {
		width: 100%;
/* 		height: 100vh; */
		height: 100%;
	    overflow: hidden;
		max-width: 100%;
		float: left;
		position: relative;
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 200%;
		-moz-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%;
		background: #001D41;
	}
	.dl-menuwrapper ul {
		background: #001D41;
		position: relative;
		padding: 20px 0 0 0;
		margin: 0;
		height: 100%;
    	width: 100%;
		list-style: none;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	#menu-mobile-header{
		height: 72vh;
	}
	.dl-menuwrapper li{
		transition-delay: 2s;
		margin-bottom: 15px;
	}
	.dl-menuwrapper li a {
		font-family: "Source Sans Pro", Sans-serif;
	    display: inline-block;
	    text-decoration: none;
	    position: relative;
	    padding: 10px 30px;
	    font-size: 18px;
	    line-height: 1.5;
	    font-weight: 500;
	    color: #fff;
	    outline: none;
	    width: auto;
	}
	.dl-menuwrapper li a:hover{
		background-color: #FFFFFF0A;
	    border-top-right-radius: 10px;
	    border-bottom-right-radius: 10px;
	}

	.dl-menuwrapper li.current-menu-item a, .dl-heading a {
		background-color: #FBDD3B !important;
		color: #001D41 !important;
	    border-top-right-radius: 10px;
	    border-bottom-right-radius: 10px;
		font-weight: 600 !important;
	}
	/* 10-12-20 */
	.dl-menuwrapper li.current-menu-item >  .dl-submenu li a {
		color: #fff !important;
	    background: transparent !important;
	    font-weight: 500 !important;
	} 
	.dl-menuwrapper li.current-menu-item >  .dl-submenu li.dl-heading a {
		background-color: #FBDD3B !important;
		color: #001D41 !important;
	    border-top-right-radius: 10px;
	    border-bottom-right-radius: 10px;
		font-weight: 600 !important;
	} 
	.dl-menuwrapper li.dl-back{
		position: relative;
	    display: block;
	    cursor: pointer;
	}
	.dl-menuwrapper li.dl-back > a{
		font-family: "Source Sans Pro", Sans-serif;
	}
	.dl-menuwrapper li.dl-back > a img{
		padding-right: 10px;
		vertical-align: middle;
	}

	.no-touch .dl-menuwrapper li a:hover {
		background-color: #FFFFFF0A;
	    border-top-right-radius: 10px;
	    border-bottom-right-radius: 10px;
	}

	.dl-menuwrapper .dl-menu {
		margin: 0 0 50px 0;
		position: relative;
		width: 100%;
		opacity: 1;
		height: auto;
		overflow-x: hidden;
	    overflow-y: scroll;
	}

	/* Hide the inner submenus */
	.dl-menuwrapper li .dl-submenu {
		display: block;
	    z-index: 1111;
	    position: relative;
	    position: fixed;
	    width: 100%;
	    /*right: -100%;*/
	    top: 0;
	    background: #001D41;
	    overflow-x: hidden;
	    overflow-y: scroll;
	    height: 75vh;
	    -webkit-font-smoothing: antialiased;
	    transform-origin: 0% 0%;
	    transform: translateX(100%);
	    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}
	.dl-subMenuOpen{
		/*right: 0 !important;*/
		transform: translateX(0%) !important;
	}


	/* 
	When a submenu is openend, we will hide all li siblings.
	For that we give a class to the parent menu called "dl-subview".
	We also hide the submenu link. 
	The opened submenu will get the class "dl-subviewopen".
	All this is done for any sub-level being entered.
	*/

	.dl-menu.dl-subview li,
	.dl-menu.dl-subview li.dl-subviewopen > a,
	.dl-menu.dl-subview li.dl-subview > a {
		display: none;
	}

	.dl-menu.dl-subview li.dl-subview,
	.dl-menu.dl-subview li.dl-subview .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
		display: block;
	}

	/* Dynamically added submenu outside of the menu context */
	.dl-menuwrapper > .dl-submenu {
		position: absolute;
		width: 100%;
		top: 50px;
		left: 0;
		margin: 0;
	}

	/* No JS Fallback */
	.no-js .dl-menuwrapper .dl-menu {
		position: relative;
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	.no-js .dl-menuwrapper li .dl-submenu {
		display: block;
	}

	.no-js .dl-menuwrapper li.dl-back {
		display: none;
	}

	.no-js .dl-menuwrapper li > a:not(:only-child) {
		background: rgba(0,0,0,0.1);
	}

	.no-js .dl-menuwrapper li > a:not(:only-child):after {
		content: '';
	}
}
/* uper header css end */
.underline-link .elementor-widget-container .elementor-button-link:hover{
	text-decoration: underline !important;
}
/* desk header css start */
.deskHeader{
	z-index: 1;
    width: 100%;
    padding: 25px 0;
    margin: 0;
    height: auto;
    position: relative;
    background: #fff;
    box-shadow: -5px 6px 10px -12px rgba(0,0,0,0.5);
}
.deskHeader .navbar{
	margin: 0;
	padding: 0;
}
.deskHeader .logo{
	width: 250px;
    display: block;
    margin: auto 0;
    vertical-align: middle;
}
.deskHeader .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 20px;
    color: #001d41;
    font-weight: 500;
    opacity: 1;
}
.deskHeader .navbar-expand-lg .navbar-nav .nav-link:hover{
	color: #FBDD3B;
}
.deskHeader .dropdown-toggle::after{
	vertical-align: middle;
}
.deskHeader .dropdown-menu {
    position: absolute;
    transform: translate(-50%, 0%);
    top: 70px;
    left: 50%;
    width: 250px;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #3a3a3a;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
}
.deskHeader .dropdown-menu .dropdown-item{
	padding: 10px 20px;
    color: #3a3a3a;
    font-weight: 500;
}
.deskHeader .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    color: #3a3a3a;
    text-decoration: none;
    background-color: #FBDD3B;
}
/* desk header css end */

.mobsticky {
  position: fixed !important;
  z-index: 999;
  width: 100%;
  top: 0;
}

@media (min-width: 1200px){
	.container {
		max-width: 1200px !important; 
	}
	.ast-breadcrumbs-wrapper {
		max-width: 1140px;
	}
}
@media (min-width: 992px){
	.ast-breadcrumbs-wrapper {
	    max-width: 960px;
	}
}
@media (min-width: 768px){
	.ast-breadcrumbs-wrapper {
	    max-width: 720px;
	}
}
@media (min-width: 576px){
	.ast-breadcrumbs-wrapper {
	    max-width: 540px;
	}
}

.ast-breadcrumbs-wrapper {
	font-size:12px;
    display: block;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 30px 15px;
}
.elementor-text-editor a {
	color: #001d41;
	font-weight: bold;
}
.ast-breadcrumbs-wrapper .trail-items a {
    color: #001d41;
    font-weight: bold;
}

.retail-heading{
	color: #54595F !important;
} 

._form._form_13{
	display: none;
}
.popup ._form._form_13, .contact ._form._form_13{
	display: block;
}

._form {
	padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
	font-family: "Source Sans Pro", Sans-serif !important;
}
._form_11 {
	padding: 20px !important;
    background: #F7F7F7 !important;
    border-radius: 5px !important;
}
._form_7{
	background: transparent !important;
}

._form ._form-title, ._form ._form-label {
   	font-size: 16px !important;
    line-height: 20px !important;
    margin: 20px 0 !important;
    color: #54595F;
	font-weight: 600 !important;
	font-family: "Source Sans Pro", Sans-serif !important;
}

._form_13 ._form_element._x50270205, ._form_13 ._form_element._x39649766, ._form_13 ._form_element._field3, ._form_13 ._form_element._field27, ._form_3 ._form_element._x64161605, ._form_3 ._form_element._x08426381, ._form_14 ._form_element._x71348816, ._form_14 ._form_element._x44972288, ._form_11 ._form_element._x08272756, ._form_11 ._form_element._x32501569, ._form_11 ._form_element._field2, ._form_7 ._form_element._x77523726, ._form_7 ._form_element._x32675178 {
	width: 48% !important;
    display: inline-block !important;
    float: left !important;
    margin-right: 2% !important;
}
._form_13 ._form_element._x92931289, ._form_13 ._form_element._field25, ._form_13 ._form_element._field4, ._form_13 ._form_element._field18, ._form_3 ._form_element._x49664814, ._form_3 ._form_element._x53618512, ._form_14 ._form_element._x34085443, ._form_14 ._form_element._field25, ._form_11 ._form_element._x86226944, ._form_11 ._form_element._x34630590, ._form_11 ._form_element._field24, ._form_7 ._form_element._x91837602, ._form_7 ._form_element._x89824363 {
	width: 48% !important;
    display: inline-block !important;
    margin-left: 2% !important;
}
._form ._form_element input, ._form ._form_element textarea, ._form ._form_element select{
	padding: 12px 20px !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px !important;
    color: #54595F !important;
    margin-bottom: 5px !important;
    background: #fff;
	font-family: "Source Sans Pro", Sans-serif !important;
}

input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea, button, input, optgroup, select, textarea{
	font-family: "Source Sans Pro", Sans-serif !important;
}

._form_14 ._form_element input, ._form_14 ._form_element textarea, ._form_14 ._form_element select{
    border: rgb(234 234 234 / 0.8) 1px solid !important
}

._form ._form_element._field28 ._form-label {
    font-weight: 400 !important;
    margin-bottom: 10px !important;
    color: #54595F !important;
    display: block !important;
    margin-top: 20px !important;
}

._form ._button-wrapper ._submit{
	font-size: 16px !important;
    font-weight: 600;
	margin-top: 10px;
}
.jet-smart-listing__post-excerpt.post-excerpt-simple {
    min-height: 45px;
}
@media (max-width: 1023px){
	._form_13 ._form_element._x50270205, ._form_13 ._form_element._x39649766, ._form_13 ._form_element._field3, ._form_13 ._form_element._field27, ._form_3 ._form_element._x64161605, ._form_3 ._form_element._x08426381, ._form_14 ._form_element._x71348816, ._form_14 ._form_element._x44972288, ._form_11 ._form_element._x08272756, ._form_11 ._form_element._x32501569, ._form_11 ._form_element._field2, ._form_7 ._form_element._x77523726, ._form_7 ._form_element._x32675178 {
		width: 100% !important;
	    display: block !important;
	    float: none !important;
	    margin-right: 0% !important;
	}
	._form_13 ._form_element._x92931289, ._form_13 ._form_element._field25, ._form_13 ._form_element._field4, ._form_13 ._form_element._field18, ._form_3 ._form_element._x49664814, ._form_3 ._form_element._x53618512, ._form_14 ._form_element._x34085443, ._form_14 ._form_element._field25, ._form_11 ._form_element._x86226944, ._form_11 ._form_element._x34630590, ._form_11 ._form_element._field24, ._form_7 ._form_element._x91837602, ._form_7 ._form_element._x89824363  {
		width: 100% !important;
	    display: block !important;
	    margin-left: 0% !important;
	}
}
@media (max-width: 1100px){
	.jet-smart-listing__post-excerpt.post-excerpt-simple {
    min-height: 85px !important;
  }
}

/* Custom Dropdown Css Start */
select {
    display: none !important;
}
.dropdown-select span{
	font-size: 14px;
    color: #2d2d2d;
    font-weight: 400;
}
.dropdown-select {
  	color: #2d2d2d;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    transition: none;
    background-image: url(http://ec2-3-25-34-72.ap-southeast-2.compute.amazonaws.com/wp-content/uploads/2020/12/downArrowBlack.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
    background-size: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: block !important;
    outline: none;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    padding: 12px 20px !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px !important;
    margin-bottom: 5px !important;
    background-color: #ffffff;
    font-family: "Source Sans Pro", Sans-serif !important;
}
.dropdown-select:hover, .dropdown-select:focus {
    background-color: #ffffff;
}
.dropdown-select:active,
.dropdown-select.open {
    background-color: #ffffff;
    border: 1px solid #ffffff !important;
    box-shadow: 0 3px 6px #ffffff29;
    border-bottom: none;
	padding: 12px 20px !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.dropdown-select.open {
	background-image: url("http://ec2-3-25-34-72.ap-southeast-2.compute.amazonaws.com/wp-content/uploads/2020/12/upArrowBlack.svg") !important;
    background-size: 12px !important;
	background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
	transition: none;
}
.dropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	box-shadow: 0 3px 6px #ffffff29;
}
.dropdown-select.open .option {
    cursor: pointer;
}
.dropdown-select.wide {
    width: 100%;
}
.dropdown-select.wide .list {
    left: -1px !important;
    right: -1px !important; 
}
.dropdown-select .list {
    box-sizing: border-box;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.09);
    background-color: #f7f7f7;
    border-radius: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    max-height: 500px;
    overflow: auto;
    border: 1px solid #ffffff !important;
}
.dropdown-select .list ul {
    padding: 0;
    margin: 0;
}
.dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 1.5;
    outline: none;
    background:#f7f7f7;
    color: #2d2d2d;
    padding: 10px 15px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
}
.dropdown-select .option.selected{
    background: #ffffff;
    color: #2d2d2d;
}
.dropdown-select .option:hover{
  	background: #ffffff;
    color: #2d2d2d;
}
/* Custom Dropdown Css End */

/* Custom radio & checkbox Css start */
._checkbox-radio {
	position: relative;
	cursor: pointer;
	margin-bottom: 5px;
}
input[type="radio"]:checked, input[type="radio"]:not(:checked), input[type=checkbox]:checked, input[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
}
input[type="radio"]:checked + span label, input[type="radio"]:not(:checked) + span label,
input[type=checkbox]:checked + span label, input[type=checkbox]:not(:checked) + span label{
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 30px;
    display: inline-block;
    color: #666;
}
input[type="radio"]:checked + span label:before, input[type="radio"]:not(:checked) + span label:before,
input[type=checkbox]:checked + span label:before, input[type=checkbox]:not(:checked) + span label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 100%;
    background: #fff;
}
input[type="radio"]:checked + span label:after, input[type="radio"]:not(:checked) + span label:after,
input[type=checkbox]:checked + span label:after, input[type=checkbox]:not(:checked) + span label:after{
    content: '';
    width: 15px;
    height: 15px;
    background: #fbdd3b;
	border: 1px solid #fbdd3b;
    position: absolute;
    top: 8px;
    left: 8px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
input[type=checkbox]:checked + span label:before, input[type=checkbox]:not(:checked) + span label:before, input[type=checkbox]:checked + span label:after, input[type=checkbox]:not(:checked) + span label:after{
	border-radius: 0;
}
input[type="radio"]:not(:checked) + span label:after, input[type=checkbox]:not(:checked) + span label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
input[type="radio"]:checked + span label:after, input[type=checkbox]:checked + span label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
input[type="radio"]:checked + span label:before, input[type=checkbox]:checked + span label:before {
    border: 1px solid #fbdd3b;
}
/* Custom radio & checkbox Css End */