.row>*
{
flex-shrink: 0;
margin-top: 0;
max-width: 100%;
padding-left: calc(1.5rem * .5);
padding-right: calc(1.5rem * .5);
width: 100%;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: calc(1.5rem * -.5);
margin-right: calc(1.5rem * -.5);
margin-top: calc(0 * -1);
}
.mb-3 {
margin-bottom: 1rem !important;
}
.px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.text-left {
text-align: left;
}
.mt-5 {
margin-top: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.figure {
display: inline-block;
}
.img-fluid, .img-thumbnail {
height: auto;
max-width: 100%;
}
figure {
margin: 0 0 1rem;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.d-block {
display: block !important;
}
.custom-row .btn-outline-primary {
text-transform: uppercase;
}
.custom-row .btn {
background-color: transparent;
border: 2px solid #2b2b2b;
border-radius: 0;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: 400;
line-height: 2;
padding: 1rem 1.75rem;
text-align: center;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
vertical-align: middle;
}
.custom-row .btn:hover {
background-color: #2b2b2b;
border-color: #2b2b2b;
color: #fff;
}
.custom-row .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
background-color: #2b2b2b;
border-color: #2b2b2b;
color: #fff;
}
.block-flexed-new .right-side-new{
width: 60%;
padding-left: 50px;
}
.block-flexed-new .left-side-new{
width: 40%;
}
.block-flexed-new{
display: flex;
flex-direction: row;
padding: 0 160px;
}
@media (max-width: 992px) {
.block-flexed-new{
padding: 0 0px;
}
.block-flexed-new .left-side-new {
width: 50%;
}
.block-flexed-new .right-side-new {
width: 50%;
padding-left: 20px;
}
}
@media (max-width: 768px) {
.block-flexed-new {
flex-direction: column;
}
.block-flexed-new .left-side-new {
width: 100%;
}
.block-flexed-new .right-side-new {
width: 100%;
padding-left: 0px;
}
}
@media (min-width: 992px) {
.col-lg-5 {
flex: 0 0 auto;
width: 100%;
}
}