/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/**** SPACING / PADDING / MARGINS *****/

.p-10 {padding:10px;}
.p-20 {padding:20px;}
.p-30 {padding:30px;}
.p-40 {padding:40px;}
.p-50 {padding:50px;}
.p-60 {padding:60px;}
.p-70 {padding:70px;}
.p-80 {padding:80px;}
.p-90 {padding:90px;}
.p-100 {padding:100px;}

.pl-10 {padding-left:10px;}
.pl-20 {padding-left:20px;}
.pl-30 {padding-left:30px;}
.pl-40 {padding-left:40px;}
.pl-50 {padding-left:50px;}
.pl-60 {padding-left:60px;}
.pl-70 {padding-left:70px;}
.pl-80 {padding-left:80px;}
.pl-90 {padding-left:90px;}
.pl-100 {padding-left:100px;}

.pr-10 {padding-right:10px;}
.pr-20 {padding-right:20px;}
.pr-30 {padding-right:30px;}
.pr-40 {padding-right:40px;}
.pr-50 {padding-right:50px;}
.pr-60 {padding-right:60px;}
.pr-70 {padding-right:70px;}
.pr-80 {padding-right:80px;}
.pr-90 {padding-right:90px;}
.pr-100 {padding-right:100px;}

.px-10 {padding-right:10px; padding-left:10px;}
.px-20 {padding-right:20px; padding-left:20px;}
.px-30 {padding-right:30px; padding-left:30px;}
.px-40 {padding-right:40px; padding-left:40px;}
.px-50 {padding-right:50px; padding-left:50px;}
.px-60 {padding-right:60px; padding-left:60px;}
.px-70 {padding-right:70px; padding-left:70px;}
.px-80 {padding-right:80px; padding-left:80px;}
.px-90 {padding-right:90px; padding-left:90px;}
.px-100 {padding-right:100px; padding-left:100px;}

.py-10 {padding-top:10px; padding-bottom:10px;}
.py-20 {padding-top:20px; padding-bottom:20px;}
.py-30 {padding-top:30px; padding-bottom:30px;}
.py-40 {padding-top:40px; padding-bottom:40px;}
.py-50 {padding-top:50px; padding-bottom:50px;}
.py-60 {padding-top:60px; padding-bottom:60px;}
.py-70 {padding-top:70px; padding-bottom:70px;}
.py-80 {padding-top:80px; padding-bottom:80px;}
.py-90 {padding-top:90px; padding-bottom:90px;}
.py-100 {padding-top:100px; padding-bottom:100px;}

.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-60 {padding-top:60px;}
.pt-70 {padding-top:70px;}
.pt-80 {padding-top:80px;}
.pt-90 {padding-top:90px;}
.pt-100 {padding-top:100px;}

.pb-10 {padding-bottom:10px;}
.pb-20 {padding-bottom:20px;}
.pb-30 {padding-bottom:30px;}
.pb-40 {padding-bottom:40px;}
.pb-50 {padding-bottom:50px;}
.pb-60 {padding-bottom:60px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-90 {padding-bottom:90px;}
.pb-100 {padding-bottom:100px;}

.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-60 {margin-top:60px;}
.mt-70 {margin-top:70px;}
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}

.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}

.my-10 {margin-bottom:10px; margin-top:10px;}
.my-20 {margin-bottom:20px; margin-top:20px;}
.my-30 {margin-bottom:30px; margin-top:30px;}
.my-40 {margin-bottom:40px; margin-top:40px;}
.my-50 {margin-bottom:50px; margin-top:50px;}
.my-60 {margin-bottom:60px; margin-top:60px;}
.my-70 {margin-bottom:70px; margin-top:70px;}
.my-80 {margin-bottom:80px; margin-top:80px;}
.my-90 {margin-bottom:90px; margin-top:90px;}
.my-100 {margin-bottom:100px; margin-top:100px;}

.mr-10 {margin-right:10px;}
.mr-20 {margin-right:20px;}
.mr-30 {margin-right:30px;}
.mr-40 {margin-right:40px;}
.mr-50 {margin-right:50px;}
.mr-60 {margin-right:60px;}
.mr-70 {margin-right:70px;}
.mr-80 {margin-right:80px;}
.mr-90 {margin-right:90px;}
.mr-100 {margin-right:100px;}

.ml-10 {margin-left:10px;}
.ml-20 {margin-left:20px;}
.ml-30 {margin-left:30px;}
.ml-40 {margin-left:40px;}
.ml-50 {margin-left:50px;}
.ml-60 {margin-left:60px;}
.ml-70 {margin-left:70px;}
.ml-80 {margin-left:80px;}
.ml-90 {margin-left:90px;}
.ml-100 {margin-left:100px;}

.mx-10 {margin-left:10px; margin-right:10px;}
.mx-20 {margin-left:20px; margin-right:20px;}
.mx-30 {margin-left:30px; margin-right:30px;}
.mx-40 {margin-left:40px; margin-right:40px;}
.mx-50 {margin-left:50px; margin-right:50px;}
.mx-60 {margin-left:60px; margin-right:60px;}
.mx-70 {margin-left:70px; margin-right:70px;}
.mx-80 {margin-left:80px; margin-right:80px;}
.mx-90 {margin-left:90px; margin-right:90px;}
.mx-100 {margin-left:100px; margin-right:100px;}

