/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.fa { font-weight:900 !important; }

.bx-wrapper .bx-pager.bx-default-pager a {
	background:#ffffff7a;
	opacity: 1 ; 
	border-radius: 8px;  
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #ffffff;
 	width: 20px;
    height: 20px;
 	border-radius: 10px;
	padding: 3px;
}


.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {   
    bottom: 30px !important;    
}

.top-slanted-enquiry-img { 
  position: relative;
  overflow: hidden;

}

.top-slanted-enquiry-img:after {
	content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    background-color: #F3F3F3;
    bottom: 501px;
    transform-origin: right top;
    transform: skewY(342deg);
}

.slanted-enquiry-img { 
  position: relative;
  overflow: hidden;

}

.slanted-enquiry-img:after {
    height: 19%;
    width: 100%;
    background-color: #F3F3F3;
    position: absolute;
    content: "";
    transform: rotate(84deg);
    transform-origin: bottom right;
    top: 610px;
}

textarea {
	height: 80px;
}

input[type=text], input[type=password], input[type=email], 
input[type=tel], input[type=date], input[type=month], input[type=week], 
input[type=time], input[type=number], input[type=search],
input[type=url], textarea {
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}

button, input[type=button], input[type=submit] {
    width: 158px;
    height: 50px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 13px;
    opacity: 1;
    background-color: #343639;
    border: none;
}

.mcf input[type=submit] {
    font-size: 16px;
    line-height: 1.2;
    Display: grid;
    Margin: auto;
}

button:hover, input[type=button]:hover, input[type=submit]:hover {
    background-color: #343639;
    color: #fff;
    border: 1px solid #343639;
    text-decoration: none;
}

button:active, input[type=button]:active, input[type=submit]:active, button:focus, input[type=button]:focus, input[type=submit]:focus {
    background-color: #343639;
    color: #fff;
    border: 1px solid #343639;
    outline: none;
    position: relative;
    top: 1px;
}

select {
    box-shadow: 0px 3px 6px #00000029 !important;
    opacity: 1;
    display: block;
    width: 376px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #808080;
    vertical-align: middle;
    background-color: #fcfcfc;
    background-image: none;
    border: 1px solid #e6e6e6;
    -moz-transition: all ease-in-out .15s;
    -webkit-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 40px;
}

.stand-cb {	
    font-size: 14px;
 	font-weight: 700;
}

/* footer */

.fl-page-footer-widgets-container.container-fluid {
    padding: 0 30px 0 60px;
}

.fl-page-footer-widgets a, .fl-page-footer-widgets a *, .fl-page-footer-widgets a.fas, .fl-page-footer-widgets a.fab {
    color: #000000;
}

/*Media Query*/
@media screen and (max-width: 1024px) {
 .slanted-enquiry-img:after {
    height: 13%;
    width: 635px;
    background-color: #F3F3F3;
    position: absolute;
    content: "";
    transform: rotate(84deg);
    transform-origin: bottom right;
    top: 535px;
    right: 1px;
}
}

@media screen and (max-width: 360px) {
select {
    width: 320px;
}
}

@media screen and (max-width: 768px) and (min-width: 360px) {
select {
    width: 358px;
}
}