/**** misc *******/

 .hide {
	display:none;
  }
 .hide-mobile {
  	display:flex;
  }
.hide-desktop {
	display:none;
}
@media only screen and (max-width: 767px) {
  .hide-mobile {
  	display:none;
  }
  .hide-desktop {
	display:block;
}
}


/*****************************************************************************/
/****************************************************************************/
/********************Dev CSS Starts Here************************************/
/**************************************************************************/
/*************************************************************************/

.logo-img
{
	    -webkit-transition: ease-in-out all .7s;
    transition: ease-in-out all .7s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.logo-img:hover 
{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.header-wrapper.is-scrolled
{
	background: rgb(0 0 0 / 70%);
    padding: 15px 0px!important;
}
.copyright-text a
{
	text-decoration: underline;
}
.custom-box:hover .custom-box-bg-img
{
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    filter: brightness(1.1);
}
.custom-box-bg-img
{
	object-fit: cover;
    aspect-ratio: 387.94 / 371.45;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}
.custom-box-heading
{
	transition: opacity .2s ease;
}
.custom-box:hover .custom-box-heading
{
	display: none;
}
.hover-content
{
	opacity: 0;
    -webkit-transform: translateY(6.5rem);
    transform: translateY(6.5rem);
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease;
    -ms-flex-item-align: stretch;
      position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.custom-box:hover .hover-content
{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.home-gradient-box
{
	background: linear-gradient(266.94deg, #DE4B51 33.33%, #E1E8E8 74.23%);
    -webkit-box-shadow: 2px 2px 5.4px rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 5.4px rgba(0, 0, 0, .25);
}
.header-wrapper.is-scrolled .logo-img img
{
	width: 250px;
}
.brxe-text ul
{
    margin: 0px;
    padding-left: 20px;	
}
.body-text-24 ul li
{
	line-height: 1.3;
    margin-bottom: 15px;
}
.body-text-24 ul li:last-child
{
	margin-bottom: 0px;
}
.body-text-18 ul li
{
	line-height: 1.4;
    margin-bottom: 12px;
}
.body-text-18 ul li:last-child
{
	margin-bottom: 0px;
}
.accordion-title .icon
{
	border: 1px solid #fff;
    padding: 10px 12px;
    border-radius: 50%;
    margin-right: 20px;
}
li.accordion-item.listening 
{
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.shadow-text
{
	text-shadow: 0 .25rem .25rem rgba(0, 0, 0, .25);
}
.comparison-scroll 
{
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.comparison-table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  color: #182b3a;
}

.comparison-table th,
.comparison-table td {
  text-align: left;
  padding: 9px 16px;
  font-size: 20px;
  line-height: 1.45;
  vertical-align: middle;
}

.comparison-table th {
  font-weight: 700;
  text-decoration: underline;
  padding-bottom: 18px;
}

.comparison-table .sema {
  color: #3546d3;
}

.comparison-table .tirz {
  color: #f04450;
}

.comparison-table th:first-child,
.comparison-table td:first-child {
  width: 25%;
}

.comparison-table th:nth-child(2),
.comparison-table td:nth-child(2) {
  width: 30%;
}

.comparison-table th:nth-child(3),
.comparison-table td:nth-child(3) {
  width: 30%;
}

.bottom-line {
  margin-top: 22px;
  font-size: 20px;
  line-height: 1.55;
}

.bottom-line-title {
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 10px;
}
.comparison-table th:nth-child(4),
.comparison-table td:nth-child(4) {
  width: 25%;
}

.comparison-table .combo {
  color: #64858d;
}
.header-menus-primary ul.bricks-nav-menu
{
	align-items: center;
}
.only-for-mobile-menu
{
	display: none;
}
.gform_required_legend
{
	display: none;
}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select 
{
    max-width: 100%;
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #fff;
    color: #fff;
    outline: 0px;
    padding: 15px 15px !important;
    line-height: normal;
    font-size: 16px !important;
    font-family: "Montserrat";
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
   color: #fff;
   opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
   color: #fff;
   opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff;
   opacity: 1;
}
.gform_wrapper.gravity-theme .gform_footer button
{
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 700;
    letter-spacing: 2.3px;
    line-height: 1.29;
    color: #fff;
    padding: 13px 24px;
    border: 2px solid #de4b51;
    background: #de4b51;
    border-radius: 30px;
    width: 200px;
    text-align: center;
    outline: 0px;
}
.gform_wrapper.gravity-theme .gform_footer button
{
	background: #d0262d;
    border-color: #d0262d;
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer
{
	justify-content: center;
    margin-top: 20px!important;
    padding-bottom: 0px!important;
}
.shop-btn
{
	cursor: pointer;
}







/*****************************************************************************************/
/****************************************************************************************/
/*************************Responsive Starts Here****************************************/
/**************************************************************************************/
/*************************************************************************************/

@media (max-width: 1100px) 
{
	.brxe-section.header-wrapper
  {
      position: static;
   	 background-color: #3744d9;
  }
  .logo-img
  {
  		-webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
  }
  .only-for-mobile-menu
	{
		display: block;
	}
}

@media (max-width: 600px) 
{
  .comparison-table
  {
    min-width: 750px;
  }
  .comparison-table th,
  .comparison-table td 
  {
    font-size: 17px;
    padding: 8px 12px;
  }
  .bottom-line 
  {
    font-size: 17px;
  }
}